@font-face {
    font-family: 'FuturaPT-Bold';
    src: url('../fonts/FuturaPT-Bold.eot');
    src: url('../fonts/FuturaPT-Bold.woff2') format('woff2'), url('../fonts/FuturaPT-Bold.woff') format('woff'), url('../fonts/FuturaPT-Bold.ttf') format('truetype'), url('../fonts/FuturaPT-Bold.svg#FuturaPT-Bold') format('svg'), url('../fonts/FuturaPT-Bold.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FuturaPT-Medium';
    src: url('../fonts/FuturaPT-Medium.eot');
    src: url('../fonts/FuturaPT-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/FuturaPT-Medium.svg#FuturaPT-Medium') format('svg'),  url('../fonts/FuturaPT-Medium.ttf') format('truetype'),  url('../fonts/FuturaPT-Medium.woff') format('woff'),  url('../fonts/FuturaPT-Medium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NHaasGroteskDSPro-55Rg';
    src: url('../fonts/NHaasGroteskDSPro-55Rg.eot');
    src: url('../fonts/NHaasGroteskDSPro-55Rg.woff2') format('woff2'), url('../fonts/NHaasGroteskDSPro-55Rg.woff') format('woff'), url('../fonts/NHaasGroteskDSPro-55Rg.ttf') format('truetype'), url('../fonts/NHaasGroteskDSPro-55Rg.svg#NHaasGroteskDSPro-55Rg') format('svg'), url('../fonts/NHaasGroteskDSPro-55Rg.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NHaasGroteskDSPro-65Md';
    src: url('../fonts/NHaasGroteskDSPro-65Md.eot');
    src: url('../fonts/NHaasGroteskDSPro-65Md.woff2') format('woff2'), url('../fonts/NHaasGroteskDSPro-65Md.woff') format('woff'), url('../fonts/NHaasGroteskDSPro-65Md.ttf') format('truetype'), url('../fonts/NHaasGroteskDSPro-65Md.svg#NHaasGroteskDSPro-65Md') format('svg'), url('../fonts/NHaasGroteskDSPro-65Md.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NHaasGroteskDSPro-75Bd';
    src: url('../fonts/NHaasGroteskDSPro-75Bd.eot');
    src: url('../fonts/NHaasGroteskDSPro-75Bd.woff2') format('woff2'), url('../fonts/NHaasGroteskDSPro-75Bd.woff') format('woff'), url('../fonts/NHaasGroteskDSPro-75Bd.ttf') format('truetype'), url('../fonts/NHaasGroteskDSPro-75Bd.svg#NHaasGroteskDSPro-75Bd') format('svg'), url('../fonts/NHaasGroteskDSPro-75Bd.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/fa-regular-400.eot");
    src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg");
}
@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/fa-brands-400.eot");
    src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg#fontawesome") format("svg");
}
@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/fa-solid-900.eot");
    src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg");
}
.loader {
    position: relative;
}
.loader-left {
    position: fixed;
    width: 50%;
    left: 0;
    height: 100%;
    background-color: #fff;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    z-index: 9999;
}
.loader-logo {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9999999;
    text-align: center;
    margin: 0 auto;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    top: 50%;
}
.loader-right {
    z-index: 9999;
    position: fixed;
    width: 50%;
    right: 0;
    height: 100%;
    background-color: #fff;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 400;
}
.fa, .fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}
.fab {
    font-family: 'Font Awesome 5 Brands';
}
.far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #595959;
    font-weight: 400;
}
p>strong, span>strong, a>strong, li>strong {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 15px;
}
p {
    line-height: 23px;
}
p, ul li, ol li, span, label {
    font-family: 'Open Sans', sans-serif;
    color: #595959;
    font-size: 14px;
    font-weight: 400;
}
h1, h2, h3, h4, h5 {
    font-family: 'FuturaPT-Bold';
    text-transform: uppercase;
}
#first-time {
    display: none;
}
.top-head {
    position: absolute;
    top: 0;
    z-index: 99;
    left: 0;
    right: 0;
    padding: 10px 0px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
}
.top-head.fixed-header {
    position: fixed;
    top: 0;
    z-index: 999;
    left: 0;
    right: 0;
    background-color: #fff;
    -webkit-box-shadow: 0px 1px 7px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 1px 7px rgba(0,0,0,0.1);
    -o-box-shadow: 0px 1px 7px rgba(0,0,0,0.1);
    -ms-box-shadow: 0px 1px 7px rgba(0,0,0,0.1);
}
.top-head.fixed-header .tb-megamenu .nav > li > a {
    color: #000;
}
.top-head.fixed-header .tb-megamenu .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #000;
    border-bottom-color: #000;
    margin-top: 11px;
}
.top-head.fixed-header .tb-megamenu-nav li a.contact-us {
    border: 1px solid #000;
}
.top-head.fixed-header .logo-mobile {
    display: block;
}
.top-head.fixed-header .logo-desktop {
    display: none;
}
#navbar {
    margin: 0 auto;
    background-color: transparent;
    border: 0;
}
.navbar-collapse {
    float: right;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #f68b1f;
    background-color: transparent;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #f68b1f;
    background-color: transparent;
}
.navbar-default .navbar-nav > li > a {
    font-size: 17px;
    padding: 10px 13px;
}
.navbar-default .navbar-nav > li.last > a {
    padding: 10px 25px;
    border: 1px solid #fff;
    margin-left: 15px;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
}
.tb-megamenu .nav > li > a {
    border-right: none;
    border-top: 0 none;
    color: #fff;
    font-size: 15px;
    font-weight: inherit;
    padding: 10px 15px;
    text-shadow: none;
    background-color: transparent;
    margin-bottom: 18px;
    font-weight: 700;
}
#block-tb-megamenu-main-menu {
    margin-top: 15px;
}
.tb-megamenu {
    background-color: transparent;
}
.tb-megamenu .nav > li > a:focus, .tb-megamenu .nav > li > a:hover {
    background-color: transparent;
    color: #f68b1f;
    outline: medium none;
    text-decoration: none;
    text-shadow: none;
}
.tb-megamenu .nav li.dropdown.active > .dropdown-toggle, .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle, .tb-megamenu .nav > li.dropdown.open.active > a:hover {
    background-color: transparent;
    border-color: #f68b1f;
    color: #f68b1f;
}
.tb-megamenu .nav li.dropdown.open > .dropdown-toggle {
    background-color: transparent;
    color: #f68b1f;
}
.tb-megamenu .nav li.dropdown.open > .dropdown-toggle .caret, .tb-megamenu .nav li.dropdown.active > .dropdown-toggle .caret, .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f68b1f;
    border-bottom-color: #f68b1f;
}
.tb-megamenu .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
    margin-top: 11px;
}
.tb-megamenu .nav li.dropdown.open .caret, .tb-megamenu .nav li.dropdown.open.active .caret, .tb-megamenu .nav li.dropdown.open a:hover .caret, .tb-megamenu .nav li.dropdown.open a:focus .caret {
    border-top-color: #f68b1f;
    border-bottom-color: #f68b1f;
    opacity: 1;
    filter: alpha(opacity=100);
}
.tb-megamenu .dropdown-menu {
    position: absolute;
    top: 100%;
    left: -250px;
    padding: 15px;
}
.tb-megamenu .nav > .active > a, .tb-megamenu .nav > .active > a:hover, .tb-megamenu .nav > .active > a:focus {
    background-color: transparent;
    color: #f68b1f;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none;
}
.solution-menu .tb-megamenu-subnav li a {
    padding: 4px 0!important;
    border: 0px!important;
    color: #6f6f6f!important;
    font-size: 13px!important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-weight: 600!important;
}
.solution-menu .tb-megamenu-subnav {
    margin-left: 21px!important;
}
.solution-menu .tb-megamenu-subnav li {
    list-style: square!important;
    display: list-item!important;
}
.tb-megamenu .mega-nav > li a, .tb-megamenu .dropdown-menu .mega-nav > li a {
    padding: 1px 0;
    border: 0px;
    color: #6f6f6f;
    font-size: 13px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.tb-megamenu .mega-nav > li a:hover, .tb-megamenu .dropdown-menu .mega-nav > li a:hover, .tb-megamenu .mega-nav > li a:focus, .tb-megamenu .dropdown-menu .mega-nav > li a:focus {
    color: #f68b1f;
}
.tb-megamenu .dropdown-menu .mega-nav > li {
    display: block;
    float: none;
    list-style: square;
    margin-left: 0;
}
.tb-megamenu .span12.mega-col-nav .mega-inner {
    padding: 0;
}
.tb-megamenu .mega-inner {
    padding: 0px;
}
.tb-megamenu .mega-nav .mega-group > .mega-group-title, .tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title, .tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title, .tb-megamenu-subnav.mega-nav.level-1 >li>a {
    background: inherit;
    font-weight: 600;
    padding: 2px 0px;
    margin: 0;
    text-transform: none;
    margin: 0px;
    display: block;
    font-size: 14px;
    color: #08abba;
}
.tb-megamenu-subnav.mega-nav.level-2 {
    margin-left: 21px;
}
.tb-megamenu-subnav.mega-nav.level-2>li {
    list-style: square!important;
    display: list-item;
}
.tb-megamenu .dropdown-menu .active > a, .tb-megamenu .dropdown-menu .active > a:hover, .solution-menu .tb-megamenu-subnav li a:hover, .solution-menu .tb-megamenu-subnav li a.active {
    color: #f68b1f!important;
    text-decoration: none;
    outline: 0;
    background-color: transparent;
}
.tb-megamenu .dropdown-menu .active > a, .tb-megamenu .dropdown-menu .active > a:hover {
    color: #f68b1f;
    text-decoration: none;
    outline: 0;
    background-color: transparent;
    background-color: transparent;
    background-image: none;
}
.tb-megamenu .mega-nav .mega-group > .mega-group-title:hover, .tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title:hover, .tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title:hover, .tb-megamenu .mega-nav .mega-group > .mega-group-title:active, .tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title:active, .tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title:active, .tb-megamenu .mega-nav .mega-group > .mega-group-title:focus, .tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title:focus, .tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title:focus {
    background: inherit;
    color: #f68b1f;
}
.tb-megamenu-nav li a.contact-us:hover, .tb-megamenu-nav li.active a.contact-us {
    border: 1px solid #f68b1f!important;
}
.tb-megamenu-nav li a.contact-us {
    border: 1px solid #fff;
    padding: 10px 26px;
    margin-left: 10px;
}
/*============ Slider css start ===================*/
.home-slider .flexslider {
    border: 0px;
}
.flexslider {
    background-color: transparent;
}
.home-slider .flexslider ul li img {
    width: 100%;
    height: auto;
}
.home-slider .flexslider ul li .slider-content {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    opacity: 0;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    z-index: 99;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
}
.front .home-slider .flexslider ul li.flex-active-slide .slider-content {
    top: 40%;
    left: 0;
    right: 0;
    opacity: 1;
}
.not-front .home-slider .flexslider ul li.flex-active-slide .slider-content {
    top: 50%;
    left: 0;
    right: 0;
    opacity: 1;
}
.home-slider {
    position: relative;
    /* clip-path: polygon(0px 0px, 100% 0px, 100% 87%, 51% 100%, 0px 92%);
    -webkit-clip-path: polygon(0px 0px, 100% 0px, 100% 87%, 51% 100%, 0px 92%); */
    overflow: hidden;
    background-color: #fff;
}
.home-slider:after {
    background: url(../images/slider-bottom.png) center center no-repeat;
    width: 100%;
    height: 144px;
    position: absolute;
    bottom: -11px;
    content: "";
    z-index: 9;
    left: 0;
    background-size: cover;
}
.home-slider:before {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 200px;
    content: "";
    background: -moz-linear-gradient(274deg, rgba(153,218,255,0) 36%, rgba(0,0,0,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(36%, rgba(153,218,255,0)), color-stop(100%, rgba(0,0,0,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(274deg, rgba(153,218,255,0) 36%, rgba(0,0,0,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(274deg, rgba(153,218,255,0) 36%, rgba(0,0,0,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(274deg, rgba(153,218,255,0) 36%, rgba(0,0,0,1) 100%); /* ie10+ */
    background: linear-gradient(176deg, rgba(153,218,255,0) 36%, rgba(0,0,0,1) 100%); /* w3c */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99DAFF', endColorstr='#000000', GradientType=0 ); /* ie6-9 */
    z-index: 9;
}
.slider-content h1 {
    font-size: 45px;
    color: #fff;
}
.slider-content p {
    font-size: 16px;
    color: #fff;
}
.slider-content a {
    background: #ff650e;
    color: #fff;
    padding: 10px 25px;
    display: inline-block;
    margin-top: 20px;
    font-size: 14px;
    border: 0px;
    position: relative;
    text-decoration: none;
    z-index: 1;
    overflow: hidden;
}
.slider-content a:after {
    background: #08abba;
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.slider-content a:hover:after {
    left: 0;
    text-decoration: none;
}
#block-block-2 p {
    color: #ffffff;
}
.brand {
    position: absolute;
    bottom: 87px;
    left: 0;
    right: 0;
    z-index: 9;
    border-top: 1px solid rgba(255,255,255,0.3);
    padding: 15px 0px;
}
.brand h2.block-title {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #eae7e7;
    font-size: 14px;
    text-transform: uppercase;
    float: left;
}
.brand .view-our-brand {
    float: right;
}
.brand .view-our-brand ul li {
    list-style: none;
    float: left;
    padding: 0px 20px;
}
.home-img {
    height: 100vh;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.inner-img {
    height: 80vh;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
/*============ Slider css close ===================*/

/*============== our Service Area css start ==============*/
h2 {
    font-size: 30px;
    color: #232323;
}
#block-views-our-services-block {
    text-align: center;
    margin: 0px 0px 50px 0px;
}
#block-views-our-services-block .view-content {
    margin-top: 50px;
}
.view-header {
    width: 70%;
    margin: 0 auto;
}
.service-area {
    padding: 30px 10px 50px 10px;
    text-align: center;
    min-height: 280px;
}
.service-area h3 {
    color: #333333;
    font-size: 20px;
    font-weight: 800;
}
#block-views-our-services-block .col-lg-3 {
    padding-left: 3px;
    padding-right: 3px;
}
.service-area .service-icon {
    width: 85px;
    height: 85px;
    background-position: 0px 0px;
    margin: 0 auto;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#block-views-our-services-block .view-content a {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: block;
    text-decoration: none;
}
#block-views-our-services-block .view-content a:hover, #block-views-our-services-block .view-content a:focus {
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.05);
    text-decoration: none;
    text-decoration: none;
}
#block-views-our-services-block .view-content a:hover .service-icon {
    width: 85px;
    height: 85px;
    background-position: 0px -85px;
    margin: 0 auto;
}
/*============== our Service Area css close ==============*/
/*============== Project css start =============*/
#block-views-our-projects-block {
    margin: 50px 0px;
}
#block-views-our-projects-block .project-area .service-img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
}
#block-views-our-projects-block .views-row {
    padding: 1px;
    box-sizing: border-box;
}
#block-views-our-projects-block .views-row-1 {
    float: left;
    width: 35%;
}
#block-views-our-projects-block .views-row-2, #block-views-our-projects-block .views-row-4 {
    float: left;
    width: 35%;
}
#block-views-our-projects-block .views-row-1 .service-img {
    height: 702px;
}
#block-views-our-projects-block .views-row-2 .service-img, #block-views-our-projects-block .views-row-4 .service-img, #block-views-our-projects-block .views-row-3 .service-img, #block-views-our-projects-block .views-row-5 .service-img {
    height: 350px;
}
#block-views-our-projects-block .views-row-3, #block-views-our-projects-block .views-row-5 {
    float: left;
    width: 30%;
}
.project-title {
    position: absolute;
    bottom: 0;
    /*  padding: 20px; */
    padding: 30px;
    color: #fff;
    z-index: 9;
}
#block-views-our-projects-block .views-row-1 .project-title {
    padding: 30px
}
/*#block-views-our-projects-block .views-row-1 .inner-block {
    width: 90%;
    height: 90%;
}*/
.project-title h2 {
    color: #fff;
    padding: 0px;
    margin: 0px;
    font-size: 25px;
}
.project-title p {
    color: #fff;
}
/* #block-views-our-projects-block .project-area .service-img:before{
    
    position:absolute;
    padding:20px;
    content:'';
    border:1px solid #fff;
    top:5px;
    left:5px;
    width:100%;
    height:100%;
    z-index:99;
    
    
    
} */
#block-views-our-projects-block .project-area .service-img:after {
    height: 168px;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 200px;
    content: "";
    background: -moz-linear-gradient(274deg, rgba(153,218,255,0) 36%, rgba(0,0,0,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(36%, rgba(153,218,255,0)), color-stop(100%, rgba(0,0,0,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(274deg, rgba(153,218,255,0) 36%, rgba(0,0,0,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(274deg, rgba(153,218,255,0) 36%, rgba(0,0,0,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(274deg, rgba(153,218,255,0) 36%, rgba(0,0,0,1) 100%); /* ie10+ */
    background: linear-gradient(176deg, rgba(153,218,255,0) 36%, rgba(0,0,0,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99DAFF', endColorstr='#000000', GradientType=0 ); /* ie6-9 */
}
/*============== Project css close =============*/

/*============== home block css Start =================*/
.inner-img, .home-img {
    position: relative;
}
.inner-img:before, .home-img:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
    content: '';
}
.front #block-block-home {
    position: relative;
    overflow: hidden;
    padding: 60px 0px 127px 0px;
}
.front #block-block-home .left-part {
    width: 50%;
    float: left;
    position: relative;
    min-height: 600px;
    z-index: 1;
}
/*  
.front #block-block-home .left-part:before{
    background: url(../images/circle.png) no-repeat;
    width: 104%;
    height: 102%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-size: cover;
}  
*/

.front #block-block-home .right-part {
    width: 45%;
    transform: translate(0, 30%);
    -webklit-transform: translate(0, 30%);
    -moz-transform: translate(0, 30%);
    -ms-transform: translate(0, 30%);
    float: right;
}
#block-block-home .flexslider {
    background: transparent;
    padding: 7px;
    border: 0px;
    position: relative;
    zoom: 1;
}
.page-node-17 #block-block-3 {
    position: relative;
    overflow: hidden;
    margin: 30px 0px 100px 0px;
}
.page-node-17 #block-block-4 {
    margin-bottom: 150px;
    position: relative;
    overflow: hidden;
}
#block-block-3 .left-part {
    position: absolute;
    left: 0;
    width: 55%;
    top: 50%;
    transform: translate(0, -50%);
    -webklit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
}
#block-block-3 .left-part h2 {
    margin-top: 0px;
}
#block-block-3 .right-part img {
    width: 100%;
    height: auto;
}
#block-block-3 .right-part {
    width: 40%;
    float: right;
    margin-left: 5%;
}
#block-block-4 .left-part {
    width: 40%;
    float: left;
    margin-right: 5%;
}
#block-block-4 .left-part img {
    width: 100%;
    height: auto;
}
#block-block-4 .right-part {
    /*position: absolute;
    right: 0;
    width: 55%;
    top: 50%;
    transform: translate(0, -50%);
    -webklit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);*/
    width: 55%;
    float: right;
}
.get-btn>a {
    background-color: #333333;
    font-size: 14px;
    color: #fff;
    padding: 10px 30px;
    display: inline-block;
    margin-top: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.get-btn>a:hover, .get-btn>a:focus {
    background-color: #000;
    color: #fff;
    text-decoration: none;
}
/*============== home block css Close =================*/
/*============== Testimonial Css Start ============*/

/* Slider Css Start */


.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before, .slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
    padding: 0px 10px;
    outline: none;
}
#block-views-awards-block .slick-initialized .slick-slide {
    display: block;
    padding: 0px 10px;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.testi-area {
    background-color: #fafafa;
    width: 100%;
    text-align: center;
}
#block-views-testimonial-block {
    position: relative;
    overflow: hidden;
    padding: 50px 0px 100px;
}
#block-views-testimonial-block:before {
    background: url(../images/map.png) no-repeat;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    min-height: 800px;
    opacity: 0.5;
}
.slick-prev, .slick-next {
    display: none!important;
}
.test-body {
    background-color: #ffffff;
    padding: 50px 20px;
    min-height: 200px;
}
#block-views-testimonial-block .view-content {
    margin-top: 40px;
}
.test-img img {
    margin: 0 auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 3px solid #fff;
}
.test-content {
    margin-top: -50px;
}
.test-content h3 {
    color: #333333;
    font-size: 18px;
    margin-bottom: 5px;
}
#block-views-testimonial-block ul.slick-dots {
    text-align: center;
    margin-top: 45px;
}
#block-views-testimonial-block ul.slick-dots li {
    list-style: none;
    display: inline-block;
    margin: 0 5px;
}
#block-views-testimonial-block ul.slick-dots li button {
    background-color: #d2d2d2;
    height: 6px;
    width: 60px;
    border-radius: 10px;
    font-size: 0px;
    box-shadow: none;
    border: 0px;
    outline: none;
}
#block-views-testimonial-block ul.slick-dots li.slick-active button {
    background-color: #333333;
}
.work_together {
    /* background-image: linear-gradient( 90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 1%, rgba(0,0,0,0) 100%);
    background-image: -moz-linear-gradient( 90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 1%, rgba(0,0,0,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 1%, rgba(0,0,0,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 1%, rgba(0,0,0,0) 100%);
    background: #252525;*/
    background: url(../images/together-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 60px 0px 170px 0px;
    text-align: center;
}
.not-front.page-node-17 .work_together, .not-front.page-node-25 .work_together {
    margin-top: 0px;
}
.not-front .work_together {
    margin-top: 80px;
}
.work_together h2 {
    color: #fff;
}
.work_together a.contact-btn {
    background-color: #0aabba;
    color: #fff;
    padding: 10px 40px;
    display: inline-block;
    margin-top: 10px;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.work_together a.contact-btn:hover, .work_together a.contact-btn:focus {
    background-color: #ff650e;
}
/*============== Testimonial Css Close ============*/
.top-footer {
    background-color: #fff;
    margin-top: -100px;
    overflow: hidden;
    padding: 40px 10px;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.09);
    -ms-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.09);
    border-radius: 0 0 15px 15px;
    -webkit-border-radius: 0 0 15px 15px;
    -moz-border-radius: 0 0 15px 15px;
    position: relative;
}
.top-footer>ul>li {
    float: left;
    width: 25%;
    list-style: none;
    padding: 0px 3%;
    min-height: 93px;
}
.top-footer>ul>li>a {
    color: #0aabba;
    text-decoration: none;
}
.top-footer>ul>li.location-line {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.top-footer>ul>li>p {
    font-weight: 700;
    color: #848484;
    font-size: 16px;
}
.top-footer>ul>li img {
    padding-top: 26px;
}
.top-footer h2 {
    font-size: 16px;
    line-height: 20px;
}
.top-footer h2, .top-footer h3 {
    margin: 0px;
    padding: 0px;
}
.top-footer h3 {
    color: #333333;
    font-size: 16px;
}
#block-menu-menu-social-media-menu {
    margin-top: -10px;
}
#block-menu-menu-social-media-menu ul.menu {
    margin: 0px;
    padding: 0px;
}
#block-menu-menu-social-media-menu ul.menu>li {
    display: inline-block;
}
#block-menu-menu-social-media-menu ul.menu>li>a {
    position: relative;
    font-size: 0px;
    outline: none;
    color: #7b7b7b;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#block-menu-menu-social-media-menu ul.menu>li>a:hover, #block-menu-menu-social-media-menu ul.menu>li>a:focus, #block-menu-menu-social-media-menu ul.menu>li>a:active {
    background-color: inherit;
    color: #0aabba;
}
#block-menu-menu-social-media-menu ul.menu>li>a.facebook-icon:before {
    font-family: 'Font Awesome 5 Brands';
    position: absolute;
    top: 0;
    left: 0;
    content: "\f09a";
    font-size: 22px;
}
#block-menu-menu-social-media-menu ul.menu>li>a.twitter-icon:before {
    font-family: 'Font Awesome 5 Brands';
    position: absolute;
    top: 0;
    left: 0;
    content: "\f099";
    font-size: 22px;
}
#block-menu-menu-social-media-menu ul.menu>li>a.google-icon:before {
    font-family: 'Font Awesome 5 Brands';
    position: absolute;
    top: 0;
    left: 0;
    content: "\f0d5";
    font-size: 22px;
}
#block-menu-menu-social-media-menu ul.menu>li>a.linkedin-icon:before {
    font-family: 'Font Awesome 5 Brands';
    position: absolute;
    top: 0;
    left: 0;
    content: "\f0e1";
    font-size: 22px;
}
#block-menu-menu-social-media-menu ul.menu>li>a.pinterest-icon:before {
    font-family: 'Font Awesome 5 Brands';
    position: absolute;
    top: 0;
    left: 0;
    content: "\f0d2";
    font-size: 22px;
}
.footer-area h2.block-title {
    color: #848484;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.footer-area {
    padding: 40px 0px;
}
#block-menu-menu-solutions ul li>a, #block-menu-menu-company ul li>a {
    color: #333;
    font-weight: 700;
    font-size: 14px;
    padding: 4px 0px;
    background-color: transparent;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#block-menu-menu-solutions ul li>a:hover, #block-menu-menu-company ul li>a:hover, #block-menu-menu-solutions ul li>a:focus, #block-menu-menu-company ul li>a:focus, #block-menu-menu-other-menu li>a:hover, #block-menu-menu-other-menu li>a:focus {
    background-color: transparent;
    color: #f68b1f;
}
.last-footer {
    width: 100%;
    border-top: 1px solid #eaeaea;
    padding: 25px 0px 25px 0px;
}
.last-footer p {
    font-weight: 600;
    font-size: 14px;
    color: #919191;
}
#block-menu-menu-other-menu {
    float: right;
}
#block-menu-menu-other-menu li {
    float: left;
    list-style: none;
}
#block-menu-menu-other-menu li>a {
    font-weight: 600;
    font-size: 14px;
    color: #919191;
    padding: 0px 15px;
    margin: 0px;
    background-color: transparent;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.simplenews-subscribe input {
    background-color: #eeeded;
    padding: 10px 15px;
    height: auto;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    box-shadow: none;
    border: 0px;
}
.simplenews-subscribe {
    position: relative;
    margin-top: 20px;
}
.simplenews-subscribe label {
    display: none;
}
.simplenews-subscribe button {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 22px;
    background: #0aabba;
    border: 0px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    color: #fff;
}
.mask {
    background: url(../images/mask.png);
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: -50px;
    left: -50px;
    z-index: 9;
    width: 105%;
    height: 115%;
}
.mask-inner {
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: -50px;
    left: -50px;
    z-index: 9;
    width: 105%;
    height: 115%;
}
.mask.one {
    background: url(../images/mask1.png);
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: -50px;
    left: -50px;
    z-index: 9;
    width: 105%;
    height: 115%;
}
.body-content {
    background-color: #fff;
/*    margin-bottom: 400px;*/
    padding-top: 88px;
}
.footer-fixed {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    height: 400px;
}
/*========== User Page css start =========*/
.ful-page {
    background-color: #0aabba;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
}
.user-form-data {
    position: absolute;
    width: 360px;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translate(0, -50%);
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ccc;
}
.user-form-data img {
    margin: auto;
    display: inherit;
    max-width: 100%;
}
.user-form-data h2 {
    font-size: 25px;
    text-align: center;
    margin: 0px;
    padding-bottom: 15px;
    font-weight: 300;
    color: #333;
    margin-top: 15px;
}
.user-form-data .form-control {
    display: block;
    width: 100%;
    height: auto;
    padding: 12px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.user-form-data .error-processed .form-control {
    border-bottom: 3px solid #fd1717;
}
.user-form-data button {
    width: 100%;
    text-align: center;
    border-radius: 0px;
    border: 0px;
    padding: 11px 8px;
    box-shadow: none;
    /* text-transform: uppercase; */
    font-size: 16px;
    margin-bottom: 15px;
}
.user-form-data button {
    color: #fff;
    background-color: #0066b3;
}
.user-form-data button:hover, .user-form-data button:focus, .user-form-data button:active {
    background-color: #005493;
    color: #fff;
}
.user-form-data ul li {
    list-style: none;
    text-align: center;
}
.user-form-data ul {
    margin: 0px;
    padding: 0px;
}
}
.user-form-data ul li>a {
    color: #005493;
    font-weight: 400;
    text-decoration: underline;
    font-size: 15px;
    padding-top: 5px;
    display: inline-block;
}
/*========== User Page css close =========*/

