/*limited reset*/

/*@import url('https://fonts.googleapis.com/css?family=Muli');*/
@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video {

	margin: 0;

	padding: 0;

	border: 0;



}

html {
	/*font-family:"Muli", Arial;*/
	font-family: 'Didact Gothic', sans-serif;
}

a {
	text-decoration: none;
	outline: 0;
	
}

a:hover {

	text-decoration: none;

}

.gothic_font{font-family: 'Didact Gothic', sans-serif !important;}

/*html5 display rule*/

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {

	display: block;

}

ul {

	list-style: none;

}

a, a:hover, a:focus {

	text-decoration: none;

	outline: 0;

	/*color: #000;*/
	color:white;

}

/*body{background:url(../images/bg.jpg) repeat fixed top;/*overflow-x:hidden;*//*background-size:cover;*//*}*/
body{background:url(../images/bg.jpg) repeat center top;/*overflow-x:hidden;*/background-size:cover;}

.clear {clear: both;}

.floatl {float: left;}

.floatr {float: right !important;}

.w420 {width: 420px;}

.w301 {width: 301px;}

.w190 {width: 195px;}

.w184 {width: 184px;}

.w167 {width: 167px;}

.w610 {width: 610px}

.w490 {width: 490px;}

.w85 {width: 85px}

.w55 {width: 55px;}

.w200 {width: 200px;}

.w208 {width: 208px}

.w272 {width: 272px;}

.w733 {width: 733px;}

.w202 {width: 202px;}

.w248 {width: 248px;}

.w763 {width: 763px;}

.w464 {width: 464px;}

.w300 {width: 300px;}

.w193 {width: 193px;}

.w311 {width: 311px;}

.w364 {width: 364px;}

.w243 {width: 243px;}

.w373 {width: 373px;}

.w322 {width: 322px;}

.w710 {width: 710px;}

.w420 {width: 420px;}

.w764 {width: 764px;}

.w426 {width: 426px;}

.w323 {width: 323px;}

.w689 {width: 689px;}

.w315 {width: 315px;}

.marb20 {margin-bottom: 20px !important;}

.mart20 {margin-top: 20px !important;}

.marb10 {margin-bottom: 10px !important;}

.marb30 {margin-bottom: 30px !important;}

.marb5 {margin-bottom: 5px !important;}

.marb25 {margin-bottom: 25px !important;}

.marb14 {margin-bottom: 14px !important;}

.marb15 {margin-bottom: 15px !important;}

.marb18 {margin-bottom: 15px !important;}

.marl8 {margin-left: 8px;}

.marl15 {margin-left: 15px;}

.marl25 {margin-left: 25px;}

.marl-5 {margin-left: -5px;}

.marr-5 {margin-right: -5px;}

.marr58 {margin-right: 58px !important;}

.marr22 {margin-right: 22px !important;}

.marr79 {margin-right: 79px !important;}

.marr22 {margin-right: 22px !important;}

.marr79 {margin-right: 79px !important;}

.marr35 {margin-right: 35px !important;}

.marr10 {margin-right: 10px !important;}

.mart5 {margin-top: 5px !important;}

.mart50{margin-top:50px !important;}

.marr29 {margin-right: 29px !important;}

.marr20 {margin-right: 20px !important;}

.marr10 {margin-right: 10px !important;}

.marr15 {margin-right: 15px !important;}

.marb38 {margin-bottom: 38px !important;}

.pad10{padding:10px !important}

.pad15{padding:15px !important}

.pad20{padding:20px !important}

.pad25{padding:25px !important}

.pad30{padding:30px !important}

.pad35{padding:35px !important}

.padt10 {padding-top: 10px !important;}

.padb10 {padding-bottom: 10px !important;}

.padl15 {padding-left: 15px !important;}

.padr15 {padding-right: 15px !important;}

.padb10 {padding-bottom: 10px !important;}

.padb15 {padding-bottom: 15px !important;}

.f12{font-size:12px !important;}

.f13{font-size:13px !important;}

.f14{font-size:14px !important;}

.f15{font-size:15px !important;}

.f16{font-size:16px !important;}

.f17{font-size:17px !important;}

.f18{font-size:18px !important;}

.f19{font-size:19px !important;}

.f20{font-size:20px !important;}

