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

@font-face{ font-family:"mt"; src:url("../fonts/mt.ttf"); }
@font-face{ font-family:"hal"; src:url("../fonts/hal.ttf"); }
@font-face{ font-family:"hamp"; src:url("../fonts/hamp.ttf"); }
@font-face{ font-family:"panda"; src:url("../fonts/panda.ttf"); }
@font-face{ font-family:"Gageda"; src:url("../fonts/Gageda.ttf"); }
@font-face{ font-family:"Origicide"; src:url("../fonts/Origicide.ttf"); }
@font-face{ font-family:"aus"; src:url("../fonts/aus.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: 'Poppins', 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: 'Poppins', 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: #433e38; border: #433e38 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: #433e38; }

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

.navbar-inverse .navbar-nav{ margin-top:0; padding: 0; text-align: center; float: none; display: flex; justify-content: center; align-items: center;}
.navbar-inverse .navbar-nav li{ display:inline-block; margin-right: 0; margin-top: 0; }
.navbar-inverse .navbar-nav li a{position: relative; padding: 8px 10px; display: inline-block; margin: 0 20px ; border: none; border-radius: 0; color: #000; background: transparent; font-size: 16px; font-weight: 600; text-align: center; text-decoration: none; text-transform:capitalize; -webkit-transition: all linear 0.1s; -moz-transition: all linear 0.2s; transition: all linear 0.2s; }
.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: #f89521; background:transparent; }
.navbar-inverse .navbar-toggle .icon-bar{ background: #222222; }
.navbar-brand{ padding: 5px 1px; }
.navbar-inverse{background: transparent;}
.navbar-inverse .navbar-nav .active a::Before{content:''; position: absolute; bottom:-5px; left:50%; height:3px; border-radius:50px; width:30px; transform: translate(-50%,-50%); z-index:-1; background: #f89521; transition: all linear 0.2s; opacity: 1;}
.navbar-inverse .navbar-nav li a::Before{content:''; position: absolute; bottom:-6px; left:50%; height:3px; border-radius:50px; width:10px; transform: translate(-50%,-50%); z-index:-1; background: #f89521; transition: all linear 0.2s; opacity: 0;}
.navbar-inverse .navbar-nav li a:hover::Before{bottom:-5px; opacity: 1; width:30px;}

/*===== 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: #561b1f; 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: #202020; 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; margin-bottom: 3px;}
.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: 50px; overflow: hidden;}
.sidebar ul li a::before{ content: ""; position: absolute; top: 0; left: 0; z-index: -1; padding: 12px 0; height: 100%; width: 0%; background: #561b1f; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; border-radius: 50px; }
.sidebar ul li a:hover::before{ width: 100%; }
.sidebar ul li.active{ background: #561b1f; border-radius: 5px;  border-radius:50px;}

/*===== 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: #433e38 solid 1px; background: #433e38; 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*/
.title-section {display: block; position: relative; z-index: 1; padding-left: 25px; margin-bottom: 40px;}
.title-section::before{content:''; position: absolute; top:0; left:0; height:100%; width:4px; border-radius:50px; background:#561b1f;}
.title-section .sm-title{display:block; text-align: left; color:#561b1f; font-weight:400; font-size:14px;  margin-bottom:8px; text-transform: uppercase;}
.title-section h2{ font-weight: 700; display: inline-block; font-size:30px; text-align: left;  text-transform: uppercase; color:#561b1f;  font-family:'Poppins'; position: relative; z-index: 1;}

.more{display: block; text-align: left;}
.more a{display: inline-block; text-decoration: none; color:#561b1f; border:1px solid #561b1f; padding:14px 20px; margin-top: 35px; transition: all linear 0.3s;}
.more a:hover{background:#561b1f; color:#fff;}
/*header*/
.top-header{background:#561b1f; padding:10px 0;}
.top-header p{color:#fff;}
.top-header .right{display: block; text-align: right;}
.top-header ul li{color:#fff; list-style: none;}
.mid-header{padding:10px 0;}
.mid-header .logo{display: block; text-align: center; position: relative; z-index: 1;}
.mid-header .logo img{position: relative; top:-10px;}
.mid-header .logo::before{content:''; position: absolute; top:-30px; left:0; height:130%; width:100%; z-index: -1; background:#fff;}
.mid-header .right{display: block; text-align: right;}
.mid-header .mid-header-content p{color:#555; font-size:15px; margin-top:15px;}
.mid-header .mid-header-content span{display: inline-block; color:#561b1f; font-size:20px; margin-top:5px;}
.mid-header .mid-header-content span a{display: inline-block; transition: all linear 0.2s; text-decoration: none; color:#561b1f; font-size:20px;}
.mid-header .mid-header-content span a:hover{color:#f89521;}
.bottom-header{background:#fff; padding:7px 0 2px 0; border-top:2px solid #acb0b5; }
/*banner*/
.banner img{width:100%;}
/*choose-us*/
.choose .choose-block{min-height:300px; margin-bottom:50px; background: #fff; padding:50px 0; transition: all linear 0.3s; -webkit-box-shadow: 0px -1px 12px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px -1px 12px 0px rgba(0,0,0,0.1);
box-shadow: 0px -1px 12px 0px rgba(0,0,0,0.1);}
.choose .choose-img{height:85px; width:85px; display: flex; justify-content: center; align-items: center; background:#bdbec0; margin:0 auto 30px;}
.choose .choose-content{display: block; text-align:center;}
.choose .choose-content h4{ font-size:20px; line-height: 30px; margin-bottom: 30px; font-weight:600;}
.choose .choose-content a{text-decoration: none; color:#333; font-weight:600;}
.choose .choose-content a .fa{transition: all linear 0.3s; position: relative;}
.choose .choose-content a:hover .fa{margin:0 -10px 0 10px;}
.choose .def{background:#eee;}
.choose .choose-block:hover{background:#eee; }
/*home*/
.home .home-img img{width:100%;}
.home .h-content p{font-size:15px; text-align:justify; line-height:35px; }
.home .more-home a{display: inline-block; font-weight:600; text-decoration: none; color:#561b1f; margin-top: 35px; transition: all linear 0.3s;}
.home .more-home a .fa{transition: all linear 0.3s;}
.home .more-home a:hover .fa{margin:0 -10px 0 10px;}
.home-icons ul li{list-style: none; display: inline-block; margin-left: 50px;}
.home-icons .icons-choose{background:#fff; margin-top: -100px; padding:20px; -webkit-box-shadow: 0px -1px 12px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px -1px 12px 0px rgba(0,0,0,0.1);
box-shadow: 0px -1px 12px 0px rgba(0,0,0,0.1); margin-bottom: 100px;}
/*service*/
.service{padding:50px 0; background:#7c9192;}
.service .title-section{margin-bottom: 20px;}
.service .services-title-bottom p{color:#fff; font-size:15px; line-height:28px; margin-bottom: 40px;}
.service .title-section::before{background:#fff;}
.service .title-section h2{color:#fff;}
.service .title-section .sm-title{color:#fff;}
.service .service-img-block{position: relative; z-index: 1; height: 100px;}
.service .service-img-block::Before{ content: '';  position: absolute;  top: -100px;  right: -110px;  height: 850px;  width: 650px;  background: url(../images/service-bg.png)center no-repeat;  z-index: -1;}
.service .servic-slider-blocks ul li{list-style: none;margin-bottom: 30px;}
.service .servic-slider-blocks ul li .slider-img{display: inline-block; float: left; height:200px; margin-right:30px;}
.service .servic-slider-blocks ul li .slider-content h3{color:#fff; margin-bottom: 20px;}
.service .servic-slider-blocks ul li .slider-content p{color:#fff; line-height:30px; text-align: justify; margin-right:10px;}
.service .servic-slider-blocks ul li:last-child .slider-img{ height:120px; margin-right:30px;}
.service .more a{color:#fff; border:1px solid #fff; float: right;}
.service .more a:hover{background:#fff; color:#561b1f;}

.services-page-content h4{ line-height: 40px; }
/*gallery*/
.section-project{ display: block; margin: 0; padding: 70px 0 50px 0; background: #fff; }
.section-project .title-section h2{ text-align: center;  }
.section-project .title-section h2::before{ left: 50%; transform: translate(-50%, 0); }
#mixed-items .mix { display: none; }
.section-project .recent-work-mixMenu { padding-bottom: 30px; text-align: center; }
.section-project .recent-work-mixMenu ul {float: right; }
.section-project .recent-work-mixMenu ul li { display: inline-block; padding: 0; }
.section-project .recent-work-mixMenu ul li button { background: #c6ba9a; border: #c6ba9a solid 1px; font-size: 16px; color: #232015; margin: 0; text-transform: uppercase; padding: 15px 30px; font-weight: 700; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; }
.section-project .recent-work-mixMenu ul li button:hover,
.section-project .recent-work-mixMenu ul li button:focus,
.section-project .recent-work-mixMenu ul li .active { background: #232015; color: #fff; outline: 0; border: #232015 solid 1px; }
.project-content-image{ position: relative; overflow: hidden; margin-bottom: 30px; }
.project-content-image img{ width: 100%; }
.project-content-image .overlay-black { position: absolute; top: 0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); text-align: center; 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; }
.project-content-image .overlay .fa{ position: absolute; top: 53%; left: 50%; transform: translate(-50%,-50%); text-align: center; padding-top: 7px; width: 40px; height: 40px; font-size: 24px; border-radius: 50%; border: #ffd700 solid 2px; color: #ffd700; 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; }
.lb-outerContainer{ margin: 50px auto 0; }
.section-project .more{display: block; text-align: center;}
.section-project .more a{margin-top:20px;}
.gallery-image-text-style h5{ text-align: center; margin-bottom: 31px; font-size: 20px; }
/*free-estimates-bg*/
.free-estimates-bg{height:430px; background:url(../images/free-estimates-bg.png)center no-repeat fixed; background-size: cover;}
.referal{padding:59.5px 50px; background:#561b1f;  }
.referal .title-section::Before{background:#fff;}
.referal .title-section h2{color:#fff;}
.padding{padding:0;}
.referal .get-in-touch-form-style{padding:25px 0; border:0; border-radius: 0; background:transparent; color:#fff; border-bottom:1px solid #dddddd;}
.referal .get-in-touch-form-style::placeholder{color:#dddddd;}
.referal .get-in-touch-form-style-sms-one{padding:35px 0 0 0; border:0; border-radius: 0; background:transparent; color:#fff; border-bottom:1px solid #dddddd;}
.referal .get-in-touch-form-style-sms-two{padding:0 0 0 0; border:0; text-align: justify; line-height: 30px; border-radius: 0; background:transparent; color:#fff; border-bottom:1px solid #dddddd;}
.oflow-referal{position: relative; overflow: hidden; margin-top: -250px; position: relative; z-index: 10;}
.referal .btn-formstyle{width:100%; background:#fff; color:#561b1f; font-weight:600;}
.referal .btn-formstyle:hover{background:#eee;}
/*testimonials*/
.testimonials-map{background:transparent; margin:50px 0 0 0; }
.google-map{height:500px; width:100%;}
.testimonials-map .testimonial{position: relative; z-index: 1; height:500px;}
.testimonials-map .testimonial::before{content:''; position: absolute; top:0; right:-155px; height:100%; width:700px; transform: skew(-7deg); background: #7c9192; z-index: -1;}
.testimonials-map .testimonial .testimonial-slider p{border-left:3px solid #fff; padding:10px 0 10px 20px; font-size:14px; color:#fff; text-align: justify; line-height: 30px;}
.testimonials-map .testimonial .testimonial-slider img{margin: 30px 0 30px 0; width:100px;}
.testimonials-map .testimonial .testimonial-slider h5{margin-bottom: 30px; font-weight:600; font-size:18px; color:#fff;}
.testimonials-map .more a{color:#fff; border:1px solid #fff; float: right;}
.testimonials-map .more a:hover{background:#fff; color:#333; }
/*contact*/
.contact{ margin: 0; padding:50px 0; background:#222222; position: relative; z-index: 1;}
.contact .footer-contact-about p{line-height:30px; color:#fff; text-align:justify;}
.contact .footer-title{color:#fff; font-weight:800; font-size:20px; text-transform: capitalize;}
.contact .title-section::before{background:#fff;}
.contact .title-section{padding-left: 10px;}
.contact .title-section h2{font-size: 17px;}
.contact ul li{list-style: none; color:#fff; line-height: 32px;}
.contact ul li .fa{margin-right:8px;}
.contact ul li .width{display: inline-block; width:50px;}
.contact ul li a{display: inline-block; color:#fff; font-weight:600; text-decoration: none;}
.contact .img-block{display: block; text-align: right; width: 100%; margin-top:20px;}
/*===== Footer Section =====*/
.footer{ margin: 0; padding: 20px 0; background: #000; }
.copyright{ color: #fff; font-size: 14px; text-align: center; font-family: 'Poppins', 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: -300px; right: 21px; height: 50px; width: 40px; border-radius: 0px; border:0; background: transparent; color: #fff; background:rgba(0,0,0,0.6); display: flex; justify-content: center; align-items: center; padding-top:9px; font-family: 'FontAwesome'; font-size: 18px; transition: all linear 0.1s;}
#owl-demo .owl-buttons .owl-prev{position: absolute; top: -300px; left: 21px; height: 50px; width: 40px; border-radius: 0px; border:0; background: transparent; color: #fff; background:rgba(0,0,0,0.6); display: flex; justify-content: center; align-items: center; padding-top:9px; font-family: 'FontAwesome'; font-size: 18px; transition: all linear 0.1s;}
#owl-demo .owl-pagination { position: absolute; left: 50%; top: 92%; transform: translate(-50%,-50%); z-index: 9; }
#owl-demo .owl-pagination .owl-page span{ width: 10px; height: 3px; border-radius: 0; background: transparent; opacity: 1; border:3px solid #fff; }
#owl-demo .owl-pagination .active span{width:20px;}

#owl-demo1 .owl-pagination{ display: none; }
#owl-demo1 .owl-buttons{display: inherit; }
#owl-demo1 .owl-pagination { position: absolute; right: 45%; top: 112%; transform: translate(-50%,-50%); z-index: 9; }
#owl-demo1 .owl-pagination .owl-page span{ width: 10px; height: 10px; border-radius: 10px; background:#000; opacity: 0.8; }
#owl-demo1 .owl-pagination .active span{ background: #000; width:20px; opacity: 1;}

#owl-demo1 .owl-buttons{position: relative; right: -531px; bottom:-49px; z-index: 333;}
#owl-demo1 .owl-buttons .owl-prev{  position: absolute; left: -510px; top:-1px; transform: translate(-50%,-50%); font-family: 'FontAwesome'; text-align: center; width: 45px; height: 45px; color: #fff; font-size: 22px; border-radius: 50%; opacity: 0.8; padding-left: 10px; padding-top: 5px; border: 2px solid #fff; background: transparent; color: #fff; }
#owl-demo1 .owl-buttons .owl-next{  position: absolute; left: -430px; top: -1px; transform: translate(-50%,-50%); font-family: 'FontAwesome'; text-align: center; width: 45px; height: 45px; color: #fff; font-size: 22px; border-radius: 50%; opacity: 0.8; padding-left: 10px; padding-top: 5px; border: 2px solid #fff; background: transparent; color: #fff; }
#owl-demo1 .owl-buttons .owl-prev:hover,
#owl-demo1 .owl-buttons .owl-next:hover{ opacity: 1; }

#owl-demo2 .owl-buttons{ display: none; font-family: 'FontAwesome'; }
#owl-demo2 .owl-buttons{position: absolute; left: 0; width: 100%;}
#owl-demo2 .owl-pagination { position: absolute; left:50%; top:164%; transform: translate(-50%,-50%);  z-index: 999; width:60px;}
#owl-demo2 .owl-pagination .owl-page span{ width: 9px; height: 9px; background: #f69376;  opacity: 1; }
#owl-demo2 .owl-pagination .active span{ background: #fff; width:15px; height:9px; }
#owl-demo2 .owl-controls .owl-buttons .owl-prev {border-radius: 0; padding:0px 7px 0 7px; font-size: 60px; background: transparent; color: #333; opacity: 1; position: relative; left:-530px; bottom:170px; transition: all linear 0.3s; font-weight: 900;}
#owl-demo2 .owl-controls .owl-buttons .owl-next {border-radius: 0; padding:0px 7px 0 7px; font-size: 60px; background: transparent; color: #333; opacity: 1;  position: relative; right:-530px; bottom:170px; transition: all linear 0.3s; font-weight: 900;}
#owl-demo2 .owl-controls .owl-buttons .owl-prev:hover,
#owl-demo2 .owl-controls .owl-buttons .owl-next:hover{color:#433e38;}

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

#owl-demo-brand .owl-pagination{ display: none; }
#owl-demo-brand .owl-buttons{position: relative; right: -531px; bottom:-49px; z-index: 333; display: none;}
#owl-demo-brand .owl-buttons .owl-prev{  position: absolute; left: -590px; top:-210px; transform: translate(-50%,-50%); font-family: 'FontAwesome'; text-align: center; width: 45px; height: 45px; color: #fff; font-size: 22px; border-radius: 50%; opacity: 0.8; padding-left: 10px; padding-top: 5px; border: 2px solid #fff; background: transparent; color: #fff; }
#owl-demo-brand .owl-buttons .owl-next{  position: absolute; left: 57.5%; top: -210px; transform: translate(-50%,-50%); font-family: 'FontAwesome'; text-align: center; width: 45px; height: 45px; color: #fff; font-size: 22px; border-radius: 50%; opacity: 0.8; padding-left: 10px; padding-top: 5px; border: 2px solid #fff; background: transparent; color: #fff; }
#owl-demo-brand .owl-buttons .owl-prev:hover,
#owl-demo-brand .owl-buttons .owl-next:hover{ opacity: 1; }


/*===== Content Pages =====*/
.content-banner{ padding:15px 0; background: #fff; }
.content-banner h2{ padding: 15px; text-transform: uppercase; background: #561b1f; color: #fff; font-size: 12px; font-weight: bold; font-family: 'Poppins', 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-block{ background: #fff; padding: 20px; min-height: 200px; }
.content{ width: 100%; padding: 50px 0; background: #eeeeee; }
.sectiontitleunderline{ display: block; width: 80px; height: 2px; margin: 0 0 30px; background: #333; }
.content h2{ text-transform: uppercase; font-size: 24px; color: #433e38; font-weight: 900; font-family: 'Poppins', sans-serif; margin-bottom: 10px; }
.content h3{ text-transform: uppercase; font-size: 18px; color: #433e38; font-weight: 900; font-family: 'Poppins', sans-serif; margin-bottom: 10px; }
.content p{ font-size: 16px; line-height: 30px; font-family: 'Poppins', sans-serif; text-align:justify; color: #666; margin-bottom: 30px; }
.content p span{ font-size: 20px; font-family: 'Poppins', sans-serif; color: #433e38; margin: 0; font-weight: bold; }
.content ul { margin:0 ; padding: 0; }
.content li{ margin-left: 18px; line-height: 30px; font-size: 16px; font-family: 'Poppins', sans-serif; text-align:justify; color: #433e38; }
.content li span{ font-size: 16px; font-family: 'Poppins', sans-serif; text-align:justify; color: #666; }

/*===== Reviews Page =====*/
.reviewsblock{ padding: 30px 0; background: #433e38; width: 100%; text-align: center; font-family: 'Poppins', 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: 'Poppins', sans-serif; font-size: 30px; color: #433e38; text-transform: uppercase; font-weight: 700; margin-bottom: 30px; }
.testimonials-page h5{ font-family: 'Poppins'; font-size: 24px; color: #666; margin-bottom: 20px; }
.testimonials-page h6{ font-family: 'Poppins', sans-serif; font-size: 22px; font-weight: 600; color: #433e38; margin-bottom: 15px; }
.testimonials-page p{ padding: 0 15px; font-family: 'Poppins', 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 .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: #433e38; }

/*===== 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){
	.mid-header .logo::before{position: inherit;}
	.mid-header .logo img{top:0;}
	.navbar-inverse .navbar-nav li a{padding:14px 22px; }
	.bottom-header{padding-bottom: 10px;}
	#owl-demo .owl-buttons .owl-prev,#owl-demo .owl-buttons .owl-next{top:-220px;}
	.home-icons .icons-choose{margin-top: 30px;}
	.home-icons ul li{margin-left:20px;}
	.service .service-img-block::Before{width:460px; top: 0;}
	.service .servic-slider-blocks ul li .slider-img{height:290px;}
	.home-icons .icons-choose{margin-bottom:50px; }
	.service .servic-slider-blocks ul li:last-child .slider-img{height:170px;}
	.section-project .recent-work-mixMenu ul li button{font-size:14px; padding:15px 10px;}
	.google-map{left:0; width:100%; height:400px; margin-bottom: 50px;}
	.testimonials-map .testimonial::before{width:1130px; right:-205px;}
	.testimonials-map .testimonial .testimonial-slider img{margin-top:60px;}	
}
@media (max-width: 767px){
	.top-header{margin-top:57px; display: block; text-align: center;}
	.top-header p{text-align: center; line-height:30px;}
	.top-header .right{text-align: center;}
	.mid-header-content{display: block; text-align: center; margin-bottom:20px;}
	.mid-header .right{text-align: center;}
	.bottom-header{display:none;}
	#owl-demo .owl-buttons .owl-prev, #owl-demo .owl-buttons .owl-next{top:-100px;}
	.home .home-img img{margin-bottom:40px;}
	.title-section h2{font-size:26px;}
	.home-icons ul li{margin:0 0 20px 0; display: block; text-align: center;}
	.service .service-img-block::Before{position: inherit;}
	.section-project .recent-work-mixMenu{padding-bottom:80px;}
	.section-project .recent-work-mixMenu ul li button{padding:15px 13px;}
	.referal{padding:30px;}
	.testimonials-map .testimonial .testimonial-slider p{margin-right:10px;}
	.contact .img-block{text-align: left; margin-bottom: 30px;}
	.contact .title-section{margin-top: 20px;}
	.mid-header .right{margin-bottom: 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 ===============*/
	
}