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

@font-face{ font-family:"Rochester"; src:url("../fonts/Rochester.otf"); }
@font-face{ font-family:"Tw Cen MT"; src:url("../fonts/Tw_Cen_MT.TTF"); }
@font-face{ font-family:"Bauhaus Regular"; src:url("../fonts/Bauhaus.ttf"); }
@font-face{ font-family:"Soviet Program"; src:url("../fonts/Soviet-Program.ttf"); }
@font-face{ font-family:"Poor Rich"; src:url("../fonts/PoorRich.ttf"); }
@font-face{ font-family:"Typo Round Bold Demo"; src:url("../fonts/Typo_Round_Bold_Demo.otf"); }
@font-face{ font-family:"Onadio"; src:url("../fonts/Onadio.otf"); }
@font-face{ font-family:"Perpeuta"; src:url("../fonts/Perpeuta.ttf"); }

/*===== Pre CSS =====*/
body{ margin: 0; padding: 0; font-size: 14px; font-weight: normal; color: #333; font-family: 'Open Sans', sans-serif; background: url(../images/background.png) fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
p, a, span, table, th, tr, td, h1, h2, h3, h4, h5, h6, img, ul, ol, li{ margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; }

/*===== Go To Top Section =====*/
#back-top { display: block; position: fixed; bottom: 140px; right: 14px; bottom: 15px; text-align: center;  z-index: 9999999999; }
#back-top a { display: block; text-decoration: none; }
#back-top a .fa{ width: 50px; height: 50px; padding-top: 12px; font-size: 20px; border-radius: 50%; opacity: 1; color: #fff; background: #182e5f; border: #182e5f solid 2px; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; transition: all linear 0.3s; }
#back-top a .fa:hover{ background: #fff; color: #182e5f; }

/* Modal Body */
.modal-body .close{ position: absolute; top: 8px; right: -4px; transform: translate(-50%,-50%); opacity: 1; color: #000; }
.modal-body img{ width: 100%; }

/* Wrapper */
.wrapper{ position: relative; margin: 0; padding: 0; overflow: hidden; }
.color-red{ color: #182e5f; font-weight: 700; }

/*===== Header Section =====*/
header{ position: absolute; top: 0; width: 100%; z-index: 99999; display: block; background:transparent; }
.header-buttom ol{margin: 0 ; padding:10px 0; }
.header-buttom ol li{list-style: none; display: inline-block; color: #FFF; font-size: 14px; font-family: 'Open Sans'; }
.con_info li{margin-right: 15px;}
.social_icon {float: right;}
.social_icon li {margin-left: 15px; font-size: 16px !important;}
.social_icon li a{color: #FFF;}
.header-top{ display: block; padding: 10px 0; width: 100%; }
.header-top-text{ display: block; padding-top: 5px; color: #fff; font-size: 14px; }
.header-social-media ul{ display: block; float: right; }
.header-social-media ul li{ list-style: none; float: left; margin-left: 5px; }
.header-social-media ul li a .fa{ color: #fff; width: 30px; height: 30px; text-align: center; padding-top: 8px; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; }
.header-social-media ul li a .fa:hover{ background: #182e5f; }
.header-buttom{ display: block; padding: 0; }
.navbar-inverse{ border: none; background: transparent; }
.navbar{ margin-top: 17px; margin-bottom: 0; border-bottom: none; }
.navbar-inverse .navbar-nav{ display: block; float: right; margin: 0 0 -5px 0; padding: 0; text-align: center; }
.navbar-inverse .navbar-nav li{ list-style: none; float: left; margin: 0 5px 0 30px;  }
.navbar-inverse .navbar-nav li a{ position: relative; display: inline-block; padding: 10px 0; margin: 0; border: none; border: none; border-radius: 0; color: #fff; background: transparent; font-size: 14px; text-transform: uppercase; text-align: center; font-family: 'Open Sans'; text-decoration: none;  overflow: hidden; -webkit-transition: all linear 0.5s; -moz-transition: all linear 0.5s; transition: all linear 0.5s; }
.navbar-inverse .navbar-nav li a::before{ content: ""; position: absolute; top: 0; left: 0; width: 0px; height: 100%; border-bottom: #fff solid 4px; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; }
.navbar-inverse .navbar-nav li a:hover::before,
.navbar-inverse .navbar-nav li a:focus::before,
.navbar-inverse .navbar-nav .active a::before,
.navbar-inverse .navbar-nav .active a:hover::before,
.navbar-inverse .navbar-nav .active a:focus::before{ width: 100%; }
.navbar-inverse .navbar-nav li a:hover,
.navbar-inverse .navbar-nav li a:focus,
.navbar-inverse .navbar-nav .active a,
.navbar-inverse .navbar-nav .active a:hover,
.navbar-inverse .navbar-nav .active a:focus{ color: #fff; background: transparent; }

/*===== Mobile Menu =====*/
.mobile_menu.active{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 9999999999; }
.menu_icon_box{ position: fixed; top: 0; left: 0; z-index: 9999; display: block; width: 100%; background: #191919; height: 57px; }
.tab_button{ float: left; }
.tab_button a{ display: inline-block; padding: 7px 10px; margin-top: 14px; font-size: 10px; text-align: center; text-transform: uppercase; color: #fff; background: transparent; border: #fff solid 1px; border-radius: 5px; box-sizing: border-box; text-decoration: none; }
.tab_button a:hover{ background: #747474; border: #747474 solid 1px; }
.tab_button1{ margin-left: 15px; margin-right: 5px; }

.menu_icon{ position: fixed; top: 15px; right: 15px; width: 30px; height: 30px; padding: 1px 5px; background: transparent; box-sizing: border-box; cursor: pointer; z-index: 999; }
.menu_icon span{ width: 100%; height: 2px; display: block; background: #fff; margin: 5px 0; border-radius: 5px; transition: all linear 0.3s; }
.menu_icon_active{ color: #fff; padding: 8px 3px 0; }
.menu_icon_active span{ position: absolute;	width: 85%; }
.menu_icon_active span:nth-child(1){ transform: rotate(45deg); }
.menu_icon_active span:nth-child(3){ transform: rotate(-45deg); }
.menu_icon_active span:nth-child(2){ display: none; }

.mobile_slideLogo{ display: block; text-align: center; }
.mobile_slideLogo img{ display: inline-block; float: none; background: #fff; padding: 15px; margin-bottom: 15px; border-radius: 5px; }
.sidebar .menu_icon{ position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; padding: 4px 4px 0 0; background: #fff; border-radius: 50%; box-sizing: border-box; cursor: pointer; z-index: 999; }
.sidebar .menu_icon .fa{ font-size: 30px; color: #666; }
.sidebar{ padding: 50px 15px 15px; position: fixed; top: 0; left: -100%; z-index: 99999; overflow-y: scroll; width: 80%; height: 100%; background: #27ae60; text-align: center; box-sizing: border-box; z-index: 999999; transition: all linear 0.3s; }
.sidebar.active{ left: 0; }
.sidebar ul li{ list-style: none; }
.sidebar ul li a{ position: relative; display: block; padding: 10px 15px; border: #fff solid 1px; text-align: left; color: #fff; margin-bottom: 1px; text-transform: uppercase; text-decoration: none; font-size: 12px; font-weight: 400; border-radius: 5px; }
.sidebar ul li a::before{ content: ""; position: absolute; top: 0; left: 0; z-index: -1; padding: 12px 0; height: 100%; width: 0%; background: #182e5f; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; }
.sidebar ul li a:hover::before{ width: 100%; }
.sidebar ul li.active{ background: #182e5f; border-radius: 5px; }

/*===== Responsive Mobile Dropdown =====*/
.accordion { list-style: none;  padding: 0; margin: 0; }
.accordion_headline { background: transparent; padding: 8px 10px; border: #666 solid 1px; color: #fff; text-align: left; text-transform: uppercase; font-size: 12px; font-weight: 400; transition: .3s ease; position: relative; }
.accordion_headline::before,
.accordion_headline::after { content: ""; width: 15px; height: 2px; background: #ffffff; position: absolute; display: block; top: 50%; right: 15px; transform: translate(-50%, -50%) rotate(0deg); transition: .3s ease; }
.accordion_headline::after { transform: translate(-50%, -50%) rotate(90deg); }
.accordion_headline:hover { cursor: pointer; background: transparent; }
.open > .accordion_headline::before { transform: translate(-50%, -50%) rotate(180deg);	}
.open > .accordion_headline::after { transform: translate(-50%, -50%) rotate(360deg); }
.accordion_content { display: none; background: transparent; padding: 0; border-top: 0; }
.accordion li { margin-bottom: 1px; }
.accordion_headline h5{ font-size: 16px; margin: 0; padding-right: 30px; }
.accordion_content p{ font-size: 14px; margin: 0; }

/*-- Modern Social Media Icon Display --*/
.social_media_block{ display: block; position: fixed; top: 0; left: 0; z-index: 9; height: 100%; background: transparent; }
.share_icon .fa{ position: absolute; left: 14px; bottom: 14px; z-index: 2; cursor: pointer; width: 52px; height: 52px; border-radius: 50%; border: #182e5f solid 1px; background: #182e5f; color: #fff; font-size: 24px; text-align: center; padding: 12px 5px 0 0; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; }
.share_icon .fa:hover{ transform: rotate(360deg); color: #fff; background: #000; border-color: #000; }
.social_icon ul{ display: block; text-align: center; }
.social_icon ul li{ list-style: none; display: inline-block; }
.social_icon ul li .fa{ position: absolute; left: 15px; bottom: 15px; z-index: 1; width: 50px; height: 50px; border-radius: 50%; border: none; background: #6f729a; color: #fff; font-size: 24px; text-align: center; padding: 13px 0px 0 0; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; }
.social_icon ul li .fa:hover{ transform: rotate(360deg); }
.social_icon.active ul li:nth-child(1) .fa{ bottom:80px; background: #3b5999; color: #fff; }


/*===== Banner Section =====*/
.banner{ margin: 0px; padding: 0px; }
.banner img{ width: 100%; }
.banner-cotent-box{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: auto; background: transparent; text-align: center; }

/*===== Title Sections =====*/
.title-section-block{ display: block; margin-bottom: 30px; text-align: center; }
.title-section-block h2{ position: relative; display: inline-block; color: #182e5f; font-size: 32px; font-family: 'Bauhaus Regular'; padding-bottom: 8px; text-transform: uppercase; text-align: center; }
.title-section-block h2:before{ content: ""; position: absolute; bottom: 0; left: 0; width: 80px; height: 3px; background: #182e5f; z-index: 9; }
.viewmore-link{ display: block; text-align-last: center; }
.viewmore-link a{ display: inline-block; padding: 12px 15px; border: #182e5f solid 1px; background: #182e5f; color: #fff; font-size: 14px; text-decoration: none; border-radius: 3px; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; }
.viewmore-link a:hover{ background: #fff;  }

/*===== Home Welcome Section =====*/
.spa_ser{background: #FFF;}
.ser_spa{background: transparent; width: 100%; position: relative; margin-top: -100px;}
.ser_img {
	min-height: 300px;padding:30px 15px; box-shadow: 0px 0px 14px 1px #000;margin-bottom: 25px;
	background: 
    linear-gradient(
      rgba(43, 131, 220, 0.77), 
      rgba(43, 131, 220, 0.77)
    ),
    url(../images/image1.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}
.ser_img1 {
	min-height: 300px;padding:30px 15px 23px 15px;box-shadow: 0px 0px 14px 1px #000;margin-bottom: 25px; background: 
    /* top, transparent red */ 
    linear-gradient(
      rgba(43, 131, 220, 0.77), 
      rgba(43, 131, 220, 0.77)
    ),
    /* bottom, image */
    url(../images/image2.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}
.ser_img2{
	min-height: 300px;padding:30px 15px 23px 15px;box-shadow: 0px 0px 14px 1px #000; margin-bottom: 25px; background: 
    /* top, transparent red */ 
    linear-gradient(
      rgba(43, 131, 220, 0.77), 
      rgba(43, 131, 220, 0.77)
    ),
    /* bottom, image */
    url(../images/image3.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}
.on_top{margin: 0 auto;}


.line{width: 80px; height: 2px; background: #182e5f; margin: 20px auto;}

.ser_spa h2{font-family: 'Perpeuta', sans-serif; font-size: 19px; text-transform: uppercase; text-align: center; color: #fff; font-weight: normal; margin: 20px 0;}
.ser_spa p{font-family: 'Tw Cen MT'; font-size: 15px; text-align: center; color: #fff; font-weight: normal; margin-bottom: 15px;}

.home{ margin: 0; padding: 70px 0 50px 0; background:#FFF; }
.welcome-image-block{ position: relative; overflow: hidden; }
.welcome-image-block img{ width: 100%; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; }
.welcome-image-block:hover img{ transform: scale(1.1,1.1); }
.home-title-block{ display: block; }
.home-title-block h1{ position: relative; color: #182e5f; font-size: 32px; font-family: 'Bauhaus Regular'; padding-bottom: 8px; margin-bottom: 20px; text-transform: uppercase; text-align: center }
.home-title-block h1:after{content: "";position: absolute;bottom: 0;width: 30px;height: 3px;top: 0;margin-top: 15px;margin-left: 10px;background: #182e5f;z-index: 9;}
.home-title-block h1:before{content: "";position: absolute;bottom: 0;width: 30px;height: 3px; top: 0;  margin-top: 15px;margin-left: -40px; background: #182e5f;z-index: 9;}
.welcome-content-block p{ color: #000; font-size: 15px; line-height: 30px;  text-align: justify; text-align-last: center; margin-bottom: 15px; font-family: 'Open Sans', sans-serif; }
.welcome-content-block a{ display: inline-block; padding: 5px 30px; border-radius: 0; border:2px solid #182e5f;  color: #000;
background: #d1d5df; /* Old browsers */
background: -moz-linear-gradient(-45deg, #d1d5df 0%, #d1d5df 50%, #ffffff 51%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #d1d5df 0%,#d1d5df 50%,#ffffff 51%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #d1d5df 0%,#d1d5df 50%,#ffffff 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d5df', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 font-size: 14px; text-decoration: none;  -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; }
.welcome-content-block a:hover{-webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; 
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ffffff 0%, #ffffff 50%, #d1d5df 51%, #d1d5df 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ffffff 0%,#ffffff 50%,#d1d5df 51%,#d1d5df 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #ffffff 0%,#ffffff 50%,#d1d5df 51%,#d1d5df 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1d5df',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

/*===== Services Section =====*/
.services{ margin: 0px; padding:70px 0 50px 0; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.28+0,0+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0.28) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.28) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.28) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ }
.services-single-content-block{ display: block; margin-bottom: 30px; }
.services h2{ position: relative; color: #FFF; font-size: 32px; font-family: 'Bauhaus Regular'; padding-bottom: 8px; margin-bottom: 20px; text-transform: uppercase; text-align: center }
.services h2:after{content: "";position: absolute;bottom: 0;width: 30px;height: 3px;top: 0;margin-top: 15px;margin-left: 10px;background: #fff;z-index: 9;}
.services h2:before{content: "";position: absolute;bottom: 0;width: 30px;height: 3px; top: 0;  margin-top: 15px;margin-left: -40px; background: #fff;z-index: 9;}
.maint:after{bottom: 0;top: inherit !important;margin-bottom: 25px;}
.maint:before{bottom: 0;top: inherit !important;margin-bottom: 25px; margin-left: 45px !important;}
.services h3{font-family: 'Open Sans', sans-serif; font-size: 21px; text-transform: uppercase; text-align: center; color: #182e5f; font-weight: bold; margin-top: 25px;}
.services img{margin: 0 auto;}
.maint-p{color: #FFF; font-size: 15px; font-family: 'Open Sans'; line-height: 35px; text-align: justify; text-align-last: center; margin-block-end: 35px;}
.s_b{margin-top: 25px;background: #FFF;padding: 20px 25px;min-height: 430px; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s;}
.s_b p{font-size: 14px; text-align: center; line-height: 30px;}
.s_b:hover{ background: 
    linear-gradient( rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9) ), url(../images/s_b_back.png); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s;}
.s_b_link .p_link{opacity: 0; margin-top: 20px;  -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s;}
.s_b_link:hover .p_link{opacity: 1; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s;}


	/*===== Our Gallery Section =====*/
.gallery{ margin: 0; padding: 60px 0; background: #FFF; width: 100%;}
.gallery .title-section-block h2{ color: #182e5f; }
.gallery h2:after{content: "";position: absolute;bottom: 0;width: 30px;height: 3px;top: 0;margin-top: 15px;margin-left: 10px;background: #182e5f;z-index: 9;}
.gallery h2:before{content: "";position: absolute;bottom: 0;width: 30px;height: 3px; top: 0;  margin-top: 15px;margin-left: -40px; background: #182e5f;z-index: 9;}


.gallery-content-section .item{ margin: 0 5px; }
.gallery-single-image-block{ position: relative; overflow: hidden; margin-bottom: 30px; }
.gallery-single-image-block img{ width: 100%; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; }
.gallery-single-image-block:hover img{ transform: scale(1.2,1.2);}
.gallery-overlayer-block{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.75); opacity: 0; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; }
.gallery-overlayer-block:hover{opacity: 1;}
.gallery-overlayer-block a .fa{ 
	position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 40px;
    height: 40px;
    border-radius: 11px;
    background: rgba(255,255,255,0.5);
    /* border: #fff solid 2px; */
    text-align: center;
    /* transform: skew(10deg); */
    color: #fff;
    font-size: 23px;
    line-height: 27px;
    padding-top: 8px;
}	
.gallery .gal_link{ display: inline-block; padding: 10px 20px; border-radius: 0; border:2px solid #182e5f;  color: #000;
background: #d1d5df; /* Old browsers */
background: -moz-linear-gradient(-45deg, #d1d5df 0%, #d1d5df 50%, #ffffff 51%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #d1d5df 0%,#d1d5df 50%,#ffffff 51%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #d1d5df 0%,#d1d5df 50%,#ffffff 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d5df', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 font-size: 14px; text-decoration: none;  -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; }
.gallery .gal_link:hover{-webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; 
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ffffff 0%, #ffffff 50%, #d1d5df 51%, #d1d5df 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ffffff 0%,#ffffff 50%,#d1d5df 51%,#d1d5df 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #ffffff 0%,#ffffff 50%,#d1d5df 51%,#d1d5df 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1d5df',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

/*===== Free Estimate Sections =====*/
.free-estimate{ display: block; margin: 0; padding: 60px 0; background: rgba(57, 84, 81, 0.78); }
.free-estimates .title-section-block{ text-align-last: center; }
.free-estimates .title-section-block h2{ position: relative; display: inline-block; color: #FFF; font-size: 49px; font-family: 'Onadio'; padding-bottom: 8px; text-transform: capitalize; text-align: center; }
.free-estimates .title-section-block h2:before{ content: ""; position: absolute; bottom: 0; left: 0; width: 80px; height: 3px; background: #FFF; right: 0; margin: 0 auto; z-index: 9; }
.leave-a-review{display: block; text-align:center; position: relative; margin-top: -55px;}
.leave-a-review a{position: relative; z-index:2; display: inline-block; padding: 12px 20px; background:#BD2031; color: #fff; font-weight:900; text-decoration: none;}
.leave-a-review a::before{position: absolute; content: ""; z-index:-1; top: 0; left: 0; height:100%; width:0; background:#9e1120; color: #fff; text-decoration: none; transition: all linear 0.3s;}
.leave-a-review a:hover::before{width: 100%;}
.google-review{position: relative; z-index: 1; text-align: right; margin-top: -115px;}
.free-estimates .google-map{ display: block; margin: 0; padding: 0; height: 405px; }
.home-free-estimates-form-block{ display: block; margin: 0; padding: 30px 30px 15px; box-sizing: border-box;  }
.home-free-estimates-form-block input::placeholder{ color: #666; }
.home-free-estimates-form-block textarea::placeholder{ color: #666; }
.home-free-estimiate-formstyle{ display: block; margin-bottom: 25px; font-size: 13px; height: 40px; border-radius: 0; border: #FFF solid 1px; background:transparent; color: #FFF; }
input.home-free-estimiate-formstyle::placeholder{color: #FFF;}
textarea.home-free-estimiate-formstyle{height: 120px;}
textarea.home-free-estimiate-formstyle::placeholder{color: #FFF;}
.home-free-estimiate-formstyle-btn{  padding: 15px; background: #bd2031; color: #fff; border: none; }
.free-estimates p{text-align: center}

/*===== Testimonials Sections =====*/
.testimonials{ display: block; margin: 0px; padding: 0; background: 
	linear-gradient(
      rgba(0, 0, 0, 0.38), 
      rgba(0, 0, 0, 0.38)
	),
	url(../images/background2.png) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.testimonials .title-section-block h2{ color: #fff; }
.left-part{padding: 60px 0;}
.testimonials h2:after{content: "";position: absolute;bottom: 0;width: 30px;height: 3px;top: 0;margin-top: 15px;margin-left: 10px;background: #fff;z-index: 9;}
.testimonials h2:before{content: "";position: absolute;bottom: 0;width: 30px;height: 3px; top: 0;  margin-top: 15px;margin-left: -40px; background: #fff;z-index: 9;}

.testimonials-content-section .item{ margin: 0 15px 15px; padding: 15px 0; }
.testimonials-content-block{ position: relative; display: block; background: transparent; text-align-last: center; }
/* .testimonials-content-block::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 80%; height: 78%; border-left: #fff solid 8px; border-bottom: #fff solid 8px; border-bottom-left-radius: 20px; }
.testimonials-content-block::after{ content: ""; position: absolute; top: 0; right: 0; width: 80%; height: 78%; border-right: #fff solid 8px; border-top: #fff solid 8px; border-top-right-radius: 20px; } */
.testimonials-content-block .quote-left{  top: 0; left: 0; font-size: 60px; color: #fff; }
.testimonials-content-block .quote-right{ position: absolute; bottom: 0; right: 0; font-size: 70px; color: #fff; }
.testimonials-content-block h4{ display: block; margin-bottom: 15px; color: #fff; font-size: 18px; font-weight: 700; text-align: center; font-family: 'Raleway'}
.testimonials-content-block p{ font-size: 17px; font-style: italic; line-height: 37px; margin-top: 15px; margin-bottom: 15px; color: #fff;text-align: center; font-family: 'Raleway', sans-serif; }
.testimonials .viewmore-link a:hover{ background: #fff; border: #fff solid 1px; color: #182e5f }
.map{margin-bottom: -7px;}

/*===== Contact Section =====*/
.contact{ margin: 0; padding: 70px 0 50px; background: #232323; }
.contact h4{ position: relative; padding-bottom: 10px; color: #fff; font-size: 19px; margin-bottom: 15px; font-family: 'Bauhaus Regular'; font-weight: normal; text-transform: uppercase; }
.contact-about-block p{ color: #fff; font-size: 14px; line-height: 30px; text-align: justify; font-family: 'Open Sans'; }
.service-block ul li,
.contact-businesshour-block ul li{ list-style: none; color: #fff; font-size: 14px; line-height: 30px; font-family: "Raleway"; }
.hour{padding-right: 30%;}
.exp{
	position: absolute;
    bottom: 0;
    right: 0;
    width: 170px;
}
.contact h4:after{content: "";position: absolute;bottom: 0;width: 20px;height: 3px;top: 0;margin-top: 9px;margin-left: 10px;background: #fff;z-index: 9;}

.contact-businesshour-block ul li span{ color: #fff; float: right; }
.footer-logo{ display: block; text-align: center; }
.footer-logo img{ margin-top: 15px; width: 32%; margin-right: 20px; }
.contact-info-block{ display: block; position: relative; }
.contact-info-block ul li{ list-style: none;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 18px; }
.contact-info-block ul li .fa{     width: 25px;
    height: 25px;
    /* border-radius: 50%; */
    /* border: #fff solid 1px; */
    text-align: center;
    padding-top: 4px;
    font-size: 19px;
    float: left;
    margin-bottom: 15px;
    margin-right: 10px; }
.contact-info-block ul li span{ display: block; margin-left: 30px; }

.contact-businesshour-block h5{ color: #fff;
    font-size: 30px;
    font-family: 'Russo One', sans-serif;
    margin-top: 15px; }


/*===== Footer Section =====*/
.footer{ margin: 0; padding: 20px 0; background: #000; }
.copyright p{ color: #ccc; font-size: 14px; text-align: center; font-family: 'Open Sans', sans-serif; }
.copyright p a{ color: #bd2031; text-decoration: none; font-weight: 700; }

/*===== Slider Plugins =====*/
#owl-demo .owl-pagination{ display: none; }
#owl-demo .owl-buttons .owl-prev{ position: absolute; left: 50px; top: 60%; transform: translate(-50%,-50%); font-family: 'FontAwesome'; text-align: center; width: 40px; height: 50px; background: #fff; color: #182e5f; font-size: 24px; font-weight: 700; border-radius: 0; opacity: 1; padding-right: 14px; padding-top: 5px; border: #ccc solid 1px; box-sizing: border-box; box-shadow: 0px 0px 15px -5px #666; }
#owl-demo .owl-buttons .owl-next{ position: absolute; right: 10px; top: 60%; transform: translate(-50%,-50%); font-family: 'FontAwesome'; text-align: center; width: 40px; height: 50px; background: #fff; color: #182e5f; font-size: 24px; font-weight: 700; border-radius: 0; opacity: 1; padding-left: 10px; padding-top: 5px; border: #ccc solid 1px; box-sizing: border-box; box-shadow: 0px 0px 15px -5px #666; }
#owl-demo .owl-buttons .owl-prev:hover,
#owl-demo .owl-buttons .owl-next:hover{ background: #182e5f; color: #fff; }

#owl-demo1 .owl-pagination{ display: none; }
#owl-demo1 .owl-buttons .owl-prev{ position: absolute; left: -30px; top: 47%; transform: translate(-50%,-50%); font-family: 'FontAwesome'; text-align: center; width: 40px; height: 50px; background: #fff; color: #182e5f; font-size: 24px; font-weight: 700; border-radius: 0; opacity: 1; padding-right: 14px; padding-top: 5px; border: #ccc solid 1px; box-sizing: border-box; box-shadow: 0px 0px 15px -5px #666; }
#owl-demo1 .owl-buttons .owl-next{ position: absolute; right: -70px; top: 47%; transform: translate(-50%,-50%); font-family: 'FontAwesome'; text-align: center; width: 40px; height: 50px; background: #fff; color: #182e5f; font-size: 24px; font-weight: 700; border-radius: 0; opacity: 1; padding-left: 10px; padding-top: 5px; border: #ccc solid 1px; box-sizing: border-box; box-shadow: 0px 0px 15px -5px #666; }
#owl-demo1 .owl-buttons .owl-prev:hover,
#owl-demo1 .owl-buttons .owl-next:hover{ background: #182e5f; color: #fff; }

#owl-demo2 .owl-pagination{ display: none; }
#owl-demo2 .owl-buttons .owl-prev{  left: -30px; top: 47%; /*transform: translate(-50%,-50%);*/ font-family: 'FontAwesome'; text-align: center; width: 40px; height: 50px; background: #fff; color: #182e5f; font-size: 24px; font-weight: 700; border-radius: 0; opacity: 1; padding-right: 14px; padding-top: 5px; border: #ccc solid 1px; box-sizing: border-box; box-shadow: 0px 0px 15px -5px #666; }
#owl-demo2 .owl-buttons .owl-next{ right: -70px; top: 47%; /*transform: translate(-50%,-50%);*/ font-family: 'FontAwesome'; text-align: center; width: 40px; height: 50px; background: #fff; color: #182e5f; font-size: 24px; font-weight: 700; border-radius: 0; opacity: 1; padding-left: 10px; padding-top: 5px; border: #ccc solid 1px; box-sizing: border-box; box-shadow: 0px 0px 15px -5px #666; }
#owl-demo2 .owl-buttons .owl-prev:hover,
#owl-demo2 .owl-buttons .owl-next:hover{ background: #182e5f; color: #fff; }

#owl-demo3 .owl-buttons{ display: none; }
#owl-demo3 .owl-pagination { position: absolute; left: 50%; top: 110%; transform: translate(-50%,-50%); z-index: 9; }
#owl-demo3 .owl-pagination .owl-page span{ width: 15px; height: 15px; border-radius: 50%; background: #182e5f; border: #182e5f solid 3px; opacity: 1; }
#owl-demo3 .owl-pagination .active span{ background: #fff; }

/*===== Content Pages =====*/
.content-banner{ padding: 172px 0 20px; background: url(../images/content-b.png)no-repeat center; background-size:cover; }
.content-banner h2{ padding: 15px; text-transform: uppercase; background: #182e5f; color: #fff; font-size: 12px; font-weight: bold; font-family: 'Ubunto', sans-serif; }
.content-banner a{ text-decoration: none; color: #fff; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; }
.content-banner a:hover{ color: #182e5f; }
.content-block{ background: #fff; padding: 20px; }
.content{ width: 100%; padding: 50px 0; background: #eeeeee; }
.sectiontitleunderline{ display: block; width: 80px; height: 2px; margin: 0 0 30px; background: #bd2031; }
.content h2{ text-transform: uppercase; font-size: 24px; color: #182e5f; font-weight: 900; font-family: 'Open Sans', sans-serif; margin-bottom: 10px; }
.content h3{ text-transform: uppercase; font-size: 20px; color: #182e5f; font-weight: 900; font-family: 'Open Sans', sans-serif; margin: 20px 0 10px; }
.content h4{ text-transform: uppercase; font-size: 16px; color: #666; font-weight: 700; font-family: 'Open Sans', sans-serif; margin: 20px 0 10px; }
.content p{ font-size: 15px; line-height: 30px; font-family: 'Open Sans', sans-serif; text-align:justify; color: #666; margin-bottom: 15px; }
.content p span{ font-size: 18px; font-family: 'Open Sans', sans-serif; color: #182e5f; margin: 0; font-weight: bold; }
.content ul{ margin: 0; padding: 0; margin-bottom: 15px; }
.content li{ margin-left: 18px; line-height: 30px; font-size: 16px; font-family: 'Open Sans', sans-serif; text-align:justify; color: #182e5f; }
.content li span{ font-size: 16px; font-family: 'Open Sans', sans-serif; text-align:justify; color: #666; }
.content-block .mini-title h2{margin-bottom:30px;text-align:center;}
.content-block .conent-box{padding:20px; border:2px solid #182e5f; margin-bottom:30px; min-height:270px; position: relative; z-index:1;}
.working-through{display:block; text-align:center;}
.working-through p{text-align-last:center;margin-bottom:50px;}
.content-block .margin-right{margin-right:30px; position: relative; z-index: 1;}
.content-block .margin-right::before{position:absolute; content:"\f054"; top:38%; left:106%; height:50px; font-size:50px; width:50px; font-family: 'FontAwesome'; color:grey; z-index:111;}

.content-block .margin-left{margin-left:30px;}
.footer-conent p{text-align-last:center; margin-top:10px;}
/*===== Testimonials Page =====*/
.reviewsblock{ padding: 30px 0; background: #182e5f; width: 100%; text-align: center; font-family: 'Open Sans', sans-serif; }
.reviewsblock h4{ text-transform: uppercase; color: #fff; font-size: 24px; font-weight: 700; }
.reviewsform{ padding: 15px 0; background: #eee; min-height: 150px; width: 100%; }
.reviewsformstyle{ height: 44px; border-radius: 0; border: #666 solid 1px; color: #666; }
.reviewsform input::placeholder{ color: #666; }
.reviewsform textarea::placeholder{ color: #666; }
.btn-reviewsformstyle{ display: block; text-transform: uppercase; width: 100%; color: #fff; background: #182e5f; border: none; padding: 10px 16px; font-size: 18px; border-radius: 0; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; transition: all linear 0.3s; }
.btn-reviewsformstyle:hover{ background: #2ecc71; }
.testimonials-page{ display: block; text-align: center; padding-top: 50px; }
.testimonials-page-content-block{ display: block; text-align: center; }
.testimonials-page h4{ font-family: 'Open Sans', sans-serif; font-size: 30px; color: #182e5f; text-transform: uppercase; font-weight: 700;}
.testimonials-page h5{ font-family: 'Open Sans'; font-size: 24px; color: #666; margin-bottom: 20px; }
.testimonials-page h6{ font-family: 'Open Sans', sans-serif; font-size: 22px; font-weight: 600; color: #182e5f; margin-bottom: 15px; }
.testimonials-page p{ padding: 0 15px; font-family: 'Open Sans', sans-serif; font-size: 16px; color: #666; text-align: center; line-height: 30px; }
.testimonials-page img{ display: inline-block; margin-bottom: 15px; }
.testimonials-page .item {border:2px solid #000;padding:15px 0;margin:10px 0;}

/*===== Contact Form Section =====*/
.formstyle{ padding-left: 65px; height: 50px; border-color: #666; border-radius: 0; }
.btn-formstyle{ margin-top: 15px; width: 150px; color: #fff; background-color: #182e5f; border: none; border-radius: 0; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; transition: all linear 0.3s; }
.btn-formstyle:hover{ background: #2ecc71; }
.googlemap{ height: 345px; overflow: hidden; border: #eee solid 1px; }
.form-horizontal .form-group{ margin-right: 0; margin-left: 0; }
.content .form-horizontal .form-group input::placeholder{ color: #666; }
.content .form-horizontal .form-group textarea::placeholder{ color: #666; }
.form_section .fa{ position: absolute; height: 50px; width: 50px; background: #666; text-align: center; padding-top: 15px; color: #fff; font-size: 18px; }
.form_section .sms{ height: 174px; }

/*===== Quote Form Section =====*/
.quoet-address{ margin-top: 30px; }
.quoet-address ul li{ list-style: none; font-size: 20px; margin-left: 5px; margin-bottom: 30px; line-height: 30px; }
.quoet-address ul li span{ font-size: 18px; font-weight: 700; color: #666; }
.quoet-address ul li a{ color: #182e5f; }

/*===== Free Estimate Form Page =====*/
.free-estimate-form .freeblock{ padding: 15px 20px; background: #666; color: #fff; text-transform: uppercase; }
.freeestimatestyle{ padding-left: 65px; height: 50px; border-radius: 0; border: #666 solid 1px; }
.btn-freeestimatestyle{ display: block; text-transform: uppercase; width: 100%; color: #fff; background: #182e5f; border: none; padding: 10px 16px; font-size: 18px; border-radius: 0; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; transition: all linear 0.3s; }
.btn-freeestimatestyle:hover{ background: #2ecc71; }
.free-estimate-form .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; }
.free-estimate-form .fa{ position: absolute; top: 25px; height: 50px; width: 50px; background: #666; text-align: center; padding-top: 15px; color: #fff; font-size: 18px; }
.free-estimate-form .sms{ height: 174px; }

/*===== Contact Page =====*/
.contact-page-location-map{ display: block; margin-top: 30px; }

/*===== Services Page =====*/
.content .services-detail-block h4{ display: block; text-align: center; margin: 0; padding: 15px; color: #fff; font-weight: 400; font-size: 18px; text-transform: uppercase; background: #182e5f; font-family:"Tw Cen MT"; text-align-last: center; text-decoration: none; }


/*========== Responsive ==========*/
@media (max-width: 991px){	
	header{ position: inherit; top: inherit; }
	.site-logo{ padding-left: 0;  }
	.contact-info{ padding-left: 15px; }
	.header-social-media{ padding-right: 15px; }
	.free-estimates-page-link{ height: 50px; }
	.free-estimates-page-link .overlayer-blue{ display: none; }
	.free-estimates-page-link a span{ left: 50%; }
	.welcome-image-block{ margin-top: 0; }
	.testimonials-review-link-block{ margin-bottom: 50px; }
	.contact-about-block,
	.service-block,
	.contact-businesshour-block{ margin-bottom: 30px; }
	.business-arear-block{ margin-top: 30px; }
	
	/*===== jQuery Control =====*/
	#owl-demo .owl-buttons .owl-prev,
	#owl-demo .owl-buttons .owl-next{ top: 50%; }
	#owl-demo1 .owl-buttons .owl-prev{ left: 46%; }
	#owl-demo1 .owl-buttons .owl-next{ left: 54%; }
}
@media (max-width: 767px){
	/*===== Go To Top =====*/
	#back-top{ right: 10px; bottom: 10px; }
	#back-top a .fa{ font-size: 16px; width: 40px; height: 40px; padding-top: 10px; }

	/*===== Left Social Icon =====*/
	.share_icon .fa{ left: 9px; bottom: 9px; width: 42px; height: 42px; font-size: 20px; padding: 10px 2px 0 0; }
	.social_icon ul li .fa{ left: 10px; bottom: 10px; width: 40px; height: 40px; font-size: 20px; text-align: center; padding: 10px 0px 0 0; }
	.social_icon.active ul li:nth-child(1) .fa{ bottom: 80px; }
	.social_icon.active ul li:nth-child(2) .fa{ bottom: 130px; }
	.social_icon.active ul li:nth-child(3) .fa{ bottom: 90px; }
	.social_icon.active ul li:nth-child(4) .fa{ bottom: 50px; }

	/*===== Body Section =====*/
	.content-block .margin-right{margin-right:0; margin-bottom:30px;}
	.content-block .margin-left{margin-left:0; margin-bottom:30px;}
	.content-block .margin-right::before {top: 102%;left: 39%; font-size: 26px;transform: rotate(90deg);}
	header{ z-index: 9; padding: 60px 0 0; background: #FFF;}
	.site-logo img{margin: 0 auto; padding: 10px 0;}
	.ser_spa{margin: 0; padding-top: 40px;}
	.header-buttom ol{display: none}
	.contact-info-section-block{ height: auto ; padding: 15px 0 10px; }
	.contact-info{ display: block; text-align: center; }
	.contact-info li{ display: inline-block; float: none; margin: 5px; }
	.header-social-media{ display: block; float: none; text-align: center; }
	.header-social-media li{ display: inline-block; float: none; margin: 5px; }
	.home{ padding: 35px 0 15px; }
	.home-title-block h1{ font-size: 30px; margin-bottom: 10px; }
	.welcome-content-block p{ font-size: 14px; line-height: 26px; }
	.welcome-content-block{ margin-bottom: 15px; }
	.welcome-content-block a{ padding: 10px; }
	.title-section-block{ margin-bottom: 15px; }
	.title-section-block h2{ font-size: 24px; }
	.services{ padding: 35px 0 100px; }
	.services-detail-block h4{ font-size: 18px; }
	.services-detail-block p{ line-height: 24px; }
	.gallery{ padding: 35px 0; }
	.gallery-single-image-block{ margin-bottom: 15px; }
	.gallery-view-more-link-block a{ padding: 10px 15px; font-size: 14px; }
	.testimonials{ padding: 35px 0 15px; }
	.testimonials-content-section{  }
	.testimonials-content-section .testi-quote{ top: 8%; width: 30px; }
	.testimonials-slider-block{ top: 15%; }
	.testimonials-slider-block h4{ font-size: 18px; padding-top: 15px; }
	.testimonials-slider-block p{ line-height: 20px; font-size: 12px; }
	.testimonials-review-link-block{ margin-bottom: 30px; }
	.testimonials-review-link-block a{ padding: 10px 15px; font-size: 14px; }
	.home-free-estimiate-formstyle{ height: 40px; font-size: 14px; }
	.google-map{ height: 230px; }
	.contact{ padding: 35px 0 15px; }
	.contact h4{ font-size: 20px; margin-bottom: 5px; margin-top: 20px;}
	.contact-about-block p,
	.service-block ul li,
	.contact-businesshour-block ul li{ line-height: 26px; }
	.contact-about-block,
	.service-block,
	.contact-businesshour-block{ margin-bottom: 15px; }
	.business-arear-block{ margin-top: 15px; }
	.contact-info-block h3{ font-size: 24px; line-height: 30px; margin-top: 15px; }
	.contact-info-block h3 span{ display: inline; }
	.footer-logo-block{ display: block; text-align: center; width: 100%; position: inherit; transform: inherit; right: inherit; margin-top: 15px; }
	.footer-logo-block img{ display: inline-block; float: none; }
	.copyright p span{ display: block; }
  .google-review{text-align: center; margin-top: 0; margin-bottom: 10px;}
	
	/*===== jQuery Control =====*/
	#owl-demo1 .owl-buttons .owl-prev{ left: 57%; }
	#owl-demo1 .owl-buttons .owl-next{ left: 43%; }
	#owl-demo2 .owl-pagination{ top: 75%; padding-top: 10px; }
  .leave-a-review{margin-bottom: 30px;}

	/*===== Page Section =====*/
	.content-banner{ padding: 20px 0; }
	.content-block{ min-height: auto; }
	.content{ padding: 30px 0; }
	.content h2{ font-size: 20px; }
	.content h3{ font-size: 16px; }
	.content h4{ font-size: 16px; }
	.sectiontitleunderline{ width: 100px; margin-bottom: 15px; }
	.content p,
	.content ul li{ font-size: 14px; line-height: 24px; }
	.content ul li span{ font-size: 14px; line-height: 24px; }
	.reviewsblock h4{ font-size: 18px; }
	.reviewsblock{ padding: 15px 0; }
	.btn-reviewsformstyle{ font-size: 14px; }
	.testimonials-page h4{ font-size: 18px; }
	.testimonials-page p{ padding: 0; }
	.owl-theme .owl-controls .owl-page{display:none;}
	.formstyle{ padding-left: 50px; height: 40px; }
	.form_section .fa{ width: 40px; height: 40px; }
	.form_section .sms{ width: 40px; height: 174px; }
	.btn-formstyle{ display: block; margin: 0 auto; width: 100px; font-size: 14px; margin-bottom: 15px; }
	.quoet-address{ margin-top: 15px; }
	.quoet-address ul{ margin-bottom: 15px; }
	.quoet-address ul li{ margin-bottom: 15px; font-size: 14px; }
	.quoet-address ul li span{ font-size: 16px; }
	.free-estimate-form .freeblock{ margin-bottom: 0; }
	.freeestimatestyle{ height: 40px; padding-left: 50px; }
	.btn-freeestimatestyle{ display: block; margin: 0 auto; width: 100%; font-size: 14px; }
	.free-estimate-form .fa{ width: 40px; height: 40px; }
	.free-estimate-form .sms{ width: 40px; height: 174px; }
}