@charset "utf-8";
/* CSS Document */

body{ padding:0px; margin:0px;font-family: 'Lato', sans-serif;}
a{outline:none !important;}


/* bootstrap 3 helpers */

img
{
	width:100%;
	height:auto;
	vertical-align:middle;
}
.navbar-form input, .form-inline input {
	width:auto;
}

p
{
	line-height:26px;
}

header {
	height:auto;
}

#nav.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:10;
}

#sidebar.affix-top {
    position: static;
}

#sidebar.affix {
    position: fixed;
    top: 80px;
}
.logobox {
    bottom: 130px;
    position: absolute;
    z-index: 9999;
    width: 100%;
}
.logobox2{
    bottom: 30%;
    left: 15%;
    position: absolute;
    z-index: 9999;
}
.carousel-control {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}
.menusectionss
{
	background:#005896;
}

.navbar-default {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
     padding-left: 20px;
    padding-right: 20px;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    background-color: transparent;
    color: #ffbf4c;
}
.navbar.navbar-default.navbar-static {
    margin-bottom: 0;
}
.contact
{
	color:#fff;
	
}
.contact span {
    float: left;
}
.contact i {
    float: left;
    font-size: 30px;
	margin-right:7px;
	 margin-top: 5px;
}
.contact li {
    border-right: 1px solid #ccc;
    float: left;
    list-style: outside none none;
    padding: 5px 22px;
}
.contact li:last-child
{
	border-right:none;
}


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

.contact {
    float: right;
    padding-left: 0;
	margin-bottom: 0;
}

.navbar-default {
    background: #085e9e none repeat scroll 0 0;
    border: medium none;
}


.contentsect h1 {
    color: #085e9e;
    text-align: left;
    margin-bottom: 20px;
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 600;
}
.contentsect
{
	padding:15px 0 40px;
	text-align:left;
}
.contentsect h1 span {
    color: #000000;
}
.serviceimg {
    margin-top: 25px;
}
.our_services {
    background: #f1f1f1 none repeat scroll 0 0;
    padding: 20px 0;
}

.our_services {
    text-align: center;
}

.our_services p {
    margin-bottom: 25px;
}
.body_service
{
	background:#fff;
	padding:25px;
	box-shadow: 0 7px 5px 0 rgba(194, 194, 194, 0.31);
	margin-bottom:25px;
}
.our_services h2 {
    color: #000000;
    font-size: 33px;
    text-transform: uppercase;
    font-weight: 700;
}
.body_service h4 {
    font-weight: 700;
}
.servcbtn {
    background: #085e9e none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-weight: 700;
    padding: 8px 30px;
    text-transform: uppercase;
}
.footer-top {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffa42f, #e45824) repeat scroll 0 0;
    border-bottom: 8px solid #ea6926;
    border-top: 8px solid #ea6926;
    color: #fff;
    text-align: center;
}
.footer-top h1 {
    font-size: 25px;
    margin-bottom: 15px;
}
.footer-top span {
    color: #24326b;
    font-size: 35px;
    font-weight: 800;
}
.footer_sect {
    background: #023572 none repeat scroll 0 0;
    padding: 15px 10px 0px 10px;
    text-align: center;
    color: #fff;
}
.footer_sect ul {
    padding-left: 0;
}
.footer_sect ul li {
    list-style: outside none none;
}
.soc li {
    display: inline-block;
}
.footer_sect i {
    background: #cab700 none repeat scroll 0 0;
    border-radius: 62px;
    color: #272727;
    font-size: 18px;
    height: 42px;
    line-height: 47px;
    margin-left: 5px;
    margin-right: 5px;
    width: 42px;
}
/*******************inner pages**********************/
.innerbanners {
    position: relative;
}

.innerpagesect
{
    text-align:center;	
}

.innerpagesect h1 {
    color: #085e9e;
    font-size: 40px;
    margin-bottom: 20px;
    text-align: center;
}

.our_services_res {
    background: #f1f1f1 none repeat scroll 0 0;
    padding: 20px 0;
}

.our_services_res h2 {
    color: #fdb03f;
	
}

.our_services_res li {
    list-style: outside url("../images/tic.png") disc;
    margin-bottom: 18px;
    margin-top: 17px;
}
.our_services_res h5 {
    font-size: 18px;
    font-weight: 700;
    margin-top: 1px;
}
.res_imbx {
    margin-top: 30px;
}

