body{font-family:rubiklight;}
img{max-width:100%;}


header .top-section{background:#5d1b1c;color:#fff;font-size:16px;padding:7px 0}header a{color:#fff;}header a:hover{color:#c9a269;}
header .top-section .social{text-align:right;}header .top-section span{margin-right:10px;}
header .top-section .social i{color:#fff; font-size:16px; margin-left:7px; width:30px; height:30px; border-radius:50%; border:1px solid #c9a269; text-align:center; line-height:30px;}header .top-section .social i:hover{color:#c9a269; border-color:#fff;}


.main-header {padding-top:30px;} 
.main-header ul {list-style-type: none;	margin:0px;padding:0;}
.main-header ul li {display: inline-block;	list-style-type: none;	margin-right:15px;}
.main-header ul p {color: #6c6c6c;font-size: 16px;font-weight: 300;line-height: 25px;}
.main-header ul span {color: #232932;font-size: 15px;font-weight: bold;}
.main-header .icon {float:left;display: block;}.main-header .icon i{font-size:150%;}
.main-header .general-info {float: right;}.main-header a{color:#000;}
.main-header .text {float: left;display: block;	margin-left: 10px;}
.main-header .button-wraper {display: inline-block;  vertical-align: middle;float: right; margin-top:20px;font-weight:bold;}.main-header .button-wraper a{background:#5e1c1d;padding:12px 30px;color:#fff;border-radius:5px;text-transform:uppercase;}.main-header .button-wraper a:hover{background:#ce9c45;}
.main-header .button a {display: block;	background: #a2238e;color: #ffffff;text-transform: uppercase;font-size: 14px;font-weight: bold;padding: 14px 25px;}


header .logo{padding:5px 0;}

header #menu{font-family:rubikmedium; background:#611a1e; box-shadow:0 0 3px #ccc; border-bottom:1px solid #fff;}
.banner{ position: relative;}
.banner .bannername{position:absolute;width:100%;font-size:30px;text-transform: uppercase;font-family:rubikmedium;color:#fff;background:rgba(0,0,0,.5); padding:8px 10px;bottom:1px}

.sb-description span {  font-size: 150px;}
.sb-description h3,.sb-description h2 { font-size: 30px;    text-transform: uppercase;    font-weight: normal;    color: #fff;    letter-spacing: 2px;}
.sb-description h4 {text-transform: capitalize;  letter-spacing: 4px;    font-size: 20px;    font-weight: 300;    margin-left: 1em;color:#fff;}

button#trigger-overlay {border: 1px solid #fff; padding: 17px 20px; outline: none; background: rgba(0, 0, 0, 0.5);   background: #5b1b1c;    position: fixed;    left:0;    top: 0px;    z-index: 999;}
button#trigger-overlay i.fa {font-size:35px;color:#fff;text-align:center;}
.w3ls-button { margin-top: 3em;}
.w3ls-button a { color: #ffffff;  font-size: 16px;  padding: .4em 1em;  border: solid 2px rgba(255, 181, 0, 0.97);   text-decoration: none;   background: rgba(255, 181, 0, 0.97);
    text-align: center;   letter-spacing: 1px;}
.w3ls-button a:hover {  background: #5b1b1c;   border: 2px solid #5b1b1c;}

.pagetitle {position: relative;text-align: center;}.pagetitle .heading{font-size:40px; color:#5f1a1d;position:relative; padding-bottom:20px;font-family:rubikmedium;text-transform:uppercase}
.pagetitle h4 {position: absolute;color: rgba(0, 0, 0, 0.28);font-size: 6em;font-weight: 600;margin: 0;position: absolute;text-align: center; top: -35px;left: 47%;}

.g1 {position: relative;	display: block;overflow:hidden;}
.carousel-caption {position: absolute;    width:100%;left:0; top:0;   bottom:62px;    z-index: 999;    background: rgba(5, 5, 3, 0.59);    padding: 4em 4em;    transition: all 0.8s;    -webkit-transition: all 0.8s;    -moz-transition: all 0.8s;    -o-transition: all 0.8s;    -ms-transition: all 0.8s;    transform-style: preserve-3d; 	-webkit-transform:scale(0);
	-moz-transform:scale(0);	-o-transform:scale(0);	-ms-transform:scale(0);	transform:scale(0);}
.item h4 { margin: 1em 0;    color: #5b1b1c;    text-transform: uppercase;    font-size: 20px;    letter-spacing: 1px;}
.carousel-caption h4 {  font-size: 1.8em;    color: rgba(255, 181, 0, 0.97);    margin-bottom: 0.5em;    font-weight: 400;    letter-spacing: 3px;    margin-top: 0;    text-transform: uppercase;}
.carousel-caption h3 {font-weight: bold;color: #3d3d3d;}
.carousel-caption span {  margin: 0;    padding: 0;    font-size: 14px;    line-height: 26px;    color: #ffffff;    font-weight: 300;}
.g1:hover .carousel-caption {display: block; -webkit-transform:scale(1);	-moz-transform:scale(1);	-o-transform:scale(1);	-ms-transform:scale(1);	transform:scale(1);}
#owl-demo .item img {width: 100%;}
@media(max-width:480px) {
.carousel-caption {padding: 0.5em;}
.carousel-caption span {font-size: 0.8em;}
}

.about-design{padding:30px 0;}
ul.icon{padding:0;margin:0;}
ul.icon li {display: inline-block;}.icon i.fa { font-size: 30px; margin-right:15px;  color: #ffb708;}
.services {padding:30px 0;text-align:justify; margin-top:20px;}.services .start {padding-top:30px;}.services p { color: #636363;  font-size: 15px;  line-height: 28px; margin: 1em 0;}.services h3 { color: #5b1b1c; font-size: 20px; text-transform: uppercase; letter-spacing: 1px;font-weight:600}.services h5{font-size:18px;color:#292e31;text-transform:uppercase;margin-top:100px;font-family:rubikmedium;}


#welcome{background:#fbfbfb; padding:50px 0;font-size:16px; }
#welcome h1{font-size:28px; color:#5f1a1d;position:relative; padding-bottom:20px;font-family:rubikmedium;text-transform:uppercase;}#welcome h3{font-size:20px; color:#5f1a1d;position:relative; padding-top:10px;font-family:rubikmedium;text-transform:uppercase;}
#welcome p {color:#444; line-height:26px; font-family:latoregular; font-size:16px;text-align:justify;}#welcome img{border:1px solid #eee;}#welcome .read{padding-top:10px;}
#welcome a {background:#5f1b1c;color:#fff; padding:8px 15px;}#welcome a:hover{background:#d19d49;}#welcome ul.serviceul{padding:0px 0 10px;list-style-type:none;}#welcome ul.serviceul li{list-style-type:none; position:relative; padding:0 0 6px 24px;font-weight:600;width:50%;float:left;}#welcome ul.serviceul li i{position:absolute;left:0;top:3px;font-size:16px;color:#611a1e;}#welcome .colorops{color:#5f1a1d}

.magnific-gallery{background:#fbfbfb; padding:50px 0;}
.gallery-grids {margin:1em 0;}
.gallery-grids:nth-child(5) {  float: right;}
.gallery-grids a { display: block;    overflow: hidden;	position:relative;}.agile-b-wrapper{    background: rgba(0, 0, 0, 0.58);    position: absolute;   width: 100%;    height: 0%;    text-align: center;    top: 0;    left: 0;    transition: .5s all;    opacity: 0;}.gallery-grids a:hover .agile-b-wrapper{	height: 100%;	opacity: 1;}.agile-b-wrapper i.fa.fa-search-plus {	font-size: 2em;    color: #fff;    margin: 4.5em 0 0 0;}
 
 
footer{background:#16171b; padding-top:40px; color:#fff;}
footer h3{font-size:22px;font-family:rubikmedium;color:#fff; font-weight:normal; padding-bottom:15px; position:relative; margin-bottom:35px;}footer h3:before{position:absolute; bottom:0; background:#dd9b3e; width:50px; content:''; height:5px;}
footer ul{list-style-type:none; padding:0; margin:0;}
footer ul li {padding:8px 0; font-size:14px; font-family:Arial, Helvetica, sans-serif; position:relative; float:left; width:49.5%}
footer a{color:#fff; text-transform:none;}
footer a:hover{color:#d69b4b;}footer ul li a:hover{padding-left:5px;}
footer .about{font-size:14px; line-height:28px;}
footer p{font-size:14px; color:#c4c4c4; padding-bottom:5px; position:relative; padding-left:35px;}footer p i{color:#fff;position:absolute; left:0; font-size:20px!important; top:0;}footer p strong{text-transform:uppercase; color:#fff;}

footer .copy{padding:10px 0;background:#5d1b1c;color:#fff; font-size:14px;   margin-top:10px;}
footer .social{text-align:right;}footer .social i {width:30px; height:30px; border-radius:50%; border:1px solid #8d0503; color:#fff; font-size:14px; line-height:30px; text-align:center; background:#7b0a09; margin-left:5px; cursor:pointer;}footer .social i:hover{background:#d09946;color:#fff; border:1px solid #fff;}
footer i.flaticon-email-filled-closed-envelope{top:-6px;}footer i.fa-map-marker{font-size:30px!important;}


.img-left{float:left; margin-right:10px; padding:2px; box-shadow:0 0 3px #ccc;}

.paddingtop30{padding-top:30px;}


.shadow{box-shadow:0 0 3px #ccc; background:#fff; padding:15px; border-radius:10px; margin-bottom:15px;}.shadow:hover{box-shadow:0 0 3px #5b1b1c;}
.shadow2{box-shadow:0 0 3px #ccc; background:#fff; padding:10px; border-radius:5px; margin-bottom:20px;}.shadow2:hover{box-shadow:0 0 3px #5b1b1c;}


.parallax{background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;background-image:url(../images/2.jpg);margin-bottom:1px;}
.parallax .start{background:rgba(0,0,0,.70); padding:80px 0;  color:#FFF;}
.parallax h2{font-size:30px; color:#FFF; text-align:center; font-weight:bold; margin:30px 0;font-family:rubikmedium;text-transform:uppercase;}
.parallax p {font-size:16px; line-height:28px; margin-bottom:25px;text-align:justify;}.parallax a{color:#1532e5;}
.parallax .contact-button{text-align:center;padding-top:20px;}.parallax .contact-button a{color:#d79f48; font-weight:600}.parallax .contact-button a:hover{color:#fff;}.parallax img{border:1px solid #666;}

.products{padding:30px; background:#fff!important}.products .box{position:relative; margin-bottom:30px;box-shadow: 0 0 3px #ccc; max-height:235px;overflow:hidden;}.products h3{position:absolute;background:rgba(0,0,0,.5);color:#fff;bottom:0;padding:8px;text-align:center;width:100%;font-size:20px;font-weight:600;margin:0;}.products .box:hover h3{background:rgba(91,27,27,.5);}

.services-page{padding:30px 0}.services-page h3{margin:15px;font-size:24px;font-weight:600;color:#5b1b1b;text-transform:uppercase;text-align:center;}.services-page h1{font-size:28px; color:#5f1a1d;position:relative; padding-bottom:20px;font-family:rubikmedium;text-transform:uppercase;font-weight:600}.services-page p{text-align:justify;margin-bottom:15px;}

#contact{padding:40px 0;}#contact h1{font-size:36px; margin:0px; color:#333;position:relative; padding-bottom:20px;font-family:rubikmedium;font-weight:normal;}#contact h2{font-size:24px; margin-bottom:20px; color:#333;position:relative;font-weight:650;letter-spacing:-0.5px;}#contact ul{margin:0;padding:10px; list-style:none;}#contact ul li{padding:0 0 15px 30px;position:relative;}#contact ul li i {position:absolute;left:0;top:5px;font-size:19px;color:#871d23}#contact a{color:#ba7a1f;}#contact i.fa-mobile{font-size:24px;}#contact .social img {margin:0px 5px;height:24px;}

.bg-white{background:#fff!important;}

 
@media screen and (max-width:767px) {
header .top-section .social i{font-size:15px;}header .top-section span.mob{display:block;}header .top-section .social{padding-top:10px;}header .top-section span.child{padding:0;}
header .top-section span{padding:5px 0;border:none;}
header .logo {text-align:center;}.main-header{padding-top:10px;}.button-wraper{margin-bottom:15px;}
.main-header .button-wraper{float:none; text-align:center;}
footer ul li{float:none;}footer .col-sm-4{margin-bottom:20px;}footer h3{margin-bottom:10px;}footer .social{text-align:center;}
header .top-section .social{text-align:center;}.sb-description{bottom:-25%!important;padding:0;}
.sb-description h3, .sb-description h2 {font-size: 19px!important;letter-spacing: 0px;}
.sb-description h4 {letter-spacing: 1px;font-size: 15px;}
.w3ls-button a {display:none!important;font-size: 14px;padding: .3em 1em;}.sb-description span {font-size: 50px!important;}
	 
 }