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

@font-face{ font-family:"Prestij Demo Bold"; src:url("../fonts/Prestij_Bold_Demo.otf"); }
@font-face{ font-family:"Mistery Curse Personal Use"; src:url("../fonts/Mistery_Curse_Personal_Use.ttf"); }
@font-face{ font-family:"Typo Round Bold Demo"; src:url("../fonts/Typo_Round_Bold_Demo.otf"); }
@font-face{ font-family:"Pistoleer"; src:url("../fonts/Pistoleer.ttf"); }
@font-face{ font-family:"Viking"; src:url("../fonts/VikingStencil.ttf"); }

@import url('https://fonts.googleapis.com/css?family=Raleway+Dots');
/*===== Pre CSS =====*/
body{ margin: 0; padding: 0; font-size: 14px; font-weight: normal; color: #000; font-family: 'Open Sans', sans-serif; background: #fff; }
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: 99999; }
#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: #222; border: #222 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: #222; }

/* 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; } /*donot-remove*/

/*===== Header Section =====*/
.navbar-inverse{ border: none; background:#fff; }
.navbar{ margin-bottom:-1px; margin-top: 0;}
.navigation{ position: relative; z-index: 1;}
.navigation::before{position: absolute; content:""; height:110%; width:200%; top:0; right:-980px; background:rgba(255,255,255,0.7); z-index: -1;}
.navbar-inverse .navbar-nav{ margin-top: 0; padding: 0; text-align: center; float: right;}
.navbar-inverse .navbar-nav li{ float: left; margin-right: 0; margin-top: 10px;}
.navbar-inverse .navbar-nav li a{position: relative; display: inline-block;  padding: 26px 17px; margin: -1px; border: none; border-radius: 0; color: #333333; background: transparent; font-size: 14px; font-weight: 600; text-align: center; font-family:'Open Sans',sans-serif; text-decoration: none; text-transform: uppercase; -webkit-transition: all linear 0.5s; -moz-transition: all linear 0.5s; transition: all linear 0.5s; }
.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: #222; background: transparent;}
.navbar-inverse .navbar-toggle .icon-bar{ background: #222222; }
.navbar-brand{ padding: 5px 1px; }
.navbar-inverse{background: transparent;}

.navbar-inverse .navbar-nav li a::before{position: absolute; content: ""; top: 95%; left: 0; height: 2px; width:0; background:#222;  z-index: 1; transition: all linear 0.3s;}
.navbar-inverse .navbar-nav li a:hover::before{width: 80%;}

/*===== Mobile Menu =====*/
.mobile_menu.active{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 99999999; }
.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: 10px; margin-bottom: 15px; border-radius: 5px; }
.sidebar .menu_icon{ position: absolute; top: 0; right: 0; width: 30px; height: 30px; padding: 8px 3px; background: transparent; border-radius: 50%; box-sizing: border-box; cursor: pointer; z-index: 999; }
.sidebar .menu_icon .fa{ font-size: 30px; }
.sidebar{ padding: 50px 15px 15px; position: fixed; top: 0; left: -100%; z-index: 99999; overflow-y: scroll; width: 80%; height: 100%; background: #191919; 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: #747474 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: #747474; 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: #747474; 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: #222 solid 1px; background: #222; 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: 70px; background: #3b5999; color: #fff; }
.social_icon.active ul li:nth-child(2) .fa{ bottom: 165px; background: #1da1f3; color: #fff; }
.social_icon.active ul li:nth-child(3) .fa{ bottom: 115px; background: #e0483a; color: #fff; }
.social_icon.active ul li:nth-child(4) .fa{ bottom: 66px; background: #dd2b77; color: #fff; }

.title-section{display: block; text-align:center; margin-bottom: 50px;}
.title-section h2{color:#333333; font-weight: 900; display: inline-block;}
.title-section h2 .color{color:#222; }
.title-section .line{display: inline-block; height:4px; width: 50px; margin:0 0 6px 17px; background: #9f2066; }
.more-button{display: block; text-align:center; margin-top: 50px; transition: all linear 0.3s;}

.more-button a{display: inline-block; text-decoration: none; padding: 20px 30px; background:#b22171; color: #fff;font-weight:600; position: relative; z-index: 1; transition: all linear 0.3s; border-radius:30px; background: linear-gradient(270deg, #5890ff, #265cf0, #162c67);
background-size: 600% 600%; -webkit-animation: AnimationName 10s ease infinite;
-moz-animation: AnimationName 10s ease infinite;
animation: AnimationName 10s ease infinite;}
.more-button a .fa{margin-left: 10px;}
@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
.more-button a:hover{-webkit-box-shadow: 9px 14px 30px -14px rgba(0,0,0,1);
-moz-box-shadow: 9px 14px 30px -14px rgba(0,0,0,1);
box-shadow: 9px 14px 30px -14px rgba(0,0,0,1);}
/*header*/
header .header-top{background:#222222; padding:10px 0;}
header .header-top ul li{float: left; margin-right: 20px; list-style: none; color:#fff;}
header .header-top ul li .fa{margin-right: 10px;}
header .header-top .social-icons-top{float: right;}
header .header-top ul li a{text-decoration: none; color:#fff;}
header .header-bottom{position: absolute; top:40px; width:100%; z-index:1;}
header .logo img {padding: 10px 0;}

/*about*/

.about{padding:50px 0;}
.about .about-content h4{font-size:14px; margin-top: 70px; font-weight:900; color:#333; }
.about .about-content h1{ margin-top: 10px; font-weight:700; font-size: 40px; color:#333; }
.about .about-content .line{display:block; height:4px; width:100px; border-radius:20px; background:#5890ff; margin-top: 15px;}
.about .about-content p{line-height:32px; text-align: justify; font-size: 16px; margin-top: 30px;}
.about .tilter{width:350px; height:450px;}
.about .smooth{position: relative; z-index: 1;}
.about .smooth::Before{content:""; position: absolute; top:50px; right:110px; height:100%; width:50%; background: transparent; border:10px solid #5890ff; z-index: -2;}
.about .more-button{text-align: left; margin-top: 45px;}
.home-button-quote{background:#5890ff; margin-top: 50px; padding:40px 0; }
.home-button-quote h2{color:#fff; font-weight:700;  font-size:35px; margin:13px 0 0 40px;}
.home-button-quote a{text-decoration: none; color:#fff; padding:20px 30px; border:2px solid #fff; border-radius: 30px; float: right; transition: all linear 0.3s;}
.home-button-quote a .fa{margin-left: 8px;}
.home-button-quote a:hover{background:#fff; color:#5890ff; -webkit-box-shadow: 4px 6px 28px -10px rgba(0,0,0,1);
-moz-box-shadow: 4px 6px 28px -10px rgba(0,0,0,1);
box-shadow: 4px 6px 28px -10px rgba(0,0,0,1);}

/*banner*/
.banner .item img{width:100%;}

/*services*/
.service{ padding: 50px 0; background:url(../images/service-bg.png)fixed center no-repeat; background-size: cover;}
.service .title-section h2{display: inline-block; color:#fff; position: relative; z-index: 1;}
.service .title-section h2::before{content:""; position: absolute; bottom:-20px; left:0; height:4px; width:60px; border-radius:10px; background:#fff; }
.service .service-block-img{position: relative;  overflow: hidden; border-top-left-radius:20px; border-top-right-radius:20px; }
.service .service-block-img .first{width:110%; left:-20px; position: relative; z-index:1; transition: all linear 0.3s;}
.service .service-block-img:hover img{transform: scale(1.1,1.1);}
.service .service-block-img .service-icon {position: relative; bottom: 40px; right:20px; background:#5890ff; z-index:999; height:60px; width:60px; display: block; text-align: center; float: right; border-radius: 50%; -webkit-box-shadow: 9px 14px 30px -7px rgba(0,0,0,0.7);
-moz-box-shadow: 9px 14px 30px -7px rgba(0,0,0,0.7);
box-shadow: 9px 14px 30px -7px rgba(0,0,0,0.7);
background: linear-gradient(270deg, #5890ff, #16a1ca);
background-size: 400% 400%;
-webkit-animation: AnimationName 10s ease infinite;
-moz-animation: AnimationName 10s ease infinite;
animation: AnimationName 10s ease infinite;}
@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.service .service-block-img .service-icon img{width:37px; margin:15px auto; transition: all linear 0.3s; }
.service .service-block-img .service-block-img-title{position: absolute; bottom: 23px; left:0; color:#fff; font-weight:600; background:#5890ff;  text-transform:uppercase; z-index:4; display: block; width:100%; padding:10px 0; }
.service .service-block-img .service-block-img-title h4{margin-left: 50px; font-size:18px; font-weight:700;}
.service .service-content{background:#fff; padding:30px; margin-top: -23px; min-height: 260px;}
.service .service-content p{ text-align: justify; color:#333; line-height: 32px;}
.service .service-block-img .service-icon .third{width:27px;}

/*features*/
.features{padding:60px 0 30px 0; background:#f1f1f1;}
.feature-block{margin-bottom: 50px;}
.feature-block .feature-block-title img{float: left; margin-right: 20px;}
.feature-block .feature-block-title h4{display: inline-block; font-weight:900; color:#333; font-size:20px;}
.feature-block-content p{margin-top: 35px; text-align: justify; padding-left: 48px; line-height: 30px; font-size: 16px;}
/*projects*/
.projects{padding:50px 0; background:#5890ff;}
.projects .title-section h2{color:#fff;}
.projects .title-section .line{background:#fff;}
.projects .gallery-img{position: relative; overflow:hidden; margin-bottom:30px;}
.projects .gallery-img img{width: 100%; position: relative;}
.projects .overlaryer{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 100%; width: 100%; background:rgba(0,0,0,0.6); opacity:0; transition: all linear 0.3s;}
.projects .overlaryer .fa{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; font-size: 30px;}
.projects .gallery-img:hover .overlaryer{opacity:1;}
.projects .more-button {margin-top:24px;}
/*testimonial*/
.testimonials{background:url(../images/tesbg.png)fixed center no-repeat; background-size: cover; padding: 50px 0;}
.testimonials .title-section h2{color: #fff;}
.testimonials .title-section .line{background: #fff;}
.testimonials .testimonial-block .testimonial-slider p{text-align:justify;  padding:0 30px; color: #fff; line-height: 32px; font-size:16px;}
.testimonials .testimonial-block .testimonial-slider{display: block; text-align: center;}
.testimonials .testimonial-block .testimonial-slider h4{float: right; margin:-20px 28px 0 0; color:#fff; font-weight:700;}
.testimonials .testimonial-block .testimonial-slider ul li{display: inline-block; margin-right: 7px;}
.testimonials .testimonial-block .testimonial-slider ul li .fa{color: #fff;}
.testimonials .testimonial-send{display: block; text-align: center;}
.testimonials .testimonial-send a{display: inline-block; padding: 16px 20px; background:none; border: 2px solid #fff; color: #fff; border-radius: 35px; text-decoration: none; transition: all linear 0.3s;}
.testimonials .testimonial-send a:hover{background:#fff; color:#b22171; }
.testimonials .testimonial-slider{min-height:180px;}

/*google map*/
.google-map{height:400px;}

/*free-estimate*/

/*===== Contact Section =====*/
.contact{ margin: 0; padding: 60px 0 30px 0; background: #1b1b1b; }
.contact .foot-title,
.contact h4{line-height: 30px; font-size: 18px; text-transform: uppercase;  margin-bottom: 15px;  color: #fff; font-weight: 900;}
.about-block p{ color: #fff; font-size: 14px; line-height: 30px; text-align: justify; margin-bottom: 15px; }
.about-block img{ margin-right: 5px; }
.business-hours-block ul{ margin-bottom: 15px; }
.business-hours-block ul li{display: inline-block; }
.business-hours-block ul li a{color:#fff; text-decoration: none;}
.business-hours-block ul li{ list-style: none; color: #fff; font-size: 14px;  line-height: 30px; margin-bottom: 10px; }
.business-hours-block ul li span{ float: right; }
.business-hours-block ul li .fa{margin-right: 20px; height:20px; width:20px;}
.business-hours-block ul li img{margin:10px 0;}
.contact-block ul li{ list-style: none; font-size: 16px; color: #fff; line-height: 26px; margin-bottom: 15px; }
.contact-block ul li .fa{ margin-right: 5px; width: 30px; height: 30px; border-radius: 50%; border: #fff solid 1px; text-align: center; padding-top: 5px; }
.about-block ul li{list-style: none; float: left; margin-right: 10px;}
.contact-block ul li a{text-decoration: none; color: #fff;}
.contact .get-in-touch-form-style-sms{background:transparent; border: 2px solid #fff; border-radius:0; padding:18px; color:#fff;}
.contact .get-in-touch-form-style{background:transparent; border: 2px solid #fff; border-radius:30px; padding:18px; }
.contact .get-in-touch-form-style-sms::placeholder,
.contact .get-in-touch-form-style::placeholder{color:#fff;}
.contact .home-send-btn{padding:14px 30px; border:2px solid #fff; background: transparent; color:#fff; border-radius: 30px;}
.contact .footer-images{margin-top: -170px;}
.contact .footer-images ul li{list-style: none; display: inline-block; margin-right: 20px;}
.contact .footer-images ul li:last-child{font-family:'Typo Round Bold Demo'; color:#fff; font-size: 30px; position: relative; top: 20px; margin-right: 0;}
/*===== Footer Section =====*/
.footer{ margin: 0; padding: 20px 0; background: #000; }
.copyright{ color: #fff; font-size: 14px; text-align: center; font-family: 'Open Sans', sans-serif; }
.copyright a{ color: #de0000; text-decoration: none; font-weight: 700; }

/*===== Slider Plugins =====*/
#owl-demo .owl-buttons{ position: relative; top: -50%;}
#owl-demo .owl-buttons .owl-next{position: absolute; top: -330px; right: 21px; background: rgba(0,0,0,0.5); height: 50px; width: 40px; border-radius: 0px; padding-top: 16px; font-family: 'FontAwesome'; font-size: 15px; color:#fff;}
#owl-demo .owl-buttons .owl-prev{position: absolute; top: -330px; left: 21px; background: rgba(0,0,0,0.5); height: 50px; width: 40px; border-radius: 0px; padding-top: 16px; font-family: 'FontAwesome'; font-size: 15px; color:#fff;}
#owl-demo .owl-pagination { display: none; position: absolute; right: 0; top: 95%; transform: translate(-50%,-50%); z-index: 9; }
#owl-demo .owl-pagination .owl-page span{ width: 15px; height: 15px; border-radius: 50%; background: #222; opacity: 1; }
#owl-demo .owl-pagination .active span{ background: #fff; }

#owl-demo1 .owl-pagination{ display: inherit; }
#owl-demo1 .owl-buttons{display: none; }
.owl-theme .owl-controls .owl-page span{background:#23328a;}
#owl-demo1 .owl-buttons .owl-prev{ position: absolute; left: 45.5%; top: 93%; transform: translate(-50%,-50%); font-family: 'FontAwesome'; text-align: center; width: 30px; height: 30px; background: #f55853; color: #fff; font-size: 18px; border-radius: 0; opacity: 0.8; padding-right: 15px; padding-top: 2px; }
#owl-demo1 .owl-buttons .owl-next{ position: absolute; left: 50.5%; top: 93%; transform: translate(-50%,-50%); font-family: 'FontAwesome'; text-align: center; width: 30px; height: 30px; background: #f55853; color: #fff; font-size: 18px; border-radius: 0; opacity: 0.8; padding-left: 10px; padding-top: 2px; }
#owl-demo1 .owl-buttons .owl-prev:hover,
#owl-demo1 .owl-buttons .owl-next:hover{ opacity: 1; }

#owl-demo2 .owl-buttons{ display: inherit; font-family: 'FontAwesome'; left: 80%; z-index: 999999;}
#owl-demo2 .owl-buttons{position: absolute; left: 44%; width: 100%;}
#owl-demo2 .owl-pagination { position: absolute; left: 80%; top: 90%; transform: translate(-50%,-50%);  display: none;}
#owl-demo2 .owl-pagination .owl-page span{ width: 15px; height: 15px; border-radius: 50%; background: #222; border: #222 solid 4px; opacity: 1; }
#owl-demo2 .owl-pagination .active span{ background: #fff; }
.owl-theme .owl-controls .owl-buttons .owl-prev {border-radius: 0; height: 30px; width: 30px; padding:0px 7px 0 7px; font-size: 20px; background: #222; color: #fff; opacity: 1; border: 2px solid #222;}
.owl-theme .owl-controls .owl-buttons .owl-next {border-radius: 0; height: 30px; width: 30px; padding:0px 7px 0 7px; font-size: 20px; background: #fff; color: #222; opacity: 1; border: 2px solid #222;}

#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: #222; border: #222 solid 3px; opacity: 1; }
#owl-demo3 .owl-pagination .active span{ background: #fff; }

/*===== Content Pages =====*/
.content-banner{ padding: 25px 0 20px; margin-top:160px; background: url(../images/small.png) fixed center; background-size:cover;  }
.content-banner h2{ padding: 15px; text-transform: uppercase; background: #222; 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: #222; }
.content-block{ background: #fff; padding: 20px; min-height: 500px; }
.content-data{ width: 100%; padding: 50px 0; background: #eeeeee; }
.sectiontitleunderline{ display: block; width: 80px; height: 2px; margin: 0 0 30px; background: #333; }
.content-data h2{ text-transform: uppercase; font-size: 24px; color: #222; font-weight: 900; font-family: 'Open Sans', sans-serif; margin-bottom: 10px; }
.content-data h3{ text-transform: uppercase; font-size: 18px; color: #222; font-weight: 900; font-family: 'Open Sans', sans-serif; margin-bottom: 10px; }
.content-data p{ font-size: 16px; line-height: 30px; font-family: 'Open Sans', sans-serif; text-align:justify; color: #666; margin-bottom: 30px; }
.content-data p span{ font-size: 20px; font-family: 'Open Sans', sans-serif; color: #222; margin: 0; font-weight: bold; }
.content-data ul { margin:0 ; padding: 0; }
.content-data li{ margin-left: 18px; line-height: 30px; font-size: 16px; font-family: 'Open Sans', sans-serif; text-align:justify; color: #222; }
.content-data li span{ font-size: 16px; font-family: 'Open Sans', sans-serif; text-align:justify; color: #666; }

/*===== Reviews Page =====*/
.reviewsblock{ padding: 30px 0; background: #222; 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: #27ae60; 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{ padding: 50px 15px 30px; background: #fff; min-height: 600px; text-align: center; }
.testimonials-page h4{ font-family: 'Open Sans', sans-serif; font-size: 30px; color: #222; text-transform: uppercase; font-weight: 700; margin-bottom: 30px; }
.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: #222; 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; }

/*===== Contact Form Section =====*/
.formstyle { padding-left: 65px; height: 50px; border-color: #666; border-radius: 0; }
.freeestimatestyle{ padding-left: 65px; height: 50px; border-color: #666; border-radius: 0; }
.btn-formstyle{ margin-top: 15px; width: 150px; color: #fff; background-color: #27ae60; 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-data .form-horizontal .form-group input::placeholder{ color: #666; }
.content-data .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: #222; }

/*===== Free Estimate Form Page =====*/
.free-estimate-form .freeblock{ padding: 15px 20px; background: #666; color: #fff; text-transform: uppercase; }
.free-estimatestyle{ padding-left: 65px; height: 50px; border-radius: 0; border: #666 solid 1px; }
.btn-free-estimatestylefm{ display: block; text-transform: uppercase; width: 100%; color: #fff; background: #27ae60; 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-free-estimatestylefm: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; }

/*========== Responsive ==========*/
@media (max-width: 991px){
	header .logo{display: block; text-align: center;}
	.navbar-inverse .navbar-nav li a {padding:26px 15px;}
	.banner img{width:100%;}
	header .header-bottom{position: static;}
	#owl-demo .owl-buttons .owl-next,
	#owl-demo .owl-buttons .owl-prev{top:-240px;}
	.about .smooth::Before{right:260px;}
	.home-button-quote h2{font-size:29px;}
	.service .service-block-img .service-block-img-title h4{margin-left: 15px; font-size:14px;}
	.service .service-block-img .service-block-img-title{padding:20px 0;}
	.service .service-block-img .service-icon{bottom:62px;}
	.feature-block .feature-block-title h4{font-size:17px;}
	.feature-block .feature-block-title p{font-size:14px;}
	.contact .footer-images{margin-top:20px;}
	.contact .footer-images ul li{margin-right:4px;}
	.contact .footer-images ul {position: relative; right:-20px;}
	.contact .footer-form{margin-top: -76px;}
	.navigation::before{position:static;}
}

@media (max-width: 767px){
	#owl-demo .owl-buttons .owl-next, #owl-demo .owl-buttons .owl-prev{top:-112px;}
	.about .tilter{height:400px; width:300px; margin-left: 10px;}
	.about .smooth::Before{display: none;}
	.about .about-content h1{font-size:20px;}
	.home-button-quote{display:block; text-align: center;}
	.home-button-quote h2{font-size:22px; text-align: center; margin:0; }
	.home-button-quote a{float: none; display: inline-block; text-align: center; margin-top: 20px;}
	.service .service-content{margin-bottom: 30px;}
	.testimonials .testimonial-slider{min-height: 300px;}
	.testimonials .testimonial-block .testimonial-slider p{font-size:14px;}
	.testimonials .testimonial-block .testimonial-slider h4{margin-top:10px;  }
	.business-hours-block ul li{width:100%;}
	.contact .footer-form{margin-top: 20px; padding:0 20px;}
	.contact .footer-images ul li{margin-bottom: 20px;}
	.contact .footer-images ul li img{width:80%;}
    .content-banner{margin-top: 0;}
	/*===== Go To Top =====*/
	#back-top{ right: 10px; bottom: 10px; }
	#back-top a .fa{ font-size: 16px; width: 40px; height: 40px; padding-top: 8px; }

	/*===== Left Social Icon =====*/
	.social_media_block{ z-index: 999999999999999991; }
	.share_icon .fa{ left: 10px; bottom: 10px; width: 40px; height: 40px; font-size: 20px; padding: 9px 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: 50px; }
	.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; }

	/*========== Header Section ===============*/
	.banner-content-box{ top: 73%; left: 0; }
	.banner-content-box h4{ padding: 15px; font-size: 14px; width: 100%; }


	/*========== Body Section ===============*/
	
}