.our_services_res h4 {
    color: #085e9e;
    font-weight: 700;
}

.our_services_res h4 span {
    color: #fdb03f;
}

.estimateul_back {
    background: #d6d6d6 none repeat scroll 0 0;
    margin-bottom: 20px;
    padding: 1px;
}
.estimate_box ul {
    display: table;
    margin: 14px auto;
    padding-left: 0; 
}

.estimate_box li {
    color: #085e9e;
    float: left;
    font-weight: 700;
    list-style: outside none none;
    margin: 5px 14px;
}
.estimate_fld {
    background: #f0f0f0 none repeat scroll 0 0;
    border: 1px solid #f4f4f4;
    color: #000;
    margin-bottom: 11px;
    padding: 12px;
    width: 100%;
}
.estm_btn {
    background: #085e9e none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    float: left;
    font-size: 17px;
    font-weight: 700;
    padding: 10px 30px;
}
.contactform {
    margin-bottom: 30px;
}

.cmrcl_btn
{
	background: #085e9e none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    padding: 10px 30px;
}

.aboutarea
{
	
}

.aboutarea h1 {
    text-align: left;
	margin-top:35px;
}

.aboutarea > p {
    text-align: left;
}
.aboutarea h3 {
    ;font-size: 19px;
    font-weight: 700;
    margin-top: 22px;
    text-align: left;
    text-transform: none
}
.roof_img {
    margin-top: 25px;
}
.apluss > li {
    float: left;
    margin-right: 55px;
}


