/*
NAME: grandeursolution.com
Description: Bootstrap Responsive HTML
Version: 1.0
Author: Debraj Rakshit
Author URI: www.debraj.co
Date: 29 August 2018;
*/

@import url('css/slick.css');
@import url('css/slick-theme.css');
@import url('css/bootstrap.min.css');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700,900');
@import url('css/grandeur.css');

/*font-family: 'Montserrat', sans-serif;#e8e7e6*/

body{font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 400; color: #686461; background-color: #fff; word-wrap: break-word;}

/* Nav */
.navbar{background-color: rgba(43,38,35,.75);}
.navbar-brand{width: 42px; height: 42px;}
.navbar-light .navbar-nav .nav-link{color: #fff; text-transform: uppercase;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{color: #fff; text-transform: uppercase;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color: #F3DBA9;}
.navbar-light .navbar-nav .nav-link .active{color: #F3DBA9;}
.dropdown-menu{background-color: #000; padding: 0; border-radius: 0; -webkit-border-radius: 0;}
.dropdown-item{padding: .25rem 1rem; color: #fff; font-size: 12px; text-transform: uppercase;}


#banner{margin-top: 0;}
.slick-dots li button, .slick-dots li{width: 10px; height: 10px;}
.slick-dots li button:before{width: 8px; height: 8px; border: 1px solid #fff; border-radius: 100%;}
.slick-dots li.slick-active button:before{background-color: #fff;}
.slick-prev:before, .slick-next:before{font-family: 'onegalle'; color: #8c704b; font-size: 32px;}
.slick-prev, .slick-next{display: none !important; width: 36px; height: 36px;}
.slick-prev{left: -45px;}
.slick-next{right: -45px;}
.slick-next:before{content: '\ea06';}
.slick-prev:before{content: '\ea07';}
.slick-dots{bottom: 25px; z-index: 100;}

#page{position: relative; padding-bottom: 90px; background-color: #fff;}
#page h1{margin-bottom: 0; font-size: 2.57em; color: #998675; font-weight: 600; text-transform: uppercase;}
#page h2{}
#page h3{font-size: 1.71em; color: #686461;}
#page h4{margin-top: 30px; font-size: 1.28em; color: #736357; font-weight: 600;}

.image-fixed-right{position: absolute; width: 500px; height: 500px; bottom: 0; right: 0;}

.bath-and-body{margin-top: 30px; margin-bottom: 30px; padding: 30px; color: #fff; background-color: #262220;}
.bath-and-body h3{color: #998675 !important; }
.product-wrapper{padding-top: 30px; padding-bottom: 30px;}
.block-dark{background-color: #262220;}
.block-col-wrapper{padding: 45px 15px 15px;}
.block-col-wrapper h3{color: #998675 !important;}
.block-col-wrapper p{color: #fff;}
.col-image{padding: 0;}

#refurbishment{padding: 30px; background-color: #262220; color: #fff; }
.section-title h2{color: #F3DBA9; font-size: 1.28em; font-weight: 600; text-transform: uppercase;}
#refurbishment h3{color: #998675; }
#refurbishment p{color: #fff;}

.h-line{width: 100%; height: 1px; background: none; box-shadow: none; border: none; border-bottom: 1px solid #262220; margin-top: 15px; margin-bottom: 15px;}
.btn-download{background-color: #534741; color: #fff; border-radius: 25px; -webkit-border-radius: 25px;}
.btn-download:hover{color: #fff;}
.btn-send{background-color: #534741; color: #fff; border-radius: 25px; -webkit-border-radius: 25px; cursor: pointer;}
.btn-send:hover{color: #fff;}

#footer{margin-top: 0; padding-top: 15px; padding-bottom: 5px; background-color: #000; color: #fff; }
#footer a{color: #848281; text-decoration: none;}
#footer a:hover, #footer a:focus, #footer a:active{color: #fff;}
#footer p{font-size: 12px; color: #848281;}
.social-icons a{margin-left: 2px; margin-right: 2px; font-size: 1.81em; color: #848281;}
.footer-copyright p{text-align: right; vertical-align: middle;}

@media (max-width: 568px){
	#footer p{text-align: center;}
}
@media (min-width: 600px){
	#footer p{text-align: center;}
}
@media (min-width: 640px){
	#footer p{text-align: center;}
}
@media (min-width: 731px){
	#footer p{text-align: center;}
}
@media (min-width: 767px){
	#footer p{text-align: center;}
}
@media (min-width: 768px){
	#footer p{text-align: center;}
}
@media (min-width: 812px){
	#footer p{text-align: center;}
}
@media (min-width: 992px){
	#footer p{text-align: left;}
}
@media (min-width: 1024px){
	#footer p{text-align: left;}
}
@media (min-width: 1100px){
	#footer p{text-align: left;}
}
@media (min-width: 1200px){
	#footer p{text-align: left;}
}