.flexslider .slides li .home-slider-content img {
    transition: transform 11s ease-in-out;
    -webkit-transition: transform 11s ease-in-out;
    -moz-transition: transform 11s ease-in-out;
}
.flexslider .slides li.flex-active-slide .home-slider-content img {
    transform: scale(1.08);
}
.flex-direction-nav {
    display: none;
}
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 180px;
    text-align: right;
    z-index: 9;
    right: 92px;
}
.flex-control-nav li {
    margin: 0 3px;
    display: inline-block;
    zoom: 1;
    font-size: 0px;
}
.flex-control-paging li a {
    width: 25px;
    height: 5px;
    display: block;
    background: #666;
    background: #fff;
    cursor: pointer;
    text-indent: -9999px;
    border-radius: 0px;
    box-shadow: none;
}
.flex-control-paging li a.flex-active, .flex-control-paging li a:hover {
    background: #b6b6b6;
}
.founder-area {
    position: relative;
    background-color: #fafafa;
    padding: 50px 0px;
}
.founder-area:after {
    background-color: #fafafa;
    min-height: 600px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    content: '';
    z-index: 1;
}
#block-views-founder-block .view-content .views-field-field-founders-image img {
    box-shadow: 0px 4px 40px 0px rgba(0, 1, 1, 0.06);
    -webkit-box-shadow: 0px 4px 40px 0px rgba(0, 1, 1, 0.06);
    -moz-box-shadow: 0px 4px 40px 0px rgba(0, 1, 1, 0.06);
    -ms-box-shadow: 0px 4px 40px 0px rgba(0, 1, 1, 0.06);
    margin-bottom: 20px;
}
#block-views-founder-block {
    position: relative;
    overflow: hidden;
    padding: 0px 0px 70px 0px;
    z-index: 99;
}
#block-views-founder-block:before {
    background: url(../images/map.png) no-repeat;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    min-height: 616px;
    bottom: 0;
    opacity: 0.5;
}
#block-views-founder-block h2.block-title {
    text-align: center;
}
#block-views-founder-block .view-header {
    width: 70%;
    margin-bottom: 50px;
    text-align: center;
}
#block-views-founder-block .views-field-body {
    margin-top: 15px;
    margin-bottom: 15px;
}
.page-node-72 .panel-title {
    padding: 18px 18px;
}
#block-views-founder-block .views-field-title span.field-content {
    font-weight: 700;
    font-size: 18px;
    color: #000;
    margin-top: 10px;
    display: block;
}
.views-field-field-founder-post ul {
    margin: 0px;
    padding: 0px;
}
.views-field-field-founder-post ul>li {
    list-style: none;
}
.node-type-our-solutions #block-system-main, .node-type-our-services #block-system-main {
    padding: 30px 0px 0px 0px;
    position: relative;
    overflow: hidden;
}
.node-type-our-solutions #block-system-main .left-part, .node-type-our-services #block-system-main .left-part {
    /* position: absolute;
    left: 0;
    width: 55%;
    top: 50%;
    transform: translate(0, -50%);
    -webklit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);*/
    left: 0;
    width: 55%;
    overflow: hidden;
    padding-right: 5px;
}
.node-type-our-solutions #block-system-main .right-part img, .node-type-our-services #block-system-main .right-part img {
    width: 100%;
    height: auto;
}
.node-type-our-solutions #block-system-main .right-part, .node-type-our-services #block-system-main .right-part {
    width: 40%;
    float: right;
    margin-left: 5%;
}
h1.page-header {
    color: #232323;
    font-size: 35px;
    border: 0px;
    margin: 0px;
    padding-bottom: 15px;
}
/*=============== Our Solutions page css start ==============*/

