@font-face {    font-family: 'museo700';    src: url('../fonts/Museo700-Regular_0-webfont.eot');    src: url('../fonts/Museo700-Regular_0-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/Museo700-Regular_0-webfont.woff2') format('woff2'),         url('../fonts/Museo700-Regular_0-webfont.woff') format('woff'),         url('../fonts/Museo700-Regular_0-webfont.ttf') format('truetype'),         url('../fonts/Museo700-Regular_0-webfont.svg#museo700') format('svg');    font-weight: normal;    font-style: normal;}

@font-face {    font-family: 'titillium_bdbold';    src: url('../fonts/Titillium-Bold-webfont.eot');    src: url('../fonts/Titillium-Bold-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/Titillium-Bold-webfont.woff2') format('woff2'),         url('../fonts/Titillium-Bold-webfont.woff') format('woff'),         url('../fonts/Titillium-Bold-webfont.ttf') format('truetype'),         url('../fonts/Titillium-Bold-webfont.svg#titillium_bdbold') format('svg');    font-weight: normal;    font-style: normal;}

@font-face {    font-family: 'helveticaneueltstd';    src: url('../fonts/helveticaneueltstd-ltcn0.eot');    src: url('../fonts/helveticaneueltstd-ltcn0.eot?#iefix') format('embedded-opentype'),    url('../fonts/helveticaneueltstd-ltcn0.woff') format('woff'),         url('../fonts/helveticaneueltstd-ltcn0.ttf') format('truetype'),         url('../fonts/helveticaneueltstd-ltcn0.svg#helveticaneueltstd') format('svg');    font-weight: normal;    font-style: normal;}

@font-face { font-family: 'open_sansregular';  src: url('../fonts/opensans-regular_1-webfont.eot');  src: url('../fonts/opensans-regular_1-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/opensans-regular_1-webfont.woff2') format('woff2'),  url('../fonts/opensans-regular_1-webfont.woff') format('woff'),   url('../fonts/opensans-regular_1-webfont.ttf') format('truetype'), url('../fonts/opensans-regular_1-webfont.svg#open_sansregular') format('svg');    font-weight: normal;   font-style: normal;}

section{ display:block;}

@import url("main.css")

@import url("font-awesome.min.css")

@import url("animate.min.css")

@import url("jquery.bxslider.css")

.page{ width:100%;}

