@charset "utf-8";
.discover{background:#eabba1 url('../image/macroys-bottle.jpg') no-repeat right bottom;min-height:100vh;background-size:contain;}
.discover h2{font-family:Copperplate Gothic;margin-top:100px;font-weight:bold;}
.discover p{font-size:20px;font-family:Segoe UI;}
body{font-family:Segoe UI;}
.discover a.link{text-decoration:none;display:inline-block;padding:3px 0px;border-bottom:2px solid #333;color:#333;font-weight:500;}
.master-distiller{padding:100px 0;}
.master-distiller h2, .about h2, .inner h2, .cocktail-tab h2{font-family:Copperplate Gothic;}
.master-distiller p, .about p, .cocktail-tab p{font-size:20px;line-height:35px;}
.cocktail{background:#000 url('../image/glass-bg.jpg') no-repeat right bottom;padding:250px 0;background-size:contain;}
.cocktail h2{font-family:Copperplate Gothic;}
.cocktail p{font-size:20px;}
.cocktail a{text-decoration:none;display:inline-block;padding:3px 0px;border-bottom:2px solid #fff;color:#fff;font-weight:500;}
.social-widget{padding:100px 0;}
.social-widget h2{font-family:Copperplate Gothic;font-weight:500;}
.social-widget h4{font-family:Segoe UI;font-weight:500;}
footer .footer-menu ul{list-style:none;}
footer .footer-menu ul li a{text-decoration:none;display:block;padding:5px 0;color:#333;font-weight:500;}
footer .address{font-weight:500;}
footer .address a{text-decoration:none;color:#333;}
footer .bullets{list-style:none;}
footer .bullets li{padding-left:20px;position:relative;font-size:18px;font-weight:500;}
footer .bullets li:before{content:"-";position:absolute;left:0;}
footer .list-group li{display:inline-block;}
footer .copyright a{text-decoration:none;font-weight:500;color:#333;padding-left:15px;}
.video{position:relative;}
.video #play{position:absolute;z-index:1;width:100%;text-align:center;padding-top:40vh;background:rgba(0,0,0,0.5);left:0;top:0;height:100%;cursor:pointer;font-family:Copperplate Gothic;font-size:35px;}
/* footer */
footer{background:url('../image/footer-bg.jpg');padding:60px 0 20px;}
.cnvs-switcher-container{display:none;}
/* footer */
/* menu */
.menu{position:fixed;height:100%;background:rgba(0,0,0,0);width:0px;z-index:5;right:0;top:68px;transition:all 0.5s ease-in-out;}
.menu.active{width:300px;background:rgba(0,0,0,0.8);}
.menu ul{list-style:none;margin:0;padding:20px;}
.menu ul li{display:block;padding:10px 0;}
.menu ul li a{color:#fff;text-decoration:none;font-size:20px;text-transform:uppercase;white-space:nowrap;}
/* menu */

.tomintoul-distillery{background:url('../image/tomintoul-distillery-bg.jpg');}
.distillery h4, .distillery p, .tomintoul-distillery p, .tab-pane ol, .tab-pane ul{font-family:Segoe UI;font-size:20px;line-height:35px;}
.product h4, .product h6{font-family:Segoe UI;}

/* contact */
.contact .btn{padding:5px 40px;}
.contact h4{font-family:Copperplate Gothic;}
/* contact */

/* inner page */
.inner{background:url('../image/inner-bg.jpg') no-repeat;min-height:100vh;}
.inner .tab-content{background:#fae6c5;}
.cocktail-tab .tab-content{background:url('../image/cocktail-bg.jpg') no-repeat;background-size:cover;padding:20px;box-shadow:5px 4px 5px #ccc;border-radius:16px;}
.inner .nav-tabs .nav-item.show .nav-link, .inner .nav-tabs .nav-link{background:#f1eee8;border-radius:100px;padding:7px 35px;border:0;margin-left:15px;color:#0c0c0c;}
.inner .nav-tabs .nav-link.active{background:#fffffe !important;box-shadow:0 0 8px rgba(0,0,0,0.2);}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{background:transparent !important;}
.inner p{font-family:Segoe UI;font-size:20px;line-height:35px;}
/* inner page */
/* product */
.product{background:#f8f8f8 url('../image/product-bg.jpg') no-repeat center 170%;min-height:100vh;background-size:100%;padding-top:150px;}
.product img{max-height:450px;}
.product h4{}
.product .peat, .product-head.peat{color:#484b3d !important;}
.product .bb1, .product-head.bb1{color:#785734 !important;}
.product .sherry, .product-head.sherry{color:#761924 !important;}
#extra-peat p, #bb1 p, #sherry p{font-family:Segoe UI;font-size:20px;line-height:35px;}
.product-head{}
.product p{color:#575757;}
/*.product .bg-white{box-shadow:0 5px 8px rgba(0,0,0,0.1);border-radius:5px;}*/
#extra-peat, #bb1, #sherry{display:none;}
/* product */
.drinkable{font-family:Copperplate Gothic;font-weight:800;font-size:30px;padding-top:40%;}
.drinkable .text-danger{font-size:36px;line-height:33px;}
.drinkable-bg{background:#342124 /*url('../image/drinkable-age.png') no-repeat;background-position:10% bottom*/;min-height:100vh;background-size:700px;}
.drinkable-bg a{text-decoration:underline;}
.cocktail-tab .tab-pane ul, .cocktail-tab .tab-pane ol{padding-left:25px;}
.cocktail-tab .nav.nav-tabs .nav-link{padding:0;margin:0;max-width:100px;}
.cocktail-tab .nav.nav-tabs .nav-link:hover{border:0;outline:0;}
.cocktail-tab .nav.nav-tabs .nav-link img{width:82px;padding:10px 5px;border-radius:8px;display:block;margin:0 auto;}
.cocktail-tab .nav.nav-tabs, .cocktail-tab .nav.nav-tabs .nav-link:hover, .cocktail-tab .nav.nav-tabs .nav-link.active, .cocktail-tab .nav.nav-tabs .nav-link:focus{border:0;}
.red{color:#333 !important;font-family:Copperplate Gothic;}
#menu{padding:10px;}
#myTab1 .nav-link{color:#333;font-size:14px;margin-right:10px;text-align:center;line-height:15px;}
#myTab1 .nav-link.active{}
@media screen and (max-width: 600px) {
.discover{min-height:327px;}
#play{padding-top:15% !important;}
.discover h2{margin-top:0;}
}
.tp-bgimg.defaultimg{}
.tp-mask-wrap, .tp-parallax-wrap{z-index:100 !important;}
/* fonts */
@font-face {
    font-family: 'Copperplate Gothic';
    src: url('../fonts/CopperplateGothic-Light.eot');
    src: url('../fonts/CopperplateGothic-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CopperplateGothic-Light.woff2') format('woff2'),
        url('../fonts/CopperplateGothic-Light.woff') format('woff'),
        url('../fonts/CopperplateGothic-Light.ttf') format('truetype'),
        url('../fonts/CopperplateGothic-Light.svg#CopperplateGothic-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/SegoeUI-SemiboldItalic.eot');
    src: url('../fonts/SegoeUI-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SegoeUI-SemiboldItalic.woff2') format('woff2'),
        url('../fonts/SegoeUI-SemiboldItalic.woff') format('woff'),
        url('../fonts/SegoeUI-SemiboldItalic.ttf') format('truetype'),
        url('../fonts/SegoeUI-SemiboldItalic.svg#SegoeUI-SemiboldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

/* fonts */

/* arrow animation */
.arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform: rotate(90deg);
    cursor: pointer;
}

.arrow span {
    display: block;
    width: 1.5vw;
    height: 1.5vw;
    border-bottom: 5px solid #000;
    border-right: 5px solid #000;
    transform: rotate(45deg);
    margin: -10px;
    animation: animate 2s infinite;
}

.arrow span:nth-child(2) {
    animation-delay: -0.2s;
}

.arrow span:nth-child(3) {
    animation-delay: -0.4s;
}

@keyframes animate {
    0% {
        opacity: 0;
        transform: rotate(45deg) translate(-20px, -20px);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: rotate(45deg) translate(20px, 20px);
    }
}
/* arrow animation */

.zoom{position:relative;}
.zoom-icon{position:absolute;z-index:1;bottom:5px;right:10px;width:40px;height:40px;}
.copyright.text-right{text-align:right;}
.special{position:absolute;width:600px;top:35%;right:5%;}
.distillery img, .tomintoul-distillery img{max-width:100%;}
@media screen and (min-width:1px) and (max-width:600px){
    .special{position:absolute;width:60%;top:6%;right:2%;font-size:13px;}
    .inner{min-height:auto;}
    footer img{width:auto;}
    .discover .pt-5{padding-top:10px !important;}
    .discover{padding-bottom:20px;min-height:570px !important;}
    .discover .text-muted{font-size:13px;}
    .master-distiller{padding:20px 0;}
    .cocktail{padding:50px 0 250px;}
    .copyright, .copyright.text-right{text-align:center !important;margin-top:10px;}
    .arrow span {width: 4.5vw;height: 4.5vw;}
    #profile p{font-size:13px;line-height:18px;}
/*    #myTab{display:none;}*/
    #myTab1{}
    .nav-link{text-decoration:underline;line-height:30px;}
    .distillery, .tomintoul-distillery{padding:10px !important;}
    .zoom img{width:100%;}
    .footer-menu{margin-top:20px;}
    .map{text-align:left !important;}
    .drinkable-bg{background-size:50vh;}
    .drinkable{font-size:18px;}
    .drinkable .text-danger{font-size:20px;}
    footer img{width:auto;}
}
@media screen and (min-width:600px) and (max-width:768px){
/*.drinkable{padding-top:15%;}*/
.discover{min-height:80vh;}
.video #play{padding-top:15vh;}
footer img{width:auto;}
}
@media screen and (min-width:600px) and (max-width:1024px){
    .discover p{font-size:18px;}
    .video #play{padding-top:22vh;}
    footer img{width:auto;}
}

@media screen and (min-width:1024px) and (max-width:1786px){
    .active-revslide .tp-parallax-wrap{left:5% !important;}
    .active-revslide .tp-parallax-wrap:nth-last-child(1){left:95% !important;}
}