textarea.form-control {
    background: #f0f0f0 none repeat scroll 0 0;
    border: 1px solid #f4f4f4;
    color: #000;
    margin-bottom: 11px;
    padding: 12px;
    width: 100%;
     min-height: 100px !important;
 }
 .btn-primary {
    background-color: #ef7728;
    border-color: #2e6da4;
    color: #fff;}
.btn-primary:hover {
    background-color: #c4601f;
}






.aboutfull h1{
    text-align: center;
}

hr.center {
    display: table;
  
    margin: auto;
    margin-bottom: 10px;
}
strong {
    color: #085e9e;
    text-transform: uppercase;
    font-size: 15px;
    padding-bottom: 0px;
}
.aboutfull{

}
.aboutcn h1 {
    color: #085e9e;
    font-size: 30px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.aboutcn p{
    text-align: left;
    line-height: 26px;
    color: #3c3c3c;
}
.Servicefull h1{
    color: #085e9e;
    font-size: 30px;

    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
}
.Servicefull h2{
    color: #085e9e;
    font-size: 13px;

    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
}
.Service h1 {
    background: #ef7728 none repeat scroll 0 0;
    color: #fff;
    font-size: 16px;
    padding-bottom: 10px;
    padding-left: 11px;
    padding-top: 10px;
    text-align: left;
}
.Service p{
    color: #085e9e;
    font-size: 13px;
    text-align: left;
    line-height: 26px;
    color: #3c3c3c;
}


.contactform{
    margin-top: 15px;
}
.contactform h1{
   color: #085e9e;
    font-size: 30px;

    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;}








.carousel-indicators {
    bottom: 20px;
    position: absolute;
    z-index: 200000000;
}

hr {
    margin-top: 0px;
    margin-bottom: 20px;
    border: 0;
    border-top: 2px solid #085e9e;
    width: 70px;
    margin-left: 0px;
}

@media only screen and (min-width: 1281px) {

.aboutarea {
    padding-right: 230px;
}
}


@media only screen and (min-width: 768px) {
.navbar-collapse.collapse {
    padding-left: 0;
}
	
.nav > li {
    border-right: 1px solid #ffe800;
    display: block;
    position: relative;
}
.logobox > img {
    height: auto;
    width: auto;
}

}


@media only screen and (max-width: 767px) {
.navbar-toggle {
    cursor: pointer;
}
}

.contact span {
    float: initial;
    font-size: 15px;
    font-weight: 800;
    padding-top: 8px;
}
.form-sec {
    color: #fff;
    width: 100%;
    background: #ccc;
    padding: 15px;
    background: #085e9ead;
    padding: 6px;
    box-shadow: 0 0 0px #ffffff;
}
.checkbox label, .radio label {
    min-height: 27px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
    width: 100%;
}

/*==============*/

.bg {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.span_pseudo, .chiller_cb span:before, .chiller_cb span:after {
  content: "";
  display: inline-block;
  background: #fff;
  width: 0;
  height: 0.2rem;
  position: absolute;
  transform-origin: 0% 0%;
}

.chiller_cb {
  position: relative;
  height: 2rem;
  display: flex;
  align-items: center;
}
.chiller_cb input {
  display: none;
}
.chiller_cb input:checked ~ span {
  background: #fd2727;
  border-color: #fd2727;
}
.chiller_cb input:checked ~ span:before {
  width: 1rem;
  height: 0.15rem;
  transition: width 0.1s;
  transition-delay: 0.3s;
}
.chiller_cb input:checked ~ span:after {
  width: 0.4rem;
  height: 0.15rem;
  transition: width 0.1s;
  transition-delay: 0.2s;
}
.chiller_cb input:disabled ~ span {
  background: #ececec;
  border-color: #dcdcdc;
}
.chiller_cb input:disabled ~ label {
  color: #dcdcdc;
}
.chiller_cb input:disabled ~ label:hover {
  cursor: default;
}
.chiller_cb label {
  padding-left: 2rem;
  position: relative;
  z-index: 2;
  cursor: pointer;
  margin-bottom:0;
}
.chiller_cb span {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  border: 2px solid #ccc;
  position: absolute;
  left: 0;
  transition: all 0.2s;
  z-index: 1;
  box-sizing: content-box;
}
.chiller_cb span:before {
  transform: rotate(-55deg);
  top: 1rem;
  left: 0.37rem;
}
.chiller_cb span:after {
  transform: rotate(35deg);
  bottom: 0.35rem;
  left: 0.2rem;
}
.checkbox-style p {
    position: relative;
    top: -15px;
    left: 18px;
    margin-bottom: 0px;
    line-height: 18px;
}
button.btn.btn-default {
    border-radius: 0px;
}
input#name {
    border-radius: 0px;
}

.bg2-form{

}
.bg2-form{
    background-image: url(../images/bgwal1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.btn-default {
    color: #333;
    background-color: #ffe800;
    border-color: #ccc;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 12px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #000;
    background-color: #f2e400;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 7px 11px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
}
i.fa.fa-bars {
    color: #fff;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #000000;
}

.top-setion {
    background-color: #085e9e;
}
.top-setion ul{
    padding: 0px;
}
.top-setion li {
    text-align: center;
    list-style: none;
    padding: 8px 4px;
    font-size: 18px;
    font-weight: 700;
    background-color: #ff0000;
    color: #fff;

    box-shadow: 5px 4px 3px 0px #ffe800;
}
.top-setion i{
    padding-right: 10px;
}
/*a.left.carousel-control {
    position: absolute;
    z-index: 100000;
}
a.right.carousel-control {
    position: absolute;
    z-index: 100000;
}*/
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    line-height: 1;
    min-height: 600px;
}
ul.dropdown-menu {
    width: 100%;
    color: #fff;
    background-color: #085e9e;
}
.dropdown-menu>li>a {
    display: block;
    padding: 8px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
}
.no-pd{padding: 0px;
    padding-right: 10px;
}
.main-back {
    padding: 10px;
    background-color:#ececec;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #ffe800;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 0px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
button.btn.btn-default {
    width: 100%;
}
.form-sec h4{
    text-align: center;
}

.form-group {
    margin-bottom: 7px;
}
.moving-ul ul{
    padding: 0px;
}
.moving-ul li{
    list-style: none;
}
.moving-ul i{
    padding-right: 5px;
}
/*===============*/

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

.logobox {
    bottom: 90px;
    position: absolute;
    z-index: 9999;
    width: 100%;
}
.top-setion img {
    width: 70%;
    display: table;
    margin: auto;
    padding-bottom: 10px;
    padding-top: 10px;
}
}

@media only screen and (min-width: 768px) {
ul.nav.pull-right.navbar-nav.contact {
    margin-top: 8px;
    margin-bottom: 8px;
}

.top-setion ul {
    padding: 0px;
    padding-top: 16px;
}
}

@media only screen and (min-width: 768px) and ( max-width: 991px){
.top-setion li {
    font-size: 12px;
}
.top-setion li {
    padding: 15px 1px;
}
}