.f21{font-size:21px !important;}

.f22{font-size:22px !important;}

.f23{font-size:23px !important;}

input{font-family:"Didact Gothic", sans-serif;}

.c333{color:#333;}

p{line-height:22px;}

.lheight20{line-height:20px !important;}

.lheight18{line-height:18px !important;}

.no_bg{background:none !important;}

.c555{color:#555;}

.cred{color:#ec1d23;}

.txt_justify{text-align:justify;}

.content_p p{margin-bottom:12px;}

#jquery-script-menu {

position: fixed;

height: 90px;

width: 100%;

top: 0;

left: 0;

border-top: 5px solid #316594;

background: #fff;

-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);

-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);

box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);

z-index: 999999;

padding: 10px 0;

-webkit-box-sizing:content-box;

-moz-box-sizing:content-box;

box-sizing:content-box;

}

header{position:fixed;top:0px;left:0px;top:0px;width:100%;height:90px;padding:10px 0px;z-index:40;}

.clouds{height:100%;position:absolute;width:100%;background:url(../images/clouds.png) repeat-x 0% -20%;opacity:0.2;}

.jquery-script-center {

width: 960px;

margin: 0 auto;

}

.jquery-script-center ul {

width: 212px;

float:left;

line-height:45px;

margin:0;

padding:0;

list-style:none;

}

.jquery-script-center a {

	text-decoration:none;

}

.jquery-script-ads {

width: 728px;

height:90px;

float:right;

}

.jquery-script-clear {

clear:both;

height:0;

}



.wave {

  position: absolute;

  left:0;

  right:0;

  bottom:0;

  z-index: 1;

overflow:hidden;







}

#wave2{z-index:1;}

#wave1{z-index:0;}

svg{overflow:hidden;}

.gradient{

	 background: url(../images/radial.png) no-repeat  center fixed;

	 background-size:cover;

	 /*radial-gradient(circle, #fff, #0e74b4);*/



	position:fixed;

	bottom:0px;

	height:100%;



	overflow:hidden;



	width:100%;

	z-index:0;

}

.social_ico{margin-top:-5px;}

.wrapper{width:960px;margin:0 auto;}