.top-header{ background:rgba(0,111,205, 0.6); text-transform:uppercase; float:left; width:100%; font-size:38px; text-align:center; padding:20px 0; color:#fff; position:absolute; top:0; font-family: 'titillium_bdbold'; z-index:3;}

.slider{ float:left; width:100%; height:100vh; overflow:hidden; position:relative; left:0; top:0px;}

.slider img{ max-width:100%; height:100%; width:100%;}

.center-logo{position:absolute; top:0; left:0; z-index:1; width:100%; height:100%;transition:all 0.3s ease 0s; }

.top-ani{ position:absolute; top:0; left:0; width:100%; z-index:1;}
.box, .box1 {  border-right: 1px solid rgba(255,255,255, 0.3); border-bottom: 1px solid rgba(255,255,255, 0.3);  float: left;  min-height: 150px;  width: 100%; position:relative; overflow:hidden;}

.top-ani .col-md-2{ padding:0px;}



/* .box:after{ content:''; position:absolute; right:0px; top:0px; background:rgba(255,255,255, 0.3); width:1px; height:8px; -webkit-animation: lineMovetop 1s linear infinite;

	-moz-animation: lineMovetop 1s linear infinite;	-ms-animation: lineMovetop 1s linear infinite;	-o-animation: lineMovetop 1s linear infinite;	animation: lineMovetop 1s linear infinite; }

	

	.box1:after{ content:''; position:absolute; bottom:0px; right:0px; background:rgba(255,255,255, 0.3); width:1px; height:8px; -webkit-animation: lineMovetop1 1s linear infinite;

	-moz-animation: lineMovetop1 1s linear infinite;	-ms-animation: lineMovetop1 1s linear infinite;	-o-animation: lineMovetop1 1s linear infinite;	animation: lineMovetop1 1s linear infinite; }

	

.box:before{ content:''; position:absolute; left:0px; bottom:0px;  background:rgba(255,255,255, 0.3); width:8px; height:1px; -webkit-animation: lineMove 1s linear infinite;

	-moz-animation: lineMove 1s linear infinite;	-ms-animation: lineMove 1s linear infinite;	-o-animation: lineMove 1s linear infinite;	animation: lineMove 1s linear infinite; }

	

	.box1:before{ content:''; position:absolute; right:0px; bottom:0px;  background:rgba(255,255,255, 0.3); width:8px; height:1px; -webkit-animation: lineMove1 1s linear infinite;

	-moz-animation: lineMove1 1s linear infinite;	-ms-animation: lineMove1 1s linear infinite;	-o-animation: lineMove1 1s linear infinite;	animation: lineMove1 1s linear infinite; }

 */

.posi-relat{ position:relative;}



/*line mooving left to right*/	

@keyframes lineMove {	0% { margin-left:0;	}	100% { margin-left:100%; 	}}

@-webkit-keyframes lineMove {	0% { margin-left:0;	}	100% { margin-left:100%; 	}}

@-moz-keyframes lineMove {	0% { margin-left:0;	}	100% { margin-left:100%;	}}

@-ms-keyframes lineMove {	0% { margin-left:0;	}	100% { margin-left:100%;	}}

@-o-keyframes lineMove {	0% { margin-left:0;	}	100% { margin-left:100%; 	}}

/*line mooving left to right*/



/*line mooving right to left*/	

@keyframes lineMove1 {	0% { margin-right:0;	}	100% { margin-right:100%; 	}}

@-webkit-keyframes lineMove1 {	0% { margin-right:0;	}	100% { margin-right:100%; 	}}

@-moz-keyframes lineMove1 {	0% { margin-right:0;	}	100% { margin-right:100%;	}}

@-ms-keyframes lineMove1 {	0% { margin-right:0;	}	100% { margin-right:100%;	}}

@-o-keyframes lineMove1 {	0% { margin-right:0;	}	100% { margin-right:100%; 	}}

/*line mooving right to left*/	



/*line mooving top to bottom*/

@keyframes lineMovetop{	0% { margin-top:0;	}	100% { margin-top:100%; 	}}

@-webkit-keyframes lineMovetop {	0% { margin-top:0;	}	100% { margin-top:100%; }}

@-moz-keyframes lineMovetop {	0% { margin-top:0;	}	100% { margin-top:100%; }}

@-ms-keyframes lineMovetop {	0% { margin-top:0;	}	100% { margin-top:100%; }}

@-o-keyframes lineMovetop {	0% { margin-top:0;	}	100% { margin-top:100%;	}}

/*line mooving top to bottom*/



/*line mooving bottom to top*/

@keyframes lineMovetop1{	0% { margin-bottom:0;	}	100% { margin-bottom:100%; 	}}

@-webkit-keyframes lineMovetop1 {	0% { margin-bottom:0;	}	100% { margin-bottom:100%; }}

@-moz-keyframes lineMovetop1 {	0% { margin-bottom:0;	}	100% { margin-bottom:100%; }}

@-ms-keyframes lineMovetop1 {	0% { margin-bottom:0;	}	100% { margin-bottom:100%; }}

@-o-keyframes lineMovetop1 {	0% { margin-bottom:0;	}	100% { margin-bottom:100%;	}}

/*line mooving bottom to top*/



.circle {  bottom: -8px;  position: absolute;  right: -8px;  z-index: 1;}

.roundcurcle1{ background:#00bbee; border:2px solid #fff; width:17px; height:17px; float:left; border-radius:50%;}



.pulse:hover { cursor:pointer;  animation: pulse 1s infinite ease-in-out alternate;  -webkit-animation:pulse 1s infinite ease-in-out alternate;  -moz-animation:pulse 1s infinite ease-in-out alternate; }



@keyframes pulse {  from { transform: scale(0.9); }  to { transform: scale(1.2); }}

@-webkit-keyframes pulse {  from { transform: scale(0.9); }  to { transform: scale(1.2); }}

@-o-keyframes pulse {  from { transform: scale(0.9); }  to { transform: scale(1.2); }}

@-moz-keyframes pulse {  from { transform: scale(0.9); }  to { transform: scale(1.2); }}



.centerlogo-sec{float:left; position:absolute; top:0; left:49%;}

.center-logo {  /*background: none repeat scroll 0 0 #ffffff;*/ transition:all 0.3s ease 0s;  border-radius: 50%;  height: 31px;  margin: 9px 0 0;  text-align: center;  width: 30px;  z-index: 5;}



.typesbus {  padding: 20px;  position: absolute;  right: 130px;  top: 240px;  z-index: 10;}

.typesbus ol{ padding:0; margin:0;}

.typesbus li {  background: url("../img/bus-icon.png") no-repeat scroll 0 8px rgba(0, 0, 0, 0);  list-style: outside none none;  margin: 0;  padding: 0 0 0 20px; color:#fff; font-size:19px; font-family: 'titillium_bdbold'; text-decoration:none; cursor:pointer; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}

.carousel-indicators .active, .typesbus li:hover{ color:#003869;}

.typesbus .carousel-indicators {  bottom: 0;  left: 0;  list-style: outside none none;  margin-left: -30%;  padding-left: 0;  position: absolute;  text-align: left;  width: 200px;  z-index: 15;}

.typesbus ol.carousel-indicators li {  background-color: rgba(0, 0, 0, 0);  border: 0 none;  border-radius: 10px;  cursor: pointer;  display: inline-block;  float: left;  height: auto;  margin: 1px;  text-indent: 0;  width: auto;}



.hover-logo{  width:0; transition:all 0.3s ease 0s; float:left; padding:0px; overflow:hidden; position:absolute; top:0; left:-108px; opacity:0;}

.center-logo:hover .hover-logo{ width:285px; background:#fff; border-radius:4px; opacity:1; text-align:right; padding-right:15px;}



.hover-icon {  background: none repeat scroll 0 0 #ffffff;  border-radius: 4px 0 0 4px;  float: left;  opacity: 0;  padding: 0;  position: absolute;  top: 9px;  transition: all 0.3s ease 0s;  z-index: 1;}



.center-logo:hover .hover-icon{ transform:rotate(0) translate(-90px); animation-delay:1s; -webkit-animation-delay:1s; -moz-animation-delay:1s; -webkit-transform:rotate(0) translate(-120px); -moz-transform:rotate(0) translate(-120px); -o-transform:rotate(0) translate(-120px); -ms-transform:rotate(0) translate(-120px); opacity:1; background:#fff;}

.hover-logo > img { margin-left:30px;

}

.center-logo:hover img.iconimg{ -webkit-animation: spinAround1 1s linear 1;	-moz-animation: spinAround1 1s linear 1;	-ms-animation: spinAround1 1s linear 1;	-o-animation: spinAround1 1s linear 1;	animation: spinAround1 1s linear 1;   left: -105px;   position: absolute; z-index:1; padding:0px; margin:10px 9px 0;}

.center-logo:hover { background:none;}

@-webkit-keyframes spinAround1 {	from {		-webkit-transform: rotate(0deg)	}	to {		-webkit-transform: rotate(360deg);	}}

@-moz-keyframes spinAround1 {	0% {		transform: rotate(0deg)	}	100% {		transform: rotate(360deg);	}}

@-ms-keyframes spinAround1 {	0% {		transform: rotate(0deg)	}	100% {		transform: rotate(360deg);	}}

@-o-keyframes spinAround1 {	0% {		transform: rotate(0deg)	}	100% {		transform: rotate(360deg);	}}

@keyframes spinAround1 {	0% {		transform: rotate(0deg)	}	100% {		transform: rotate(360deg);	}}



.scrolltop .hover-logo {  float: left;  left: -50px;  opacity: 0;  overflow: hidden;  padding: 0;  position: absolute;  top: -5px;  transition: all 0.3s ease 0s;  width: 0;}

.scrolltop:hover .hover-logo {  background: #ffffff none repeat scroll 0 0;  border-radius: 4px;  opacity: 1;  padding-right: 15px;  text-align: right;  width: 210px;}

.scrolltop:hover img.iconimg {  animation: 1s linear 0s normal none 1 running spinAround1;  left: -50px;  margin: -2px 9px 0;  padding: 0;  position: absolute;  z-index: 1;}



.logo{ background:#fff; float:left; width:100%; padding:0; min-height:73px;}



.main-menu{ float:left; width:100%; background:#0da0df; margin-top:628px; position:absolute; bottom:0; z-index:50; min-height:73px;}

.main-menu .navbar-default{ border:0; background:none; margin-bottom:0;}

.main-menu .navbar-brand {  float: left;  font-size: 18px;  height: 50px;  line-height: 20px;  padding:10px;}

.main-menu .navbar-default .nav > li { float: left; }
.hidden-display.main-menu .navbar-default .nav > li { display: block; }
.main-menu .navbar-default .nav > li > a{    font-family: 'titillium_bdbold'; font-size:20px; color:#fff; padding:19px 30px; border-bottom:7px solid rgba(0,0,0, 0); transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; text-transform:uppercase;}

.main-menu .navbar-default .nav > li > a:hover, .main-menu .navbar-default .nav > li > a.active, .main-menu .navbar-default .main-menu .nav > li > a:focus{ border-bottom:7px solid #00567b;}

.main-menu .padnone{ padding:0;}

.main-menu li.com, .main-menu li:nth-of-type(1){ background:#3b9cca;}

.main-menu li.pro, .main-menu li:nth-of-type(2){ background:#0185c1;}

.main-menu li.cli, .main-menu li:nth-of-type(3){ background:#14bbe8;}

.main-menu li.mil1, .main-menu li:nth-of-type(4){ background:#0da0df;}

.main-menu li.con, .main-menu li:nth-of-type(5){ background:#13aff3;}

.main-menu li.con a{ padding:23px 58px 23px 62px !important; float:right !important;}

.main-menu .fixed {  box-shadow: 0 0 9px 0 #000000;  position: fixed;  top: 0; transition: all 0.3s ease 0s;  width: 100%; z-index: 110;  background:#13aff3;}
.nav>li>a:hover, .nav>li>a:focus{ background: none; }
@-moz-document url-prefix() { 

  .main-menu li.con a{ padding:23px 58px 23px 58px !important; float:right !important;}



}

.services-sec{ background:url(../img/blue-bg.jpg) repeat center top; float:left; width:100%; position:relative; min-height:600px;}

.bg-logo{ position:absolute; top:50px; left:300px;  float:left; -webkit-animation: spinAround 10s linear infinite;	-moz-animation: spinAround 10s linear infinite;	-ms-animation: spinAround 10s linear infinite;	-o-animation: spinAround 10s linear infinite;	animation: spinAround 10s linear infinite;}



.bus {  float: left;  position: relative;  width: 100%; padding-top:150px;}

.heading{ float:left; width:100%;}

span.headingtxt {  color: #ffffff;  float: left;  font-family: "museo700";  font-size: 33px;  margin:-50px 0 0;  padding: 10px;  transform: rotate(-9deg);  width: 100%;}

span.headingtxt1 {  color: #ffffff;  float: left;  font-family: "museo700";  font-size: 33px;  margin: -5px 0 0;  padding: 10px;  transform: rotate(-9deg);  width: 100%;}

.bus1{  padding-top:110px;}
.bus1 img{height: 200px !important; width: auto;}
.bot {   float: left;  margin-left:0px; position:absolute; top:75px;}

.bot-abt {  float: left;  left: 0;  margin-left: 0;  position: absolute;  top: -58px;}

@-webkit-keyframes drop	{	0%   { left:5px;opacity: 0; }	30% { left:10px;opacity: 1;}	100% { left:25px;opacity: 0;}}

@-moz-keyframes drop	{	0%   { left:5px;opacity: 0; }	30% { left:10px;opacity: 1;}	100% { left:25px;opacity: 0;}}

@-o-keyframes drop	{	0%   { left:5px;opacity: 0; }	30% { left:10px;opacity: 1;}	100% { left:25px;opacity: 0;}}

@-ms-keyframes drop	{	0%   { left:5px;opacity: 0; }	30% { left:10px;opacity: 1;}	100% { left:25px;opacity: 0;}}

@keyframes drop	{	0%   { left:5px;opacity: 0;}	30% { left:10px;opacity: 1;}	100% { left:25px;opacity: 0;}}


.para{ float:left; width:100%; padding:80px 0 0;}

.para p {  color: #f1f1f1;  font-family: "helveticaneueltstd";  font-size: 18px; text-align:justify;}

p.global{ font-size:18px; color:#fff; font-family: 'helveticaneueltstd';}

p.global1{ font-size:22px; }

.bus-body {  float: left;  margin:80px 0 0;  width: 100%;}

.wit-line {  background: none repeat scroll 0 0 #ffffff;  float: left; margin-top:40px;  height: 75px;  margin-left: 335px;  position: relative;  text-align: center;  width: 2px;}

.wit-line1 { height:50px; }



.visionmis{ float:left; width:100%; background:#ff9b30; min-height:550px;}

.visionmis h2{    font-family: 'titillium_bdbold'; font-size:35px; color:#fff; text-transform:uppercase; text-align:center;}

.visionmis p{ text-align:center; padding:40px;}

.mission, .vision{ margin-top:166px;}



.wheel-ani {  float: left;  width: 100%; position:relative;}

.wheel-ani .wit-line { margin-top:0; height:172px; margin-left:43px;}

.wheel{ position:relative; clear:both; top:25px;}

.small-wheel{ float:left; position:absolute; left:-4px; top:-38px; z-index:1; -webkit-animation: spinAround 10s linear infinite;	-moz-animation: spinAround 10s linear infinite;	-ms-animation: spinAround 10s linear infinite;	-o-animation: spinAround 10s linear infinite;	animation: spinAround 10s linear infinite;}

.big-wheel {  float: left;  position: absolute;  right: 20px;    top: -9px; z-index:1; -webkit-animation: spinAround1 10s linear infinite;	-moz-animation: spinAround1 10s linear infinite;	-ms-animation: spinAround1 10s linear infinite;	-o-animation: spinAround1 10s linear infinite;	animation: spinAround1 10s linear infinite;}

.rit-line{ border:2px solid #fff; width:92px; height:116px; border-radius:0 15px 0 0; position:absolute; top:90px; left:43px; border-bottom:0;}

.bot-line{ border:2px solid #fff; width:90px; height:88px; border-radius:0 0 0 15px; position:absolute; top:273px; left:28px; border-top:0;}

.bot-line::after {  background: none repeat scroll 0 0 #ffffff;  content: "";  height: 39px;  left: -2px;  position: absolute;  top: -39px;  width: 2px;}

.bot-wit-line {  background: none repeat scroll 0 0 #ffffff;  bottom: -248px;  float: left;  height: 60px;  left: 116px;  position: absolute;  width: 2px;}

.wit-sm-bus{   left: 30px;    position: absolute;    top: 440px;}

.bot1{ top:120px;}

.bot-mile{ left:20%; top: 90px;}

.bot-infra{ left:30%;}

@-webkit-keyframes spinAround {	from {		-webkit-transform: rotate(0deg)	}	to {		-webkit-transform: rotate(360deg);	}}

@-moz-keyframes spinAround {	from {		transform: rotate(0deg)	}	to {		transform: rotate(360deg);	}}

@-ms-keyframes spinAround {	from {		transform: rotate(0deg)	}	to {		transform: rotate(360deg);	}}

@-o-keyframes spinAround {	from {		transform: rotate(0deg)	}	to {		transform: rotate(360deg);	}}

@keyframes spinAround {	from {		transform: rotate(0deg)	}	to {		transform: rotate(360deg);	}}



@-webkit-keyframes spinAround1 {	from {		-webkit-transform: rotate(0deg)	}	to {		-webkit-transform: rotate(-360deg);	}}

@-moz-keyframes spinAround1 {	from {		transform: rotate(0deg)	}	to {		transform: rotate(-360deg);	}}

@-ms-keyframes spinAround1 {	from {		transform: rotate(0deg)	}	to {		transform: rotate(-360deg);	}}

@-o-keyframes spinAround1 {	from {		transform: rotate(0deg)	}	to {		transform: rotate(-360deg);	}}

@keyframes spinAround1 {	from {		transform: rotate(0deg)	}	to {		transform: rotate(-360deg);	}}





.client-sec{ float:left; width:100%; padding:103px 0; background:#f6f6f6;}

.client-logo h2{  font-family: 'titillium_bdbold'; font-size:35px; color:#000; text-transform:uppercase; text-align:center; padding-bottom:92px;}

/*.client-logo img{ text-align:center; float:left; margin:20px 12px;}*/



.footer{ float:left; width:100%; background:#1c3b7c; position:relative;}

.address{ color:#fff; margin:20px 0;}

.address .regis {font-family: 'titillium_bdbold'; font-size:13px; color:#fff; text-transform:uppercase; width:45%;}

.add{ float:left; width:100%; margin:8px 0;}

.add span{ font-family: 'helveticaneueltstd'; float:left;}

.padnone{ padding:0;}

.map{ float:right; width:100%;}

.bus-body img, .map img{ max-width:100%;}

.footer-nav a {  color: #ffffff;  float: left;  font-family: "helveticaneueltstd";  font-size: 16px;  margin: 0 15px;}

.copyright{ float:left; width:100%; background:#192328; padding:20px 0 20px; position:relative;}

.copyright p{ color:#fff; font-size:16px;  font-family: 'helveticaneueltstd'; color:#fff;}

.social{ float:right;}

.social a{ float:left; margin:0 8px; font-size:18px; color:#fff; transition:all 0.3s ease 0s;}

.social a:hover{ opacity:0.3;}

.car {  position: absolute;  top: 310px;}

.car .carousel-indicators li{ width:22px; height:22px; border-width:3px; background-color:#ffffff; border-color:#b7b7b7;}

.car .carousel-indicators .active{ background-color:#00557b; border-color:#fff;}

/*

Back to top button 

*/

.scrolltop {  margin: 0;  text-align: center;  width: 100%; position:relative;}

#back-top {	position: absolute;	bottom: 105px;	z-index:72;	right:60px;}

#back-top a {	width: 108px;	display: block;	text-align: center;	font:15px;	 font-family: 'titillium_bdbold'; 	text-transform: uppercase;	text-decoration: none;	color: #fff; outline:none;}

.up, .down{ color:#000;}

/* arrow icon (span tag) */

#back-top span, #back-top1 span  {	width: 40px;	height: 40px;	display: block;	margin-bottom: 0px;	background: #fff;	line-height:40px;	text-align:center;	/* rounded corners */	-webkit-border-radius: 15px;	-moz-border-radius: 15px;	border-radius: 50%; margin-left:35px;}

#back-top a:hover span {	opacity:0.9;}

#back-top1 {  float: right;  margin-left: 0;  position: absolute;  right: 0;  top: 10px;  z-index: 17;}

#back-top1 a {	width: 108px;	display: block;	text-align: center;	font:12px;	 font-family: 'titillium_bdbold';	text-transform: uppercase;	text-decoration: none;	color: #fff;	/* background color transition */	-webkit-transition: 1s;	-moz-transition: 1s;	transition: 1s;}



 @media all and (-ms-high-contrast:none)

     {

     .foo { color: green } /* IE10 */

     *::-ms-backdrop, .roundcurcle .roundcurcle6 { margin:315px  0 0 218px; float:none;} /* IE11 */

	  *::-ms-backdrop, .main-menu { bottom:0px;} /* IE11 */

     }



nav#menu.scrolled {  margin: 0;  position: fixed;  top: 0;}

nav#menu.scrolled ul li {  margin: 0;}

nav#menu.scrolled h1#sitename {  opacity: 1;}

.margin-left{ margin-left:8.33333%;}



@media screen and (-webkit-min-device-pixel-ratio:0) { 

    /* Safari and Chrome */

   /* .myClass {

     color:red;

    }*/



    /* Safari only override */

    ::i-block-chrome, #sticky_navigation_wrapper {

		height:74px !important;

    }

	::i-block-chrome, .main-menu {

		bottom:-10px !important;

	}

}

.index_strong-point-title::before {  content: "";  display: block;  left: 24%;  position: absolute;  top: 26px;}

.index_strong-point-title::before {  animation: 0.6s steps(14, end) 0.27s normal backwards 1 running strong-point_title; -webkit-animation-delay:1s;animation-delay:1s;}

.index_strong-point-text{position:relative;line-height:2em;font-size:.8125rem;bottom:200%;opacity:0}

.index_strong-point-text, .index_strong-point-text1{-webkit-animation-duration:0.225s;animation-duration:0.225s;-webkit-animation-delay:2s;animation-delay:2s}

.index_strong-point-title::before {  background-image: url("../img/arrow.png");  background-position: -2842px 0;  background-size: 3045px 82px;  height:82px;  margin:0;  width: 203px;}



@-webkit-keyframes strong-point_title{0%{background-position:0 0}}

@keyframes strong-point_title{0%{background-position:0 0}}



.innerpage{ padding-bottom:30px; font-family: 'open_sansregular'; padding-top:30px; float:left; width:100%; }

.innermanu{ margin:0; bottom:auto; top:0px;}

.slider1{ float:left; position:relative; height:398px; overflow:hidden; border-bottom:4px solid #14bbe8; width:100%; text-align: center;}

/*.slider1 h1{ background:#14bbe8; color:#fff; font-size:30px; font-family:"titillium_bdbold"; font-weight:normal; text-transform:uppercase; padding:10px 20px; float:left; width:100%; margin:-40px 0 40px; position:relative;  z-index:1;}*/

.slider1 img{display: inline-block; text-align: center;}

.slider1 h1 {  background: #14bbe8 none repeat scroll 0 0;  bottom: -5px;  color: #ffffff;  float: left;  font-family: "titillium_bdbold";  font-size: 30px;  font-weight: normal;  margin: 0 0 0 25px;  padding: 10px 20px;  position: absolute;  z-index: 5; text-align: left; }

.innerpage p{ text-align:justify; font-size:13px;}

.imgs {  background: #f1f1f1 none repeat scroll 0 0;  border-radius: 50%;  float: right;  height: 200px;  padding: 63px 0 0;  text-align: center;  width: 200px;}

.section{ float:left; width:100%; }

.txt-section{ padding:0;}

.innerpage .heading1{ margin:0; padding:0; color:#000; font-size:20px; font-family: 'museo700'; font-weight:normal;  border-bottom:4px solid #14bbe8;  padding-bottom:5px; margin-bottom:10px;}

.innerpage h2 span {}

.imgs2 img{ margin-right:15px; float:right; border:1px solid #f1f1f1; position:relative;}

.imgs3{ position:relative;}

.imgs3 a.lightbox img { margin:0px 0 30px;}

.title, .lightbox .wpb_heading.wpb_singleimage_heading{ position:absolute; top:50px; left:3px; background:#14bbe8; padding:5px 10px; color:#fff; font-family:"titillium_bdbold"; font-size:20px;}

.readmore{ position:absolute; bottom:50px; right:3px; background:#14bbe8; padding:5px 10px; transition:all 0.3s ease 0s; -webkit-transition:all0.3s ease 0s;}

.readmore a{ color:#fff; font-family:"titillium_bdbold"; font-size:15px; text-decoration:none; transition:all 0.3s ease 0s; -webkit-transition:all0.3s ease 0s;}

.readmore:hover{ background:#00567b;}

/* Styles the thumbnail */

.lightbox{position: relative;}
.lightbox a img, .lightbox img {  border: 3px solid white;  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); }
/*.lightbox li a img { width: 30%; height: auto; margin: 0 5px;}*/

.lightbox-target {  position: fixed;  top: -100%;  width: 100%;  background: rgba(0, 0, 0, 0.7);  width: 100%;  opacity: 0;  -webkit-transition: opacity .5s ease-in-out;  -moz-transition: opacity .5s ease-in-out;  -o-transition: opacity .5s ease-in-out;  transition: opacity .5s ease-in-out;  overflow: hidden;}

/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */

.lightbox-target img {  margin: auto;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  max-height: 0%;  max-width: 0%;  border: 3px solid white;  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);  box-sizing: border-box;  -webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  transition: .5s ease-in-out;      z-index:100;}

/* Styles the close link, adds the slide down transition */

a.lightbox-close {  display: block;  width: 50px;  height: 50px;  box-sizing: border-box;  background: white;  color: black;  text-decoration: none;  position: absolute;  top: -80px;  right: 0;  -webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  transition: .5s ease-in-out;}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:before {  content: "";  display: block;  height: 30px;  width: 1px;  background: black;  position: absolute;  left: 26px;  top: 10px;  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:after {  content: "";  display: block;  height: 30px;  width: 1px;  background: black;  position: absolute;  left: 26px;  top: 10px;  -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */

.lightbox-target:target {  opacity: 1;  top: 0;  bottom: 0;  left:0px;      z-index:70;}

.lightbox-target:target img {  max-height: 100%;  max-width: 100%;}

.lightbox-target:target a.lightbox-close {  top: 0px; z-index: 999; }

.clients img { margin: 0px; border: 1px solid #f1f1f1; }

.location{width:100%; float:left; background:#f0ede6;}

.enquiryForm {font-family: 'open_sansregular'; }

.enquiryForm .control-label, .enquiryForm label{ font-size: 13px; text-align: left;}

.enquiryForm input, .enquiryForm textarea{box-shadow:none; border-radius:0px;}

.enquiryForm input:focus, .enquiryForm textarea:focus{ box-shadow:none;}

ul.mile{ list-style:none; padding:0; margin:0;}

ul.mile li{ line-height:35px; font-size:13px; border-bottom:1px solid #f1f1f1;}

.cert-pad{ padding-top:50px;}

.clear{ width: 100%; height: 30px; float: left;}

.line{ height: 300px; width: 2px; background: #f1f1f1; float: left;}

.row-gl{margin-left:0px; margin-right:0px;}

.pad40{padding-top:40px;}

.pad80{padding-top:80px;}

.carousel-caption{ left:50px; top: 0; bottom: inherit; right: inherit; font-family: 'titillium_bdbold'; }

.carousel-caption h1{ font-size: 40px; text-shadow: none; color: #003869; }

.carousel-caption a{  font-size: 20px; text-shadow: none; text-decoration: none; color: #003869; border: 1px solid #003869; padding: 3px 20px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; }

.carousel-caption a:hover{ background: #003869; color: #fff;}

.affix {top: 0; width: 100%; z-index: 9999 !important; }

.affix + .container-fluid {padding-top: 70px; }

.affix .padnone{background: #0da0df;}

iframe{display: inherit;}

.bx-wrapper .bx-controls-direction a{ z-index: 1 !important; }

.hidden-display{ display: none; }

.flex-container{ display: flex; display:-webkit-flex; }

.flex-box{ flex:1; -webkit-flex:1; text-align: center;  }

.flex-box + .flex-box{ padding-left: 3px; }

.number{ display: block; font-size: 18px; font-weight: bold; padding-top: 5px; }

.panel a{ padding: 10px 0; display: inline-block; text-decoration: none; color: #000; border-top: 1px solid #ccc; }

.panel a:hover{ color: #14bbe8; }

.panel-heading{ font-size: 18px; font-weight: bold; }

.contactperson{ padding-bottom: 20px; }



.panel-success {

    border-color: #3b9cca;border-radius: 0px;

}

.panel-success>.panel-heading {

    color: #fff;

    background-color: #3b9cca;

    border-color: #3b9cca; border-radius: 0px;

}



.panel-info {

    border-color: #0185c1;border-radius: 0px;

}

.panel-info>.panel-heading {

    color: #fff;

    background-color: #0185c1;

    border-color: #0185c1; border-radius: 0px;

}



.panel-default {

    border-color: #14bbe8;border-radius: 0px;

}

.panel-default>.panel-heading {

    color: #fff;

    background-color: #14bbe8;

    border-color: #14bbe8; border-radius: 0px;

}

.panel-warning {

    border-color: #13aff3;border-radius: 0px;

}

.panel-warning>.panel-heading {

    color: #fff;

    background-color: #13aff3;

    border-color: #13aff3; border-radius: 0px;

}

.panel-danger {

    border-color: #0da0df;border-radius: 0px;

}

.panel-danger>.panel-heading {

    color: #fff;

    background-color: #0da0df;

    border-color: #0da0df; border-radius: 0px;

}

.table tr td:nth-of-type(1){ font-weight: bold; background: #0da0df; color: #fff; font-size: 16px; }

.thumbnail h2.wpb_heading.wpb_singleimage_heading{ font-size: 15px; font-weight: bold; }

.thumbnail .caption p{ text-align: center; }

p.designs{ text-align: center; width: 100%; display: inline-block; font-size: 12px; padding: 0; margin: 0;}
.enquiryForm label{ width: 100%; }
.enquiryForm input{ height: 35px; width: 100%; }
.enquiryForm textarea{ height: 100px; width: 100%; }
.enquiryForm input[type="submit"]{ height: 35px; width: auto; }
.navbar-fixed-top{ position: fixed;}