@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
body{font-family: 'Roboto', sans-serif; font-size:16px; line-height:24px; color:#000; margin:0; padding:0; overflow-x:hidden;}
a,a:active{color:#562110; text-decoration:none;}
a:hover{color:#ff8226; text-decoration:none;}
button:focus, a:focus, input:focus{outline:none;}
h1,h2,h3,h4,h5{font-weight:700;}
h1{font-size:36px;}
h2{font-size:32px;}

a,.art .caption,.newsletter input[type="submit"]{-webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear;}

.home .header{position:absolute; left:0; top:0; right:0; z-index:999; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
.header{position:relative; -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1);
box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1);}

.header.clone {position:fixed; top:-100px; left: 0; right: 0; background:#fff; z-index:999; transition:0.4s top cubic-bezier(.3,.73,.3,.74);
-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);}
body.down .header.clone {top:0;}
.header.clone .logo{margin:5px 0;}
.header.clone .logo img{max-width:90px;}

.header-bot{}
.logo{margin:20px 0; display:block;}
.menu{margin:0; padding:0; list-style:none; font-size:0;}
.menu li{display:inline-block;position:relative;}
.menu li+li{margin-left:10px;}
.menu li a{font-weight:700; font-size:14px; color:#000; text-transform:uppercase; display:block; border-top:1px solid rgba(0,0,0,0); border-bottom:1px solid rgba(0,0,0,0); height:40px;line-height:40px; padding:0 12px;}
.menu li:hover a, .menu li.active a{color:#e72410; border-top-color:rgba(0,0,0,1); border-bottom-color:rgba(0,0,0,1);}


.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-menu {
    background:#d6d6d6;
	border:none;
    z-index: 1;
	border-radius:0;
	margin:0 !important;
}

.dropdown-menu a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	border:none !important;
	width:100%;
}

.dropdown-menu li  a:hover{
    color: black !important;
}

.dropdown:hover .dropdown-menu {
    display: block;
}





.banner{position:relative;}
.banner .container{position:absolute; left:0; top:44%; right:0; color:#000; font-size:24px;}
.banner h1{font-size:60px; margin:0; font-weight:700; text-transform:uppercase;}
.banner p{margin-bottom:30px; line-height:32px;}

.btn-orng{background:#e72410; font-size:14px; padding:14px 40px; text-transform:uppercase; color:#fff; display:inline-block;}
.btn-orng:hover{background:#000;}

.sec1 .container{position:relative;}
.sec1{padding:80px 0 50px 0;}
.sec1-content{position:absolute; top: 100px; left:0; max-width:940px; right:0; margin:auto;}
.sec1-l{padding-right:45px; margin-right:30px; border-right:1px solid #cccccc;}
.sec1-content p{margin:20px 0 30px;}

.sec2{background:url(../images/sec2-bg.jpg) center top no-repeat; background-size:cover; padding:90px 0 50px;}

h1.with-bg{position:relative; display:inline-block; z-index:1; margin-bottom:50px;}
h1.with-bg span{color:#fff; position:relative;}
h1.with-bg span:before{background:url(../images/paint-bg.png) center center no-repeat; content:''; position:absolute; left:-22px; top:0; z-index:-1; width:184px; height:46px;}

.art{padding:20px; background:#fff; position:relative; margin-bottom:20px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);}
.art .caption{position:absolute; bottom:20px; opacity:0; left:20px; right:20px; background:rgba(0,0,0,.7); padding:20px; text-align:left;}
.art h5{color:#fff; font-size:18px; text-transform:uppercase; margin-bottom:15px;}
.btn-orng.small{font-size:12px; padding:2px 15px;}
.art:hover .caption{opacity:1;}

.sec3{background:url(../images/sec3-bg.jpg) center center no-repeat; background-size:cover;}

.newsletter{background:url(../images/news-bg.jpg) center center no-repeat; background-size:cover; padding:70px 40px; color:#fff; font-size:18px;}
.newsletter h2{font-size:30px;}
.newsletter form{position:relative;}
.newsletter input[type="email"]{height:50px; width:100%; color:#fff; padding:5px 10px; background:#fff; border:none; box-shadow:none;}
.newsletter button{background:#000; font-size:18px; padding:14px 40px; text-transform:uppercase; color:#fff; display:inline-block; border:none; cursor:pointer; font-weight:700; margin-top:20px;}
.newsletter button:hover{background:#fff; color:#ff8226;}
.newsletter input[type="email"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #000;}
.newsletter input[type="email"]::-moz-placeholder { /* Firefox 19+ */color: #000;}
.newsletter input[type="email"]:-ms-input-placeholder { /* IE 10+ */color: #000;}
.newsletter input[type="email"]:-moz-placeholder { /* Firefox 18- */color: #000;}

.testimonial{}
.testimonial h1{margin-bottom:30px;}
.testimonial h1.with-bg span:before{left:-5px;}
.c-caption{max-width:500px; margin:0 auto; font-size:18px;}
.c-caption h5{font-size:18px; margin-top:20px;}

.carousel-indicators{bottom:0; margin-bottom:0; position:relative; margin-top:20px;}
.carousel-indicators li{width:11px; height:11px; background:rgba(0,0,0,.2); border-radius:100%; cursor:pointer;}
.carousel-indicators .active{background-color:#000;}

.footer{background:url(../images/footer-bg.jpg) center center repeat; padding:50px 0; font-size:12px; color:#5b5b5b;}
.footer img{margin-bottom:40px;}
.footer p{margin-bottom:0;}
.footer a{color:#5b5b5b;}
.footer a:hover{color:#fff;}
.flink a{display:inline-block; margin:0 10px; text-transform:uppercase;}
.social{margin-top:20px;}
.social a{font-size:14px; display:inline-block; margin:0 2px; color:#fff; width:33px; height:33px; text-align:center; background-color:transparent; border:1px solid #5b5b5b; border-radius:100%;}
.social a i{color:#5b5b5b; line-height:32px;}
.social a:hover{background-color:#e72410; border-color:#e72410;}
.social a:hover i{color:#fff;}

/*-----------------------For inventory Section-----------------*/
.gallery-category .img img {margin: 0 auto;text-align: center;display: block;}
.active a,.nav li a:hover {
    border: 1px solid #55473e;
    border-right: 0;
    border-left: 0;
    margin-top: -1px;
    margin-bottom: -1px;
}
.gallery-category a h4 {
    position: absolute;
    text-align: center;
    top: 45%;
    color: #fff;
    font-size: 30px;
    transition: all 0.1s ease;
    visibility: hidden;
    margin:0 auto;
    right: 0;
    left: 0;
    /* background: rgba(51, 51, 51, 0.5); */
    /* line-height: 289px; */
    /* text-shadow: 0px 0px 15px #000; */
    transform: scale(0.8);
}
.gallery-category a:hover h4 {visibility:visible;}
.gallery-category a {
    position: relative;
    display: block;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 30px;
}
/* ---- grid ---- */

/* clear fix */

.grid-item {width: 18.2%; margin-bottom:15px;}

.gallery-images .framed {border: 15px solid #fff;box-shadow: 0px 1px 3px rgba(0,0,0,0.5); box-sizing:border-box;}
.stack {
    width: 250px !important;
}
.event-card{
	margin-bottom:30px;
	text-align:center;
}
.event-card .card-header{
	min-height: 70px;
	padding: 10px;
	
}
.event-card .card-body{
	min-height:230px;
	padding:10px;
}
.event-card h5{
	font-size:14px;
	line-height: 20px
}
.event-card .card-text{
	font-size:14px;
}
.product-infos__grid {
    border-top: 2px solid #1f1f1f;
}
.details .column {
    border-left: 1px solid #e5e5e5;
	padding:10px 15px;
}
.details .column label{
    margin-bottom:0;
}
.details .column.col-5 {
    border-left: none;
    padding-left: 30px;
}

@media (min-width: 1200px) {
.container {max-width: 1200px;}
/* .menu{margin-top: -40px;} */
}
@media (max-width: 1199px) {
.sec1-content{top:80px; max-width:780px;}
}
@media (max-width: 991px) {
.logo{margin:5px 0;}	
.menu li + li{margin-left:10px;}
.banner .container{top: 0; position: relative;}
.banner h1{font-size: 36px; margin-top:15px;}
.sec1-content{max-width:100%; position:relative; top:0;}
.sec1-l{padding-right:15px; margin-right:0; border:none; margin-bottom:20px;}
}
@media (max-width: 767px) {
.snav{background:none; border:none; padding:0; margin:0; float:right; line-height:0; width:25px; cursor:pointer;}
.snav i{display:block; background:#000; height:3px;}
.snav i+i{margin-top:4px;}
.menu{display:none; position:absolute; right:15px; top: 48px; min-width:250px; background:#000; z-index:999;
-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);}
.menu > li{display:inline-block;width:100%;float:none; margin:0;}
.menu > li > a{display:block; line-height:normal; padding:10px 15px; color:#fff;}
h1 {font-size: 30px;}
h2 {font-size: 28px;}
.sec2, .sec3, .footer{padding:30px 0;}
.art img{width:100%;}
.newsletter{padding: 30px 20px; margin-bottom:30px;}
}
@media (max-width: 575px) {
.logo{max-width:70px;}
.banner h1, h1 {font-size: 28px;}
.banner .container{font-size:16px;}
.banner .container p{line-height:24px;}
h2 {font-size: 26px;}
.sec1 {padding: 30px 0 20px 0;}
h1.with-bg span::before{width: 164px; height: 36px; background-size: contain;}
.footer img{margin-bottom:20px; max-width:70px;}
.menu li + li {
    margin-left:0 !important;
}
.dropdown-menu {
	display:block;
	position:relative;
	background:none;
	width: 250px;
}
.dropdown-menu li{
	width:100%;
	text-align:right;
}
.dropdown-menu li a{
	color:#fff !important;
}
.dropdown-menu li a:hover{
	color:#e72410 !important;
}
.grid-item {
    width: 45%;
}
.gallery-images .framed {
    border-width: 5px;
}
.details .column.col-3 {
    border-left: none;
    padding-left: 15px;
    font-size: 12px;
}
.details .column.col-5 {
    padding-left:0;
    font-size: 14px;
}
.details .column.col-7 {
    font-size: 14px;
}
}