@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900');
/*
font-family: 'Poppins', sans-serif;
Poppins:100,200,300,400,500,600,700,800,900
*/
* { font-family: 'Poppins', sans-serif;}
html { height: 100%; }
html, body { width: 100%; margin: 0; padding: 0; }
hr { border-top: 1px solid #e5e5e5; clear: both; margin: 50px 0; }
body { font-family: 'Poppins', sans-serif; font-style: normal; font-variant: normal; font-size: 14px; color: #000000; line-height:30px; font-weight: 300; background: #ffffff url(../images/bg-loader.gif) center center no-repeat; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; overflow-x: hidden; }
a { color: #000000; text-decoration: none !important; outline: none; transition: all 0.2s linear; display: inline-block; }
a:hover, a:focus { color: #00a5ed; text-decoration: none !important; }
ol, ul, dl { margin-top: 0; margin-bottom: 1rem; }
ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; }
p { margin-top: 0; margin-bottom: 30px; }
p:last-child { margin-bottom: 0px; }
h1, h2, h3, h4, h5, h6 { font-style: normal; font-variant: normal; margin-top: 0; margin-bottom: 24px; color: inherit; line-height: 1; font-weight: 400; }
h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 20px; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }
/*----*/
.fullscreen { width: 100%; min-height: 100%; }
.full-mx{ max-width:1400px; margin:0px auto;}
.bg { background-repeat: no-repeat !important; background-size: 100% 100%; }
.bg-img { background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; }
.bg-img-tp { background-position: top center !important; background-repeat: no-repeat !important; background-size: 100% }
.bg-img-bt { background-position: bottom center !important; background-repeat: no-repeat !important; background-size: 100% }
.bg-img-tl { background-position: top left !important; background-repeat: no-repeat !important; }
.bg-img-tc { background-position: top center !important; background-repeat: no-repeat !important; }
.bg-img-tr { background-position: top right !important; background-repeat: no-repeat !important; }
.bg-img-rc { background-position: right center !important; background-repeat: no-repeat !important; }
.bg-img-rb { background-position: right bottom !important; background-repeat: no-repeat !important; }
.bg-img-bl { background-position: bottom left !important; background-repeat: no-repeat !important; }
.bg-img-bc { background-position: bottom center !important; background-repeat: no-repeat !important; }
.bg-img-lc { background-position: left center !important; background-repeat: no-repeat !important; }
.bg-img-t { background-position: top center !important; background-repeat: no-repeat !important; background-size: 100% auto; }
.bg-img-r { background-position: top right !important; background-repeat: no-repeat !important; background-size: auto 100%; }
.bg-img-b { background-position: bottom center !important; background-repeat: no-repeat !important; background-size: 100% auto; }
.bg-img-l { background-position: top left !important; background-repeat: no-repeat !important; background-size: auto% 100%; }
.bg-tl{background-position: top left !important;background-repeat: no-repeat !important;}
.bg-tc{background-position: top center !important;background-repeat: no-repeat !important;}
.bg-tr{background-position: top right !important;background-repeat: no-repeat !important;}
.bg-rc{background-position: right center !important;background-repeat: no-repeat !important;}
.bg-lc{background-position: left center !important;background-repeat: no-repeat !important;}
.bg-br{background-position: bottom right !important;background-repeat: no-repeat !important;}
.bg-bc{background-position: bottom center !important;background-repeat: no-repeat !important;}
.bg-bl{background-position: bottom left !important;background-repeat: no-repeat !important;}
/*----*/
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.text-left { text-align: left !important; }
.text-justify { text-align: justify !important; }
.text-uppercase { text-transform: uppercase !important; }
.underline { text-decoration: underline; }
.small-text { font-size: 11px; line-height: 20px; }
.medium-text { font-size: 16px; font-weight: 500; color: #333333; }
.large-text { font-size: 18px; line-height: 30px; color: #272727; }
.big-text { font-size: 30px; line-height: 40px; }
.responsive { width: 100%; }
.responsive-mx { max-width: 100%; }
.relative { position: relative; }
.container-float { position: absolute; left: 50%; margin-left: -590px; top: 0px; }
img { vertical-align: top; }
.half-width { width: 50%; }
.pcentered { margin: 0px auto; width: 95%; text-align: center; padding: 0px 0px 28px; }
.pcentered.md { width: 70%; }
.pcentered.sm { width: 60%; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; font-size: 0px; }
.fleft { float: left; }
.fright { float: right; }
.moz-box { box-sizing: border-box; }
.row-inner { padding-bottom: 28px; }
.grid-tb { display: table; height: 100%; width: 100%; }
.grid-tc { display: table-cell; vertical-align: middle; }
.grid-tc img { vertical-align: middle; }
.fullcontainer { position: relative; }
.bp-block { display: block; }
.img-left { margin-right: 30px; margin-bottom: 50px; float: left; }
.img-right { margin-left: 30px; margin-bottom: 50px; float: right; }
/*---*/
.mauto { margin: 0px auto; }
.m0 { margin: 0px!important; }
.ml0, .first { margin-left: 0px !important; }
.mr0, .last { margin-right: 0px !important; }
.mt0 { margin-top: 0px !important; }
.mb0 { margin-bottom: 0px !important; }
.mt5 { margin-top: 5px!important; }
.mr5 { margin-right: 5px!important; }
.mb5 { margin-bottom: 5px!important; }
.ml5 { margin-left: 5px!important; }
.mt10 { margin-top: 10px!important; }
.mr10 { margin-right: 10px!important; }
.mb10 { margin-bottom: 10px!important; }
.ml10 { margin-left: 10px!important; }
.mt15 { margin-top: 15px!important; }
.mr15 { margin-right: 15px!important; }
.mb15 { margin-bottom: 15px!important; }
.ml15 { margin-left: 15px!important; }
.mt20 { margin-top: 20px!important; }
.mr20 { margin-right: 20px!important; }
.mb20 { margin-bottom: 20px!important; }
.ml20 { margin-left: 20px!important; }
.mt25 { margin-top: 25px!important; }
.mr25 { margin-right: 25px!important; }
.mb25 { margin-bottom: 25px!important; }
.ml25 { margin-left: 25px!important; }
.mt30 { margin-top: 30px!important; }
.mr30 { margin-right: 30px!important; }
.mb30 { margin-bottom: 30px!important; }
.ml30 { margin-left: 30px!important; }
.mt40 { margin-top: 40px!important; }
.mr40 { margin-right: 40px!important; }
.mb40 { margin-bottom: 40px!important; }
.ml40 { margin-left: 40px!important; }
.mt50 { margin-top: 50px!important; }
.mr50 { margin-right: 50px!important; }
.mb50 { margin-bottom: 50px!important; }
.ml50 { margin-left: 50px!important; }
.mt60 { margin-top: 60px!important; }
.mr60 { margin-right: 60px!important; }
.mb60 { margin-bottom: 60px!important; }
.ml60 { margin-left: 60px!important; }
.mt70 { margin-top: 70px!important; }
.mr70 { margin-right: 70px!important; }
.mb70 { margin-bottom: 70px!important; }
.ml70 { margin-left: 70px!important; }
.mt80 { margin-top: 80px!important; }
.mr80 { margin-right: 80px!important; }
.mb80 { margin-bottom: 80px!important; }
.ml80 { margin-left: 80px!important; }
.mt90 { margin-top: 90px!important; }
.mr90 { margin-left: 90px!important; }
.mb90 { margin-bottom: 90px!important; }
.ml90 { margin-right: 90px!important; }
.mt100 { margin-top: 100px!important; }
.mr100 { margin-right: 100px!important; }
.mb100 { margin-bottom: 100px!important; }
.ml100 { margin-left: 100px!important; }
/*--*/

.p0 { padding: 0px!important; }
.pt0 { padding-top: 0px !important; }
.pr0, .last { padding-right: 0px !important; }
.pb0 { padding-bottom: 0px !important; }
.pl0, .first { padding-left: 0px !important; }
.p5 { padding: 5px !important }
.pt5 { padding-top: 5px!important; }
.pr5 { padding-right: 5px!important; }
.pb5 { padding-bottom: 5px!important; }
.pl5 { padding-left: 5px!important; }
.p10 { padding: 10px !important }
.pt10 { padding-top: 10px!important; }
.pr10 { padding-right: 10px!important; }
.pb10 { padding-bottom: 10px!important; }
.pl10 { padding-left: 10px!important; }
.p15 { padding: 15px !important }
.pt15 { padding-top: 15px!important; }
.pr15 { padding-right: 15px!important; }
.pb15 { padding-bottom: 15px!important; }
.pl15 { padding-left: 15px!important; }
.p20 { padding: 20px !important }
.pt20 { padding-top: 20px!important; }
.pr20 { padding-right: 20px!important; }
.pb20 { padding-bottom: 20px!important; }
.pl20 { padding-left: 20px!important; }
.p25 { padding: 25px !important }
.pt25 { padding-top: 25px!important; }
.pr25 { padding-right: 25px!important; }
.pb25 { padding-bottom: 25px!important; }
.pl25 { padding-left: 25px!important; }
.p30 { padding: 30px !important }
.pt30 { padding-top: 30px!important; }
.pr30 { padding-right: 30px!important; }
.pb30 { padding-bottom: 30px!important; }
.pl30 { padding-left: 30px!important; }
.p35 { padding: 35px !important }
.pt35 { padding-top: 35px!important; }
.pr35 { padding-right: 35px!important; }
.pb35 { padding-bottom: 35px!important; }
.pl35 { padding-left: 35px!important; }
.p40 { padding: 40px !important }
.pt40 { padding-top: 40px!important; }
.pr40 { padding-right: 40px!important; }
.pb40 { padding-bottom: 40px!important; }
.pl40 { padding-left: 40px!important; }
.p45 { padding: 45px !important }
.pt45 { padding-top: 45px!important; }
.pr45 { padding-right: 45px!important; }
.pb45 { padding-bottom: 45px!important; }
.pl45 { padding-left: 45px!important; }
.p50 { padding: 50px !important }
.pt50 { padding-top: 50px!important; }
.pr50 { padding-right: 50px!important; }
.pb50 { padding-bottom: 50px!important; }
.pl50 { padding-left: 50px!important; }
.pt60 { padding-top: 60px!important; }
.pr60 { padding-right: 60px!important; }
.pb60 { padding-bottom: 60px!important; }
.pl60 { padding-left: 60px!important; }
.pt70 { padding-top: 70px!important; }
.pr70 { padding-right: 70px!important; }
.pb70 { padding-bottom: 70px!important; }
.pl70 { padding-left: 70px!important; }
.pt80 { padding-top: 80px!important; }
.pr80 { padding-right: 80px!important; }
.pb80 { padding-bottom: 80px!important; }
.pl80 { padding-left: 80px!important; }
.pt90 { padding-top: 90px!important; }
.pr90 { padding-right: 90px!important; }
.pb90 { padding-bottom: 90px!important; }
.pl90 { padding-left: 90px!important; }
.pt100 { padding-top: 100px!important; }
.pr100 { padding-right: 100px!important; }
.pb100 { padding-bottom: 100px!important; }
.pl100 { padding-left: 100px!important; }
/*--------------*/
.txt-white { color: #ffffff; }
.txt-red { color: #f90000; }
.bdr { border: 1px solid #e8e8e8; }
strong { font-weight: 600; }
.dp-block { display: block; }
/*----*/
.cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 20px; right: 20px; overflow: hidden; text-indent: 100%; white-space: nowrap; border-radius: 50%; background: #00a5ed url(../images/cd-top-arrow-white.png) no-repeat center 50%; visibility: hidden; opacity: 0; z-index: 9; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15); background-size: 30% !important; }
.cd-top.cd-is-visible { visibility: visible; opacity: .5; }
.cd-top:hover { opacity: 1; }
/*----*/
.inv-recaptcha-holder { position: fixed; bottom: 70px; right: 0px; z-index: 1; }
/*----*/
.button { cursor: pointer; display: inline-block; vertical-align: middle; text-align: center; position: relative; transition: all 0.2s linear; outline: none !important; text-decoration: none !important; overflow: hidden; font-size: 14px; line-height: 45px; font-weight: 500; padding: 0px 35px; color: #ffffff; border: 1px solid #00a5ed; font-family: 'Poppins', sans-serif; background: #00a5ed; border-radius: 3px; text-transform:uppercase; min-width:180px;}
.button:hover, .button:focus { color: #00a5ed; background: #252525; border-color: #252525;}
.btn-blue{ background:#183051; border-color:#183051;}
.btn-white{ background:#ffffff; border-color:#ffffff; color:#000000;}
.btn-light{ background:#f2f2f2; border-color:#f2f2f2; color:#000000;}
.btn-bdr { background: none; }
.bdr-white { border-color: #ffffff; color: #ffffff; }
.bdr-white:hover, .btn-light:hover{background: #00a5ed; border-color:#00a5ed;}
.bdr-yellow { border-color: #ffc300; color: #ffc300; }
.btn-block { width: 100%; padding: 0px; }
.btn-holder .button { margin: 0px 18px 0px; }
.btn-holder .button:first-child { margin: 0px 0px 0px 0px; }
.btn-holder .button:last-child { margin: 0px 0px 0px 0px; }
.btn-sm { line-height: 30px; font-size: 8px; }
.button i { line-height: 16px; }
.iright {margin-left: 10px;}
.ileft { margin-right: 10px; }
.rounded-cnr { border-radius: 3px; }
.rounded { border-radius: 30px; }
.round { border-radius: 50%; }
.btn-width-xl { width: 70%; }
/*----*/
.styled-list, .icon-list, .non-styled-list { padding: 0px; margin: 0px 0px 30px; list-style: none; }
.non-styled-list li { padding-bottom: 15px; }
.styled-list li, .icon-list li { position: relative; padding-bottom: 5px; padding-left: 15px; }
.styled-list li::before { content: ""; left: 0px; top: 0px; position: absolute; font-weight: 400; font-family: 'jcon-font'; }
.list-style1 li { padding-left: 17px; }
.list-style1 li::before { width: 4px; height: 4px; background: #212121; border-radius: 3px; content: ""; top: 10px; }
.list-style2 li { padding-left: 40px; line-height: 30px; padding-bottom: 15px; padding-top: 15px; font-size:20px;}
.list-style2 li::before { position: absolute; left: 0px; top:24px; font-family: 'jcon-font'; content: '\e82c'; color:#ffffff; width:15px; height:15px; background:#000000; border-radius:8px; text-align:center; line-height:15px; font-size:11px;}
.list-style3 li { padding-left: 30px; line-height: 30px; }
.list-style3 li::before { content: "\ea79"; top: 0px; color:#01a5ed;}
.styled-ol { padding-left: 13px; margin: 0px; }
.icon-list li { padding-left: 30px; padding-bottom: 20px; }
.icon-list li img, .icon-list li i { position: absolute; left: 0px; top: 4px; }
.icon-list li.inline { display: inline-block; padding-right: 20px; }
/* Map */
.map { position: relative; display: block; width: 100%; height: 600px; color: #404040; margin: 0px auto 0px; border: 0px solid #e1e1e1; }
.firstHeading, .map-popup__title { font-size: 15px; color: #333333; margin: 0px 0px 5px; font-weight: 700; }
.map p { font-size: 13px; text-align: left; line-height: 24px; margin: 0px auto; font-weight: 400; }
.map img { max-width: none !important; }
.map a { color: #e80000; }
.map a:hover { color: #000000; }
.map-holder { position: relative; }
/*----*/
.navigation { position: relative; display: block; color: #ffffff; font-size: 18px; font-weight: 800; text-transform: uppercase; margin-bottom: 0px; line-height: 50px; cursor: pointer; background: #d91c5c; padding-left: 30px; }
.navigation::after { position: absolute; right: 15px; top: 0px; font-family: 'jcon-font'; content: '\e848'; text-align: center; font-size: 23px; color: #ffffff; display: none; font-weight: 400; }
.side-nav { list-style: none; margin: 0; padding: 0; }
.side-nav li { position: relative; }
.side-nav a { display: block; text-decoration: none; padding: 18px 10px 18px 35px; position: relative; font-size: 15px; line-height: 15px; color: #4e4e4e; border: 1px solid #ebebeb; border-top: 0px; }
.side-nav a::before { position: absolute; display: block; content: ""; transition: all 0.2s linear; content: ''; left: 0px; top: 0px; background: none; width: 3px; height: 100%; }
.side-nav li:hover a, .side-nav li.active a { background: #f5f5f5; }
.side-nav li:hover a::before, .side-nav li.active a::before { background: #79c1d6; }
/* BreadCrumbs */
.breadcrumbs { color: #ffffff; width: 100%; padding: 0px; font-size: 14px; line-height: 18px; font-weight: 400; text-transform: uppercase; }
.breadcrumbs ul { margin: 0px; padding: 0px; list-style: none; }
.breadcrumbs li { display: inline-block; }
.breadcrumbs li a { color: #ffffff; position: relative; padding-right: 40px; display: block; }
.breadcrumbs li a::after { position: absolute; right: 16px; top: 0px; font-family: 'jcon-font'; content: '\e94e'; }
.breadcrumbs li a:hover { color: #ffffff; }
.breadcrumbs strong { font-weight: 400; color: #ffffff; }
/*---*/
.pagination { margin: 0px; }
.pagination > li > a, .pagination > li > span { border-radius: 0% !important; margin: 0px 10px !important; color: #a2a9b0; border: 0px solid #dedede; line-height: 28px; padding: 0px 0px; line-height: 38px; font-size: 14px; font-weight: 500; display: block; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, .pagination > li.selected > a, .pagination > li.selected > span { background: none; color: #3e474f;}
.page-prev{ padding-left:40px !important; background:url(../images/prev.png) no-repeat left 13px !important;}
.page-next{padding-right:40px !important; background:url(../images/next.png) no-repeat right 13px !important;}
.page-prev:hover{background:url(../images/prev-ov.png) no-repeat left 13px !important;}
.page-next:hover{background:url(../images/next-ov.png) no-repeat right 13px !important;}
/*---*/
.HalfWidth { float: left; width: 50%; }
.textColRight, .textColLeft { display: block; position: relative; width: 420px; padding: 0px; }
.textColRight { float: left; }
.textColLeft { float: right; }
.textContent.lg { padding: 170px 110px; }
.textContent { padding: 100px 100px; }
.textContent.sm { padding: 70px 70px; }
.textColLeft .textContent { padding-left: 0px; }
.textColRight .textContent { padding-right: 0px; }
/*---*/
table { width: 100%; border-collapse: collapse; border: 0px; background: #ffffff; border-radius: 0px; overflow: hidden; text-align: center; }
tr:nth-of-type(even) { background: #ebebeb; }
tr:nth-of-type(odd) { background: #f7f7f7; }
th, td { padding: 15px; }
th { font-size: 13px; font-weight: 600; color: #ffffff; background: #3f46ac; text-align: left; text-transform: uppercase; }
td { vertical-align: middle; text-align: left; border: 1px solid #e1e1e1; padding-left: 40px; }
/*--Responsive Table--*/
@media only screen and (max-width: 599px) {
table.responsive-table, .responsive-table thead, .responsive-table tbody, .responsive-table th, .responsive-table td, .responsive-table tr { display: block; }
.responsive-table thead tr { position: absolute; top: -9999px; left: -9999px; }
.responsive-table tr { /*border: 1px solid #ffffff;*/ border-left: 1px solid #ededed; border-right: 1px solid #ededed; }
.responsive-table td { border: none; border-bottom: 1px solid #ededed; position: relative; padding-left: 50%; text-align: right; padding-right: 10px; }
.responsive-table td:before { position: absolute; top: 15px; left: 10px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; text-transform: uppercase; font-weight: 700; color: #111111; font-size: 13px; }
/*Label the data*/
.tbl-fleet td:nth-of-type(1):before { content: "Name"; }
}
/*---*/
.photoContainer { display: block; overflow: hidden; position: relative; width: 100%; z-index: 1; }
.photoContainer img { left: 50%; margin: 0 auto; max-height: auto; min-width: 100%; min-height: 100.1%; width: auto; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); vertical-align: top; }
a.photoContainer { transition: none !important; }
.equalheight, .equalheight1, .equalheight2, .equalheight3, .equalheight4, .equalheight5, .equalheight6, .equalheight7, .equalheight8, .equalheight9, .equalheight10 { display: block; position: relative; }
.img-effect .effect-holder { overflow: hidden; position: relative; }
.img-effect .effect-holder img { position: relative; transition: all 0.5s ease-in-out; left: 0px; top: 0px; right: 0px; bottom: 0px; transform: translate(0%, 0%); vertical-align: top;}
.img-effect:hover .effect-holder img { transform: scale(1.05, 1.05); }
/*---*/
/*
<div class="checkbox">
	<input type="checkbox" id="c1">
	<label for="c1">checkbox</label>
</div>

<div class="radio-inline">
	<div class="radio">
		<input id="r1" type="radio" name="r1">
		<label for="r1">Yes</label>
	</div>
	<div class="radio">
		<input id="r2" type="radio" name="r1" checked="checked">
		<label for="r2">No</label>
	</div>
</div>
*/
.radio, .checkbox { display: block; margin: 0px; position: relative; text-align: left; color: #252525; }
.radio-inline .radio, checkbox-inline .checkbox { display: inline-block; margin-right: 20px; }
.checkbox label, .radio label { display: inline-block; position: relative; padding-left: 40px; line-height: 20px !important; margin: 0px !important; }
.radio-inline, .checkbox-inline { padding: 0px; }
.checkbox label::before, .radio label::before { content: ""; display: inline-block; position: absolute; width: 26px; height: 26px; left: 0px; top: -3px; border: 1px solid #cecece; border-radius: 3px; background: #f3f3f5; background: -moz-linear-gradient(top, #f3f3f5 0%, #ebebeb 100%); background: -webkit-linear-gradient(top, #f3f3f5 0%, #ebebeb 100%); background: linear-gradient(to bottom, #f3f3f5 0%, #ebebeb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f5', endColorstr='#ebebeb', GradientType=0 );
-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12); }
.checkbox label::after, .radio label::after { font-family: 'jcon-font'; content: "\e820"; display: inline-block; position: absolute; width: 26px; height: 26px; top: -3px; left: 0px; transition: all 0.2s linear; opacity: 0; line-height: 26px; font-weight: 400; text-align: center; font-size: 16px; }
.checkbox input[type="checkbox"], .radio input[type="radio"] { opacity: 0; display: none; }
.checkbox input[type="checkbox"]:focus + label::before, .radio input[type="radio"]:focus + label::before { outline: none !important; }
.checkbox input[type="checkbox"]:hover + label::after, .radio input[type="radio"]:hover + label::after { opacity: .3; }
.checkbox input[type="checkbox"]:checked + label::after, .radio input[type="radio"]:checked + label::after { opacity: 1; color: #000000; }
.checkbox input[type="checkbox"]:checked::after, .radio input[type="radio"]:checked::after { opacity: 1; }
.checkbox input[type="checkbox"]:checked + label::before { }
.checkbox input[type="checkbox"]:checked::before, .radio input[type="radio"]:checked::before { }
.checkbox input[type="checkbox"]:disabled + label, .radio input[type="radio"]:disabled + label { opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before, .radio input[type="radio"]:disabled + label::before { background-color: #eeeeee; cursor: not-allowed; }
.radio { margin: 10px 0px; }
.radio label::before, .radio label::after { border-radius: 51%; top: -3px; left: 0px; }
.radio label::after { content: ""; top: 4px; left: 7px; background: #4e4e4e; width: 12px; height: 12px; }
.checkbox label a { text-decoration: underline !important; }
/*---*/
/*<select class="selectpicker" data-width="100%" data-style="" title="Title">
	<option>Select</option>
	<option>Select</option>
</select>*/
.form-control, .bootstrap-select .btn, .bootstrap-select .btn.btn-default, .bootstrap-select .btn.btn-default:hover, .bootstrap-select .btn.btn-default:focus, .sh-input { height: 60px; border:0px; border-bottom: 1px solid #cccccc; color: #959595; box-shadow: none !important; border-radius: 0px; background: none; padding-left: 0px; font-weight:300; font-size: 18px; width:100%; padding:0px;}
.form-control:focus { border-color: #252525; }
.form-control.small { text-align: center; padding-left: 0px; padding-right: 0px; }
.form-control.alt { }
textarea.form-control { height: 190px; resize: none; padding-top:15px;}
.bootstrap-select .btn { padding-right: 60px !important; }
.bootstrap-select .btn::after { position: absolute; right: 20px; top: 0px; width: 15px; height: 60px; background: none; font-family: 'jcon-font'; content: '\e865'; border-radius: 0px; font-size: 16px; color: #959595; line-height: 58px; }
.bootstrap-select.alt .btn, .sh-input {border: 2px solid #dddddd; font-size:14px;}
.bootstrap-select .btn .caret { display: none !important; }
.form-control::placeholder, .form-control::-moz-placeholder {
color: #5f5659 !important;
opacity: 1;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover { color: #5f5659 !important; opacity: 1; }
.bootstrap-select .dropdown-menu { padding: 0px; }
.bootstrap-select .dropdown-menu li a { padding: 5px 20px; }
.bootstrap-select .dropdown-menu li a:hover { color: #ffffff; background: #0074e8; }
.form-group { margin-bottom: 30px; position: relative; }
.form-holder label { font-weight:600; width: 100%; font-size: 14px; margin: 0px 0px 0px; color: #000000; line-height: 30px; }
.form-button { text-align: right; margin-top: 8px; }
/*
<div class="f-upload">
	<input type="file" name="img[]" class="browse-file">
	<input type="text" class="form-control alt browse-control" placeholder="Upload resume here">
	<button class="browse-btn" type="button">Open file</button>
</div>
<script>
$(document).on('click', '.browse-btn', function() {
    var file = $('.f-upload').find('.browse-file');
    file.trigger('click');
});
$(document).on('change', '.browse-file', function() {
	$('.browse-control').val($(this).val().replace(/C:\\fakepath\\/i, ''));
});
</script>
*/
.f-upload{ position:relative;}
.browse-file { visibility: hidden; position: absolute; }
.browse-btn { position: absolute; top: 8px; right: 0px; line-height: 40px; background: #f1f1f1; padding: 0px 20px; color: #808080; font-size: 14px; text-transform: uppercase; font-weight: 400; border: none; transition: all 0.2s linear; }
.browse-btn:hover { background: #00a5ed; color:#ffffff;}
.browse-control { padding-right: 120px; }
@media only screen and (max-width: 479px) {
.browse-btn { position: relative; top: 0px; right: 0px; width: 100%; margin-top: 10px; }
.browse-control { padding-right: 10px; }
}
.contact-pdpa { font-size: 16px; color: #808080; margin-top: 10px; }
/*--reveal-modal--*/
.reveal-overlay { background: rgba(0,0,0,.8); }
.reveal { padding: 0px; -moz-box-shadow: 0 0 5px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.4); -box-shadow: 0 0 5px rgba(0,0,0,.4); background: rgba(255,255,255,.5); border-radius: 0px; border: 1px solid #cdcdcd; top: 10% !important; }
.reveal.small { width: 200px; }
.reveal.medium { width: 400px; }
.reveal.large { width: 700px; }
.reveal.xlarge { width: 1250px; }
.reveal .close-reveal-modal { position: absolute; top: 30px; right: 30px; color: #c6c6c6; cursor: pointer; transition: none; text-align: center; font-size: 25px; }
.model-content { padding: 50px; background: #ffffff; }
@media only screen and (max-width: 1279px) {
.reveal, .reveal.xlarge, .reveal.large { width: 90% !important; }
.model-content { padding: 30px; background: #ffffff; }
.reveal .close-reveal-modal { top: 15px; right: 15px; }
}
/*--reveal-modal END--*/
#wrapper { display: block; height: auto !important; margin: 0 auto; min-height: 100%; overflow: hidden; position: relative; width: 100%; background: #ffffff; }
body, #wrapper, .footer-wrapper { opacity: 0; }
.inner-container-xxlg { padding: 160px 0px;}
.inner-container-xlg { padding: 120px 0px;}
.inner-container-lg { padding: 70px 0px; }
.inner-container-md { padding: 60px 0px; }
.inner-container { padding: 40px 0px; }
.inner-container-sm { padding: 30px 0px; }
.inner-container-xs { padding: 20px 0px; }
/*---*/
.main-container { min-height: 400px; }
.banner-holder { }
.header { z-index: 99; left: 0px; width: 100%; top: 0px; transition: all 0.2s linear; position: fixed; border-bottom:1px solid rgba(255,255,255,.25);}
.header *{transition: all 0.5s ease-in-out;}
.header .container { position: relative; }
.header.sticky { background:#ffffff;border-bottom:1px solid rgba(0,0,0,.05);}
.logo { float: left; position: relative; z-index: 99; margin: 20px 0px 13px; }
.logo a { display: inline-block; position: relative; z-index: 2; width: 256px; }
.logo a img { width: 100%; }

.top-right, .footer-right{ float:right; font-size:20px; margin-top:22px;}
.top-right{ position:absolute; float:none; top:0px; right:0px;}
.top-right ul, .footer-right ul { list-style: none; margin: 0px; padding: 0px; }
.top-right ul li, .footer-right ul li { display: inline-block; margin:0px 5px;}
.top-right ul li a, .footer-right ul li a { display: block; color: #ffffff; }
.top-right ul li a:hover, .footer-right ul li a:hover{ color: #00a5ed; }
.footer-right{ margin-top:0px;}
.top-right ul li.tp-search{ margin-right:40px;}
.TopSearchPop{ position:fixed; width:100%; height:100%; top:0px; left:0px; right:0px; bottom:0px; z-index:99;transition: all 0.2s linear; background:#000000; opacity:0; visibility:hidden; padding:30px;}
.TopSearchPop.active{opacity:1; visibility:visible;-webkit-animation: zoomIn 1s; -moz-animation: zoomIn 1s; -o-animation: zoomIn 1s; animation: zoomIn 1s;}
.topsearchform{ width:500px; margin:0px auto; text-align:center;}
.topsearchform h3{ font-size:30px; color:#ffffff; font-weight:300;}
.tp-input{ width:100%; height:35px; border:0px; border-bottom:1px solid #ffffff; background:#000000; height:50px; color:#ffffff; margin-bottom:30px;}
.schcltgr{ position: absolute; top:30px; right:30px; width:30px; height:29px; display:block; background: url(../images/close.png) no-repeat;transition: all 0.2s linear;}
.schcltgr:hover{transform: rotate(90deg);}
.header.sticky .tp-fb, .header.sticky .tp-lin{ display:none;}
.header.sticky .tp-search{ margin-right:0px;}
.header.sticky .top-right{margin-top:10px;}
/*----*/
.slider { position: relative; }
.slide { position: relative; vertical-align: top; }
.slick-arrow { position: absolute; border: none; background: none; top: 50%; transform: translate(0%, -50%); padding: 0px; z-index: 5; opacity: .5; background-size: 100% 100%; color: #252525; transition: all 0.2s linear; text-align: center; width: 50px; height: 50px; line-height: 50px; }
.slick-arrow:hover { opacity: 1; }
.slick-arrow.slick-disabled { opacity: .2; }
.slick-prev { left: 40px; }
.slick-next { right: 40px; }
/*---// Bootstrap Resets when Slick Slider Used in Tab*/
.tab-content>.tab-pane { display: block; visibility: hidden; }
.tab-content>.tab-pane.active { visibility: visible; }
.tab-content { position: relative; }
.tab-pane:not(:first-child) { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
/*----*/
.banner-holder { position: relative; }
.home-banner { position: relative; margin: 0px !important; }
.home-banner .slick-arrow { position: absolute; border: none; background: none; top: 50%; margin-top: -22px; padding: 0px; z-index: 5; opacity: .3; background-size: 100% 100%; color: #ffffff; transition: all 0.2s linear; text-align: center; font-size: 45px; }
.home-banner .slick-arrow:hover { opacity: 1; }
.home-banner .slick-prev { left: 40px; }
.home-banner .slick-next { right: 40px; }
.home-banner .slick-dots { bottom: 40px; width: 1148px; text-align: left; left: 50%; margin-left:-574px;}
.bn-caption { bottom: 0; height: 100%; left: 0; position: absolute; width: 100%; z-index: 2; }
.bn-caption .container { display: table; height: 100%; }
.bn-content { display: table-cell; text-align: left; vertical-align: middle; padding: 0px; color: #ffffff; }
.bn-content div { padding: 0px; width: 610px; text-align: left; }
.bn-content h2 { font-size: 80px; line-height: 90px; font-weight: 300; margin-bottom: 25px; color: #ffffff; letter-spacing:-3px;}
.bn-content p { font-weight: 400; font-size: 16px; color: #808080; }
.inner-banner { position: relative; /*height:550px;*/overflow: hidden;}
.inner-banner .bn-content { }
.inner-banner .bn-content div .breadcrumbs, .inner-banner .bn-content div { width: 100%; padding: 0px; }
.inner-banner .bn-content div{ text-align:center; padding-top:80px;}
.inner-banner .bn-content h2{ font-size:45px; line-height:60px; letter-spacing:-2px; /*text-transform:uppercase;*/ margin-bottom:0px;}
.inner-banner .bn-content h2:last-child { margin-bottom:0px; }
.inner-banner .bn-content p{ color:#ffffff; font-size:20px;}
.inner-banner img { width: 100%; }
.home-banner .slick-slide img { width: 100%; }
.banner-btn-holder { width: 100% !important; padding: 0px !important; margin: 0px !important; }
.banner-btn-holder .btn-link:first-child { margin-right: 20px; }
.bn-content div img { width: auto !important; display: inline-block !important; }
/*<div class="bn-scrl"><a href="#section1"><i class="jcon-down-thin"></i></a></div>*/
.bn-scrl{ position:absolute; left:50%; transform: translate(0%, -50%);  bottom:20px;  z-index:11;}
.bn-scrl a{ display:block; width:30px; height:30px;color:#ffffff; text-align:center; line-height:30px; font-size:20px;}

/* Nav */
.topRightContainer { position: relative; display: block; clear:both; float:right; width:100%;}
.header.sticky .topRightContainer{clear:none; width: auto; margin-right:15px;}
.mean-container a.meanmenu-reveal {font-family: 'Poppins', sans-serif; }
.nav-wrapper { position: relative; display: block; margin: 0px 0px; padding: 0px 0px; font-family: font-family: 'Poppins', sans-serif; }
.nav-container { position: relative; display: block; margin: 0px auto;}
.nav { position: relative; width: 100%; display: block; margin: 0px auto; text-align: center; }
.nav ul { position: relative; font-size: 14px; padding: 0; width: 100%; margin: 0 auto; display: block; list-style: none; }
.nav>ul>li { position: relative; margin: 0px 10px; display: block; float: left; }
.header.sticky .nav>ul>li{margin: 0px 0px;}
.nav>ul>li:first-child { margin-left: 0px; }
.nav>ul>li:last-child { margin-right: 0px; margin-left: 17px; }
.nav>ul>li>a { position: relative; display: block; color: #ffffff; line-height: 48px; padding: 0px 20px; text-align: center;  font-weight: 500;}
.header.sticky .nav>ul>li>a{padding: 0px 10px; line-height:55px; font-size: 12px;}
.nav>ul>li:first-child>a{ padding-left:0px;}
.nav>ul>li:hover>a, .nav>ul>li.selected>a { color: #ffffff; text-decoration:underline !important;}
.nav>ul>li.selected>a { font-weight: 500; }
.nav>ul ul, .nav>ul ul ul { position: absolute; left: 0px; top: 100%; opacity: 0; width: 100%; min-width: 260px; text-align: left; visibility: hidden; margin: 30px 0px 0px 0px; transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; font-size: 14px; z-index: 9;box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.1);}
.nav>ul ul ul { left: 100%; top: auto; margin: 0px; padding: 0px; }
.nav>ul>li:hover>ul, .nav>ul ul>li:hover>ul { opacity: 1; top: auto; margin-top: 0px; padding: 0px 0px; visibility: visible; }
.nav>ul ul>li:hover>ul { margin-top: -48px; }
.nav>ul ul a, .nav>ul ul ul a { position: relative; display: block; line-height: 20px; padding: 15px 20px; color: #505050; background: #ffffff; border-bottom: 1px solid #e9e9e9; font-weight: 400; }
.header.sticky .nav>ul ul a,  .header.sticky .nav>ul ul ul a{ font-size:12px;}
.nav>ul ul li:last-child>a { border-bottom: none; }
.nav>ul ul li:first-child a { }
.nav>ul ul li>a:hover, .nav>ul ul li.selected>a, .nav>ul ul ul li>a:hover, .nav>ul ul ul li.selected>a { color: #000000; background: #dfdfdf; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.nav>ul ul li.selected>a, .nav>ul ul ul li.selected>a { font-weight: 700; }
.nav>ul>li.has-sub:hover>a{ background:#ffffff; color:#505050; text-decoration:none !important;}
.nav>ul>li.has-sub>ul>li.has-sub>a::after{ position: absolute; right: 20px; top:0px; background: none; font-family: 'jcon-font'; content: '\e808'; color:#909090; font-size:18px; line-height:50px; font-weight:400;}
/*----*/
.footer-wrapper { display: block; /*overflow: hidden;*/ position: relative; width: 100%; background: #3e474f;}
.copyright { font-weight: 300; }
.copyright span { display: inline-block; }
.copyright strong { background: url("../images/verz-logo.png") no-repeat scroll right center; padding-right: 19px; }
.footer-nav { margin: 0px; list-style: none; padding: 0px; line-height: 24px; }
.footer-nav li { display: block; position: relative; margin-bottom:10px;}
.footer-nav li a { display: block; position: relative; }
.footer-nav li a::before{ position:absolute; left:0px; top:12px; width:0px; height:1px; background:#ffffff; content:""; opacity:0;transition: all 0.2s linear;}
.footer-nav li a:hover, .footer-nav li.current_page_item a, .footer-nav li.selected a { color: #ffffff; padding-left:20px;}
.footer-nav li a:hover::before, .footer-nav li.current_page_item a::before, .footer-nav li.selected a::before{ width:10px; opacity:1;}
.footer-nav li.current_page_item a, .footer-nav li.selected a { font-weight: 500; }
.footer { color: #a9b2bb; border-top: 1px solid #596168; }
.footer-wrapper a { color: #a9b2bb; }
.footer-wrapper a:hover { color: #ffffff; }
.footer .container { position: relative; }
.foo-left { float: left; margin-right: 80px; }
.foo-right { float: right; }
.foo-box { }
.excellence-within { position: absolute; right: 0px; top: 7px; height: 40px; border-left: 1px solid #443e40; padding-top: 5px; width: 120px; padding-left: 30px; }
.excellence-within a { padding-left: 33px; background: url(../images/verz-logo.png) no-repeat left 3px; font-size: 13px; line-height: 15px; }
.foo-box h3 { color: #ffffff; font-size: 14px; text-transform: uppercase; margin-bottom: 20px; font-weight:600; line-height:20px;}
.foo-box h3 a { color: #ffffff; }
.foo-box h3 a:hover { color: #e80000; }
/*---*/
.inline-links{ list-style:none; margin:0px; padding:0px; float:left;}
.inline-links li{ display:inline-block; position:relative; margin-right:20px;}
.inline-links li:first-child::after{ position:absolute; right:-13px; top:9px; width:1px; height:14px; content:""; background:#a8b1ba;}
.foo-logo{ width:228px;}
.f1{ width:340px;}
.f2{ width: calc(100% - 340px);}
.search-header{ padding-right:100px; position:relative; margin-bottom:70px;}
.sh1,.sh2{ float:left; width:50%; position:relative;}
.sh-btn{ position:absolute; right:0px; top:0px;}
.sh-btn .button{ width:100px; border-bottom-left-radius:0px;border-top-left-radius:0px; line-height:58px; min-width:inherit;}
.search-header .bootstrap-select.alt .btn{ padding-left:200px; border-right:0px;}
.sh1 .bootstrap-select.alt .btn, .sh-input{ border-bottom-left-radius:3px;border-top-left-radius:3px;}
.search-header label{ position:absolute; left:28px; top:0px; text-transform:uppercase; line-height:60px;}
.sh-input{ padding-left:28px; border-right:0px;}
.hs-pod{ position:relative; padding:40px 40px 40px 60px; background:#f8f8fa; color:#000000 !important; margin-bottom:28px;}
.cnr-btn{ position:absolute; top:0px; right:0px; width:60px; height:60px; background:#183051 url(../images/icon1.png) no-repeat; background-size:100%;transition: all 0.2s linear;}
.hs-pod .cnr-btn{ opacity:0;}
.hs-pod:hover .cnr-btn{ opacity:1;}
.home-about-holder{ position:relative; float:right; width:58.33333333%;}
.home-about{ background:#f3f3f3; padding-top:100px; padding-left:100px; padding-bottom:235px; z-index:1; position:relative;}
.home-about .title2{ position:absolute; width:520px; left:100px; bottom:-55px; margin-bottom:0px; line-height:60px;}
.home-about-txt{ width:500px;}
.pt-bg, .cul-img, .pt-img{ position:relative;}
.pt-bg::after, .cul-img::after, .pt-img::after{ position:absolute; width:100%; height:100%; content:""; background:url(../images/pattern1.png); }
.pt-bg.ptl{ margin-top:50px;}
.pt-bg.pbr{ margin-bottom:50px;}
.pt-bg.ptl::after{left:-50px; top:-50px;}
.pt-bg.ptr::after{right:-50px; top:-50px;}
.pt-bg.pbr::after{right:-50px; bottom:-50px;}
.pt-bg.pbl::after{left:-50px; bottom:-50px;}
.pt-bg.ptl-sm::after{left:-20px; top:-20px;}
.pt-bg.ptr-sm::after{right:-20px; top:-20px;}
.pt-bg.pbr-sm::after{right:-20px; bottom:-20px;}
.pt-bg.pbl-sm::after{left:-20px; bottom:-20px;}
.cul-img::after, .pt-img::after{right:-30px; bottom:-30px;}
.pt-img.pbl::after{left:-30px; bottom:-30px; right:auto;}
.pt-img.pbl-lg::after{left:-50px; bottom:-100px; right:auto;}
.pbl-lg{ margin-bottom:100px;}
.pt-img.nl::after{left:0px; bottom:auto; right:auto; height:50%; top:50%; transform: translate(0%, -50%);}
.cul-img img, .pt-img img{ position:relative; z-index:2;}
.home-pods{ padding:0px 64px;}
.pod-left{ width:40%; padding-right:10px; float:left;}
.pod-right{ width:60%; padding-left:12px; float:right;}
.pod{ position:relative; margin-bottom:24px;}
.pod a{ display:block; position:relative;}
.pod-title{ position:absolute; font-size:20px; font-weight:400; color:#ffffff; left:20px; bottom:15px;}
.pod-ov{ position:absolute; left:0px; bottom:0px; width:399px; max-width:100%; padding:40px 60px 40px 60px; background:#f8f8fa; opacity:0; visibility:hidden;transition: all 0.2s linear;}
.pod-ov{ display:block; color:#000000 !important;}
.pod:hover .pod-ov{ visibility:visible; opacity:1;}
.wsolutions{width:58.33333333%; margin:0px auto;}
.wsolutions-txt{ background:#ffffff; padding:100px; z-index:1; position:relative; text-align:center; /*margin-top:470px;*/}
.solution-pod{ width:320px;}
.solution-pod-holder{ padding-bottom:160px;}
.home-img1{ width:220px; margin:0px auto;}
.sol-cont::after{ position:absolute; width:200px; height:100%; right:-200px; top:0px; content:"";background-color: #3e474f;}
.Solutions-Accordion .panel{ background:none; border:none; padding:0px; margin:0px !important; box-shadow:none;}
.Solutions-Accordion .panel-body{ padding:5px 0px 30px; border:0px !important; font-size:16px; line-height:24px;}
.Solutions-Accordion .panel-heading { padding: 10px 0px;}
.Solutions-Accordion .panel-title{ font-size:18px;}
.panel-title a{ display:block; position:relative; padding-right:25px; color:#ffffff !important; font-weight:500;}
.panel-title a::after{position: absolute; right: 0px; top:0px; font-family: 'jcon-font'; content: '\e82c';transform:rotate(90deg); color:#3e474f; width:15px; height:15px; background:#ffffff; border-radius:8px; text-align:center; line-height:13px; font-size:11px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.panel-title a.collapsed{ font-weight:300;}
.panel-title a.collapsed::after{transform:rotate(0deg);}
.highlights-block a{ display:block; color:#000000 !important;}
.highlights-block{ padding:50px 0px; border-bottom:1px solid #dddddd;}
.highlights-block h3{ margin-bottom:10px;}
.highlights .highlights-block:first-child{ padding-top:0px;}
.highlights .highlights-block:last-child{border-bottom:0px solid #dddddd;}
.highlights-meta{ margin-bottom:40px;}
.highlights-meta div{ display:inline-block; position:relative; padding:0px 20px 0px 20px;}
.highlights-meta div::before{ position:absolute; top:-1px; content:""; font-family: 'jcon-font';}
.highlights-meta div::before{ left:0px; color:#183051;}
div.highlights-date::before{ content:"\e825"}
div.highlights-tags::before{content:"\e87f";}
.highlights-slider .slick-dots, .home-cta-slider .slick-dots{ width:100%; left:auto; margin:0px; text-align:left; position:static;}
.highlights-slider .slick-dots li, .home-cta-slider .slick-dots li{ margin:0px 5px;}
.highlights-slider .slick-dots a, .home-cta-slider .slick-dots a{ font-weight:500; color:#a2a9b0;}
.highlights-slider .slick-dots .slick-active a, .home-cta-slider .slick-dots .slick-active a{ color:#000000;}
.highlights-slider .slick-prev{ display:none !important;}
.highlights-slider, .home-cta-slider{ position:relative;}
.highlights-slider .slick-next{ position:absolute; right:0px; bottom:0px; width:32px; height:30px; background:url(../images/arrow.png) no-repeat; top:auto; transform:none;}
.home-team-left{ width:50%; padding-right:10px; position:relative;z-index:2;}
.home-team-right{ width:50%;}
.team-testi{ padding:550px 100px 140px; text-align:center; font-size:20px; line-height:34px;}
.team-testi-footer{ font-size:14px;}
.testi-author{ font-size:16px; color:#00a5ed; text-transform:uppercase; font-weight:500;}
.team-block-txt{ text-align:center; padding:60px; background:#ffffff; position:relative; z-index:1;}
.team-block{width:520px; margin-left:62%; z-index:5;}
.home-values-block{ float:right; width:526px; padding:100px 100px 100px 0px;}
.home-values-holder{z-index:2; position:relative;}
.list-style2 li a { text-decoration:underline !important;}
.list-style2 li:hover::before { color:#ffffff; background:#00a5ed;}
.home-cta{ padding-bottom:50px;}
.cta-connect{ position:absolute; left:90px; bottom:0px; font-size:16px; color:#00a5ed; text-transform:uppercase; font-weight:500; z-index:2;}
.cta-connect:hover{ color:#000000;}
.bdr-right-content{ border-right:1px solid #cccccc;}
.bdr-left-content{ border-left:1px solid #cccccc;}
.social-share{ margin-bottom:40px; position:relative;}
.social-share strong, .social-share a{ display:inline-block; vertical-align:middle;}
.social-share a{ font-size:20px; margin:0px 10px;}
.fb{ color:#3b5998;}
.tw{ color:#55acee;}
.li{ color:#0077b5;}
.cont-holder1{ border-top:4px solid #2b374f; padding-top:90px; margin-top:90px;}
.wwa-list{ list-style:none; margin:0px; padding:0px;}
.wwa-list li{ float:left; width:25%; font-size:16px; font-weight:400; line-height:30px; margin:35px 0px;transition: all 0.2s linear;}
.wwa-list li:hover{ color:#00a5ed !important;}
.pt-bg-txt{padding:80px; background:#ffffff; position:relative; z-index:1;margin-bottom:-80px;}
.culture-holder{width: 66.66666667%; float:right;}
.culture-txt{ padding:100px; width:730px; padding-right:0px;}
.bg-cline{ position:relative;}
.bg-cline::before{ position:absolute; left:50%; top:0px; height:100%; width:1px; background:#cccccc; content:"";}
.pd-left{ padding-right:60px;}
.pd-right{ padding-left:60px; margin-top:120px;}
.cul-img{ margin-bottom:75px;}
.cul-img.img-of-right{ right:-126px;}
.cul-img.img-of-left{ left:-126px;}
.pd-right .cul-img::after{ left:-30px; bottom:-30px; top:auto; right:auto;}
.team-box{ margin-bottom:30px;}
.team-box a{ background:rgba(255,255,255,.4); display:block; padding:45px 30px; color:#000000;}
.team-box a h3{ font-size:22px; margin-bottom:15px;}
.team-meta{ margin-bottom:30px;}
.team-meta strong{ display:block; line-height:20px; font-weight:600; color:#909090;transition: all 0.2s linear;}
.team-box a:hover{ color:#ffffff; background:#00a5ed;}
.team-box a:hover .team-meta strong{ color:#ffffff;}
.team-img{ position:absolute; left:50%; top:0px; width:100% !important; max-width:1148px !important;transform: translate(-50%, 0%);}
.team-img.fix {
    margin-top: 50px !important;
    position: fixed;
    top: 0;
}
.is_stuck{ margin-top:50px !important;}
.team-details-bdr::before{left: 22%; position:absolute; top:0px; height:100%; width:1px; content:""; background:#cccccc;}
.team-details{ padding-left:40px; padding-top:100px;}
.team-details h1{ text-transform:uppercase; color:#000000; margin-bottom:10px; font-weight:800; font-size:40px; line-height:40px;}
.team-details h3{ color:#19304f; font-size:16px; font-weight:500; margin-bottom:50px;}
.team-img-caption{ background:#ffffff; margin-top:80px;}
.team-img-caption ul{ list-style:none; margin:0px; padding:0px;}
.team-img-caption ul li{ margin-bottom:10px;}
.team-img-caption ul li a{ display:block; position:relative; padding-left:80px; color:#19304f; font-weight:400; line-height:55px;}
.team-img-caption ul li a i{ position:absolute; left:0px; top:0px; width:55px; height:55px; text-align:center; line-height:55px; border-radius:50%; border:1px solid #a3acb9; background:#ffffff;}
.team-details-holder{ float:right; width:78%;}
.team-details-txt{ padding:120px 0px 120px 120px; width:775px;}
.career-pods{ padding:5px; max-width:1400px; margin:0px auto;}
.cpod{ float:left; width:33.33%; padding:5px;}
.cpod a{ display:block; background-color:#b4b6b8; color:#ffffff; font-size:16px; font-weight:400; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; }
.cpod a h3{ font-size:30px; line-height:35px;}
.cpod a:hover{background-color:#676d73;}
.cpod-info{ padding:0px 60px; height:450px !important;}
.career-bg-holder{ width:78%;}
.career-bg-txt{ float:right; width:952px; padding:70px 70px 70px 0px;}
.career-details-bdr::before{right: 22%; position:absolute; top:0px; height:100%; width:1px; content:""; background:#cccccc;}
.modal-content{ border-radius:0px; position:relative; padding:40px 50px;}
.modal-content .close{ position: absolute; top:30px; right:30px; width:15px; height:14px; display:block; background: url(../images/close1.png) no-repeat;transition: all 0.2s linear; opacity:1;}
.modal-content .close:hover{transform: rotate(90deg);}
.txt-holder{ padding:130px 100px;}
.txt-holder.alt{ padding-left:0px;}
.txt-holder1{padding:130px 100px 130px 155px;}
.img-holder{ padding-left:40px;}
.img-holder-right{ padding-right:40px;}
.img-holder img{ position:relative; z-index:2;}
.img-holder::before{ position:absolute; left:-30%; top:0px; background-color: #f3f3f3; width:100%; height:100%; content:""; z-index:1;}
.img-holder::after{ position:absolute; left:-24%; top:7%; background: url(../images/pattern1.png); width:100%; height:100%; content:""; z-index:0;}
.no-pt::after{ display:none;}
.no-pt::before{left:0%;width:1000% !important;}
.img-holder-right img{ position:relative; z-index:2;}
.img-holder-right::before{ position:absolute; right:-30%; top:0px; background-color: #f3f3f3; width:100%; height:100%; content:"";}
.img-holder-right::after{ position:absolute; right:-24%; top:-7%; background: url(../images/pattern1.png); width:100%; height:100%; content:""; z-index:0;}
.contact-title{ font-weight:200; font-size:70px; line-height:90px; margin-bottom:40px;}
.address-box{ padding:30px 0px;}
.address-box i{ color:#00a5ed; margin-bottom:10px; display:block;}
.address-box h3{ color:#00a5ed; font-weight:600; font-size:14px; margin-bottom:30px;}
.thankyou{ width:580px; text-align:center; color:#ffffff; margin:0px auto;}
.thankyou h3{ font-size:20px; font-weight:300;}
.thankyou h2{ font-size:90px; line-height:90px; font-weight:700; text-transform:uppercase;}
.thankyou-footer .button{ margin:5px;}
.highlight-box{ padding:40px 0px 90px; border-top:1px solid #cccccc;}
.hi-img{ margin-bottom:40px;}
.highlight-box h3{ font-size:26px; line-height:40px; font-weight:300; margin-bottom:10px;}
.highlight-box a{ display:block; color:#000000;}
.highlight-box a:hover .button{ color:#ffffff; background:#01a5ed; border-color:#01a5ed;}
.service-holder{ padding-bottom:140px;max-width:1400px; margin:0px auto;}
.sbox{ float:left; width:50%;}
.sbox a{ display:block; height:270px; text-align:center; color:#ffffff; border:1px solid #57646f;}
.sbox a:hover{ background:#00a5ed;}
.sbox a h3{ font-size:20px; line-height:24px;}
.s-icon{ margin-bottom:15px;}
.img-pt{ position:relative; margin-bottom:50px;}
.img-pt img{ position:relative; z-index:2;}
.img-pt::after{ position:absolute; left:50px; top:50px; background: url(../images/pattern1.png); width:100%; height:100%; content:""; z-index:0; z-index:1;}
.testimonial-slider{ position:relative;}
.testi-slide{ overflow:hidden; margin-bottom:-10px;}
.testimonial-slider .slick-arrow{ margin:0px; top:auto; left:0px; bottom:60px; font-size:20px; font-weight:600; color:#dbdbdb; width:30px;}
.testimonial-slider .slick-arrow:hover{ color:#00a5ed;}
.testimonial-slider .slick-prev{ left:30px;}
.testimonial-slider .slick-next{left:60px;}
.fimg{ width:518px;}
.scont{ padding:50px 0px 50px 50px; background:#ffffff;}
.features-holder{ border-top:1px solid #f2f2f2;}
.feature-box{ padding-right:20px;}
.feature-box-cont{ text-align:center; position:relative; height:310px;}
.feature-box-cont::after{ position:absolute; left:-20px; top:20px; background: url(../images/pattern1.png); width:100%; height:100%; content:""; z-index:0;}
.feature-box-cont::before{ position:absolute; left:0px; top:0px;  background:#f1f1f1;  width:100%; height:100%; content:""; z-index:1;}
.feature-box-cont h3{ font-size:16px; line-height:30px; margin:0px;}
.feature-box-cont .grid-tb{ position:relative; z-index:2;}
.team-testimonials-nav{ /*height:186px;*/}
.team-testimonials-nav .slick-current{ color:#00a5ed;}
.team-testimonials-nav .slick-current .list-style2 li::before{ background:#00a5ed;}
.team-testimonials-nav .list-style2 li::before { line-height:14px;}
.team-testimonials-nav .slick-track{transform:none !important;}
.team-testimonials-nav .slick-slide{ float:none !important;}
.testi-nav .list-style2 li{ text-decoration:underline; cursor:pointer;}
.testi-nav .list-style2 li:hover{ text-decoration:underline;color:#00a5ed;}
/*----*/

/*---*/
.title1, .title2{ margin-bottom:30px; font-weight:300;}
.title1{ font-size:30px; line-height:40px;}
.title2{ font-size:40px; line-height:50px;}
.title2 strong{ font-weight:500;}
.title3{ font-size:38px; line-height:50px;}
.lead { font-size: 23px; line-height: 30px;}
.lead-md{ font-size: 26px; line-height: 40px;}
.lead-lg{ font-size:30px; line-height:40px;}
.size18{ font-size:18px;}
.cont1{ padding-right:40px;}
.cont2{ padding-left:40px;}
.cont1-sm{ padding-right:32px; z-index:2;}
.cont2-sm{ padding-left:32px;z-index:2;}
.cont-md{ width:868px !important;}
.container .container { padding: 0px;}
.content {}
.content p { position: relative; margin-bottom: 15px; }
.content p:last-child { margin-bottom: 0px; }
.content .title-holder { margin-bottom: 15px; }
.bg-color1 { background-color: #f3f3f3; }
.bg-color2 { background-color: #3e474f; }
.txt-link { text-decoration: underline !important; color: #ead2b7 !important; text-transform: uppercase; }
.txt-link.alt { color: #1485ba !important; }
a.txt-link:hover { text-decoration: underline !important; color: #ead2b7 !important; }
.txt-link1{ position:relative; display:inline-block; font-size:20px; color:#00a5ed; font-weight:500; padding-right:30px;}
.txt-link1::after{ position:absolute; right:0px; top:0px;font-family: 'jcon-font'; content: '\ea58';}
a.txt-link1:hover{ color:#000000;}
.date{position:relative; padding-left:18px; color:#000000; padding-bottom:20px;}
.date::before{ position:absolute; left:0px; top:0px;font-family: 'jcon-font'; content: '\e825'; color:#183051;}
.txt-blue{ color:#00a5ed !important;}
.txt-dark-blue{ color:#19304f !important;}
.txt-red { color: #e80000 !important; }
.txt-dark { color: #000000 !important; }
.txt-light{ color:#505050 !important;}
.txt-white { color: #ffffff !important; }
.txt-underlined { text-decoration: underline !important; }
.team-box a{height:320px;/*overflow:auto;*/}
.team-box a p:last-child{overflow:hidden;text-overflow: ellipsis;}
.logo.full-color{opacity:0;position:absolute;}
.header.sticky .logo{ margin:10px 0px;}
.header.sticky .logo a{ width:230px;}
.header.sticky{background:#fff;}
.header.sticky .logo{opacity:0;transition: all 0.2s linear;}
.header.sticky .logo.full-color{opacity:1;}
.header.sticky .top-right ul li a, .header.sticky .nav>ul>li>a, .header.sticky .nav>ul>li:hover>a, .header.sticky .nav>ul>li.selected>a{color:#333;}
.header.sticky .top-right ul li a:hover {color: #00a5ed;}
.home-pods{padding:0;}
.pod-left .pod-ov{width:100%;padding:25px 20px;}
.panel-title a::after{}
.home-search-pods{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.hs-pod{height:100%;}
/*.inner-banner{height:600px;}
.inner-banner.banner-holder{background-size: 100% 600px !important;background-repeat: no-repeat;background-position:top !important;}*/
.equalheight5 .textColLeft .panel-body>p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 12;}
@media (max-width: 1199px){
	/*.inner-banner{height:550px;}*/
	.inner-banner.banner-holder{background-size: cover !important;background-repeat: no-repeat;}
}
/*
font-family: 'Poppins', sans-serif;
Poppins:100,200,300,400,500,600,700,800,900
transition: all 0.2s linear;
*/
@-ms-viewport {
 width:auto !important;
}
.home-img2{ position:absolute; left:460px; top:200px; z-index:5;}