footer .wrapper{border-top:1px dashed #fff;padding:15px 0px 20px 0px;}

footer{position:fixed;bottom:2px;left:0px;width:100%;z-index:2;color:#fff;font-size:12px;}



.social_ico li {display:inline-block;margin-right:8px;}

.social_ico li a{display:block;width:28px;height:30px;background-image:url(../images/icons/social_ico.png);background-repeat:no-repeat;background-position:0px 0px;}

.clouds > img{position:absolute;}

.clouds > img.bird1{top:300px;left:70%;animation: bird1 12s linear 1s infinite;opacity:0;}

.clouds > img.bird2{top:300px;left:30%;animation: bird2 12s linear 1s infinite;opacity:0;}

.social_ico li a#linkin{background-position:0px 0px;}

.social_ico li a#fb{background-position:-35px 0px;}



.social_ico li a#tw{background-position:-68px 0px;}

.social_ico li a#yt{background-position:-102px 0px;display:none;}

.banner_txt{position:fixed;bottom:13%;width:100%;text-align:center;color:#fff;z-index:30}

/*.banner_txt h5{font-size:30px;color:#fff;font-weight:normal;margin-bottom:10px;}*/
.banner_txt h5{font-size:30px;color:#fff;font-weight:normal;margin-bottom:10px;letter-spacing: 1px !important;}

.whale_box{position:fixed;bottom:58%;right:32%;animation: whale 5s linear 1s infinite;}

.whale_box .splash{position:absolute;top:-142px;left:-28px;animation: splash 10s linear 2s infinite;}

.whale_box .bottle{top:-38px;position:relative;}

.whale_box .guy{top:10px;position:relative;}

.whale_box .mountain{top:35px;position:relative;}

 .whale_box .whale{width:135px;}

.banner_txt h2{position:fixed;top:16%;right:28%;z-index:5;color:#2476b6;font-size:28px;z-index:5;font-weight:normal;font-family:"Didact Gothic";letter-spacing: 1px !important;}

.banner_txt p	{margin-bottom:12px;letter-spacing: 1px;}

.txt_right{text-align:right;}

.banner_txt h5 > span{font-weight:bold;font-size:35px;}
.mainheading{font-size:50px !important;}
.letter_spacing2{letter-spacing: 2px !important;}
.letter_spacing1{letter-spacing: 1px !important;}
.buttons a{display:inline-block;padding:8px 20px;border:1px dotted #fff;color:#fff;margin:0px 10px;letter-spacing: 1px !important;}

.buttons{text-align:center;}

/*tabs css start*/

/* Style the tab css */
.tab {
  overflow: hidden;
/*  border: 1px solid #ccc;
  background-color: #f1f1f1;*/
}

/* Style the buttons inside the tab */
/*.tab button {
  background-color: inherit;
  
  border: none;
  outline: none;
  cursor: pointer;
  padding: 5px 50px;
  transition: 0.3s;
  font-size: 17px;
  color: #fff;
}*/

.tab button {
    background-color: inherit;
    /*float: left;*/
    border: none;
    outline: none;
    cursor: pointer;
    padding: 5px 35px;
    transition: 0.3s;
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    /*width: 25%;*/
    text-align: center;
    /*margin-left: 13px;*/
}
/* Change background color of buttons on hover */
.tab button:hover{
	/*padding: 5px 12px;*/
  background-color: #09a8de54;
  border-radius: 8px;
}

/* Create an active/current tablink class */
.tab button.active{
  /*background-color: #ccc;*/
  /*border-bottom: solid 2px #fff;*/
  background-color: #09a8de54;
  border-radius: 8px;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 30px 0px;
  /*border: 1px solid #ccc;*/
  border-top: none;
}

.cust_row{width: 100%;}
.cust-4{width: 32%;float: left;margin-right: 5px;margin-bottom: 30px;/*height: 203px;margin-bottom: 38px;*/position: relative;}
.img{width: 90%;height: auto;border-radius: 8px;}
.our_works_new_container{height: 260px;overflow: scroll;overflow-x: auto;}
.guytop{top: -45px !important;}    
.textleft{text-align: left !important;}
.textright{text-align: right !important;}
.m25{margin-bottom:25px !important;}
.noborder{border: 0px;outline: none !important;}
.client-4 {width: 30%;float: left;margin-right: 30px;height: 145px;border-radius: 8px;background-color: #fff;margin-bottom: 30px;}
.img44 {width: 44%;height: auto;border-radius: 8px;padding-top: 34px;}
.img60 {width: 60%;height: auto;border-radius: 8px;padding-top: 23px;}
.header_patch{/*padding: 0px 0px 0px 0px !important;*//*top: 0px !important;*/background: #ffffff !important;}
.overlay {
  position: absolute;
  bottom: 0;
  left: 15px;
  right: 0;
  background-color: #0e459eab;
  overflow: hidden;
  width: 92%;
  height: 0;
  transition: .1s ease;
}

.cust-4:hover .overlay {
  height: 30%;
}

.text {
  color: white;
  font-size: 14px;
  position: absolute;
  top: 30%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.text1 {
  color: white;
  font-size: 14px;
  position: absolute;
  top: 60%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
::-webkit-scrollbar {
  width: 5px;
}


::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 

::-webkit-scrollbar-thumb {
  background: #7bcfe8; 
}


::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

/*tabs css end*/













nav{position:fixed;top:0px;right:-100%;padding:15px 0px;max-width:300px;width:300px;background:rgba(4, 57, 97, 0.9) url(../images/menubg.png) no-repeat center 97%;height:100%;z-index:50;background-size:contain;letter-spacing: 1px !important;}

nav > a.close{position:absolute;top:0px;right:0px;padding:22px 25px;background:rgba(4, 57, 97, 0.9) url(../images/icons/close.png) no-repeat center;letter-spacing: 1px !important;}

.menu_ico {position:fixed;top:5%;right:0px;padding:28px;background:rgba(4, 57, 97, 0.8) url(../images/icons/menu.png) no-repeat center;-webkit-transition:all 0.5s;transition:all 0.5s;-webkit-transform:translateX(10px);transform:translateX(10px);z-index:2;}

.menu_ico:hover{-webkit-transition:all 0.5s;transition:all 0.5s;-webkit-transform:translateX(0px);transform:translateX(0px);}

nav ul{margin-top:35%;}

nav ul li a{display:block;color:#fff;font-size:16px;padding:8px 10%;position:relative;}

nav ul li a:hover{background:rgba(37,120, 185, 0.8);color:#fff;}

nav ul li.active a:after{height:100%;width:5px;background:rgba(37,120, 185, 0.8);position:absolute;left:0px;content:"";top:0px;}

nav > div.cinfo{padding:0px 10%;margin-top:10%;}

nav > div.cinfo > div{border-top:1px dotted #fff;border-bottom:1px dotted #fff;padding:5px 0;}

nav > div a{color:#fff;font-size:14px;}

@keyframes bird1  {

    0% {top:300px;}

	100% {left:45%;top:-300px;opacity:1;}

}

@keyframes bird2  {

      0% {top:300px;}

	100% {left:55%;top:-300px;opacity:1;}

}



@keyframes whale  {

    0% {-webkit-transform:translateY(0px);}

    50% {transform:translateY(-25px);}

	100% {transform:translateY(0px);}

}





@keyframes splash  {

    0% {opacity:0;}

	50% {opacity:1;}

	100% {opacity:0;}

}



/*Fish swim*/

svg#fish {

  bottom: 5em;

}

/* Fish Animation */

svg.fish{

  overflow:visible;

}



@-webkit-keyframes swim

{

	0% {margin-left: -600px}

	90% {margin-left: 100%;}

	100% {margin-left: 100%;}

}



@keyframes swim

{

	0% {margin-left: -600px}

	70% {margin-left: 100%;}

	100% {margin-left: 100%;}

}



.fish{

	width: 235px;

	height: 104px;

	margin-left: -235px;

	position: fixed;	

	animation: swim 20s;

	-webkit-animation: swim 20s;

	animation-iteration-count: infinite;

	-webkit-animation-iteration-count: infinite;

	animation-timing-function: linear;

	-webkit-animation-timing-function: linear;

}



svg #fish1,

svg #fish2,

svg #fish3,

svg #fish4,

svg #fish5,

svg #fish6 {

fill:#528484;

  

    -moz-animation: bounce 2s infinite;

  -webkit-animation: bounce 2s infinite;

  animation: bounce 2s infinite;

}



svg #fish2{

	animation-delay: 0.5s;

	-webkit-animation-delay: 0.5s;

}



svg #fish3{

	animation-delay: 0.2s;

	-webkit-animation-delay: 0.2s;

}



svg #fish4{

	animation-delay: 0.4s;

	-webkit-animation-delay: 0.4s;

}



svg #fish5{

	animation-delay: 0.1s;

	-webkit-animation-delay: 0.1s;

}



svg #fish6{

	animation-delay: 0.3s;

	-webkit-animation-delay: 0.3s;

}



/**/

@-moz-keyframes bounce {

  0%, 50%, 100% {

    -moz-transform: translateY(0);

    transform: translateY(0);

  }

  25% {

    -moz-transform: translateY(-5px);

    transform: translateY(-5px);

  }

  75% {

    -moz-transform: translateY(-3px);

    transform: translateY(-3px);

  }

}

@-webkit-keyframes bounce {

  0%, 50%, 100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  25% {

    -webkit-transform: translateY(-5px);

    transform: translateY(-5px);

  }

  75% {

    -webkit-transform: translateY(-3px);

    transform: translateY(-3px);

  }

}

@keyframes bounce {

  0%, 50%, 100% {

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  25% {

    -moz-transform: translateY(-5px);

    -ms-transform: translateY(-5px);

    -webkit-transform: translateY(-5px);

    transform: translateY(-5px);

  }

  75% {

    -moz-transform: translateY(-3px);

    -ms-transform: translateY(-3px);

    -webkit-transform: translateY(-3px);

    transform: translateY(-3px);

  }

}



/*END Fish Animation*/

.service_list{text-align:center;}

.service_list li{display:inline-block;width:135px;margin:0px 15px;}

.service_list li img{width:100%;}

.service_list li a:hover img{-webkit-transform:scale(0.95);transform:scale(0.95);transition:all 0.5s;-webkit-transition:all 0.5s;}

.client_list{width:960px;margin:0 auto;}

.our_works{width:500px;margin:0 auto;}
.our_works_new{width:80%;margin:0 auto;}


.client_list li{float:left;width:15%;margin:0px 1% 1% 0px;}

.client_list li.marr0{margin-right:0 !important;}

.client_list li img{width:100%;}







/**/



.list_carousel {

				

			

			}

			.list_carousel ul {

				margin: 0;

				padding: 0;

				list-style: none;

				display: block;

			}

			.list_carousel li {

			

				color: #999;

			

				width: 200px;

				height: 340px;

				padding: 0;

				margin: 10px;

				display: block;

				float: left;

			}

			.list_carousel.responsive {

				width: auto;

				margin-left: 0;

			}

			.prev {

				float: left;

				margin-left: 10px;

			}

			.next {

				float: right;

				margin-right: 10px;

			}

			.pager {

				float: left;

				width: 300px;

				text-align: center;

			}

			.pager a {

				margin: 0 5px;

				text-decoration: none;

			}

			.pager a.selected {

				text-decoration: underline;

			}

			.our_works .list_carousel li {

			

				width: 200px;

				height: 340px;

			

			}

			/**/

			.icon_box{position:fixed;top:7%;right:40%;z-index:5;}

			.our_works li div h5{font-size:20px;color:#313131;margin-bottom:5px;font-weight:bold;}

			.our_works .prev{position:absolute;bottom:28%;margin-top:0px;left:10px;z-index:5;}

			.our_works .next{position:absolute;bottom:28%;margin-top:0px;right:10px;z-index:5;}

			.our_works .thumb{width:22%;float:left;}

			.our_works .thumb img{width:100%;}

			.our_works .details{width:75%;float:right;}

			.our_works .details > div{min-height:90px;}

			

			.details p{font-size:12px;}

			.our_works{position:relative;}

			.white_wave{background:url(../images/white_bg.jpg) repeat;}

			.white_wave footer{color:#000;}

			.white_wave footer .wrapper{border-top:1px dashed #000;}

			.white_wave .banner_txt h2{color:#fff;}

			.testimonials > div{padding:35px 25px 10px 25px;border:1px dotted #fff;border-radius:2px;position:relative;background:rgba(255,255,255,0.05);}

			.testimonials{width:560px;margin:50px auto 0 auto;}

			.testimonials .list_carousel li {

				margin:0;

				width: 200px;

				height: 125px;

			

			}

			

			.testimonials .details{text-align:center;}

			.testimonials li div h5{color:#fff;font-style:italic;font-size:20px;font-weight:bold;margin:0;}

			.testimonials .details p{font-size:16px;color:#fff;font-style:italic;}

			.testimonials .pager{text-align:center;width:100%;position:absolute;bottom:-28px;left:0px;}

			.testimonials .pager a{width:10px;height:10px;padding:0px;display:inline-block;border:1px solid #fff;border-radius:50%;}

			.testimonials .pager a.selected{background:#fff;}

			.comma{position:absolute;top:0px;left:50%;margin-left:-15px;top:-25px;width:50px;z-index:5;}

			.service_icon{position:fixed;top:5%;right:35%;z-index:5;}

			.stext{left:14.8%;position:fixed;top:18%;z-index:5;color:#fff;font-size:28px;z-index:5;font-weight:bold;}

			

			.s_inside{background:#215175;}

			.s_inside .clouds{height:100%;position:absolute;width:100%;background:url(../images/clouds2.png) repeat-x 0% -20%;}

			.cols2 > div{float:left;margin-right:5%;width:47.5%;}

			.cols2 > div:last-child{margin:0;}

			.stitle{font-size:40px;color:#31beea;font-weight:600;text-align:left;line-height:50px;}

			.stitle span{color:#2272af;}

			.content{text-align:left;color:#000;font-size:13px;}

			h6.title1{font-size:28px;color:#000;text-align:left;}

			

			.form_box td{position:relative;padding:8px 0px 10px 0px;}

			.form_box td label{position:absolute;top:12px;left:3%;color:#333;font-size:15px;-webkit-transition:all 0.5s;transition:all 0.5s;}

			.form_box td input{color:#333;font-size:15px;background:none;border:none;border-bottom:1px solid #000;padding:5px 3%;display:block;outline:none;}

			.form_box td label.top{top:-6px;font-size:11px;-webkit-transition:all 0.5s;transition:all 0.5s;}

			.gear1{position:absolute;top:8px;right:50px;  -moz-animation: gear1 3s infinite ease; -webkit-animation: gear1 3s infinite ease alternate; animation: gear1 3s infinite ease;}

			.gear2{position:absolute;top:8px;right:5px;-moz-animation: gear2 3s infinite ease; -webkit-animation: gear2 3s infinite; animation: gear2 3s infinite;}

			

			

@-webkit-keyframes gear1

{

	0% {-webkit-transform:rotate(-180deg);:rotate(-180deg);}

	100% {-webkit-transform:rotate(0deg);transform:rotate(0deg);}

}



@-webkit-keyframes gear2

{

	0% {-webkit-transform:rotate(180deg);transform:rotate(180deg);}

	100% {-webkit-transform:rotate(0deg);transform:rotate(0deg);}

}

.ptitle{position:absolute;top:-20px;width:100%;text-align:center;left:0px;}

.ptitle:after{border-top:1px dashed #fff;left:0px;width:38%;content:"";position:absolute;top:18px;}

.ptitle:before{border-top:1px dashed #fff;right:0px;width:38%;content:"";position:absolute;top:18px;}

.ptitle h5{font-size:25px;letter-spacing: 1px !important;}

.ptitle img{vertical-align:middle;width:40px;margin-right:5px;}

.process{width:960px;margin:35px auto 0 auto;}

.process > div{padding:35px 15px 0px 15px;position:relative;}

.process div ul li{display:inline-block;width:31%;margin:0px 1%;}

.process div ul li h5{font-size:18px;letter-spacing: 1px;}

.process div ul li p{font-size:13px;}

.contact_us{text-align:left;}

.contact_us p{margin-bottom:0px;}

.testimonials.contact_us > div{padding:18px 25px 10px 25px;}

.contact_us td{position:relative;padding:8px 0px 10px 0px;}

			.contact_us td label{position:absolute;top:12px;left:3%;color:#fff;font-size:15px;-webkit-transition:all 0.5s;transition:all 0.5s;}

			.contact_us td input{color:#fff;font-size:15px;background:none;border:none;border-bottom:1px solid #fff;padding:5px 3%;display:block;outline:none;}

			.contact_us td label.top{top:-6px;font-size:11px;-webkit-transition:all 0.5s;transition:all 0.5s;}

      .contact_us td textarea{font-family: 'Didact Gothic';color:#fff;font-size:15px;background:none;border:none;border-bottom:1px solid #fff;padding:5px 3%;display:block;outline:none;}

.txt_left{text-align:left;}

.submit{border:1px dotted #fff;padding:6px 25px;color:#fff;border-radius:5px;font-weight:bold;display:inline-block;}

.blue_but{color:#2272af;padding:6px 25px;border-radius:5px;font-weight:bold;display:inline-block;}

.back{background-image:url(../images/arr_left.png);background-position:8px 50%;background-repeat:no-repeat;}

.cdetails{text-align:left;background:none !important;border:none !important;padding:10px 0px !important;}

.cdetails ul >li{display:inline-block;border-right:1px dashed #fff;padding:0px 10px 0px 10px;}

.cdetails ul >li:last-child{border:none;}

.cdetails ul > li > a{color:#fff;}

.logo{position:relative;z-index:1;}

/*Bubbles*/





#background-wrap {

    bottom: 0;

	left: 0;

	position: fixed;

	right: 0;

	top: 0;

	z-index: 1;

}



/* KEYFRAMES */



@-webkit-keyframes animateBubble {

    0% {

        top: 100%;

    }

    100% {

        top: 35%;

    }

}



@-moz-keyframes animateBubble {

    0% {

         top: 100%;

    }

    100% {

         top: 35%;

    }

}



@keyframes animateBubble {

    0% {

       top: 100%;

    }

    100% {

        top: 35%;

    }

}



@-webkit-keyframes sideWays { 

    0% { 

        margin-left:0px;

    }

    100% { 

        margin-left:50px;

    }

}



@-moz-keyframes sideWays { 

    0% { 

        margin-left:0px;

    }

    100% { 

        margin-left:50px;

    }

}



@keyframes sideWays { 

    0% { 

        margin-left:0px;

    }

    100% { 

        margin-left:50px;

    }

}



/* ANIMATIONS */



.x1 {

    -webkit-animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;

	-moz-animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;

	animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;

	

	left: -5%;

	top: 5%;

	

	-webkit-transform: scale(0.6);

	-moz-transform: scale(0.6);

	transform: scale(0.6);

}



.x2 {

    -webkit-animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;

	-moz-animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;

	animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;

	

	left: 5%;

	top: 80%;

	

	-webkit-transform: scale(0.4);

	-moz-transform: scale(0.4);

	transform: scale(0.4);

}



.x3 {

    -webkit-animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;

	-moz-animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;

	animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;

	

	left: 10%;

	top: 40%;

	

	-webkit-transform: scale(0.7);

	-moz-transform: scale(0.7);

	transform: scale(0.7);

}



.x4 {

    -webkit-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;

	-moz-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;

	animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;

	

	left: 20%;

	top: 0;

	

	-webkit-transform: scale(0.3);

	-moz-transform: scale(0.3);

	transform: scale(0.3);

}



.x5 {

    -webkit-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;

	-moz-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;

	animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;

	

	left: 30%;

	top: 50%;

	

	-webkit-transform: scale(0.5);

	-moz-transform: scale(0.5);

	transform: scale(0.5);

}



.x6 {

    -webkit-animation: animateBubble 21s linear infinite, sideWays 2s ease-in-out infinite alternate;

	-moz-animation: animateBubble 21s linear infinite, sideWays 2s ease-in-out infinite alternate;

	animation: animateBubble 21s linear infinite, sideWays 2s ease-in-out infinite alternate;

	

	left: 50%;

	top: 0;

	

	-webkit-transform: scale(0.8);

	-moz-transform: scale(0.8);

	transform: scale(0.8);

}



.x7 {

    -webkit-animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;

	-moz-animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;

	animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;

	

	left: 65%;

	top: 70%;

	

	-webkit-transform: scale(0.4);

	-moz-transform: scale(0.4);

	transform: scale(0.4);

}



.x8 {

    -webkit-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;

	-moz-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;

	animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;

	

	left: 80%;

	top: 10%;

	

	-webkit-transform: scale(0.3);

	-moz-transform: scale(0.3);

	transform: scale(0.3);

}



.x9 {

    -webkit-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;

	-moz-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;

	animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;

	

	left: 90%;

	top: 50%;

	

	-webkit-transform: scale(0.6);

	-moz-transform: scale(0.6);

	transform: scale(0.6);

}



.x10 {

    -webkit-animation: animateBubble 26s linear infinite, sideWays 2s ease-in-out infinite alternate;

	-moz-animation: animateBubble 26s linear infinite, sideWays 2s ease-in-out infinite alternate;

	animation: animateBubble 26s linear infinite, sideWays 2s ease-in-out infinite alternate;

	

	left: 80%;

	top: 80%;

	

	-webkit-transform: scale(0.3);

	-moz-transform: scale(0.3);

	transform: scale(0.3);

}



/* OBJECTS */



.bubble {

    -webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	

    -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1);

	-moz-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1);

	box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1);

	

    height: 10px;

	position: absolute;

	width: 10px;

	opacity:0.3;

}



.bubble:after {

    background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 70%); /* FF3.6+ */

    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.5)), color-stop(70%,rgba(255,255,255,0))); /* Chrome,Safari4+ */

    background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%); /* Chrome10+,Safari5.1+ */

    background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%); /* Opera 12+ */

    background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%); /* IE10+ */

    background: radial-gradient(ellipse at center,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	

    -webkit-box-shadow: inset 0 20px 30px rgba(255, 255, 255, 0.3);

	-moz-box-shadow: inset 0 20px 30px rgba(255, 255, 255, 0.3);

	box-shadow: inset 0 20px 30px rgba(255, 255, 255, 0.3);

	

	content: "";

    height: 5px;

	left: 2.5px;

	position: absolute;

	width: 2.5px;

}

/******/



.bubbles {

  width: 100%;

  height: 65%;

  position:fixed;

  left:0px;

  bottom:0px;

  overflow: hidden;

   z-index:2;

  opacity:0.8;

}

.bubble {

  width: 2px;

  height: 2px;

  border-radius: 50%;

  border: 1px solid rgba(255, 255, 255, 1);

  background: rgba(255, 255, 255, 1);

  will-change: transform;

  transition: 2s;

  &: hover {

    transform: scale(2);

    background: #ffbf80;

  }

}

.bubble-container {

  position: absolute;

  bottom: 0;

  animation: bubbleRise 10s infinite ease-in;

  will-change: transform;

 

}

@keyframes bubbleRise {

  0% {

    opacity: 0;

    bottom: 0;

  }

  15% {

    bottom: 0;

    opacity: 0.1;

    margin-left: 0px;

  }

  25% {

    opacity: 0.5;

  }

  50% {

    opacity: 1;

    margin-left: 50px;

  }

  100% {

    bottom: 100%;

    opacity: 0;

  }

}



@keyframes spinall {

  0% {

    transform: rotate(0deg);

  }

  50% {

    transform: rotate(90deg);

  }

  100% {

    transform: rotate(360deg);

  }

}





.desc{font-family:"Didact Gothic", sans-serif;font-size:13px;color:#eee;}

  .bird1, .bird2{display:none;}
@media (min-width: 1440px) and (max-width: 2560px)  {
.banner_txt { 
    /*bottom: 31% !important;    */
    top: 23% !important;
}

}

@media only screen and (max-width: 600px) {

.cust-4{margin-right: 3px;}
.client-4{margin-right: 3px;}
	.banner_txt{position: fixed;

    top: 40%;

    width: 96%;

    text-align: center;

    color: #fff;

	

    z-index: 2;

	left:2%;

    height: 42%;

    overflow-y: scroll;}

   .banner_txt h5{font-size:18px;}

   .banner_txt h5 span{font-size:22px;}

   .banner_txt p{font-size:12px;}

   .banner_txt h2{right:5%;font-size:24px;}

   .wrapper{width:94%;}

.desc br{display:none;}

footer{font-size:11px;position:absolute;}

.logo {text-align:left;}

.whale_box{bottom:65%;right:60%;}

.whale_box .bottle{width:100px;top:-10px;}

.contact_us table td{display:block;}

.contact_us td input{width:94%;}

.guy{width:100px;top:0px;}

.logo img{width:100px;}

html{height:auto;}

header{z-index:999;}

.whale_box .mountain{width:50px;top:10px;}

.menu_ico{-webkit-transform:translateX(5px);transform:translateX(5px);background-size:25px;padding:24px;top:2%;}

footer .wrapper{padding:8px 0px;}

   footer .floatl{float:none;width:100%;padding:4px 0px;}

   footer .floatr{float:none;width:100%;}

   .whale_box .splash{width:42px;top:-42px;left:0px;}

   .whale_box .whale{width:100px;}

   .social_ico{margin-top:0px;}

   .banner_txt p{margin-bottom:10px;}

  .buttons a{padding:5px 10px;font-size:13px;}

  nav ul{margin-top:25%;}

  .service_list li{width:35%;margin:10px 5px;}

  .testimonials{width:94%;}

  .testimonials .list_carousel li{height:100px;}

  .testimonials .details p{font-size:12px;}

  .testimonials > div{padding:30px 20px 10px 20px}

  .icon_box img{width:100px;}

  .client_list{width:94%;}

  .our_works{width:94%;}

  .service_icon{right:6%;top:18%}

  .stext{font-size:22px;}

.service_icon img{width:110px;}

.gear1{width:16px !important;right:40px;top:0px;}

.gear2{width:22px !important;right:18px;top:0}

.clouds{background-size:220%;}

  .stitle{font-size:30px;line-height:35px;}

  h6.title1{font-size:22px;}

  .cols2 > div{float:none;width:100%;}

  .our_works .list_carousel li{height:280px;}

  .bird1, .bird2{display:none;}

.client_list li{width:46.5%;}

.process{width:94%;}

.ptitle:after{width:17%;}

.ptitle:before{width:17%;}

.process div ul li{width:100%;display:block;margin-bottom:15px;}

body{background-size:auto;}

  }


.fa-envelope-o, .fa-phone-square{
  color: #fff;
  font-size: 14px;
}

/*.fa-envelope-o:hover, .fa-phone-square:hover{
  color: #000;
}
*/
.imgPhone,.imgLocation{
  height: 13px;
}