@charset "UTF-8";

/* font face kit */
@font-face {
    font-family: 'Arial Nova';
    src: url('../fonts/ArialNova-Bold.eot');
    src: url('../fonts/ArialNova-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ArialNova-Bold.woff2') format('woff2'),
        url('../fonts/ArialNova-Bold.woff') format('woff'),
        url('../fonts/ArialNova-Bold.ttf') format('truetype'),
        url('../fonts/ArialNova-Bold.svg#ArialNova-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arial Nova';
    src: url('../fonts/ArialNova.eot');
    src: url('../fonts/ArialNova.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ArialNova.woff2') format('woff2'),
        url('../fonts/ArialNova.woff') format('woff'),
        url('../fonts/ArialNova.ttf') format('truetype'),
        url('../fonts/ArialNova.svg#ArialNova') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arial Nova';
    src: url('../fonts/ArialNova-BoldItalic.eot');
    src: url('../fonts/ArialNova-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ArialNova-BoldItalic.woff2') format('woff2'),
        url('../fonts/ArialNova-BoldItalic.woff') format('woff'),
        url('../fonts/ArialNova-BoldItalic.ttf') format('truetype'),
        url('../fonts/ArialNova-BoldItalic.svg#ArialNova-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Arial Nova Cond';
    src: url('../fonts/ArialNovaCond-LightItalic.eot');
    src: url('../fonts/ArialNovaCond-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ArialNovaCond-LightItalic.woff2') format('woff2'),
        url('../fonts/ArialNovaCond-LightItalic.woff') format('woff'),
        url('../fonts/ArialNovaCond-LightItalic.ttf') format('truetype'),
        url('../fonts/ArialNovaCond-LightItalic.svg#ArialNovaCond-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Arial Nova Cond';
    src: url('../fonts/ArialNovaCond-Light.eot');
    src: url('../fonts/ArialNovaCond-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ArialNovaCond-Light.woff2') format('woff2'),
        url('../fonts/ArialNovaCond-Light.woff') format('woff'),
        url('../fonts/ArialNovaCond-Light.ttf') format('truetype'),
        url('../fonts/ArialNovaCond-Light.svg#ArialNovaCond-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arial Nova Cond';
    src: url('../fonts/ArialNovaCond-BoldItalic.eot');
    src: url('../fonts/ArialNovaCond-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ArialNovaCond-BoldItalic.woff2') format('woff2'),
        url('../fonts/ArialNovaCond-BoldItalic.woff') format('woff'),
        url('../fonts/ArialNovaCond-BoldItalic.ttf') format('truetype'),
        url('../fonts/ArialNovaCond-BoldItalic.svg#ArialNovaCond-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Arial Nova Cond';
    src: url('../fonts/ArialNovaCond-Italic.eot');
    src: url('../fonts/ArialNovaCond-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ArialNovaCond-Italic.woff2') format('woff2'),
        url('../fonts/ArialNovaCond-Italic.woff') format('woff'),
        url('../fonts/ArialNovaCond-Italic.ttf') format('truetype'),
        url('../fonts/ArialNovaCond-Italic.svg#ArialNovaCond-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Arial Nova Cond';
    src: url('../fonts/ArialNovaCond-Bold.eot');
    src: url('../fonts/ArialNovaCond-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ArialNovaCond-Bold.woff2') format('woff2'),
        url('../fonts/ArialNovaCond-Bold.woff') format('woff'),
        url('../fonts/ArialNovaCond-Bold.ttf') format('truetype'),
        url('../fonts/ArialNovaCond-Bold.svg#ArialNovaCond-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arial Nova';
    src: url('../fonts/ArialNova-Light.eot');
    src: url('../fonts/ArialNova-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ArialNova-Light.woff2') format('woff2'),
        url('../fonts/ArialNova-Light.woff') format('woff'),
        url('../fonts/ArialNova-Light.ttf') format('truetype'),
        url('../fonts/ArialNova-Light.svg#ArialNova-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arial Nova';
    src: url('../fonts/ArialNova-Italic.eot');
    src: url('../fonts/ArialNova-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ArialNova-Italic.woff2') format('woff2'),
        url('../fonts/ArialNova-Italic.woff') format('woff'),
        url('../fonts/ArialNova-Italic.ttf') format('truetype'),
        url('../fonts/ArialNova-Italic.svg#ArialNova-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Arial Nova';
    src: url('../fonts/ArialNova-LightItalic.eot');
    src: url('../fonts/ArialNova-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ArialNova-LightItalic.woff2') format('woff2'),
        url('../fonts/ArialNova-LightItalic.woff') format('woff'),
        url('../fonts/ArialNova-LightItalic.ttf') format('truetype'),
        url('../fonts/ArialNova-LightItalic.svg#ArialNova-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Arial Nova Cond';
    src: url('../fonts/ArialNovaCond.eot');
    src: url('../fonts/ArialNovaCond.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ArialNovaCond.woff2') format('woff2'),
        url('../fonts/ArialNovaCond.woff') format('woff'),
        url('../fonts/ArialNovaCond.ttf') format('truetype'),
        url('../fonts/ArialNovaCond.svg#ArialNovaCond') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* font face kit */
body,html{overflow-x:hidden;}
body{font-family:'Arial Nova', sans-serif;}
h2{font-size:4rem;}
.menu{list-style:none;padding:0;}
.menu li{font-size:1.5rem;font-weight:100;}
.menu li a{color:#000;text-decoration:none;}
p{font-size:1.5rem;}
.product{background:#fff;border:1px solid #ccc;border-radius:10px;box-shadow:5px 5px 8px rgba(0,0,0, 0.2);}
.product img{width:100%;padding:20px;}
.time{width:300px;position:absolute;right:20px;height:300px;}
.time img{position:relative;z-index:1;width:60%;left:20%;padding-top:50px;}
.time:before{content:"";background:url('../images/time.png') no-repeat;width:200px;height:200px;position:absolute;background-size:contain; -webkit-animation:spin 8s linear infinite;
    -moz-animation:spin 8s linear infinite;
    animation:spin 8s linear infinite;}

@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg);} 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}

.thumb-images{position:absolute;top:-200px;left:40%;z-index:-1;}
.thumb-images img{width:400px;}
.time1{width:200px;position:relative;height:200px;}
.time1 img{position:relative;z-index:1;width:60%;left:20%;padding-top:50px;}
.time1:before{content:"";background:url('../images/explore.png') no-repeat;width:200px;height:200px;position:absolute;background-size:contain; -webkit-animation:spin 8s linear infinite;
    -moz-animation:spin 8s linear infinite;
    animation:spin 8s linear infinite;}
#video{position:relative;}
#video .video-caption{position:absolute;left:10%;top:40%;z-index:2;color:#fff;width:80%;text-align:center;}
.social .item{border:1px solid #333;padding:10px;}
.social .item img{margin-bottom:15px;}
.social h4{font-size:18px;font-size:300;}
.social p{font-size:14px;font-weight:100;}
.social span{display:inline-block;width:90%;}
footer{background:url('../images/footer-bg.jpg') no-repeat;margin-top:20px;padding:20px 0;background-size:cover;border-radius:20px;margin:40px 15px 15px !important;}
footer a{text-decoration:none;color:#765A71;}
.copyright{color:#877085;}
.border-bottom, .border-top{border-color:#5B3758;}
.navbar-toggler{position:absolute;top:5px;right:5px;z-index:5;background:#fff;display:none;}
@media only screen and (min-width: 1800px){
.social .item{min-height:750px;}

}

#page3{
    /*min-height: 100vh;*/
    width: 100%;
    background-color: #fff;
    color: black;

}
.elem{
    height: 150px;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 2vw;
    border-bottom: 1px solid rgb(129, 129, 129);
    overflow: hidden;
   
    

}
.elem h2{
    font-size: 2vw;
    position: relative;
    z-index: 9;
    
}
.elem .overlay{
    height: 100%;
    width: 100%;
    background-color: #DAAA70;
    position: absolute;
    left: 0;
    top: -100%;
    transition: all ease 0.2s; 
}
.elem:hover .overlay{
    top: 0;
}
#elem-container h2{/*font-family: "League Gothic", sans-serif;*/font-size:50px;font-weight:bold;}
#fixed-image{
    height: 29vw;
    width: 23vw;
    background-color:;
    border-radius: 10px;
    position: fixed;
    z-index: 99;
    left: 50%;
    top: 25%;
    display: none;
    background-size:cover;
    background-image: center;
    pointer-events:none;
}

.contact-banner{background:#B0C1D5;background:linear-gradient(180deg, rgba(176, 193, 213, 1) 0%, rgba(236, 239, 243, 1) 50%);}
.contact-form{background:#F3F3F3;padding:40px;border-radius:20px;}
.brandy p, .about-content p{font-size:25px;}

@media screen and (min-width:1px) and (max-width:768px){
    .navbar-toggler{display:block;}
    .thumb-images {
    position: absolute;
    top: -55px;
    right: 10px;
    z-index: -1;}

    .thumb-images img {
    width: 250px;
}
h2 {
    font-size: 2rem;
}
p {
    font-size: 1.2rem;
}
.director .p-5{padding:10px !important;}
.director img{width:initial;}
video{object-fit:cover;height:200px;}
.video-caption h2{font-size: 1.5rem;}
.video-caption h3{font-size: 1.2rem;}
.video-caption{left: 5%;bottom: 5%;color: #fff;width: 90%;top:initial;}
footer span{max-width:100%;}
footer .text-end{text-align:center !important;}
.brandy .col-lg-6{padding-left:20px !important;}
.brandy h3{font-size:1.3rem !important;}
.contact-banner img{bottom:0 !important;}
.contact-form{background:#F3F3F3;padding:15px;border-radius:20px;}
.time, .time1{display:none;}
.elem{height:auto;padding:20px 2vw;}
#elem-container h2{font-size:1.5rem;}
.about-content{padding-left:10px !important;}
.about-content p{font-size:1.2rem !important;}
.social-menu{text-align:center;}
}

.btn-primary{
    color:black;
    background:transparent;
    border: none;
}