@charset "utf-8";
/* CSS Document */
html {scroll-behavior: smooth;}

*{margin: 0px;padding: 0px;box-sizing: border-box;}


@font-face {
  font-family: 'bloverly';
  src:  url("../../font/bloverly.woff") format('woff2'),
url("../../font/bloverly.woff") format('woff');
}
body{font-family: 'Inter', sans-serif;}
h1, h2, h3, h4, h5{font-family: 'bloverly';line-height: 1;text-transform: uppercase;}

h1 > span.spo > span.spib,
h2 > span.spo > span.spib,
h3 > span.spo > span.spib,
h4 > span.spo > span.spib,
h5 > span.spo > span.spib{display: inline-block;}

.spo{display: block;overflow: hidden;}
.loader{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #ffffff;z-index: 9999;}

.heading-01{font-size: calc(40px + 5vh);}
.heading-02{font-size: calc(36px + 4vh);}

.btn-knowmore{display: inline-block;font-size: 12px;font-weight: 700;padding: 15px 24px;text-transform: uppercase;position: relative;overflow: hidden;transition: all 500ms ease-in-out;}
.btn-knowmore:before{content: "";width: 200px;height: 200px;position: absolute;top: 50%;left: 50%;transform: scale(0.1) translate(-50%,-50%);border-radius: 100%;z-index: 7;transition: all 1000ms ease-in-out;}
.btn-knowmore:after{content: "";width: 200px;height: 200px;position: absolute;top: 50%;left: 50%;transform: scale(0.1) translate(-50%,-50%);border-radius: 100%;z-index: 6;transition: all 1000ms ease-in-out;}
.btn-knowmore .txt{position: relative;z-index: 9;transition: all 500ms ease-in-out;}

.btn-knowmore.black{color: #000000;border: 1px solid #000000;}
.btn-knowmore.black:before{content: "";background: #470f21;transition: all 500ms ease-in-out;}
.btn-knowmore.black:after{content: "";background: black;}
.btn-knowmore.black .txt{}

.btn-knowmore.white{color: #ffffff;border: 2px solid #ffffff;}
.btn-knowmore.white:before{content: "";background: #ffffff;transition: all 500ms ease-in-out;}
.btn-knowmore.white:after{content: "";background: #666666;}
.btn-knowmore.white .txt{color: #ffffff;}

.btn-knowmore:hover{transition: all 500ms ease-in-out;}
.btn-knowmore:hover:before{transform: scale(1) translate(-50%,-50%);transition: all 1000ms ease-in-out;}
.btn-knowmore:hover:after{transform: scale(1) translate(-50%,-50%);transition: all 500ms ease-in-out;}

.btn-knowmore.black:hover .txt{color: #ffffff;transition: all 500ms ease-in-out;}
.btn-knowmore.white:hover .txt{color: #470f21;transition: all 500ms ease-in-out;}

.btn-scrollTop {position: fixed;bottom: -100px;right: 10px;z-index: 99;text-align: center;transition: all 500ms ease-in-out 0s;}
.btn-scrollTop span.top_icon {display: block;width: 40px;}
.btn-scrollTop span.txt {display: block;color: rgb(255 255 255);background: #470f21;padding: 2px 7px;text-transform: uppercase;font-weight: bold;letter-spacing: 1px;text-align: center;font-size: 11px;}
.btn-scrollTop:hover, .btn-scrollTop:hover span.txt {color: rgb(255 255 255);text-decoration: none;}
.btn-scrollTop.active {bottom: 10px;transition: all 500ms ease-in-out 0s;}

a.btn-space{display: inline-block;color: #000000;letter-spacing: 2px;text-shadow: 1px 0px BLACK;transition:all 500ms ease-in-out;}
a.btn-space .thumb{display: inline-block;transform: scale(1);overflow: hidden;transition:all 500ms ease-in-out;}
a.btn-space .thumb img{transform: scale(1);transition:all 500ms ease-in-out;}
a.btn-space .txt{display: block;text-align: center;padding-top: 30px;transition:all 500ms ease-in-out;}
a.btn-space .txt h4{transition:all 500ms ease-in-out;}

a.btn-space:hover{transition:all 500ms ease-in-out;}
a.btn-space:hover .thumb{transform: scale(.9);transition:all 500ms ease-in-out;}
a.btn-space:hover .thumb img{transform: scale(1.2);transition:all 500ms ease-in-out;}


header{position: fixed;top: 0;left: 0;width: 100%;padding-top: 4vh;padding-left: 8.333333%;padding-right: 8.333333%;z-index: 999;transition: all 500ms ease-in-out;padding-bottom: 4vh;}
header nav.navbar.navbar-expand-lg.navbar-dark{padding: 0px !important}
header a.navbar-brand{}
header a.nav-link{color: #ffffff !important;font-size: 14px;font-weight: 600;text-transform:uppercase;padding: 1vh 2vh!important;}
 
header.stickyheader{background: #ffffff;padding-top: 15px;padding-bottom: 10px;box-shadow: 0px 0px 10px rgba(0,0,0,0.3);transition:all 200ms ease-in-out;}
header.stickyheader a.nav-link{color: #470f21 !important}

header.bg-maroon{/*background: #511125;*/}
header.bg-maroon a.navbar-brand{/*filter: invert(100) brightness(100);*/}
header.bg-maroon a.nav-link{color: #470f21 !important}
header.bg-maroon.stickyheader a.navbar-brand{filter: invert(0);}

footer{}
footer h5{font-family: 'Inter', sans-serif;color: #470f21;font-size: 14px;font-weight: 600;padding-bottom: 16px;margin-bottom: 15px;border-bottom: 1px solid #cccccc;}
footer .top-footer .col-md-10{padding: 70px 0px 70px 0px;border-top: 1px solid #ccc;}
footer .sup-footer{color: #747474;background: #d7d7d7;padding: 30px 0px;}
footer .sup-footer p{font-size: 14px;margin-bottom:0px}
.f_colbox {display: inline-block;}
ul.quick-liks{margin: 0px;padding: 0px;list-style-type: none;}
ul.quick-liks li{}
ul.quick-liks li a{color: #666666;font-size: 14px;padding: 5px 0px;display: block;min-width: 150px;}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { 
	
	header a.navbar-brand{width: 210px;}
	div#navbarSupportedContent{background:#ffffff;}
	button.navbar-toggler{background: #470f21;border-radius: 0px;padding: 7px;}
	header {/* background: #ffffff; */padding-top: 15px;padding-bottom: 10px;transition: all 200ms ease-in-out;}
	header, .container-fluid{padding-left: 5.333333%;padding-right: 5.333333%;}
	header a.nav-link {color: #470f21 !important;}
	
	.heading-01{font-size: 44px;text-shadow: 1px 0px BLACK;margin: 50px 0px 30px 0px;}
	.heading-02{font-size: 36px;text-shadow: 1px 0px BLACK;}
	
	.spo{text-align: left;}

	.btn-knowmore{padding:10px 20px;border-width: 1px !important;}
	.btn-knowmore span{}

	a.btn-space{margin-bottom: 50px;border: 1px solid #ccc;}
	a.btn-space .txt{padding: 15px;}
	a.btn-space .txt h4{margin-bottom:0px;}
	
	footer h5{text-align: left;padding-bottom: 10px;margin-bottom: 5px;margin-top: 30px;}
	footer{text-align:center;}
	footer .top-footer .col-md-10{padding: 30px 18px;}
	ul.quick-liks li a{text-align:left}
	
	.f_colbox{width:100%;}

	.eapps-subscription-form-ce9f3a81-2096-4afc-bf8e-36a511ceb5ab-custom-css-hook form{justify-content: space-between;}
	
	footer .sup-footer{padding:15px 10px 20px 5px;text-align:left;}
	
	
	.logo-questone-q{
    width: 80px;
    float: left;
}
	
	
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {

}
 
/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1199px) {
	.spo{text-align: center}
	header, .container-fluid{padding-left: 8.333333%;padding-right: 8.333333%;}	
	a.btn-space{margin-bottom: 60px;}	
	.f_colbox{margin-top: 40px;}
	
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	
}

/* iPad 3 (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio : 2),
only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (min-resolution: 192dpi) { 

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
	
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
	
}

/* Retina displays ----------- */
@media  only screen 
and (-webkit-min-device-pixel-ratio : 2), 
only screen 
and (min-resolution: 192dpi) {

}