#banner{ z-index:50;  position:relative;  overflow:hidden;  clear:both; background-image:url(../images/banner/banner-bg.jpg); background-repeat:no-repeat; background-size:cover;}
#banner:after{ position:absolute; top:0; bottom:0; right:0; width:50%; content:''; background-color:#e4f3fc; background-size:cover; background-position:right; z-index:-1; }
#banner:before{ position:absolute; top:0; bottom:0; left:0; right:0; content:'';  }
#hm-banner{position:relative; z-index:2; height:100%;}
#hm-banner .col-sm-4, #hm-banner .col-sm-8{ padding:0; } 

#styleslid{ margin-left:-12%; -moz-transition:all ease-in 0.7s; -webkit-transition:all ease-in 0.7s; -ms-transition:all ease-in 0.7s; transition:all ease-in 0.7s; }
.banertext{ position:absolute; width:100%; display:table; height:495px; }
.centertext{ display:table-cell; vertical-align:middle; width:100%; height:100%;  }
.textcol{ padding:50px 50px 60px 50px; z-index:55; background-color:#2d4191; margin-top:250px; border-radius:10px;}

.textcol h2{ font-size:50px; color:#fff;  padding:10px 0px 0px 0px; margin:0px;  font-family: "Playfair Display", serif;}
.textcol p{ font-size:18px; color:#bbbebf;  padding:20px 0px 0px 0px; }



.bnbox{ background-color:#e4f3fc; padding:100px 0px 120px 0px;}
.bnbox img{ margin-left:-100px;}

.bx-wrapper {
	position: relative;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block; border-radius:20px;}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 0px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	padding:15px 10px; background-color:#2d4191;
	display: inline-block;
	*zoom: 1;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #eee;
	text-indent: -9999px;
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #e85222;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
	top:0;		
  left: 10px;
  background: url('images/controls.png') no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
	top:0;
  right: 10px;
  background: url('images/controls.png') no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: -50px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}


/* Extra small devices (portrait phones, less than 576px) */
/*No media query since this is the default in Bootstrap*/
/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) { .banertext{ display:none;} .bnbox{padding-left:20px; padding-right:20px;}
.srvprd{ padding-top:0px;}.threeclm1{ padding-top:100px;}.srvprdcolm{ margin-top:0px;}
.stsm{ background-color:#E4F3FC; background-image:none; padding-top:20px; padding-bottom:100px;}
.stimg1{ margin-left:10px; margin-right:10px;}.stsm h2{ font-size:30px;}
.variety-con{ padding-top:220px;}
.srvprd h1{ font-size:34px;}.ltpjs{ padding-top:80px;}.ltpjs h2{ font-size:36px;}
.clptd{ background-color:#E4F3FC; background-image:none;}.clptd h1{font-size:36px;}.clptd h6{font-size:16px;}
.compllogo{background-color:#142156; background-image:none; padding-top:80px; padding-bottom:80px;}.compllogo h2{font-size:36px;}
#tsm h1{font-size:36px;}.tsm{ padding-top:140px;}#tsm{ padding-top:100px;}.ongng{padding-top:120px;}
.smtsm { background-color: #fff; background-image: none;}.smtsm h1{font-size:36px; padding-left:10px; padding-right:10px;}
#footercol {background-color: #201e46; background-image:none;}#footercol h3{ padding-top:20px;}
#hm-banner{ background-color:#E4F3FC;} .vsmnd{background-color: #E4F3FC; background-image: none;}#vsmnd{ margin-top:200px;} 
.vsmnd h2{font-size:30px;}.clnts{ margin-top:200px; background-color:#fff;}
.sub-banner .sub_banner_content h1{ font-size:30px;}}

/*Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) { .banertext{ display:none;}  }

/*Large devices (desktops, 992px and up)*/
@media (max-width: 992px) {.banertext{ display:none;}  }

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { .banertext{ display:table;} }

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { .banertext{ display:table;} }