@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600);
body {
	
	font-family:Open Sans;

}

 #trfPlan{ width:100%; position:absolute; right:0px; top:22%; background-color:#fff;}
.topbaar{
	background:#eeeeee;
	padding:5px 0px;

}

.topbaar  a{
	font-size:13px;
	color:rgba(0,0,0,0.5);
	border-right:1px solid rgba(0,0,0,0.1);
	padding:10px ;
}

.login{padding-top:30px;}
.login a{color:rgba(0,0,0,0.7); padding-right:15px; font-size: 14px; line-height: 1.42857; }
/*body {color: #333; font-size: 14px; line-height: 1.42857;}*/

.login a:last-child{border-left:1px solid rgba(0,0,0,0.2); padding-left:15px; padding-right:0px;}

.nav-tab
{background:#0983b0;
min-height:85px;
}

.gasCycleGas{  width:170px !important;}
.gasDateGas{ width:279px !important;}
.LLStd{width:170px !important;}
.lllno{width:274px !important;}
.ddlopr{ width:220px !important;}
.dthamtdtl{ width:30% !important;}



.btn.btn-primary.rcBXsubmit {
  background: #4db251 none repeat scroll 0 0;
  border: 1px solid #4db251;
  float:left !important;
}


.frightbutton { 
  float: right !important;
  margin-right: 22% !important;
}

.col-md-6.col-lg-6.col-sm-6.logo {
  margin: 4px 0;
}

#myCarousel.carousel {
  position: relative;
  top: -40px;
}

#myCarousel .nav a small
{
    display: block;
}
#myCarousel .nav
{
    background: #eee;
}

.item{
    height:400px;}
    

/*.item h3 {
  color: #222222;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 10px;
}*/

.item h3 {
  color: #222222;
  font-size: 19px;
  font-weight: 600;
  /*margin-bottom: 2%;*/
  margin-bottom:0px;
  }


.item p{
    text-align:left;
    color:#fff;
    }
    
carousel-caption {
float:left;    
}


#myCarousel .carousel-inner > .item {
  border-radius:5px;
}


.nav-justified > li > a
{
    border-radius: 0px;
	font:600 14px "Open Sans";
	color:#FFF;
	padding:15px 35px 20px 0px;
}

.nav-justified > li > a:hover{background:none; color:#00b9f5;}


.item[data-slide-bg] {
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  /*height: 185px;*/
  height:auto;
  min-height:197px;
  /*min-height:270px;*/
  transition: all 0.3s ease 0s;
}
/* .item[data-slide-bg="1"]{ 
    background-color: #e67e22;
    transition:all 0.3s;
    }
.item[data-slide-bg="2"] { 
    background-color: #2980b9;
    transition:all 0.3s;
    }
 .item[data-slide-bg="3"] { 
    background-color: #8e44ad;
    transition:all 0.3s;
    }*/
	.checkbox, .radio {
  display: inline;
  position: relative;
}


.mycheck.checkbox label, mycheck .radio label {
  cursor: pointer;
  margin-bottom: 0;
  min-height: 20px;
  padding-right: 38px;
  padding-left:20px;
  padding-bottom:19px;
  display:inline-block;
}
	
	
	 .home-form .tab-pane .form-control {
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 14px;
}

/*.home-form .form-row { border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: table; float: left; margin-bottom: 20px;  margin-right: 12px; width: 20.7%;}*/
.home-form .form-row { border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: table; float: left; margin-bottom: 20px; margin-right: 12px; /*width: 28.7%;*/ /*width:43%;*/width:24%;}





.home-form  .btn{padding:7px 12px;}

.bg-form{
  background: #ffffff ;
  padding: 20px;
  position: relative;
  padding-top:5px;

}


.form-row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: table;
  float: left;
  margin-bottom: 20px;
  margin-right: 30px;
  width: 19%;
}

.tab-pane .amtfc{ width:64% !important;}



.tab-pane .form-control {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #ffffff;
  background-image: none;
  border-bottom: 0 solid rgba(0, 0, 0, 0.1) !important;
  border-image: none;
  border-left: 0 none;
  border-radius: 0;
  border-right: 0 none;
  border-top: 0 none;
  box-shadow: none !important;
  color: #555555;
  display: block;
  font-size:14px;
  height: 34px;
  line-height: 1.42857;
  width: 100%;
}



.tab-pane .form-control {
  border-bottom: 0 solid rgba(0, 0, 0, 0.1);
  font-size:13px;
}



option {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 5px 15px;
}


.add-banner .carousel-inner {
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}
.banner-add {
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: table;
  margin-top: -22px;
  width: 100%;
}

.add-banner .fa{color:rgba(0,0,0,0.8) !important;}

.add-banner .carousel-control.left{background:none; top:50%;}
.add-banner .carousel-control.right{background:none; top:50%;}
.brandLogos > ul {
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: table;
  margin-top: 30px;
  padding: 24px 19px;
  width: 100%;
}

.brandLogos ul li {
  border-radius: 50px;
  float: left !important;
  height: 80px;
  margin: 15px 30px 0 0;
  width: 80px;
  list-style: none;
}
.brandLogos ul li img {
  border-radius: 50px;
  height: 80px;
  width: 80px;
}


.add-banner .item{height:inherit;}


.services{border:1px solid rgba(0,0,0,0.1); margin-top:30px; width:100%; padding:15px;  color:#828282;}
.services .fa{font-size:30px; color:#828282;}
.services h2{color:#828282; font-size:20px; margin:15px 0;}
.services p{font-size:13px; }


.category {margin:40px 0px;}
.category h3 {color:#828282; font-size:16px; margin:15px 0;}
.category a{font-size:13px ; padding-right:5px;  color:#828282; }
.footer{background:#0983B0; padding:15px 0px; width:100%; display:table;}

.footer a{color:#FFF; font-size:13px; padding-right:11px;}
.right-baar{padding:0px;}
.right-baar a {display:table; width:100%; padding:8px 15px; border-bottom:1px solid rgba(0,0,0,0.1); color:rgba(0,0,0,0.7); background:#f1f1f3; font-size:15px;}

.right-baar a:hover{text-decoration:none;  margin-top:2px; color:rgba(0,0,0,0.7);}





@media All and (max-width: 1082px) {
.brandLogos ul li {text-align: center; width: 16% !important;}
.home-form .form-row {width: 25% !important;}
}