.page-node-24 h1.page-header, .page-node-24 #block-system-main, .page-node-25 h1.page-header, .page-node-25 #block-system-main, .page-node-71 h1.page-header, .page-node-71 #block-system-main {
    text-align: center;
}
#block-views-our-solutions-block .col-lg-3 {
    padding-left: 3px;
    padding-right: 3px;
    margin-bottom: 10px;
}
#block-views-our-solutions-block .view-content a, .node-type-our-services .view-other-services .view-content .views-row a {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: block;
}
#block-views-our-solutions-block .view-content a:hover, .node-type-our-services .view-other-services .view-content .views-row a:hover, #block-views-our-solutions-block .view-content a:focus, .node-type-our-services .view-other-services .view-content .views-row a:focus {
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.05);
    text-decoration: none;
}
#block-views-our-solutions-block {
    margin-top: 50px;
}
#block-views-our-solutions-block .view-content a:hover .service-icon, .node-type-our-services .view-other-services .view-content .views-row a:hover .service-icon {
    width: 85px;
    height: 85px;
    background-position: 0px -85px;
    margin: 0 auto;
}
/* .node-type-our-services .view-other-services {
    display: block;
    overflow: hidden;
    padding-bottom: 10px;
} */
#block-views-service-page-block {
    margin-top: 50px;
}
.other-part {
    overflow: hidden;
    width: 100%;
    padding-top: 100px;
    text-align: center;
    margin-bottom: 70px;
}
.body-des {
    width: 70%;
    margin: 0 auto;
}
.service-areas {
    position: relative;
    overflow: hidden;
}
.node-type-our-services .view-other-services .view-content {
    text-align: center;
}
.node-type-our-services .view-other-services .view-content .views-row {
    /*  display: inline-block;
    float: none;
    width: 33%;
    padding-left: 10px;
    padding-right: 10px;*/
    margin-bottom: 10px;
}
.service-landing .service-img {
    min-height: 600px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.service-landing {
    position: relative;
    overflow: hidden;
}
.service-title {
    position: absolute;
    bottom: 41px;
    padding: 20px;
    color: #fff;
    z-index: 9;
    margin: 0 auto;
    width: 40%;
    left: 15px;
}
#block-views-service-page-block .service-landing .service-img:after {
    height: 168px;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 400px;
    content: "";
    background: -moz-linear-gradient(rgba(153,218,255,0) 7%, rgba(0,0,0,0.8) 100%);
    background: -o-linear-gradient(rgba(153,218,255,0) 7%, rgba(0,0,0,0.8) 100%);
    background: -ms-linear-gradient(rgba(153,218,255,0) 7%, rgba(0,0,0,0.8) 100%);
    background: linear-gradient(rgba(153,218,255,0) 7%, rgba(0,0,0,0.8) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99DAFF', endColorstr='#000000', GradientType=0 );
}
.service-title h2, .service-title p {
    color: #fff;
}
.service-title h2 {
    font-size: 45px;
}
.service-title a {
    background-color: #ff650e;
    display: inline-block;
    padding: 8px 35px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
    margin-top: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.service-title a:hover {
    background-color: #08abba;
}
#block-views-service-page-block .views-row-3 .service-landing, #block-views-service-page-block .views-row-4 .service-landing {
    width: 50%;
    float: left;
}
#block-views-service-page-block .views-row-3 .service-title, #block-views-service-page-block .views-row-4 .service-title {
    width: 50%;
}
#block-menu-menu-solutions ul.menu li>a.view-all {
    position: relative;
    display: inline-block;
    padding-right: 24px;
}
#block-menu-menu-solutions ul.menu li>a.view-all:after {
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    top: 2px;
    right: 0;
    content: "\f35a";
    font-size: 17px;
}
/*=========== Case Studies page css start ==============*/
#block-views-case-studies-page-block {
    margin-top: 80px;
}
.case-studies-right {
    margin-top: 55px;
}
.studies-img img {
    width: 100%;
    height: auto;
}
.case-studies {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}
.studies-content {
    position: absolute;
    bottom: -40px;
    left: 34px;
    right: 30px;
    z-index: 9;
}
.studies-content h2 {
    margin-bottom: 25px;
    font-size: 25px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#block-views-case-studies-page-block .case-studies a:after {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 200px;
    content: "";
    background: -moz-linear-gradient(274deg, rgba(153,218,255,0) 36%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(36%, rgba(153,218,255,0)), color-stop(100%, rgba(0,0,0,1)));
    background: -webkit-linear-gradient(274deg, rgba(153,218,255,0) 36%, rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(274deg, rgba(153,218,255,0) 36%, rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(274deg, rgba(153,218,255,0) 36%, rgba(0,0,0,1) 100%);
    background: linear-gradient(176deg, rgba(153,218,255,0) 36%, rgba(0,0,0,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99DAFF', endColorstr='#000000', GradientType=0 );
    z-index: 1;
}
.case-studies>a:hover .studies-content h2 {
    margin-bottom: 5px;
}
.studies-content h2, .studies-content p {
    color: #fff;
}
.case-studies>a .studies-content {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.case-studies>a:hover .studies-content {
    bottom: 30px;
}
.case-studies-wrapper {
    margin-top: 50px;
    margin-bottom: 80px;
    min-height: 700px;
}
.case-study {
    position: relative;
    width: 100%;
}
.case-study.pf {
    position: fixed;
    top: 0;
    left: 0;
}
.case-study.pr {
    position: relative;
    top: 0;
    left: 0;
}
.case-study:after {
    background: url(../images/slider-up.png) center center no-repeat;
    width: 100%;
    height: 144px;
    position: absolute;
    top: 0px;
    content: "";
    z-index: 9;
    left: 0;
    background-size: cover;
}
#block-views-case-studies-ppt-block .field-content img {
    width: 100%;
    height: auto;
}
#block-views-case-studies-ppt-block .field-content {
    height: 700px;
    overflow: hidden;
}
#block-views-case-studies-description-block p, .node-type-our-project- .field-name-body p {
    text-align: justify;
}
#block-views-key-highlights-block h2.block-title {
    font-size: 25px;
    margin: 0px;
    padding-bottom: 25px;
}
#block-views-key-highlights-block {
    padding-left: 40px;
}
#block-views-key-highlights-block .view-content ul {
    margin: 0px;
    padding: 0px;
}
#block-views-key-highlights-block .view-content ul>li {
    list-style: none;
    padding: 8px 0px;
    vertical-align: middle;
}
#block-views-key-highlights-block .view-content ul>li>span {
    font-size: 16px;
    vertical-align: middle;
    padding-left: 10px;
}
#block-views-browse-more-case-studies-block, #block-views-career-block {
    margin: 80px 0px 50px 0px;
}
#block-views-browse-more-case-studies-block h2.block-title, #block-views-career-block h2.block-title {
    text-align: center;
}
#block-views-browse-more-case-studies-block .view-header, #block-views-career-block .view-header {
    text-align: center;
    margin-bottom: 15px;
}
#block-views-browse-more-case-studies-block .views-row {
    margin-top: 10px;
}
.browse-content {
    padding: 15px;
    text-align: left;
    min-height: 100px;
}
.view-other-services .view-content .col-lg-4 {
    padding-left: 5px;
    padding-right: 5px;
}
.browse-content h3 {
    font-size: 15px;
    margin: 0px;
    padding-bottom: 5px;
    color: #333;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
}
.browse-area {
    box-shadow: 0px 10px 20px 0px rgba(224, 224, 224, 0.4);
    -webkit-box-shadow: 0px 10px 20px 0px rgba(224, 224, 224, 0.4);
    -moz-box-shadow: 0px 10px 20px 0px rgba(224, 224, 224, 0.4);
    -ms-box-shadow: 0px 10px 20px 0px rgba(224, 224, 224, 0.4);
}
.browse-area a .browse-content h3 {
    color: #333;
}
.browse-area a:hover, .browse-area a:focus {
    text-decoration: none;
}
.browse-img {
    position: relative;
}
.browse-area>a .browse-img:after {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.browse-img:after {
    content: '';
    background: rgba(0,0,0,0.5) url(../images/link.png) center center no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}
.browse-area>a:hover .browse-img:after {
    opacity: 1;
}
/*=========== Case Studies page css close ==============*/


/*============= Career page Css start ==============*/


#block-views-career-block .view-content {
    margin-top: 45px;
}
.panel-default > .panel-heading {
    color: #333;
    background-color: transparent;
    border-color: transparent;
    border: 0px;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: none;
    border-left: 0;
    border-right: 0px;
    border-bottom: 1px dashed #ccc;
}
.panel-heading {
    padding: 0px
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
    overflow: hidden;
}
.career-content {
    float: left;
}
.panel-title ul {
    margin: 0px;
    padding: 0px;
    float: right;
}
.panel-title ul>li {
    float: left;
    list-style: none;
}
.panel-title ul>li>a {
    border: 1px solid #cccccc;
    padding: 10px 25px;
    color: #333;
    display: inline-block;
    font-size: 15px;
    margin: 7px 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.panel-title ul>li>a:hover {
    border: 1px solid #53c4cf;
    color: #53c4cf;
    text-decoration: none;
}
.career-content h2 {
    font-size: 20px;
    margin: 0px;
    padding-bottom: 12px;
}
/*.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    box-shadow: 0px 0px 2px #ccc;
}*/

.panel-title ul li>a.closed.collapsed {
    border: 1px solid #cccccc;
    padding: 10px 25px;
    color: #333;
    display: inline-block;
    margin-left: 10px;
    font-size: 15px;
}
.panel-title ul li>a.closed {
    border: 1px solid #53c4cf;
    color: #53c4cf;
    text-decoration: none;
}
/*============= Career page Css Close ==============*/


/*========== Contact page css start =============*/


.page-node-75 .main-container {
    background-color: #fff;
    margin-top: -348px;
    z-index: 9;
    box-shadow: 0px 10px 20px 0px rgba(224, 224, 224, 0.4);
    position: relative;
    padding: 70px 50px 60px 50px;
    margin-bottom: 25px;
}
.page-node-75 .top-footer {
    margin-top: 0;
}
.webform-client-form-76 label {
    display: none;
}
.webform-client-form-76 input, .webform-client-form-76 textarea {
    border: 1px solid #cccccc;
    border-radius: 0px;
    padding: 13px 15px;
    height: auto;
    box-shadow: none;
    margin-bottom: 10px;
}
.webform-client-form-76 .webform-component-file .help-block {
    display: none;
}
.webform-client-form-76 .webform-component--name-, .webform-client-form-76 .webform-component--phone {
    float: left;
    width: 49%;
}
.webform-client-form-76 .webform-component--email, .webform-client-form-76 .webform-component--attach-a-file {
    float: right;
    width: 49%;
}
.webform-client-form-76 .webform-component--attach-a-file input {
    padding: 12px 15px;
}
.webform-client-form-76 .webform-component--attach-a-file button.btn-primary {
    background-color: #0aabba;
    border: 0px;
    border-radius: 0px;
    padding: 14px 15px;
}
.webform-client-form-76 .webform-component--attach-a-file input[type="hidden"] {
    height: 40px;
}
.form-managed-file span.icon {
    color: #fff;
}
.form-actions button.button-primary {
    float: none;
    background-color: #0aabba;
    color: #fff;
    border-radius: 0px;
    padding: 13px 37px;
    margin-top: 10px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.form-actions button.button-primary:hover, .form-actions button.button-primary:focus {
    background-color: #f68b1f;
}
.webform-client-form-76 input#edit-submitted-name- {
    background: url(../images/name-icon.png) 16px center no-repeat;
    padding-left: 42px;
}
.webform-client-form-76 input#edit-submitted-email {
    background: url(../images/email-icon.png) 16px center no-repeat;
    padding-left: 42px;
}
.webform-client-form-76input#edit-submitted-phone {
    background: url(../images/phone-icon.png) 16px center no-repeat;
    padding-left: 42px;
}
/*========== Contact page css close =============*/

