@font-face {font-family: 'Graphik'; src: url('fonts/Graphik-Regular.woff2') format('woff2'), url('fonts/Graphik-Regular.woff') format('woff'); font-weight: 400; font-style: normal;}
@font-face {font-family: 'Graphik'; src: url('fonts/Graphik-Medium.woff2') format('woff2'), url('fonts/Graphik-Medium.woff') format('woff'); font-weight: 500; font-style: normal;}
@font-face {font-family: 'Graphik'; src: url('fonts/Graphik-Semibold.woff2') format('woff2'), url('fonts/Graphik-Semibold.woff') format('woff'); font-weight: 600; font-style: normal;}
@font-face {font-family: 'Graphik'; src: url('fonts/Graphik-Bold.woff2') format('woff2'), url('fonts/Graphik-Bold.woff') format('woff'); font-weight: 700; font-style: normal;}


* {margin:0;  outline:0;    line-height: 1.5; -webkit-box-sizing:border-box; box-sizing:border-box; list-style:none;}
body {font-size:18px; font-family:'MarkPro', sans-serif;}
a {outline:none; text-decoration:none;  -webkit-transition:ease-in-out .3s; -moz-transition:ease-in-out .3s; -ms-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; transition:ease-in-out .3s;}
a:hover {text-decoration:none;}
input, textarea, select {font-size:14px; color:#000; vertical-align:middle; font-family: 'Graphik';outline:none; resize:none;}
input[type="button"], input[type="submit"], button {-webkit-transition:ease-in-out .3s; -moz-transition:ease-in-out .3s; -ms-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; transition:ease-in-out .3s; -moz-appearance:none; -webkit-appearance:none; appearance:none; font-family: 'Graphik';}
.transition {-webkit-transition:ease-in-out .3s; -moz-transition:ease-in-out .3s; -ms-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; transition:ease-in-out .3s;}
img {border:none; vertical-align:top; max-width:100%;}
.tac {text-align:center;}
.tar {text-align:right;}
.vAlign {vertical-align:middle;}
.mainCon {width:100%; position:relative; min-height:100vh;}
.home-container {max-width:1900px; width: 100%; margin:auto; padding:30px 80px;}
.container {max-width:1200px; width: 100%; margin:auto; padding:0 15px;}
.flexBox {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.flexBox.nowrap {flex-wrap: nowrap;}
.itemCenter {-webkit-align-items: center; align-items: center;}
.spacebetween {justify-content: space-between; -webkit-justify-content: space-between;}
.fullWidth {width: 100%;}
h1,h2,h3,h4,h5,h6,p {font-weight: normal; margin: 0;}
body.active {overflow: hidden;}
header {width: 100%; position: fixed; z-index: 1000; left: 0; top: 0; font-family: 'Graphik';}
/*header:after {content: ''; background: #fff; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; transition:ease-in-out .3s;}*/
header.active {box-shadow: 0 0 15px rgba(0,0,0,.2);}
header.active:after {opacity: 1;}
header.open {background: #fff;}
header.open:after {display: none;}
header .home-container {display: flex; justify-content: space-between; align-items: center; height: 80px; position: relative; z-index: 2;}
.logo .after {display: none;}
header.active .top, header.open .top {display: none;}
header.active .after, header.open .after {display: block;}
.headRgt {position: relative; padding-right: 48px;}
.headRgt a.mobMenu {width: 48px; height: 48px; background: #fff; border-radius: 100%; position: absolute; right: 0; top: 16px; padding: 16px 13px 0 13px; z-index: 102; transition:ease-in-out .0s;}
.headRgt a.mobMenu em {height: 2px; display: block; background: #0f1113; border-radius: 4px; width: 22px; margin: 0 auto 5px auto; transition:ease-in-out .0s;}
.headRgt a.mobMenu em:nth-child(2) {width: 10px; margin: 0 0 5px auto;}
.headRgt a.mobMenu:hover {background: #e14a25;}
.headRgt a.mobMenu:hover em {background: #fff;}
.headRgt a.mobMenu:hover em:nth-child(2) {width: 22px;}
.mobMenuCover.active a.mobMenu em:nth-child(2) {display: none;}
.mobMenuCover.active a.mobMenu em:nth-child(1) {transform: rotate(45deg); margin-top: 7px;}
.mobMenuCover.active a.mobMenu em:nth-child(3) {transform: rotate(-45deg); margin-top: -6px;}
.mobMenuCover.active a.mobMenu {transform: rotate(360deg); background: #fff !important; border: 2px solid #eee; padding: 12px 11px 0 11px;}
.mobMenuCover.active a.mobMenu em {background: #333 !important;}

.mobMenuCover.active a.mobMenu {transition:ease-in-out .3s; top:60px;}
.mobMenuCover.active a.mobMenu em {transition:ease-in-out .3s;}
.mobMenuCover.active .quickMenuCon {display: block;}

.circle {border-radius: 50%; width: 0px; height: 0px; position: absolute; top: 65px; right: 95px; background: #fff; opacity: 1; transition:ease-in-out 0s;}
.mobMenuCover.active .circle {opacity: 0; width: 2000px; height: 2000px; overflow: hidden; top: -500px; right: -500px;transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);}

.quickMenuCon {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background:rgba(255,255,255,.1); z-index: 101;display: none;}
.popupMenuBox {width: 500px; height: 100%; background: #fff url(../404.html) no-repeat center bottom; background-size: 100% auto; position: absolute; right: 0; top: 0; padding:60px; z-index: 2;}
.popupLogo {width: 150px; padding-bottom: 15px;}
.popupMenu {position: relative; padding-bottom: 35px;}
.popupMenu li {padding: 20px 0 0 0; font-size: 22px; font-weight: 700;}
.popupMenu li a {display: inline-block; position: relative; color: #282828;}
.popupMenu li a:hover {color: #e14a25;}
.popupMenu li a span {display: inline-block; position: relative;}
.popupMenu li a span:after {content: ''; width: 0; height: 3px; background: #e14a25; position: absolute; bottom: -5px; left: 0; transition: all .4s ease;}
.popupMenu li a:hover span:after {width: 100%;}

.popupMenu.smll {padding-top: 10px;}
.popupMenu.smll li {font-size: 20px; font-weight: 400;}
.conInfo {padding:0;}
.conInfo li {font-size: 20px; color: #000; padding-bottom: 10px;}
.conInfo li img {vertical-align: middle; margin: 0 4px 5px 0;}
.conInfo li a {color: #000;}

.popupMenu.smll:after {display: none;}

.popupBot { position: absolute; bottom: 60px; left: 60px; width: 100%;}

.topSocialLink {padding:65px 0 0 0; margin: 0 -5px; width: 100%;}
.topSocialLink li {padding: 0 5px; width: 20%; max-width: 58px;}
.topSocialLink li:last-child {margin-right: 0;}
.topSocialLink li a {display: block; height: 46px; border:1px solid #a3a3a3; background: none; overflow: hidden; text-indent: -2100px; position: relative;}
.topSocialLink li a:hover {background: #1a448a; border:1px solid #1a448a;}
.topSocialLink li a:after {content: ''; width: 30px; height: 30px; background: url(../home-images/social_links.png); position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto;}
.topSocialLink li.facebook a:after {background-position: 0px 0px;}
.topSocialLink li.facebook a:hover:after {background-position:-30px 0px;}
.topSocialLink li.twitter a:after {background-position: 0px -31px;}
.topSocialLink li.twitter a:hover:after {background-position: -30px -31px;}
.topSocialLink li.linkedin a:after {background-position: 0px -62px;}
.topSocialLink li.linkedin a:hover:after {background-position: -30px -62px;}
.topSocialLink li.youtube a:after {background-position: 0px -93px;}
.topSocialLink li.youtube a:hover:after {background-position: -30px -93px;}
.topSocialLink li.instagram a:after {background-position: 0px -124px;}
.topSocialLink li.instagram a:hover:after {background-position: -30px -124px;}

.popupMenu::after {content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: rgb(255,255,255); background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(228,228,228,1) 15%, rgba(228,228,228,1) 50%, rgba(228,228,228,1) 85%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(228,228,228,1) 15%,rgba(228,228,228,1) 50%,rgba(228,228,228,1) 85%,rgba(255,255,255,1) 100%); background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(228,228,228,1) 15%,rgba(228,228,228,1) 50%,rgba(228,228,228,1) 85%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); }
.popupDDBox {width: calc(100% - 500px); height: 100%; background: #fff url(../home-images/menu_background.jpg) left top; background-size: cover; position: absolute; right: calc(-100% + 800px); top: 0; padding:25px 50px; overflow:auto;}
.popupDDBox.active {right: 500px; transition:ease-in-out 1.5s;}
.popupDDBox .back {display: none;}
.popupDDBox .hd {font-size: 34px; color: #fff; font-weight: 500; padding-top:25px;}
.popupDDBox .text {font-size: 19px; color: #fff; font-weight: 500; line-height: 27px; padding: 15px 0 10px 0;}

.popupDDBox .servicePB {display: flex; flex-wrap: wrap; margin:0 -10px; padding-top:20px;}
.popupDDBox .servicePB .linkBox {width:25%; padding:0 10px;}
.popupDDBox .servicePB .linkBox .subHd {position:static; padding:0;}
.popupDDBox .servicePB .linkBox .subHd img {position:static; vertical-align:middle; margin:0 10px 4px 0;}
.popupDDBox .servicePB .linkBox ul {padding:10px 0 20px 28px; margin:0;}
.popupDDBox .servicePB .linkBox ul li {width: 100%;}

.popupDDBox .linkBox {border-bottom: 1px solid rgba(255,255,255,.5); padding: 20px 0; position: relative;}
.popupDDBox .linkBox .subHd {font-size: 16px; color: #fff; font-weight: 600; position: absolute; left: 0; top: 20px; padding-left: 35px;}
.popupDDBox .linkBox .subHd img {position: absolute; left: 0; top: -2px;}
.popupDDBox .linkBox .subHd a {color:#fff;}
.popupDDBox .linkBox ul {display: flex; flex-wrap: wrap; padding: 0 0 0 25%; margin: -5px;}
.popupDDBox .linkBox ul li {width: 33.33%; font-size: 14px; padding: 5px; line-height: 20px;}
.popupDDBox .linkBox ul li a {color: #fff;}
.popupDDBox .linkBox ul li a:hover {color: #e14a25;}

header.active .headRgt a.mobMenu, header.open .headRgt a.mobMenu {background: #333;}
header.active .headRgt a.mobMenu:hover, header.open .headRgt a.mobMenu:hover {background: #e14a25;}
header.active .headRgt a.mobMenu em, header.open .headRgt a.mobMenu em {background: #fff;}
header.active .menu ul li a, header.open .menu ul li a {color: #333;}
header.active .menu ul li a:hover, header.active .menu ul li.active a, header.open .menu ul li a:hover, header.open .menu ul li.active a {color: #e14a25;}

.menu ul {display: flex;}
.menu ul li {font-size: 16px; font-weight: 500; text-transform: uppercase; margin-right: 50px;; overflow: hidden;}
.menu ul li a {display: inline-block; color: #fff; height: 80px; line-height: 80px; position: relative;}
.menu ul li a:hover, .menu ul li.active a {color: #e14a25;}

.menu ul li a.readMoreBtn {line-height: normal; height: auto; margin-top: 20px; padding: 10px 25px;}
.menu ul li a.readMoreBtn:hover {color: #fff;}

.menu ul li.ddMenu a {padding-right: 22px;}
.menu ul li.ddMenu a:after {content: ''; background: url(../home-images/menu_arrow.png) no-repeat; width: 16px; height: 16px; position: absolute; right: 0; top: 31px;}
.menu ul li.ddMenu a:hover:after {background-position: 0 -16px;}
header.active .menu ul li.ddMenu a:after, header.open .menu ul li.ddMenu a:after {background-position: 0 -32px;}
header.active .menu ul li.ddMenu a:hover:after, header.open .menu ul li.ddMenu a:hover:after {background-position: 0 -16px;}
header.active .menu ul li a.readMoreBtn, header.open .menu ul li a.readMoreBtn {color: #fff;}

.submenuBox {background: #fff url(../home-images/main_menu_bg.jpg) no-repeat bottom left; background-size: auto 100% !important; position: fixed; left:0px; top: 0; width: 100%; opacity: 1; transition: all .5s ease; z-index: -100; display: none; padding: 100px 0 0 0; box-shadow: 0 0 25px rgba(0,0,0,.7); border-bottom: 3px solid #d7d7d7;}
.menu ul li .subMenu {width:calc(100% - 520px); display: flex; padding: 40px 0 0 0; margin:0;}
.menu ul li .subMenu li {margin-right:0; padding:0 20px 0 0; width: 33.33%;}
.menu ul li .subMenu li a {display: block; color: #565656; text-transform: none; height:auto; line-height:normal; padding: 0; font-weight: 500; font-size: 16px; margin-bottom: 10px; position: relative;}

.menu ul li .subMenu li span {display: block; color: #565656; padding:0; font-weight: 500; font-size: 16px; margin-bottom: 10px; text-transform: none; position: relative;}

.menu ul li .subMenu li span strong, .menu ul li .subMenu li a strong {font-weight: 500; display: inline-block; padding: 0 10px 6px 0; border-bottom:1px solid #eee;}

.menu ul li.ddMenu .subMenu li a:after {display: none;}
.menu ul li .subMenu li a:hover {color: #e14a25;}
.menu ul li:hover {overflow:visible;}
.submenuBox .home-container {display: block; height: auto; z-index: 10001;}


.menu ul li .subMenu.about li {width: 25%;}
.menu ul li .subMenu.industries li {width: 40%;}
.menu ul li .subMenu.services li {width: 33%;}
.menu ul li .subMenu.services li:nth-child(2) {width: 37%;}
.menu ul li .subMenu.services li:nth-child(3) {width: 30%;}

.menu ul li .subMenu li ul {display: block;}
.menu ul li .subMenu li ul li {width: 100% !important; padding: 10px 0 10px 18px; position: relative;}
.menu ul li .subMenu li ul li a {font-size: 15px; font-weight: 400; margin-bottom: 0; border:none; color: #666;}
/*.menu ul li .subMenu li ul li a:before {content: ''; position: absolute; left: -12px; top: 4px; background: url(../home-images/link_arrow.png) no-repeat; width: 7px; height: 7px;}
.menu ul li .subMenu li ul li a:hover:before {background-position: 0 -7px;}*/

.menu ul li .subMenu li ul li a:before {content: ''; position: absolute; left: -12px; top: 2px; border-bottom:5px solid transparent; border-top:5px solid transparent; border-left:6px solid #e14a25;}

.menu ul li .ssLinks {width: 260px; padding: 42px 0 0 0; margin:0 20px 0 0; display: block; position: relative;}
.menu ul li .ssLinks li {margin: 0; padding: 6px 0;}
.menu ul li .ssLinks li a {height: auto; line-height: normal; padding:10px 10px 10px 48px; font-weight: 600; display: block; font-size: 15px; color: #565656; text-decoration: underline; text-transform: uppercase;}
.menu ul li .ssLinks li a:after {display: none;}
.menu ul li .ssLinks li a img {vertical-align: middle; margin: 0; position: absolute; left: 0; top: 1px;}

.menu ul li .ssLinks:after { content: ''; position: absolute; right: -100px; top: 0; width: 1px; height: 100%; background: rgb(255,255,255); background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(237,237,237,1) 16%, rgba(214,214,214,1) 52%, rgba(237,237,237,1) 73%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 16%,rgba(214,214,214,1) 52%,rgba(237,237,237,1) 73%,rgba(255,255,255,1) 100%); 
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 16%,rgba(214,214,214,1) 52%,rgba(237,237,237,1) 73%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); }

.menuOuter {display: flex !important; justify-content:flex-end !important;}
.menuTopInner {display: flex; width: 1320px; position: relative; justify-content: space-between; min-height: 409px; position: relative;}
.menuTopInner:after { content: ''; position: absolute; right: 512px; top: 0; width: 1px; height: 100%; background: rgb(255,255,255); background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(237,237,237,1) 16%, rgba(214,214,214,1) 52%, rgba(237,237,237,1) 73%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 16%,rgba(214,214,214,1) 52%,rgba(237,237,237,1) 73%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 16%,rgba(214,214,214,1) 52%,rgba(237,237,237,1) 73%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); }
    .menuTopInner.sol:after {right: 670px;}
    .menuTopInner.ind:after {right: 610px;}
    .menuTopInner.part:after {right: 670px;}
    .menuTopInner.ss:after {display: none;}
    .menuTopInner.abot:after {right: 670px;}

.menuBoxSep {width: 520px; padding-left: 50px; position: relative;}
.menuBoxLink {width: 225px; margin: 38px 0 0 10px;}
.menuBoxLink span {text-transform: none; color: #565656; display: block; font-size: 16px; font-weight: 500; padding-bottom: 10px;}
.menuBoxLink a {display: block !important; height: 180px !important; position: relative; background-size: cover !important; border-radius: 4px; line-height: normal !important; padding: 0 !important; transition:ease-in-out .5s; overflow: hidden; text-transform: none;}
.menuBoxLink a:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(3,3,3,0.88) 99%, rgba(0,0,0,0.88) 100%); background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(3,3,3,0.88) 99%,rgba(0,0,0,0.88) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(3,3,3,0.88) 99%,rgba(0,0,0,0.88) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e0000000',GradientType=0 ); }
.menuBoxLink a:after {display: none !important;}
.menuBoxLink a figure {font-size: 13px; color: #fff; font-weight: 500; position: absolute; left: 0; bottom: 0; padding: 10px; z-index: 1; width: 100%; line-height: 20px;}

.menuBoxLink.big {width: 340px; margin: 20px 0 0 25px;}
.menuBoxLink.big span {font-size: 16px;}
.menuBoxLink.big a {height: 192px !important;}

.menuVideoTop {position: relative; padding-bottom: 56.25%; border-radius: 4px; overflow: hidden; background:#fff url(../home-images/loading.gif) no-repeat center; border:1px solid #f4f4f4;}
.menuVideoTop .videoFile {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:none; vertical-align:bottom;}

.menuDDBot {border-top: 1px solid#e9e9e9;}
.menuDDBot .inner {position: relative; justify-content: space-between; padding-left: 200px;}
.menuDDBot .viewInsights {width: 140px; position: absolute; left: 0; top: 0;}
.menuDDBot .viewInsights a {display: block; text-align: left; height: auto; line-height: normal; padding: 40px 0px 40px 55px !important; color: #333 !important; text-transform: none; font-size: 18px; font-weight: 600; text-transform: uppercase;
}
.menuDDBot .viewInsights a img {display: block; margin: 0 auto 5px auto; position: absolute; left: 0; top: 28px;}
.menuDDBot .viewInsights a:after {display: none !important;}
.menuDDBot .viewInsights a:hover {color: #e14a25 !important;}

/*
.menu ul li .headerSL {justify-content: space-between;}
.menu ul li .headerSL li {padding:25px 24px; border-left: 1px solid #e6e6e6; color: #333; font-size: 15px; font-weight: 600; line-height: 24px; margin: 0;}
.menu ul li .headerSL li span {font-size: 18px; color: #f15a23; font-weight: 700;}
*/
.menu ul li .headerSL {display: table; width: 100%;}
.menu ul li .headerSL li {display: table-cell; border-left: 1px solid #e6e6e6; color: #333; font-size: 15px; font-weight: 400; line-height: 24px; margin: 0; vertical-align: middle;}
.menu ul li .headerSL li span {font-size: 18px; color: #f15a23; font-weight: 700;}
.menu ul li .headerSL li .inner {white-space: nowrap; height: 100px; padding: 10px; display: flex; justify-content: center; align-items: center; width: 100%;}

.menu ul li .headerPL {padding:0;}
.menu ul li .headerPL li {border-left: 1px solid #e6e6e6; padding:20px 20px; margin:0;}
.menu ul li .headerPL li img {max-width: 125px;}

.bannerCon {position:relative; min-height:100vh; overflow:hidden; height:auto;}
.bannerCon .bannerItem {background-size:cover !important; height:auto;}
.swiper-container {width: 100%; height: 100vh; transition:opacity .6s ease, transform .3s ease;}
.bannerCon .bannerItem .home-container {min-height:100vh; padding:100px 80px 20px 80px; display: flex; align-items: center;}
.bannerBox {max-width:1700px; color:#fff; font-family: 'Graphik';}
.bannerHd {font-size:95px; text-transform:uppercase; line-height:78px; font-weight:700; padding-bottom:50px;}
.bannerHd span {display:block;}
.bannerHd i {font-style:normal; text-transform:none;}
.bannerText {font-size:32px; max-width: 1700px; line-height: 44px; font-weight:500; position:relative; padding:50px 0 50px 0;}
.bannerText:before {content:''; width:157px; height:3px; background:#e14a25; position:absolute; left:0; top:0;}
a.readMoreBtn {display:inline-block; position: relative; background:#e14a25; font-size:17px; color:#fff; padding:14px 35px; font-weight:500;}
.slick-slider {-webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text;}
a.readMoreBtn:before {content: ''; width: 0%; height: 100%; background: #1a448a; position: absolute; left: 0%; top: 0; transition: all .5s ease;}
a.readMoreBtn:after {content: ''; width: 0%; height: 100%; background: #1a448a; position: absolute; right: 0%; top: 0; transition: all .5s ease;}
a.readMoreBtn:hover:before {width: 51%;}
a.readMoreBtn:hover:after {width: 51%;}
a.readMoreBtn span {position: relative; z-index: 2;}

.bannerCon .slick-dots {position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center;}
.bannerCon .slick-dots li {display: inline-block; margin: 0 6px;}
.bannerCon .slick-dots li button {width: 36px; height: 5px; overflow: hidden; text-indent: -200px; border: none; cursor: pointer; background: #ccc;}
.bannerCon .slick-dots li.slick-active button, .bannerCon .slick-dots li:hover button {background: #e14a25;}

.pt50 {padding-top: 50px;}
.pb50 {padding-bottom: 50px;}
.mainHd {font-size: 38px; padding-bottom: 10px;}
.hdText {font-size: 22px; color: rgba(0,0,0,.8); max-width: 1220px; margin: auto; line-height: 27px;}
.mb20 {margin-bottom: 30px;}
.hdText.homeAbout {max-width: 1400px;}

.ServiceCon {background: url(../home-images/service_bg.jpg) no-repeat left top; background-size: auto 100%; padding: 60px 0; margin-top: 10px;}
.serviceLink {width: 400px; border-right: 10px solid rgba(116,116,116,.15); position: relative;}
.serviceLink a {height: 25%; border: 1px solid transparent; border-right: none; padding: 1px 40px 1px 20px; color: rgba(40,40,40,.5); font-size: 30px; font-weight: 600; display: flex; align-items: center; justify-content: flex-end; position: relative;}
.serviceLink a h3 {font-weight:600; font-size:inherit;}
.serviceLink .active {width: 10px; height: 25%; background: #e14a25; position: absolute; right: -10px; top: 0;  transition: all .4s ease;}
.serviceLink a.current {border:1px solid rgba(255,255,255,1); color: rgba(40,40,40,1); border-right: none; box-shadow: 0 0 15px 2px rgba(0,0,0,.4);}

.serviceForMob {display: none;}

.serviceMid {width: calc(100% - 800px); padding: 0 30px;}
.serviceList {margin: -15px; transition: all .7s ease; display: none;}
.serviceList.active { display: flex;}

.serviceList > li {padding: 15px; width: 50%;}
.serviceList > li > a {background: #ffffff; display: block; height: 100%; padding: 25px; box-shadow: 0 5px 10px rgba(0,0,0,.2); position: relative; overflow: hidden;}
.serviceList > li > a .hd {font-size: 22px; line-height: 25px; font-weight: 500; margin-bottom:15px; position: relative; padding-left: 65px; min-height:50px; display: flex; align-items: center;}
.serviceList > li > a .hd img {position: absolute; top: 0; left: 0;}
.serviceList > li > a .hd img.ro {opacity: 0;}
.serviceList > li > a .text {font-size: 14px; font-weight: 500; color: rgba(0,0,0,.8); line-height: 20px; position: relative;}
.serviceList > li > a:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../home-images/home_over_bg.jpg); background-size: cover; transform: scale(2); transition: all .7s ease; opacity: 0;}
.serviceList > li > a:hover:before {transform: scale(1); opacity: 1;}
.serviceList > li > a:hover .hd {color: #fff;}
.serviceList > li > a:hover .text {color: #fff;}
.serviceList > li > a:hover .hd img.ro {opacity: 1;}
.serviceList > li > a:hover .hd img.front {opacity: 0;}

.salesforceBox {background: #fff; width: 400px; padding:20px 50px 50px 50px; position: relative; transition: all .7s ease; overflow: hidden;}
.salesforceBox:after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all .7s ease; background: #fff url(../home-images/salesforce_bg.jpg) no-repeat center bottom; background-size: cover; opacity: .1;}
.salesforceBox:hover {box-shadow: 0 0 15px rgba(0,0,0,.2);}
.salesforceBox:hover:after {opacity: .2; transform: scale(1.1);}

.salesforceBox .img {position: relative; z-index: 10;}
.salesforceBox .hd {font-size: 28px; font-weight: 800; text-transform: uppercase; padding-top: 30px; line-height: 36px; position: relative; z-index: 10;}
.salesforceBox .btn {position: absolute; left: 50px; bottom: 50px; z-index: 10;}


a.learnMore {display: inline-block; border: 1px solid #f15922; color: #ff6644; font-size: 22px; padding: 10px 15px; position: relative; z-index: 2;}
a.learnMore span {display: inline-block; position: relative; z-index: 2; padding-right: 25px;}
a.learnMore span:after {content: ''; background: url(../home-images/arrows.png) 0 -42px; width: 15px; height: 19px; position: absolute; right: 0; top: 2px;}
a.learnMore:before {content: ''; width: 0%; height: 100%; background: #1a448a; position: absolute; left: 0%; top: 0; transition: all .5s ease;}
a.learnMore:after {content: ''; width: 0%; height: 100%; background: #1a448a; position: absolute; right: 0%; top: 0; transition: all .5s ease;}
a.learnMore:hover:before {width: 51%;}
a.learnMore:hover:after {width: 51%;}

.clientCon {background-size: cover !important; padding: 0 45px;}

.partnerBox {width: 50%; padding-right: 60px; position: relative;}
.partnerBox:after {content: ''; width: 2px; height: 100%; position: absolute; right: -1px; top: 0; background: #fff;}
.partnerList {margin: -2px;}
.partnerList li {width: 25%; text-align: center; padding: 2px;}
.partnerList li > div {background: #fff; padding:5px 15px; transition: all .4s ease;}
.partnerList li > div:hover {box-shadow: 0 0 15px rgba(0,0,0,.3); transform: scale(1.1); transition: all .4s ease;}
.clientBox {width: 50%; padding-left:60px;}

.whyChooseCon {background-size: cover !important;}
.statsList {width: 50%; padding:50px 0; border-right: 1px solid #fff;}
.statsList ul {padding: 10px 35px;/*& background:rgba(255,255,255,.5);*/}
.statsList li {width: 33.33%; padding:10px 10px; position: relative;}
.statsList li > div {background: #fff; position: relative; padding:20px; height: 100%; font-size: 17px; line-height: 28px; text-align: center; border-radius: 8px; box-shadow:0px 0px 15px rgba(0,0,0,.5); z-index: 2; font-weight:500;}
.statsList li > div img {position: absolute; top: 17px; left: 20px;}
.statsList li > div span {color: #f15a23; font-weight: 500; font-size: 22px;}
.statsList li > div span .counter {font-weight: 600; font-size: 22px;}

.videoCon {width: calc(50% - 20px); padding:0; position: relative; background-size: cover !important; margin:50px 0 50px 20px; height: 360px;}
.videoImg img {width: 100%;}
.videoOuter {position: absolute; left: 0; bottom: -33px; width: 100%;}
.videoTop {width: 100%; margin: auto; border: 1px solid #fff; border-bottom: none; max-width: 380px; border-radius: 0; overflow: hidden; box-shadow:0 12px 6px -6px rgba(0,0,0,.4);}
.videoTop .videoBox {position: relative; padding-bottom: 56.25%; background:#fff url(../home-images/loading.gif) no-repeat center;}
.videoTop .videoBox .videoFile {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:none; vertical-align:bottom;}
.videoDots {width: 100%; margin: auto; max-width: 380px; text-align: center;}
.videoDots li {display: inline-block; margin: 0 4px; padding-top: 15px;}
.videoDots li a {background: #c4c4c4; width: 36px; height: 5px; display: inline-block;}
.videoDots li a.active, .videoDots li a:hover {background: #f36524;}

.newsLft {width: 44%; background: #179CAF; padding: 70px; color: #fff;}
.newsLft .hd {font-size: 36px; font-weight: 500; padding-bottom: 15px; border-bottom: 1px solid #0279aa;}
.newsList {margin-bottom: 30px;}
.newsList li {border-bottom: 1px solid #0279aa; font-size: 22px; font-weight: 500; line-height: 30px;}
.newsList li a {color: #fff; display: block; padding: 22px 100px 22px 0; background: url(../home-images/arrow.png) no-repeat right 15px center;}
.newsList li a:hover {background-position: right center;}
a.newsBtn {display: block; background: #FFF; font-size: 24px; font-weight: 500; text-align: center;color: #036371;border-radius: 5px;}

.newsList li a span {display:block; font-size:15px; padding-top:5px; color:#f6d000;}

.newsRgt {width: 56%;}
.blogBox {width: 50%; height: 50%; overflow: hidden; position: relative;}
.blogBox a {position: absolute; overflow: hidden; left: 0; top: 0; width: 100%; height: 100%;  color: #fff; transition: all .7s ease;}

.blogBox a .img {background-size: cover !important; position: absolute; left: 0; top: 0; width: 101%; height: 100%; transition: all .7s ease;}
.blogBox a:hover .img {transform: scale(1.1);}
.blogBox a .img:after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(99,99,99,0) 61%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(99,99,99,0) 61%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(99,99,99,0) 61%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); }

.blogBox a .topHd {position:absolute; left:1px; top:1px; background:#fff; padding:7px 0px 7px 10px; font-size:18px; font-weight:600; z-index:10;}
.blogBox a .topHd span {position: relative; z-index: 10; color: #e14a25;}
.blogBox a .topHd:after {content:''; width:30px; height:100%; background:#fff; position:absolute; right:-15px; top:0; -moz-transform:skew(-32deg, -1deg); -webkit-transform:skew(-32deg, -1deg); transform:skew(-32deg, -1deg);}

.blogBox figure {position: relative; z-index: 5; padding: 30px; position: absolute; right: 0; top: 75%; width: 100%; height: 100%; transition: all .7s ease;}
.blogBox figure .hd {display: block; font-size: 28px; line-height: 36px; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.blogBox figure .date {display: block; font-size: 14px; padding-top: 10px; opacity: 0;  font-weight: 500;}
.blogBox:hover figure {top: 0; background: -moz-linear-gradient(top,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%); background: -webkit-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.7) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#b3000000',GradientType=0 );  display: flex; align-items: center;}
.blogBox:hover figure .hd { white-space: normal; text-overflow: initial;}
.blogBox:hover figure .date {opacity: 1;}

.blogBox figure .title {display: block; font-size: 17px; font-weight: 500; padding-top: 10px; opacity: 0; position:absolute; left:30px; bottom:15px;}
.blogBox:hover figure .title {opacity: 1;}

.letsTalk {padding:30px 0; font-size: 45px; color: #fff; text-align: center; position: relative; z-index: 101;}
.letsTalk:after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover  !important; background: url(../home-images/bot_bg.jpg) no-repeat center top;}
.letsTalk .hd {display: block; font-weight: 700; font-size: 32px; padding: 0 0 15px 0;}
.letsTalk a {font-size: 23px; padding: 14px 40px; font-weight: 500; border: 1px solid #fff; background: none; text-transform:uppercase;}

.letsTalk .home-container {z-index: 100; position: relative;}

footer {position: relative; overflow: hidden; z-index: 120;}
/*footer:after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover  !important; background: url(../home-images/footer_bg.jpg) no-repeat center top; transition: all .7s ease;}*/
footer .home-container {z-index: 99; position: relative;}

.footerTop {margin: 0 -15px;}
.footerCol {width: 20%; padding: 35px 15px;}
.footerHd {font-size: 16px; color: #fff; font-weight: 600; border-bottom: 1px solid #fff; padding-bottom: 10px; margin-bottom: 20px; max-width: 210px;}
.footerHd a {color:#fff;}
.address {color: #fff; font-size: 14px; padding-bottom: 20px; line-height: 20px; font-weight: 600;}
.address span {font-weight: 400;}
.footerLink {width: 100%;}
.footerLink li {font-size: 14px; padding-bottom: 14px;}
.footerLink li a {color: #fff; text-decoration: underline;}
.footerLink li a:hover {color: #e14a25; text-decoration: none;}

.footerRgt {border: 1px solid #a3a3a3; padding: 20px; background: rgba(255,255,255,.05);}
.socialLink {padding:20px 0 15px 0; margin: 0 -5px;}
.socialLink li {padding: 0 5px; width: 20%; max-width: 58px;}
.socialLink li:last-child {margin-right: 0;}
.socialLink li a {display: block; height: 46px; border:1px solid #a3a3a3; background: none; overflow: hidden; text-indent: -2100px; position: relative;}
.socialLink li a:hover {background: #e14a25; border:1px solid #e14a25;}
.socialLink li a:after {content: ''; width: 30px; height: 30px; background: url(../home-images/social_links.png); position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto;}
.socialLink li.facebook a:after {background-position: -30px 0px;}
.socialLink li.twitter a:after {background-position: -30px -31px;}
.socialLink li.linkedin a:after {background-position: -30px -62px;}
.socialLink li.youtube a:after {background-position: -30px -93px;}
.socialLink li.instagram a:after {background-position: -30px -124px;}
a.contactBtn {display: block; font-size: 20px; text-align: center; padding: 10px 5px; font-weight: 500; text-transform:uppercase;}
.mb10 {margin-bottom: 10px;}
.mailSkp {justify-content: flex-end;}
.footSep {width: 2px; height: 10px; background: #fff; margin: 0 8px;}
a.emailLink {color: #fff; font-size: 14px; font-weight: 500;}
a.emailLink img {vertical-align: middle; margin: 0 2px 3px 0;}
.tollFree {font-size: 16px; color: #fff; text-align: right;}
.tollFree img {vertical-align: middle; margin: 0 5px 6px 0;}
.tollFree span {display: block; font-size: 32px; font-weight: 700; padding-top: 2px;}
a.skype {font-size: 14px; color: #fff; font-weight: 500;}
a.skype img {vertical-align:middle; margin: 0 2px 2px;}

.crating {color: #fff; font-size: 11px;}
.crating span {display: block; font-size: 11px; font-weight: 500; padding-bottom: 4px;}
.crating span img {vertical-align: middle; margin: 0 0 0 1px;}
.copy {font-size: 12px; color: rgba(255,255,255,.4); padding-top: 8px;}
.clutch {font-size: 10px; color: #fff; text-align: center; position: relative; padding:5px 0 0 32px;}
.clutch .clImg {position: absolute; left: 0; top: 0;}
.clutch img {margin-right: 2px;}
.clutch span {font-size: 11px; display: block; text-transform: uppercase;}
.chat {position: fixed; right: 10px; bottom: 10px; z-index: 100;}

.pfCon {position: relative;}
.pfCon:after {content: ''; background: #f2f2f2; width: 100%; height: 320px; position: absolute; left: 0; top: 0;}
.pfCon .home-container {position: relative; z-index: 2;}
.pfBox {margin:0 -1px;}
.pfLft {width: 30%; padding: 1px;}
.pfLft .pfInner {background-size: cover !important; height: 100%; position: relative;}
.pfLft .pfInner .name, .pfRgt .pfInner .name {position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; color: #fff; padding: 30px; font-size: 24px; line-height: 32px; display: flex; align-items: flex-end; background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.36) 63%, rgba(0,0,0,0.37) 64%, rgba(0,0,0,0.89) 99%); background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.36) 63%,rgba(0,0,0,0.37) 64%,rgba(0,0,0,0.89) 99%); background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.36) 63%,rgba(0,0,0,0.37) 64%,rgba(0,0,0,0.89) 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e3000000',GradientType=0 );}
.pfLft .pfInner img {opacity: 0; width: 100%; max-height: 600px;}
.pfRgt {width: 70%; padding: 1px;}
.pfRgt .pfInner {background-size: cover !important; height: 100%; position: relative;}
.pfRgtTopC {margin: -1px; height: calc(100% + 2px);}
.pfRgtTopC > div {padding: 1px;}
.pfRgtTop {width: 50%; height: 50%; overflow: hidden;}
.pfRgtTop .pfInner img {opacity: 0; width: 100%;}
.pfRgtBot {width: 33.33%; height: 50%; overflow: hidden;}
.pfRgtBot .pfInner img {opacity: 0; width: 100%;}
.pfInner .overBox {position: absolute; left: 0; top: 0; background: #f15a23; padding: 30px; width: 100%; height: 100%; text-align: center; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 20px; color: #fff; transform: scale(0); transition: all .7s ease; line-height: 32px;}
.pfInner .overBox .hd {font-weight: 500; font-size: 30px; line-height: 39px; padding-bottom: 15px;}
.pfInner .overBox a {color: #ff6644; font-size: 17px; background: #fff; line-height: normal; text-transform:uppercase;}
.pfInner .overBox a.learnMore span:after {top:-1px; transform:scale(0.8);}
.pfInner .overBox a:hover {color: #fff;}
.pfInner .overBox a:hover span:after {background-position: 0 0;}
.pfInner .overBox a:before {background: #1a448a;}
.pfInner .overBox a:after {background: #1a448a;}
.pfInner:hover .overBox {transform: scale(1);}
.pfRgtTop .pfInner .overBox, .pfRgtBot .pfInner .overBox {padding: 20px; font-size: 17px; line-height: 28px;}
.pfRgtTop .pfInner .overBox .hd, .pfRgtBot .pfInner .overBox .hd {font-size: 24px; line-height: 32px;}

.pfLft .pfInner .name, .pfRgt .pfInner .name {justify-content: center; padding-bottom: 35px;}
.pfLft .pfInner .name img, .pfRgt .pfInner .name img {opacity: 1; width: auto;}
.pfInner .overBox .hd {justify-content: center; padding-bottom: 25px;}
.pfInner .overBox .hd img {opacity: 1; width: auto;}

.parrNewlink {margin:-5px; flex-wrap:wrap;}
.parrNewlink li {width:50%; padding:5px; margin:0 !important;}
.parrNewlink li > div {border:1px solid #eee; padding:5px; text-align:center; height:100%; display:flex; align-items:center; justify-content:center; min-height:85px;}
.sfBanImg {width:120px !important; margin:0 0 20px 7px !important;}

.mobSk {display:none;}
.mobCon {display:none;}