@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Lobster');

/*@import url('https://fonts.googleapis.com/css?family=Cabin:400,600,700');*/
/*@import url('https://fonts.googleapis.com/css?family=Arimo:400,700');*/
/*@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');*/

body{margin:0;padding:0;font:normal 15px 'Lato', sans-serif;color:#555;line-height:1.5;}
ul{list-style:none;margin:0;padding:0;}
a{color:#444;}
a:hover{text-decoration:none;}
h1,h2,h3,h4,h5,.h2,.quote1,.quote2{font-family:'Lobster'; font-weight:normal !important;}
a, button, .btn, #mainmenu, .readmore span, .navbar, #photogallery li a img, .nav-link:after{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
@media screen and (min-width:1400px){.container{max-width:1280px;}}
@media screen and (min-width:1500px){.container{max-width:1380px;}}
header{position:fixed; top:0; width:100%; z-index:2; background:rgba(255,255,255,0.9); box-shadow:0 5px 20px rgba(0,0,0,0.2);}
.navbar{padding-bottom:0;}
h1{margin:0;}
.navbar-brand{padding:0;margin-right:0; margin-bottom:10px; vertical-align:top;}
.navbar-brand img{max-width:100%;max-height:100%;}
.menulogo{background: #fff; padding:15px; display: none;}

.overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background-color:#000;opacity:.7;}
body.menuopen{overflow:hidden;}
body.menuopen #mainmenu{left:0;}
.navbar-toggler{padding:0 10px 10px;vertical-align:top;margin-left:-4px;border:none;text-align:center;position: absolute;right: 0;}
.navbar-toggler:focus{outline:none;}
.navbar-toggler .bars span{background:#e55e38;width:40px;height:4px;display:block;}
.navbar-toggler .bars span + span{margin-top:6px;}
.menutxt{font-size:13px;text-transform:uppercase;letter-spacing:3px;margin-top:10px;display:block;}
#mainmenu .navbar-nav .nav-link{color:#494949; position:relative; padding:27px 15px 36px; font-size:15px;}
.nav-link:after{content:''; display:block; height:4px; background:#e55e38; position: absolute; bottom:0; left:0; width:0}
#mainmenu .navbar-nav .nav-link.active{color:#e55e38;}
.owl-nav {}
.owl-nav>div {display:inline-block; width:40px; position: absolute;top:50%; margin-top:-20px;}
.owl-nav .owl-prev {left:20px;}
.owl-nav .owl-next {right:20px;}
.caption{font-size:38px; background:rgba(229, 94, 56, 0.8); color:#fff; display:inline-block; padding:8px 25px; font-weight: bold; position:absolute; bottom: 50px; left: 50%; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
/*
.caption.left{left:0; bottom:50px;}
.caption.right{right:0; top:50px;}
*/

.h2{font-size:40px; font-weight: bold; margin-bottom:30px;}

.readmore:before{content:''; display:block; width:50px;height:2px; background:#d2d2d2; margin-right:7px; margin-bottom:20px;}
.readmore a{color:#fba02d; font-size: 18px; font-weight: bold; position:relative;}
.readmore a:before{content:''; display: inline-block; width: 9px;height: 12px; background:#fba02d; margin-right:7px;}

#work{margin:60px 0;}
.otherscroller h2{text-align: center;}
#work li{border:5px solid #b9b9b9; position:relative;}
#work h4{position:absolute; left:0;bottom:15px; background:#fba02d; color:#000; font-size:17px; padding:7px 10px; font-weight:bold;}
.otherscroller .owl-carousel{padding:0 50px;}
.otherscroller .owl-nav .owl-prev {left:0;}
.otherscroller .owl-nav .owl-next {right:0;}

#clients{background: #f3f3f3; border-top:1px solid #e3e3e3; padding-top:60px; padding-bottom:80px;}
#clients .owl-carousel{display:block;text-align:center;}
#clients img{-webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0.7;}
#clients .owl-item img{border:1px solid #d4d4d4; padding:15px 30px; background:#fff;}

.readmore_btn{text-align:center; margin-top:30px; font-size:18px;}
.readmore_btn a{display: inline-block; background:#e55e38; color:#fff; padding:10px 30px; border:2px solid transparent}
.readmore_btn a:hover{color:#e55e38; border-color:#e55e38; background:#fff; font-weight:bold;}


footer{background: #272727 url(../images/grey-bg.jpg);color:#d1d1d1; padding-top:40px; overflow: hidden;}
.ftop{font-size:15px; padding:0 0 40px;}
.ftop a{color:#d1d1d1;}
.fbtm{background:#0f0f0f; padding:20px 0; color:#888;}
.credit{text-align:right;}
.call a{cursor:text;}
h4{color:#fff; font-weight:bold; font-size:22px; letter-spacing:1px; margin-top:40px;}

.adrs{border-top:1px solid rgba(255,255,255,0.15); padding:30px 0; margin-top: 20px; margin-bottom:20px; border-bottom:1px solid rgba(255,255,255,0.15);}
.adrs .media>i{font-size:40px; color:#e55e38; margin-right:10px;}
.adrs .media>i:before{vertical-align:top;}
.adrs li{display:flex;}
.adrs .media p{margin-bottom:5px; letter-spacing:1px;}
.adrs a{color: #fff; font-size: 18px;}
.adrs .social a{}
.social a{border:1px solid #777; color:#999; display:inline-block; line-height:0.8; margin-right:10px; font-size:20px; padding:8px 0;}
.social a:last-child{margin-right:0;}
.social i{width:36px; display: inline-block; vertical-align:top; text-align:center;}
.social span{display:inline-block;padding:10px 18px 10px 13px; font-weight: bold;}
.social a:hover{background:#e55e38; border-color:#e55e38; color:#fff;}

#back-to-top{position:absolute;margin:-30px 0 0 -30px;left:50%;background:#777;display: block;border-radius: 60px 60px 0 0;width:60px;height:30px;text-align: center;font-size: 33px;line-height: 1; color: #fff; overflow:hidden;}


.imgloader {width: 50px; height: 50px; vertical-align:middle; display:none; position:absolute; right:-20px; top:-5px; background: #fff; color:#0070af; border-radius: 50%; border:3px solid #fba02d; font-size:25px; line-height:1.7;}
.imgloader img {-webkit-transform:translate(-50%,-50%) scale(0.7); -moz-transform:translate(-50%,-50%) scale(0.7); -ms-transform:translate(-50%,-50%) scale(0.7); transform:translate(-50%,-50%) scale(0.7); position: relative; left:50%;top:50%;}
.form-group{position: relative;}
.form-control{border-radius:0;}
.btnbar{text-align:center;}

.btn-danger{text-align:center; margin-top:10px; font-size:18px; display: inline-block; background:#e55e38; color:#fff; padding:7px 40px; border:2px solid transparent; border-radius:0; min-width:200px;}
.btn-danger:hover{color:#e55e38; border-color:#e55e38; background:#fff; font-weight:bold;}

/*
.btn-danger{border:2px solid #e55e38; background:#e55e38; text-transform:uppercase; font-size:16px; letter-spacing:2px; border-radius:0; min-width:200px;}
.btn-danger:hover{background-color:#fff; border-color:#e55e38; color:#e55e38; font-weight:bold;}
*/

.alert{display: none; text-align:center;}
button:focus{outline:none;}
.valid_error{color: #ccc;font-style: italic;text-align: right;font-size: 13px;position: absolute;right: 18px;}
.has-error .valid_error, .has-success .valid_error{display:block;}
.has-success .valid_error {font-size: 14px; line-height: 1.4; background:#1f9416}
.valid_error{
	display: none;
	color: #fff;
    background:#e74036;
    font-size: 20px;
    font-weight: bold;
	font-style: normal;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height:1;
    position: absolute;
    right:6px;
    bottom:10px;
	z-index:999;
}
form .btn{position:relative;}
.inquiry .input-group-prepend{background:#999; color: #fff; padding:5px 15px; font-size:22px}

#services{background: #ddd; padding:50px 0; text-align:center;}
#services img{max-width:100%;}
#services a{position: relative; display: block;}
#services h4{position: absolute;bottom: 0;left:0; background:rgba(229,94,56,0.7); width:100%; margin:0; text-align:left; font-weight:normal; color: #fff; padding:12px 20px; font-size:28px;}

.owl-nav>div{height:40px; width:40px; background: #e55e38;font-size: 30px;line-height: 1.2;color: #fff;border-radius: 3px; text-align:center;}
footer h4{font-weight:normal; font-size:40px;}
.formbtn{margin:10px 0 30px; padding:10px 30px;}
.btn-outline-danger{border:2px solid #e55e38; text-transform:uppercase; font-size:16px; letter-spacing:2px; border-radius:0;}
.btn-outline-danger:hover{background-color:#e55e38; border-color:#e55e38;}

.address{padding-top:30px; text-align:center;}
address{font-size:120%;}
.title{color: #e55e38; font-size:30px;}

#personal{padding:70px 0; background:#e05334 url(../images/man-bg.jpg); color:#fff;}
#personal img{border:6px solid rgba(255,255,255,0.5);}
#personal h4{position:absolute; bottom:13px; left:5px; background:rgba(255,193,7,0.8); color:#000; padding:5px 15px}
.img-wrapper{position:relative;}

.liststyle1{margin:0 0 20px;padding:0;list-style:none;}
.liststyle1 li{margin-bottom:10px;position:relative;padding-left:14px; text-align:justify;}
.liststyle1 li:before{font:normal 14px/1 fontello;content:"\f105";color:#fff;position:absolute;top:3px;left:0;}

#welcome{overflow: hidden;}
.welcome_cnt{padding:60px 60px 60px 15px; text-align:justify; font-size:16px;}
.quote1{background:#333 url(../images/grey-bg.jpg); color:#fff; height:100%; display:flex; align-items:center; justify-content:center; padding:25px 30px; line-height:1.2; flex-direction:column;}
.quote1 i{display:block; font-size:100px; line-height:1; margin-bottom:20px; color:#e55e38;}
.quote1 h4{font-size:40px;margin: 0;}
.owl-carousel .vid_logo{width:50px !important; position:absolute; bottom:10px; left:10px; border-radius:50%;}

.quote2{background:#f19205; padding:50px 0;}
.quote2>div{display:flex; justify-content:center; align-items:flex-start; line-height:1;}
.quote2 i{font-size:100px; color:#fff; margin-right:20px; opacity:0.3;}
.quote2 h4{color:#fff; margin:0; text-align:center; font-size:45px; text-shadow:1px 1px 10px rgba(0,0,0,0.3);}
.modal-header{background:#e8e8e8;}
.modal-header,.modal-body{padding:1rem 1.7rem;}

@media all and (min-width:992px){
	#mainmenu .navbar-nav .nav-link:hover{color:#e55e38;}
	#mainmenu .navbar-nav .nav-link:hover:after, #mainmenu .navbar-nav .nav-link.active:after{width:100%;}
	#clients img{width:150px; margin:7px; padding:0 20px;background:#fff; border:1px solid #ccc;}
}
@media all and (min-width:1280px){
	.work_page.container{max-width:1200px;}
}
@media all and (max-width:1399px){
	#mission{font-size: 26px;}
	#mission .title span,#call2action .title span{font-size:36px;}
	#call2action{font-size:22px;}
	.caption{font-size:30px;}
	.clientele_page p{padding:0;}
}
@media all and (max-width:1199px){
	#clients{padding-top:20px;padding-bottom:30px;}
	.social{font-size:18px;}
	.social a{border-radius:3px; margin-right:6px;}
	.social i{width:34px; height:34px; line-height:34px;}
	.social span{padding:7px 9px 7px 4px;}
	.caption{font-size:26px;}
	#work h4{bottom:5px;}
	.welcome_cnt{padding-right:30px;}
	.quote1 i{font-size:80px;}
	.quote1 h4{font-size:36px;}
	.quote2 h4{font-size:40px;}
	.quote2 i{font-size:90px;}
	#clients img{width:120px;}
	#personal{padding:35px 0;}
	.social a{padding:0;}
}
@media all and (max-width:991px){
	#mainmenu{position:fixed;top:0;left:-250px;background:#e55e38;height:100%;overflow-y:auto;width:250px;z-index:91;}
	#mainmenu .navbar-nav .nav-link.active{background:#FFC107; color:#000;}
	.caption{font-size:22px;}
	#mainmenu .navbar-nav .nav-link{padding:10px 15px; color:#fff;}
	.readmore{margin-bottom:30px;}
	#work {margin: 35px 0;}
	#mainslider{margin-top:70px;}
	.navbar{padding-left:10px;}
	#mainmenu .navbar-nav .nav-link{border-bottom:1px solid rgba(255,255,255,0.2);}
	.menulogo{display: block;}
	.caption.left{bottom:20px;}
	#back-to-top{margin-top:-94px;}
	.imgright{max-width:50%;}
	.clientele_page p{padding:0;}
	#work h4{position: relative;bottom: auto;margin-bottom: 0;margin-top: 2px;}
	#welcome .text-center{text-align:justify !important;}
	#welcome .text-center h2{text-align:center;}
	.quote1{padding:25px 20px}
	.quote1 h4{text-align:center; font-size:30px;}
	.welcome_cnt{padding-top:30px; padding-bottom:30px;}
	#services h4{font-size:21px; padding:5px 15px;}
	.quote2>div{flex-direction:row;}
	.quote2 i{font-size:60px;}
	.quote2 h4{font-size:30px;}
	#personal img{width:100%;}
	#personal .img-wrapper{margin-bottom:20px;}
	#personal h4{font-size:40px; background:#ffc107; bottom:30px;}
	.adrs{padding-bottom:10px; flex-direction:column;}
	.adrs .media{margin-bottom:30px; width:330px; margin-left:auto; margin-right:auto;}
	.address{padding-top:0;}
	#clients .owl-item img{padding:5px 10px; width:99%;}
	
/*	.quote2 .endquote{align-self:flex-end;}*/
}
@media all and (max-width:767px){
	.navbar-brand{width:80%;}
	.caption{display: none;}
	#welcome p{font-size:14px;line-height:1.4;}
	.h2{font-size:29px;}
	.fbtm{text-align:center;}
	.credit{text-align:center; margin-top:15px;}
	.ftop{padding-bottom:60px;}
	.readmore_btn{margin-top:20px;}
	.readmore_btn a{padding:5px 48px;}
	#back-to-top{margin-top:-130px;}
	.copyrights span{display:inline-block;}
	.imgright{max-width:100%; width:100%; margin-right:0; margin-bottom:20px;}
	.contact{margin-bottom:30px; border-bottom:1px solid #ddd; padding-bottom:15px;}
	#welcome{margin-bottom:30px;}
	#services{padding:20px 0;}
	#services .col-md-4{margin-bottom:20px;}
	.quote1 i {font-size:80px;}
	.endquote{display:none;}
	.quote2>div{flex-direction:column;}
	.quote2 .startquote{font-size:80px; margin:auto;}
	.quote2 .startquote:before {content:'\f10e';}
	#clients {padding-top: 40px;padding-bottom: 50px;}
	#personal h4{font-size:30px; bottom:10px;}
	footer h4{font-size:30px;}
	#mainslider{margin-top:60px;}
	.formbtn{display:inline-block; letter-spacing:1px; text-transform:capitalize; font-size: 18px; margin-top:20px;}
	#welcome .text-center h2{margin-bottom:15px;}
	footer h4{margin-bottom:0; margin-top:20px;}
	.adrs .media{margin-bottom:20px;}
	.adrs .media>i{font-size:30px;}
}
@media all and (max-width:575px){
	.clientele_page p{padding:0 20px;}
	#work h4{display:none;}
}
@media all and (max-width:409px){
	#back-to-top{margin-top:-152px;}
	.social span{font-weight:normal;}
}
@media all and (max-width:359px){
	.modal-title{font-size:23px;}
	.btn-danger{width:100%;}
}