#block-views-our-services-block .view-content .views-row {
    transform: translateY(100px);
    opacity: 0;
}
.project-area {
    position: relative;
    overflow: hidden;
}
.project-ani {
    background: rgba(255,255,255,1);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    display: none;
}
.footer-ani {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    height: 100%;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    z-index: 9;
}
div.error, table tr.error {
    background-color: #f2dede;
    color: #a94442;
    font-size: 12px;
}
#edit-submitted-attach-a-file-ajax-wrapper .alert {
    position: absolute;
    top: -64px;
    /* left: 0; */
    left: 15px;
}
/*.mask-content {
    background-color: rgba(0, 0, 0, 0.5);
    height: 50%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
    BORDER-RADIUS: 50%;
    WIDTH: 500PX;
    HEIGHT: 500PX;
    RIGHT: 17%;
    top: 10%;
}
*/


#block-webform-client-block-77 {
    margin-top: 25px;
}
#block-webform-client-block-77 .form-item label {
    display: none;
}
#block-webform-client-block-77 .form-item {
    margin-right: 10px;
    width: 23%;
    float: left;
}
#block-webform-client-block-77 .form-control {
    background-color: transparent;
    border-radius: 0px;
    height: auto;
    padding: 8px 0;
    display: inline-block;
    border: 0px;
    border-bottom: 1px solid #8195ac;
    box-shadow: none;
    color: #fff;
}
#block-webform-client-block-77 .form-control:focus {
    border-bottom: 1px solid #fff;
}
#block-webform-client-block-77 .form-actions, fieldset .panel-body {
    clear: none;
}
#block-webform-client-block-77 .form-actions button.button-primary {
    margin-top: 20px;
    padding: 8px 51px;
    border: 0px;
    text-transform: capitalize;
}
#flexslider-2 .flex-control-nav, #flexslider-3 .flex-control-nav, #flexslider-4 .flex-control-nav, #flexslider-5 .flex-control-nav {
    display: none;
}
#block-views-home-image-box-block {
    width: 50%;
    position: absolute;
    top: 0;
}
#block-views-home-image-box-block-1 {
    width: 50%;
    position: absolute;
    top: 0;
    left: 285px;
}
#block-views-home-image-box-block-2 {
    position: absolute;
    top: 340px;
    width: 50%;
}
#block-views-home-image-box-block-3 {
    position: absolute;
    top: 318px;
    left: 286px;
    width: 50%;
}
.flexslider img {
    width: 100%;
    height: auto;
}
.project-area::before {
    background-color: rgba(0, 0, 0, 0.3);
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
}
/*.project-area:hover .inner-block:before,
.project-area:hover .slider-top-right:after {
  height: 100%;
}
.project-area:hover .inner-block:after,
.project-area:hover .slider-top-right:before {
  width: 100%;
}
.slider-top-right:before,
.inner-block:after {
  height: 1px;
  transition: width 0.75s ease;
  width: 0%;
}
.slider-top-right:after,
.inner-block:before {
  height: 0%;
  transition: height 0.75s ease;
  width: 1px;
}
.inner-block:before,
.inner-block:after,
.slider-top-right:before,
.slider-top-right:after {
  background-color: #fff;
  content: "";
  display: block;
  position: absolute;
}*/
.inner-block {
    width: 90%;
    height: 83%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 9;
}
.inner-block:before {
    bottom: 0;
    left: 0;
}
.inner-block:after {
    bottom: 0;
    right: 0;
}
.slider-top-right {
    position: relative;
    width: 100%;
    height: 100%;
}
.slider-top-right:before {
    top: 0;
    left: 0;
}
.slider-top-right:after {
    top: 0;
    right: 0;
}
.webform-progressbar {
    display: none;
}
.case-studies-img {
    overflow: hidden;
    margin-top: 70px;
}
#block-views-case-studies-description-block .views-field-field-description h3 {
    margin-top: 0;
    color: #000;
}
.panel-body {
    padding: 20px 20px 35px 20px;
    border: 1px solid #efefef;
    border-top: 0px;
}
.panel-group {
    margin-top: 25px;
    margin-bottom: 20px;
    margin-left: 2px;
}
.panel-group .panel {
    border-radius: 0px;
    border: 0px;
    margin-bottom: 0px;
}
.panel-heading {
    padding: 0px;
    border: 0px;
    width: 100%;
    border: 0px;
    margin: 0px;
    color: #0066b3!important;
    margin-bottom: 0px!important;
    cursor: pointer;
    position: relative;
}
.panel-heading h4.panel-title a {
    display: block;
    text-decoration: none;
    padding: 22px 20px;
    font-size: 17px;
    position: relative;
    color: #5a5a5a;
    text-transform: none;
}
.panel-heading h4.panel-title a {
    background: url(../images/arrow-down.png) 97% no-repeat;
}
.panel-heading h4.panel-title a.collapsed {
    background: url(../images/arrow-left.png) 97% no-repeat;
}
.panel-body ul {
    margin-left: 0px;
}
.panel-default > .panel-heading {
    color: #333;
    border-radius: 0px;
    box-shadow: 0px 0px 2px #ccc;
    -webkit-box-shadow: 0px 0px 2px #ccc;
    -moz-box-shadow: 0px 0px 2px #ccc;
    -ms-box-shadow: 0px 0px 2px #ccc;
}
.panel-body ul li {
    padding: 5px 0px;
    font-size: 15px;
    list-style: square;
}
.carrer-body {
    background-color: #f0edef;
    padding: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.carrer-body.hide {
    display: none;
}
.carrer-body.show {
    display: block;
}
.career-area {
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
}
.apply-btn>a {
    background: #df0004;
    color: #fff;
    padding: 10px 15px;
    display: inline-block;
    margin-top: 22px;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.apply-btn>a:hover {
    text-decoration: none;
    background-color: #a3070a;
}
.apply-btn>a {
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: #0066b3;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    border: 0;
    outline: 0;
    padding: 10px 27px;
    display: inline-block;
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    -o-transform: skew(-10deg);
    transform: skew(-10deg);
    margin-top: 12px;
    box-shadow: 5px 4px 0px #ffd800;
    text-decoration: none;
}
.apply-btn>a > span {
    display: inline-block;
    -webkit-transform: skew(10deg);
    -moz-transform: skew(10deg);
    -ms-transform: skew(10deg);
    -o-transform: skew(10deg);
    transform: skew(10deg);
}
.apply-btn>a:hover, .apply-btn>a:focus, .apply-btn>a:active {
    background-color: #005493;
    color: #fff;
    text-decoration: none;
}
.logo-desktop {
    display: block;
}
.logo-mobile {
    display: none;
}
.page-node-17 .main-container.container, .node-type-our-solutions .main-container.container, .node-type-our-services .main-container.container, .page-node-72 .main-container.container, .page-node-69 .main-container.container, .page-node-70 .main-container.container {
    width: 1100px;
}
.field-name-body ul li {
    padding: 3px 0px
}
body.toolbar-drawer {
    padding-top: 0px !important;
}
.view-browse-more-case-studies .view-content {
    margin-top: 45px;
}
.field-name-body h3 {
    font-size: 20px;
    text-transform: unset;
}
.scrollToTop {
    background-color: #f68b1f;
    color: #fff;
    width: 35px;
    height: 30px;
    text-align: center;
    display: inline-block;
    position: fixed;
    bottom: 15px;
    right: 5px;
    vertical-align: bottom;
    padding: 4px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 999;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    opacity: 0;
}
.scrollToTop:hover, .scrollToTop:focus {
    background-color: #08abba;
    color: #fff;
}
#webform-client-form-77 .help-block {
    display: none;
}
#webform-client-form-77 .panel-body {
    padding: 0;
    border: 0px;
}
#webform-client-form-77 .webform-component--message textarea {
    height: 37px;
}
#webform-client-form-77 .panel-heading {
    display: none;
}
#webform-client-form-77 .panel {
    margin-bottom: 0px;
    background-color: transparent;
    border: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: none;
    border-left: 0;
    border-right: 0px;
    border-bottom: 0px;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
}
#webform-client-form-76 #bootstrap-panel-body .help-block {
    display: none;
}
#webform-client-form-76 #bootstrap-panel-body.panel-body {
    padding: 0;
    border: 0px;
}
#webform-client-form-76 .panel-heading {
    display: none;
}
#webform-client-form-76 .panel {
    margin-bottom: 0px;
    background-color: transparent;
    border: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: none;
    border-left: 0;
    border-right: 0px;
    border-bottom: 0px;
    float: left;
}
.form-actions, fieldset .panel-body {
    clear: none;
}
#webform-client-form-76 .form-actions {
    float: right;
}
.field-name-body ol li {
    padding: 5px 0;
}
.front #block-block-1 h2 {
    margin-top: 0px;
}
.page-node-87 .field-name-body ul li {
    font-size: 15px;
    color: #000;
}
.page-node-87 .field-name-body ul li>a {
    color: #000;
    font-size: 15px;
    text-decoration: none;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 3px 0px;
}
.page-node-87 .field-name-body ul li>a:hover {
    color: #f68b1f;
    text-decoration: none;
}
#block-views-our-clients-block {
    padding-top: 10px;
}
.our-clients-logo img {
    display: block;
    text-align: center;
    margin: 0 auto;
}
#block-views-our-client-block .views-row ul {
    text-align: center;
}
#block-views-our-client-block .views-row ul li {
    list-style: none;
    display: inline-block;
    padding: 5px;
    border: 1px solid #e8e6e6;
}
.page-node-89 .work_together {
    margin-top: 0px;
}
.page-node-89 .testi-area {
    margin-top: 80px;
}
.our-clients-logo a {
    display: block;
    text-decoration: none;
    outline: none;
}
#block-views-our-clients-block .slick-initialized .slick-slide {
    display: block;
    padding: 10px 10px;
    outline: none;
}
.footer-area #block-block-5 img {
    max-width: 100%;
}
/*============= Elearning page css start =================*/


