@font-face {
	font-family: 'OpenSans-Regular-Light';
	src: local('?'), url('../fonts/OpenSans-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSans-Regular-Regular';
	src: local('?'), url('../fonts/OpenSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body{ margin:0; padding:0; background:#000; /*background:url(../images/bg.jpg);*/ background-size:cover; }
header{ background:#eeecec;}
footer{ background:url(../images/footer.jpg) no-repeat; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; margin-top:30px; padding:17px 0 17px 0; color:#fff;}
.blank-height{ height:15px;}
a:hover{ text-decoration:none;}
h4,h3{ margin-bottom:5px;}
li{ list-style:none;}

.navbar{ border-radius:0;}
.bg-menu{ background:#0876a4;}
.menu-default{ border:none;   margin-bottom:10px; line-height:none;  min-height:inherit;}
.menu-default .navbar-nav>li>a{ color:#fff; font-family:Calibri; text-shadow:none; font-size:11pt;}
.navbar-nav>li>a{padding-top:9px;padding-bottom:9px;}
.logo{ padding:10px 0; }
.slider{ margin-top:15px;}

.nav>li>a{ margin-top:0;}
.nav>li>a.active{ background:#ffc103; color:#000;  text-shadow:none;}
.navbar-default .navbar-nav>li>a:hover{color:#fff;/* fallback */background:#036188; text-shadow:none;}
/*==============white bg box csss====================*/

/*==============header right css====================*/

ul.right-area{ margin:0; padding:0;}
ul.right-area li{ float:right; list-style:none; padding-left:15px; vertical-align:middle; margin-bottom:15px; color:#777777;}
ul.right-area li:nth-child(2){ margin-top:-6px;}

.carousel-control{ width:26px; height:26px;  top:0; text-align:center;} 
a.carousel-control i{ font-size: 26pt;vertical-align: middle; text-align:center; color:#333;} 
a.carousel-control i:hover{color:#fc7c34;}
a.left{right:12px;}
.left-arrow{ background: url(../images/arrow-button.png) no-repeat 1px 1px; width:27px; height:26px;  padding-left: 22px;
  padding-bottom: 11px;}
.right-arrow{ background: url(../images/arrow-button.png) no-repeat -26px 1px; width:27px; height:26px;  padding-left: 22px;
  padding-bottom: 11px;}  
.phone-number{ padding:10px 14px 10px 14px; color:#fff; font-family:'Open Sans'; font-weight:bold; font-size:15pt; border-radius:6px; margin:10px 0; background-color: #ff7733;
  background: url(images/linear_bg_2.png);
  background-repeat: repeat-x;

  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff7733), to(#ffaf03));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #ffaf03, #ff7733);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #ffaf03, #ff7733);

  /* IE 10 */
  background: -ms-linear-gradient(top, #ffaf03, #ff7733);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #ffaf03, #ff7733);}
  .phone-number span{ color:#000;} 
  .location{ font-size:9pt; color:#fff; padding:20px 0 10px 0; color:#515151;}
  .location span{ font-size:11pt; font-weight:bold;}
  .location i{ font-size:15pt;}
  .footer-menu a, .footer-menu a:hover{ color: #fff; font-size:10pt; font-weight:bold;}
 .footer-menu a:hover{ color:#FFB005;}
 .address{ font-size:9pt; margin-bottom:20px;}
.social-media a{ color:#DDD; font-size:18pt;}
.social-media a.facebook:hover{ color:#3b5998;}
.social-media a.twitter:hover{ color:#29c5f6;}
.social-media a.youtube:hover{ color:#dd332c;}

.copy-right{border:1px solid #515151;  border-left:none; border-right:none; margin-top:15px; padding:5px 0; font-size:9pt;}
.copy-text{ padding-top:7px;}
.page-title{ background: #FCFCFC;
  display: block;
  color: #fff;
  font-size: 18pt;
  margin-top: 0;
  padding: 7px 15px;
  text-align: left;
  color: #2F2E2E;
  font-weight: bold;   border-bottom: 1px solid #E8E8E8;
  }
 .page-title2{ background:#1176a5; display:block; color:#fff; font-size:15pt; margin-top:0; padding:7px 15px; text-align:center; border-radius:0;  }
.page-title img{ width:37px;}

.service-option-bg{ background:url(../images/category1new.jpg) no-repeat;}
.service-option-bg:hover{  background:url(../images/category1new.jpg) no-repeat -330px 0;}
.service2-option-bg{ background:url(../images/category2.jpg) no-repeat;}
.service2-option-bg:hover{  background:url(../images/category2.jpg) no-repeat -330px 0;}
.service3-option-bg{ background:url(../images/category3.jpg) no-repeat;}
.service3-option-bg:hover{  background:url(../images/category3.jpg) no-repeat -330px 0;}
.service4-option-bg{ background:url(../images/category4.jpg) no-repeat;}
.service4-option-bg:hover{  background:url(../images/category4.jpg) no-repeat -330px 0;}
.service5-option-bg{ background:url(../images/category5.jpg) no-repeat;}
.service5-option-bg:hover{  background:url(../images/category5.jpg) no-repeat -330px 0;}
.service6-option-bg{ background:url(../images/category6.jpg) no-repeat;}
.service6-option-bg:hover{  background:url(../images/category6.jpg) no-repeat -330px 0;}
.service7-option-bg{ background:url(../images/category7.jpg) no-repeat;}
.service7-option-bg:hover{  background:url(../images/category7.jpg) no-repeat -330px 0;}
.tank-clealing{ display:block; position:absolute; bottom:0; height:86px;}
.cool-color-effect{color:#fff; font:12pt 'Open Sans'; padding:15px; display:block; text-align:center; right:0; left:0;   text-transform: uppercase;}
.call-now{ background:#1d1e1f; display:block; padding:20px 15px 15px 15px;}
.call-now h2{ font-size:19pt; color:#ffad38; margin-top:10px; margin-bottom:10px;}

.call-now{ font-size:10pt; color:#fff; /*font-weight:bold;*/}
.services{ margin-bottom:0px;}
.service-option-bg div.cool-color-effect{  background:rgba(0, 0, 0, 0.78);}
.service-option-bg div.cool-color-effect:hover{ background:#191919;}
.service2-option-bg div.cool-color-effect{ top:0; background:rgba(0, 0, 0, 0.82);}
.service2-option-bg div.cool-color-effect:hover{background:rgba(0, 0, 0, 1);}
.service3-option-bg div.cool-color-effect{ background:rgba(0, 0, 0, 0.78);}
.service3-option-bg div.cool-color-effect:hover{ background:#191919;}
.service4-option-bg div.cool-color-effect{ background:rgba(0, 0, 0, 0.78);}
.service4-option-bg div.cool-color-effect:hover{ background:#191919;}
.service5-option-bg div.cool-color-effect{ background:#910202;}
.service5-option-bg div.cool-color-effect:hover{ background:rgba(0, 0, 0, 0.76);}
.service6-option-bg div.cool-color-effect{ background:#191919;}
.service6-option-bg div.cool-color-effect:hover{ background: rgba(0, 0, 0, 0.68);}
.service7-option-bg div.cool-color-effect{ background:#191919;}
.service7-option-bg div.cool-color-effect:hover{ background:rgba(0, 0, 0, 0.81);}
.text-pra{ color:#ff961a; font-size:23px;}
.containt-bg{ background:#fff; padding-top:15px; padding-bottom:15px; margin-bottom:15px; border: 1px solid #F2F2F2;}
.inner-slider-bg{ background: url(../images/inner-slider-bg.jpg) no-repeat; width:100%; margin-top:15px;}
.thumbline-postion{margin:7px auto; border:2px solid #fff;
  border-width:3px;
  border-top-color: rgb(33, 89, 234);
  border-left-color: rgb(255, 40, 40);
  border-right-color: rgb(255, 126, 0);
  border-bottom-color: rgb(103, 255, 0);
}
.envelope{font-size:107pt;
  color: #F9810D;}
.contact-us-title{font-weight: bold;color: #47C2D8;}
.contact-text{font-size: 16pt;
  color: #818181;}
 .contact-bgall{background:#F9F9F9; -webkit-box-shadow:inset 0px 5px 8px -7px #545252;
    box-shadow:inset 0px 5px 8px -7px #545252;}
 .address-bg{margin-bottom: 15px;}
 .contact-containt{  padding-top: 55px;
  padding-bottom: 16px;}
  .error{ color:#F00; font-size:10pt;}
  .link-logo{ padding-top:10px; padding-bottom:5px; height:120px; overflow:hidden;}
.images-catogry{background:#E0E0E0;padding:7px 15px;border-top: 1px solid #D8D7D7; border-radius:4px 4px 0 0;}
.text-images{ color:#626262; font-size:14pt;}
.back-icon{ font-size:25pt; line-height:18px;}
.service-area{ margin-bottom:3px;}
.services-title{ color:#EC5900; font-size:19pt; padding:17px 0;}
.services-topic { font-family:Arial, Helvetica, sans-serif; font-size:15pt; color:#fff; font-weight:bold; height:205px; text-align:center; padding:10px;  padding-top:30px;}
.services-topic p{ font-size:11pt; font-weight:normal;}
.services-topic-bg{ background:rgba(8, 98, 163, 0.71) url(../images/1.png);}
.services-topic-bg2{ background:rgba(112, 163, 8, 0.71) url(../images/1.png);}
.services-topic-bg3{ background:rgba(234, 188, 8, 0.71) url(../images/1.png);}
.services-topic-bg4 {background:rgba(161, 91, 161, 0.71) url(../images/1.png);}
.services-topic-bg5 {background:rgba(187, 75, 75, 0.71) url(../images/1.png);}
.services-topic-bg6 {background:rgba(75, 117, 226, 0.71) url(../images/1.png);}
.services-topic-bg7 {background:rgba(83, 160, 148, 0.71) url(../images/1.png);}
.footer-address{ margin:0; padding:0;}
ul.footer-address li{ padding-bottom:7px; font-size:9pt;}
.footer-address i{font-size:12pt; line-height:25px; float:left; color:#FFAA10; height:18px; width:18px;}
.choose-ul{ margin:0; padding: 15px;
  background: #ECECEC;
  border: 2px dashed #fff;}
ul.choose-ul li{ padding-bottom:15px; font-size:11.5pt; line-height:22px; background:url(../images/ul-bg.png) no-repeat 0 3px; padding-left:30px;}
.blank-top{ padding-top:20px;}
.title-simple{ color:#155B96;  padding-bottom: 10px;}
.part-side{  min-height: 190px;
  background: #ECECEC;
  padding: 10px;
  border-radius: 6px; margin-bottom:15px;}
 .part-side p{ padding-top:15px; }
.part-side i{   font-size: 30pt;
  clear: both;
  color: #07465E;
  border-radius: 50%;
  width: 58px;
  height: 58px;
  background: #fff;
  vertical-align: middle;
  padding-top: 9px;}
  .stage{ color:#123E8E; font-size:13pt; background:url(../images/choose-icon.png) no-repeat; padding-left:40px; height:26px; padding-top:1px; margin-top:20px; margin-bottom:0; margin-bottom:15px;}
  .text-career{ width:126px;}
  .career-main{border-bottom:3px solid #DFDFDF; margin-bottom:30px; color:#898989;}
  .career-main p:last-child{ background:#F2F2F2; padding:5px; margin-bottom:0;}
  .lable-larg{font-size:33pt;line-height:65px; padding:15px; background:#2777A8 url(../images/1.png); color:#fff; margin-top:0; overflow:hidden;}
@media only screen and (min-width:768px) and (max-width:1900px)
{
 .navbar-collapse{ padding-left:0; padding-right:0; margin:0;}
 .left-argeter{ float:left; padding-right:10px;}
.footer-border{ border:1px solid #515151;  border-bottom:none; border-top:none;}
.phone-number{ display:inline-block; float:right;}
.contact-us-title{ font-size:46pt;}	
}
@media only screen and (min-width:1901px) and (max-width:2100px){
.nav>li{ border-left:2px solid #CCC;}
.nav>li:first-child{ border:none;}
	 .container{ width:1030px;}
	.navbar-nav>li>a{ padding:9px 21px;margin-top:0;} 
.max-cotaint-6{ width:47%;}
.services{ position:relative;display:block; width:100%; height:178px;}
.service7-option-bg{ width:244px;}
.footer-log{ padding-top:70px;}
.top-marging-none{ margin-top:0;}

}
@media only screen and (min-width:1200px) and (max-width:1900px){

.nav>li{ border-left:2px solid #CCC;}
.nav>li:first-child{ border:none;}
	.container{ width:1030px;}
	.navbar-nav>li>a{ padding:9px 21px;} 
	.padding-left{ padding-left:0;}
.desktop-padding{ padding:4px;}
.services{ position:relative;display:block; width:100%; height:180px;}
.category-row{ margin-left:-5px; margin-right:-5px;}
.service7-option-bg{ width:244px;}
.footer-log{ padding-top:70px;}
.top-marging-none{ margin-top:0;}



}
@media only screen and (min-width:1024px) and (max-width:1199px){

.container{ width:1000px;}	
.nav>li{ border-left:2px solid #CCC;}
.nav>li:first-child{ border:none;}	
.desktop-padding{ padding:4px;}
.services{ position:relative;display:block; width:100%; height:180px;}
.category-row{ margin-left:-5px; margin-right:-5px;}
.footer-log{ padding-top:70px;}
.top-marging-none{ margin-top:0;}

	
}
@media only screen and (min-width:992px) and (max-width:1023px)
{ 
.nav>li{ border-left:2px solid #CCC;}
.nav>li:first-child{ border:none;}
.desktop-padding{ padding:4px;}
.services{ position:relative;display:block; width:100%; height:180px;}
.category-row{ margin-left:-4px; margin-right:-4px;}
.footer-log{ padding-top:70px;}
.top-marging-none{ margin-top:0;}



}
@media only screen and (min-width:768px) and (max-width:991px)
{
.nav{ padding:15px;}

.nav>li{  border: 2px solid #CCC;
  margin-right: 5px;
  margin-bottom: 10px;
  margin-top: 2px;
  width: 159px;
  white-space:nowrap;

  text-overflow: ellipsis;
  margin-left: 8px;}
  .nav>li:nth-child(5){  border: 2px solid #CCC;
  margin-right: 5px;
  margin-bottom: 10px;
  margin-top: 2px;
  width: 159px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
  margin-left: 8px;}


 .navbar-nav>li{text-align:center;}
 .footer-border{ border-right:none;}
 .services{ position:relative;display:block; width:244px; height:178px;}
 .tablet-bg{background:rgba(186, 242, 255, 0.66);
  padding: 21px;
  margin: 15px}
  .inner-slider-bg{ height:165px;}
}

@media only screen and (min-width:320px) and (max-width:767px)
{
.navbar-nav>li>a{ padding:9px 21px; border-bottom:1px solid #333;} 	
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
  color:#FFF484;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
  color:#ccc;
}
.logo a img{ margin:0 auto;}
.clear-all{ clear:both;}
.mob-mar-none{ margin:0;}
.phone-number{ display:inline-block; float:right;}	
 .services{ position:relative;display:block; /*width:244px;*/ height:180px; margin:0 auto; margin-bottom:15px;}
.hvr-push{ display:block;}
 .tablet-bg{background:rgba(186, 242, 255, 0.66);
  padding: 21px;
  margin: 15px;}
footer{ background:#000 url(../images/1.png) !important; background-position:center center !important;}
.contact-us-title{ font-size:46pt;}	
}


@media only screen and (min-width:320px) and (max-width:500px)
{
	.phone-number{ float:none; display:block; text-align:center;}	
	.only-mob-4{ width:100%;}
	 .tablet-bg{ background:none;
  padding:0;
  margin:0;}
  
.inner-slider-bg{height:auto;
  background-position:-18px -24px;}
  .mob-foot-0{ width:100%;}
  .contact-us-title{ font-size:32pt;}	


 
}


@media only screen and (min-width:100px) and (max-width:319px)
{
.mob-mar-none{ margin:0;}	
h1.page-title span{ clear:both;}
.phone-number{ float:none; display:block; text-align:center;}	
.only-mob-4{ width:100%;}
.services{ position:relative;display:block; width:244px; height:178px; margin:0 auto; margin-bottom:15px;}
.hvr-push{ display:block;}
footer{ background:#000 url(../images/1.png) !important; background-position:center center !important;}
.mob-foot-0{ width:100%;}
.contact-us-title{ font-size:29pt;}	
}