.page-node-90 .left-part, .node-type-elearning .left-part {
    position: absolute;
    left: 0;
    width: 50%;
    top: 50%;
    transform: translate(0, -50%);
    -webklit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
}
.page-node-90 .right-part, .node-type-elearning .right-part {
    width: 45%;
    float: right;
    margin-left: 5%;
}
.page-node-90 .left-part>p:first-child, .node-type-elearning .left-part>p:first-chil {
 color: #8E8E8E;
 margin-bottom: 5px;
}
.page-node-90 .left-part h2, .node-type-elearning .left-part h2 {
    margin-top: 0px;
}
.page-node-90 .left-part a, .node-type-elearning .left-part a {
    color: #343434;
    font-weight: 700;
    background: url(../images/know-icon.png) right no-repeat;
    display: inline-block;
    padding: 6px 40px 6px 0px;
    margin-top: 10px;
}
.page-node-90 .work_together {
    margin-top: 0;
}
.case-study-grid {
    background-color: #F6FBFC;
    padding-bottom: 60px;
}
#block-views-clients-logo-carousel-block h2.block-title {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 30px;
}
#block-views-clients-logo-carousel-block {
    margin-bottom: 80px;
}
.regular123.slick-initialized .slick-slide {
    display: block;
    padding: 0px 5px;
    outline: none;
}
.page-node-90 #block-block-6 {
    padding: 100px 0px;
}
.page-node-90 #block-block-6 h2.block-title {
    text-align: center;
}
.heading-short {
    text-align: center;
    width: 60%;
    margin: 0 auto;
    margin-bottom: 50px;
}
.indus-area {
    position: relative;
    overflow: hidden;
    padding: 20px 0px;
    background: url(../images/industries-bg.png) center center no-repeat;
}
.indus-left {
    position: relative;
    width: 35%;
    float: left;
}
.indus-right {
    position: relative;
    width: 35%;
    float: right;
}
.indus-area ul {
    margin: 0px;
    padding: 0px;
}
.indus-area ul li {
    list-style: none;
    padding: 25px 0px;
}
.indus-area ul li>h3 {
    font-size: 18px;
    text-transform: none;
    margin-bottom: 0px;
    margin-top: 0px;
    color: #232323;
    line-height: 18px;
    padding-bottom: 5px;
}
.indus-area ul li>p {
    color: #919191;
    font-size: 13px;
    line-height: 16px;
}
.indus-area ul li.software-icon {
    background: url(../images/software-icon.png) left no-repeat;
    padding-left: 96px;
    margin-left: 25%;
}
.indus-area ul li.banking-icon {
    background: url(../images/banking-icon.png) left no-repeat;
    padding-left: 96px;
    margin-left: 12%;
    padding-right: 5%;
}
.indus-area ul li.telecom-icon {
    background: url(../images/telecom-icon.png) left no-repeat;
    padding-left: 96px;
    padding-right: 23%;
}
.indus-area ul li.hospitality-icon {
    background: url(../images/hospitality-icon.png) left no-repeat;
    padding-left: 96px;
    padding-right: 23%;
}
.indus-area ul li.education-icon {
    background: url(../images/education-icon.png) left no-repeat;
    padding-left: 96px;
    padding-right: 25%;
}
.indus-area ul li.business-icon {
    background: url(../images/business-icon.png) left no-repeat;
    padding-left: 96px;
    margin-left: 12%;
    padding-right: 5%;
}
.indus-area ul li.retail-icon {
    background: url(../images/retail-icon.png) left no-repeat;
    padding-left: 96px;
    margin-left: 22%;
}
.indus-area ul li.video-icon {
    background: url(../images/video-icon.png) left no-repeat;
    padding-left: 96px;
    margin-left: 22%;
}
.features-img {
    width: 50%;
    float: left;
    padding: 10px;
}
.features-img img {
    width: 100%;
    height: auto;
}
.feature-grid {
    width: 40%;
    float: right;
    padding-top: 3%;
}
.feature-content {
    cursor: pointer;
}
.feature-content .title {
    color: #808080;
    font-size: 17px;
    font-weight: 600;
    background: url(../images/li-list.png) 8px no-repeat;
    display: inline-block;
    line-height: 21px;
    padding: 20px;
    border: 1px solid #fff;
    margin-bottom: 5px;
    padding-left: 42px;
}
.feature-content.active .title {
    border: 1px solid #ccc;
    color: #000;
}
.feature-head p {
    color: #919191;
    font-size: 14px;
    line-height: 16px;
}
.feature-head {
    margin-bottom: 25px;
}
.learning-menu-grid {
    position: relative;
    margin: 80px 0px;
}
.learning-menu-grid:after {
    position: absolute;
    height: 100%;
    width: 100%;
    width: 40%;
    right: 0;
    top: 0;
    content: '';
    /*background-color: #09C0CF;*/
}
#block-views-learning-menu-block {
    background-color: #09C0CF;
    padding: 50px 20px;
    position: relative;
    z-index: 9;
}
#block-views-learning-menu-block .views-row {
    border-right: 1px solid rgba(255,255,255,0.2);
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding-left: 0px;
    padding-right: 0px;
}
#block-views-learning-menu-block .views-row.views-row-4, #block-views-learning-menu-block .views-row.views-row-8, #block-views-learning-menu-block .views-row.views-row-12 {
    border-right: 0px;
}
#block-views-learning-menu-block .views-row.views-row-5, #block-views-learning-menu-block .views-row.views-row-6, #block-views-learning-menu-block .views-row.views-row-7, #block-views-learning-menu-block .views-row.views-row-8 {
    border-bottom: 0px;
}
.solution-menu-area {
    text-align: center;
    padding: 50px 20px 20px 20px;
    color: #fff;
    min-height: 320px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.solutions-icon {
    width: 90px;
    height: 90px;
    background-position: 0px 0px;
    margin: 0 auto;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.solution-menu-area:hover .solutions-icon {
    background-position: 0px 84px;
}
.solution-menu-area:hover {
    background: #fff;
}
.solution-menu-area:hover h3 {
    color: #232323;
}
.solution-menu-area:hover p {
    color: #808080;
}
.solution-menu-area:hover a {
    visibility: visible;
}
.solution-menu-area h3 {
    font-family: 'FuturaPT-Medium';
    color: #fff;
    font-size: 20px;
    text-transform: none;
    margin-bottom: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.solution-menu-area p {
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.solution-menu-area a {
    color: #919191;
    font-size: 14px;
    background: url(../images/know-arrow.png) right no-repeat;
    display: inline-block;
    padding-right: 36px;
    text-decoration: none;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.sservice-img {
    height: 100vh;
    background-size: cover;
    background-position: center center;
}
.solution-grid {
    position: relative;
    height: 100vh;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.solution-ser-cotainer {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
}
.solution-ser-cotainer p:first-child {
    color: #fff;
    margin-bottom: 0px;
    letter-spacing: 1px;
}
.solution-ser-cotainer h2 {
    color: #fff;
    font-size: 30px;
    margin-top: 0px;
}
.solution-ser-cotainer p {
    color: #fff;
}
.solution-ser-cotainer a {
    color: #fff;
    font-weight: 700;
    background: url(../images/know-w.png) right no-repeat;
    display: inline-block;
    padding: 6px 40px 6px 0px;
    margin-top: 10px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;
}
.solution-grid.dev {
    position: sticky;
    top: 0;
    left: 0;
}
.solution-service-grid {
    margin-bottom: 80px;
    margin-top: 50px;
}
/*=========== whitepaper and benefits css start ============*/
.white-paper-grid {
    position: relative;
}
.white-img {
    height: 65vh;
    background-size: cover;
    background-position: center center;
}
.white-content {
    position: absolute;
    bottom: 50px;
    left: 32px;
    right: 10%;
}
.white-content h2 {
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
}
.white-content p {
    color: #fff;
    line-height: 18px;
}
.white-content .field-content>a {
    background: #fff url(../images/arrow.png) 90% no-repeat;
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
    padding: 9px 15px;
    padding-right: 46px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 6px;
}
.elearning-benefits-grid ul {
    margin-top: 0px;
    padding: 0px;
}
.elearning-benefits-grid ul li {
    list-style: none;
    background: url(../images/list-large-icon.png) top left no-repeat;
    padding-left: 35px;
    margin: 25px 0px;
    float: left;
    width: 31%;
    margin-right: 2%;
    padding-top: 5px;
    padding-bottom: 5px;
}
.elearning-benefits-grid ul li>h3 {
    color: #333333;
    font-size: 20px;
    text-transform: none;
    margin-bottom: 5px;
    margin-top: 0px;
}
.elearning-benefits-grid ul li>p {
    line-height: 18px;
    color: #808080;
    font-size: 14px;
}
/*=========== whitepaper and benefits css close ============*/


#block-views-elearning-benefits-block h2.block-title {
    text-align: center;
}
.elearning-benefits-grid>p {
    text-align: center;
    width: 60%;
    margin: 0 auto;
    margin-bottom: 30px;
}
.page-node-90 .right-part img, .node-type-elearning .right-part img {
    width: 100%;
    height: auto;
}
.elearning-form-area {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 9999;
    display: none;
}
.elearning-container {
    width: 800px;
    left: 50%;
    margin: 0 auto;
    top: 10%;
    position: absolute;
    margin-left: -400px;
}
.form-image {
    width: 55%;
    float: left;
    padding-top: 2%;
}
.form-image img {
    width: 100%;
    height: auto;
}
.webform-data {
    width: 45%;
    float: right;
    background-color: #fff;
    padding: 27px 33px;
    margin-top: -13px;
    min-height: 500px;
}
#webform-client-form-103 label {
    display: none;
}
#webform-client-form-103 .form-control {
    background-color: #F3F3F3;
    border: 0px;
    border-radius: 0px;
    box-shadow: none;
    padding: 11px 15px;
    height: auto;
}
#webform-client-form-103 .form-group {
    margin-bottom: 4px;
}
.webform-data h2 {
    font-size: 22px;
    margin: 0px;
    padding-bottom: 5px;
    font-family: 'FuturaPT-Medium';
}
.webform-data p {
    font-size: 13px;
    color: #2F3341;
    line-height: 16px;
    padding-bottom: 10px;
}
#webform-client-form-103 button {
    background: #0AABBA url(../images/right-arrow.png) 95% no-repeat;
    border: 0px;
    width: 100%;
    text-align: left;
    box-shadow: none;
    padding: 14px 15px;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.close-el-form {
    background: url(../images/close-icons.png) no-repeat;
    width: 71px;
    height: 71px;
    position: absolute;
    right: -30px;
    cursor: pointer;
    top: -41px;
}
#webform-client-form-103 .help-block, #webform-client-form-103 .panel-heading {
    display: none;
}
#webform-client-form-103 .panel-body {
    border: 0px;
    padding: 0px;
    margin: 0px;
}
#webform-client-form-103 .captcha {
    border: 0px;
    margin-bottom: 0px;
    transform: scale(0.90);
    -webkit-transform: scale(0.90);
    -moz-transform: scale(0.90);
}
#webform-client-form-77 .g-recaptcha
{
	margin-top: 20px;
}
#block-menu-menu-e-learning ul li > a{
	color: #333;
font-weight: 700;
font-size: 14px;
padding: 4px 0px;
background-color: transparent;
text-decoration: none;
}