/* Typography */ @font-face { font-family: 'BlackArcade'; src: url('../fonts/BlackArcade.eot'); src: url('../fonts/BlackArcade.eot') format('embedded-opentype'), url('../fonts/BlackArcade.woff') format('woff2'), url('../fonts/BlackArcade.woff') format('woff'), url('../fonts/BlackArcade.ttf') format('truetype'), url('../fonts/BlackArcade.svg') format('svg'); } @font-face { font-family: 'Cleavers_Juvenia'; src: url('../fonts/Cleavers_Juvenia.eot'); src: url('../fonts/Cleavers_Juvenia.eot') format('embedded-opentype'), url('../fonts/Cleavers_Juvenia.woff') format('woff2'), url('../fonts/Cleavers_Juvenia.woff') format('woff'), url('../fonts/Cleavers_Juvenia.ttf') format('truetype'), url('../fonts/Cleavers_Juvenia.svg') format('svg'); } @font-face { font-family: 'BellMT'; src: url('../fonts/BellMT.eot'); src: url('../fonts/BellMT.eot') format('embedded-opentype'), url('../fonts/BellMT.woff') format('woff2'), url('../fonts/BellMT.woff') format('woff'), url('../fonts/BellMT.ttf') format('truetype'), url('../fonts/BellMT.svg') format('svg'); } @font-face { font-family: 'BELLI'; src: url('../fonts/BELLI.eot'); src: url('../fonts/BELLI.eot') format('embedded-opentype'), url('../fonts/BELLI.woff') format('woff2'), url('../fonts/BELLI.woff') format('woff'), url('../fonts/BELLI.ttf') format('truetype'), url('../fonts/BELLI.svg') format('svg'); } /* // End typography */ /* Resets ------ */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; } ul{list-style: none;} article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video{display: block;} dfn, address, em{font-style: normal;} blockquote, q{quotes: none;} blockquote:before, blockquote:after, q:before, q:after{content: ''; content: none;} table{border-collapse: collapse; border-spacing: 0;} b, strong{font-weight: bold;} [type="checkbox"], [type="radio"]{-webkit-box-sizing: border-box;box-sizing: border-box; padding: 0;} [type="search"]{-webkit-appearance: textfield; outline-offset: -2px;} [type="search"]::-webkit-search-decoration{-webkit-appearance: none;} ::-webkit-file-upload-button{-webkit-appearance: button; font: inherit;} .clear:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} a img{border:0; width: auto; height: auto; max-width: 100%; vertical-align: bottom; border-style: none; -webkit-perspective: 0; perspective: 0; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); visibility:visible; backface-visibility: hidden;} a,input,select,textarea{outline:none;} img{width: auto; height: auto; max-width: 100%; vertical-align: bottom; border-style: none; -webkit-perspective: 0; perspective: 0; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); visibility:visible; backface-visibility: hidden;} /* Selection colours (easy to forget) */ img::-moz-selection{background: transparent;} img::selection{background: transparent;} img::-moz-selection{background: transparent;} a{text-decoration: none; display: inline-block;} input[type='number']{-moz-appearance:textfield;} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none;} input::-moz-focus-inner{border:0; padding: 0; } input:invalid, input:required{-webkit-box-shadow: none;box-shadow: none;} input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration{display: none;} input:required { -webkit-box-shadow:none; box-shadow:none; } input::-moz-focus-inner{box-shadow:0 0 0px transparent;} input[type="text"],input[type="email"],input[type="tel"],input[type="search"],input[type="number"],input[type="submit"],input[type="password"],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;} input[type="submit"]{cursor: pointer;} button:focus{outline: none;} /* Default Layout ------------------------------------------------------------------------------- */ body{background: rgb(255,255,255); -webkit-text-size-adjust: 100%; -moz-text-size-adjust:100%; -moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased; font-size: 22px; line-height: 30px; font-family: 'BellMT', sans-serif; font-weight: normal; letter-spacing: 0.29px;} *{-webkit-box-sizing: border-box; box-sizing: border-box;} /* Global style */ h1, h2, h3, h4, h5{font-size: 95px; line-height: 104px; font-family: 'Cleavers_Juvenia'; font-weight: normal; color: #ffffff; letter-spacing: 1.36px;} h2{font-size: 80px; line-height: 84px; font-family: 'Cleavers_Juvenia'; font-weight: normal; letter-spacing: 1.14px;} h3{font-size: 60px; line-height: 64px; font-family: 'Cleavers_Juvenia'; font-weight: normal; letter-spacing: 0.86px;} h4{font-size: 50px; line-height: 54px; font-family: 'Cleavers_Juvenia'; font-weight: normal; letter-spacing: 0.71px;} h5{font-size: 40px; line-height: 44px; font-family: 'Cleavers_Juvenia'; font-weight: normal; letter-spacing: 0.57px;} .feature{font-size: 42px; line-height: 84px; font-family: 'BlackArcade'; letter-spacing: 0.64px;} .btn{-webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; text-align: center;} .btn.large{min-width: 340px; min-height: 60px; line-height: 60px; padding-left: 14px;} .btn-large-transparent{border: 1px solid #48378e; font-size: 20px; letter-spacing: 0.29px; position: relative;} .btn-large-transparent:after { content: ''; position: absolute; left: auto; top: auto; bottom: -10px; right: -10px; background-image: url(../svgs/wood-pattern-01.svg); width: 340px; height: 60px; background-size: 210%; background-position: center center; z-index: -1; border: 1px solid #48378e; background-color: transparent; } .btn-large-transparent.gd-blue, .btn.gd-blue {background-image: -webkit-gradient(linear, left top, right top, from(#5D5AB5), to(#676CC8));background-image: -o-linear-gradient(left, #5D5AB5, #676CC8);background-image: linear-gradient(to right, #5D5AB5, #676CC8); border-color: #ffffff; color: #ffffff;} .btn-large-transparent.gd-blue:after, .btn.gd-blue:after{background-image: url(../svgs/wood-pattern-white.svg); background-color: transparent; border-color: #ffffff;} .btn-large-transparent.sd-blue, .btn.sd-blue{background-color: #849cfd; border-color: #48378e; color: #48378e;} .btn-large-transparent.sd-blue:after, .btn.sd-blue:after{background-color: transparent;} .white-btn-transparent{border: 1px solid #ffffff; color: #ffffff;} .white-btn-transparent:after{background-image: url(../svgs/wood-pattern-white.svg); background-color: transparent; border-color: #ffffff;} .red-bg-btn{background-color: #8e0811;} .yellow-bg-btn{background-color: #ff9101;} .blue-bg-btn{background-color: #5f9bfc;} .bg-navy{background-color: #1a0049;} .btn:hover > span { opacity: 0; } .marquee { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; pointer-events: none; opacity: 0;} .marquee-inner { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation: marquee 3s linear infinite; animation: marquee 3s linear infinite; -webkit-animation-play-state: paused; animation-play-state: paused;} .btn:hover .marquee {opacity: 1;} .btn:hover .marquee-inner { -webkit-animation-play-state: running; animation-play-state: running; opacity: 1; -webkit-transition-duration: 2s; -o-transition-duration: 2s; transition-duration: 2s; } .marquee span { text-align: center; white-space: nowrap; padding: 0 10px; } @-webkit-keyframes marquee { 0% { -webkit-transform: translate3d(calc(-20% + 20px), 0, 0); transform: translate3d(calc(-20% + 20px), 0, 0); } 100% { -webkit-transform: translate3d(calc(-40% + 20px), 0, 0); transform: translate3d(calc(-40% + 20px), 0, 0); } } @keyframes marquee { 0% { -webkit-transform: translate3d(calc(-20% + 20px), 0, 0); transform: translate3d(calc(-20% + 20px), 0, 0); } 100% { -webkit-transform: translate3d(calc(-40% + 20px), 0, 0); transform: translate3d(calc(-40% + 20px), 0, 0); } } .mobi{display: none;} .desk{display: block;} .common-wrap, .md-container{max-width: 950px; margin: 0 auto; clear: both; padding: 0 20px;} .md-container{max-width: 840px;} picture{float: left; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } section, footer, header{float: left; width: 100%; position: relative;} html{max-height: 100%; height: 100%; min-height: 100%;} html.home-page{overflow: hidden;} body,html{height: 100%;} .main-wrap{min-height: 100%; overflow: hidden; position: relative; overflow-x: hidden;} /* Beginning header style */ .main-header-section{background: transparent; position: relative; z-index: 99; padding: 22px 0; position: absolute; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .main-header-section .common-wrap{max-width: 1416px;} .header-inner{float: left; width: 100%; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;} .header-btn{float: left; width: 105px; padding-top: 24px; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .main-logo{-webkit-transition: .2s ease-in-out;-o-transition: .2s ease-in-out;transition: .2s ease-in-out;} .main-logo a{-webkit-transition: .2s ease-in-out;-o-transition: .2s ease-in-out;transition: .2s ease-in-out;} .hamburger-logo{display: none;} .header-btn a{display: inline-block; width: 100%; color: #ffffff; font-size: 16px; line-height: 33px; text-transform: uppercase; letter-spacing: 0.23px; position: relative;} .header-btn a:before, .header-btn a:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #ffffff;} .header-btn a:after{top: auto; bottom: 0;} .hamburger{float: left; width: 84px; height: 84px; text-align: right; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 28px; z-index: 999; cursor: pointer; border-radius: 100%;} .hamburger::after { position: absolute; content: ''; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 78px; height: 78px; background-repeat: no-repeat; background-size: 78px 78px; background-position: center center; background-image: url(../svgs/gladstone-axe-circular-logo-01.svg); -webkit-transition: .45s ease-in-out; -o-transition: .45s ease-in-out; transition: .45s ease-in-out; } .hamburger div{width: 26px; height: 1px; background-color: #ffffff; position: relative; -webkit-transition: .45s ease-in-out; -o-transition: .45s ease-in-out; transition: .45s ease-in-out;} .hamburger div:before, .hamburger div:after{position: absolute; content: ''; width: 100%; height: 1px; background-color: #ffffff; left: 0; top: -8px; -webkit-transition: .45s ease-in-out; -o-transition: .45s ease-in-out; transition: .45s ease-in-out;} .hamburger div:after{top: auto; bottom: -8px; -webkit-transition: .45s ease-in-out; -o-transition: .45s ease-in-out; transition: .45s ease-in-out;} .headroom { -webkit-will-change: transform; will-change: transform; -webkit-transition: all 0.7s cubic-bezier(0.23,1,0.32,1); -webkit-transition: -webkit-all 350ms cubic-bezier(0.23,1,0.32,1); transition: -webkit-all 0.7s cubic-bezier(0.23,1,0.32,1); -o-transition: all 0.7s cubic-bezier(0.23,1,0.32,1); -webkit-transition: all 0.7s cubic-bezier(0.23,1,0.32,1); transition: all 0.7s cubic-bezier(0.23,1,0.32,1); transition: all 0.7s cubic-bezier(0.23,1,0.32,1); position: fixed; left: 0; top: 0; } .headroom.slideUp { -webkit-transform: translateY(0); -ms-transform: translateY(-100%); transform: translateY(0); } .headroom.slideDown { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } /* End header style */ /* Start menu Style */ .menu-wrap{float: left; width: 100%; background-image: -o-linear-gradient(25deg, #ff9103 4%, #ffc000 85%); background-image: linear-gradient(65deg, #ff9103 4%, #ffc000 85%); position: fixed; height: 100vh; top: 0; left: 0; z-index: 99; overflow-y: scroll; visibility: hidden; opacity: 0; -webkit-transition: .45s ease-in-out; -o-transition: .45s ease-in-out; transition: .45s ease-in-out;} .menu-wrap::-webkit-scrollbar { display: none; } .menu-innar{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%;} .menu-thumb{float: left; width: 50%; height: 100%;} .menu-thumb figure{display: none;} .navShown .menu-thumb figure{display: block;} .menu-logo{display: none;} .navShown .menu-logo{display: block;} .menu-thumb figure{float: left; width: 100%; height: 100%;} .menu-thumb figure img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center;} .nav-wrap { width: 50%; padding: 50px 50px 50px; } .nav-wrap > ul{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap;} .nav-wrap > ul li{width: 100%; text-align: center; margin-bottom: 11px;} .nav-wrap > ul li a{font-size: 80px; line-height: 84px; letter-spacing: 1.14px; color: #48378e; font-family: 'Cleavers_Juvenia', sans-serif; opacity: .2; -webkit-transition: .45s ease-in-out; -o-transition: .45s ease-in-out; transition: .45s ease-in-out;} .nav-wrap > ul li a:hover{opacity: 1;} .menu-logo{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .nav-social-wrap{width: 100%; text-align: center; display: none; margin-top: 67px;} .nav-social-wrap h6{font-size: 14px; letter-spacing: .2px; color: #48378e;} .nav-social-wrap ul{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .nav-social-wrap ul li{margin: 0 17px;} .navShown{overflow-y: hidden;} .navShown .menu-wrap{opacity: 1; visibility: visible;} .navShown .hamburger::after{background-image: url(../svgs/gladstone-axe-circular-logo-02.svg);} .navShown .hamburger div{background-color: transparent;} .navShown .hamburger div:before{background-color: #48378e; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 0;} .navShown .hamburger div:after{background-color: #48378e;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); bottom: 0;} /* End menu Style */ /*hero-wrap*/ .hero-wrap{float: left; width: 100%; min-height: 725px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; padding-top: 52px;} .hero-bg{float: left; width: 100%; height: 100%;} .hero-bg picture{float: left; width: 100%; height: 100%; position: absolute; top: 0; left: 0;} .hero-bg picture img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center;} .hero-content{float: left; width: 100%; z-index: 1; position: relative; text-align: center; padding-top: 27px;} .hero-content h1{text-align: center; text-transform: uppercase; padding-bottom: 37px;} .hero-content h1 dfn{width: 100%; display: block; color: #ffe49f;} .hero-content em{color: #ffffff; font-size: 16px; line-height: 20px; letter-spacing: 0.23px;} .scroll-down {float: left; width: 10px; height: 33px; position: absolute; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: auto; bottom: -60px; left: 50%; } .scroll-down:after{content: ''; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 1px; height: 100%; -webkit-animation: line 1.5s linear infinite; animation: line 1.5s linear infinite; background-color: #ffffff;} @-webkit-keyframes line{ 0%{ height: 0; } 50%{ height: 100%; } 100%{ height: 0%; } } @keyframes line{ 0%{ height: 0; } 50%{ height: 100%; } 100%{ height: 0%; } } /*hero-wrap*/ /* product-item-wrap */ .product-item-wrap{float: left; width: 100%; background-color: #48378e;} .product-item-inner { float: left; width: 100%; margin-top: -130px; } .product-item { float: left; width: 100%; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 218px; z-index: 9; position: relative; } .product-item figure{float: left; width: 43%; position: relative;} .product-item-two{margin-bottom: 256px;} .product-item-two figure:nth-child(1){position: relative; z-index: 1; position: absolute; top: 0; right: auto; z-index: 1; opacity: 0;} .product-item-two.in-view figure:nth-child(1){opacity: 1;} /*.product-item-two figure:nth-child(2) { margin-right: -21%; }*/ .product-item-three figure{margin: 0 6.683168316831683%;} .product-item-three figure:nth-child(2n+1){margin-left: 0;} .product-item-three figure:nth-child(2n+2){margin-right: 0;} .product-item:last-child{margin-bottom: 0;} /* product-item-wrap */ .primary-wisky-wrap { float: left; width: 100%; padding: 302px 0 396px; margin-top: -307px; background-color: #48378e;} .primary-wisky-bg{float: left; width: 100%;} .primary-wisky-bg picture img { float: left; width: 100vw; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top;} .primary-wisky-btn a{background-color: #ffa601; color: #48378e} .primary-wisky-inner{float: left; width: 100%; z-index: 1; position: relative; margin-top: 28px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .primary-wisky-title{float: left; width: 100%; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 44px;} .primary-wisky-title-left{float: left; width: 143px; text-align: right; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; position: relative;} .primary-wisky-title-left::before, .primary-wisky-title-left:after{position: absolute; content: ''; width: 171px; height: 1px; right: -14px; top: -13px; background-image: -webkit-gradient(linear, right top, left top, from(#48378e), to(transparent)); background-image: -o-linear-gradient(right, #48378e, transparent); background-image: linear-gradient(to left, #48378e, transparent);} .primary-wisky-title-left:after{top: auto; bottom: -13px; } .primary-wisky-title-thumb{float: left; width: 59px; margin: 0 36px;} .primary-wisky-title-right{float: left; width: 143px; text-align: left; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; position: relative;} .primary-wisky-title-right::before, .primary-wisky-title-right:after{position: absolute; content: ''; width: 171px; height: 1px; left: -14px; top: -13px; background-image: -webkit-gradient(linear, left top, right top, from(#48378e), to(transparent)); background-image: -o-linear-gradient(left, #48378e, transparent); background-image: linear-gradient(to right, #48378e, transparent);} .primary-wisky-title-right:after{top: auto; bottom: -13px; } .primary-wisky-title em { color: #48378e; font-size: 20px; letter-spacing: .29px;} .primary-wisky-inner h2{display: inline-block; margin-bottom: 16px; text-transform: uppercase; text-align: center; color: #48378e;} .primary-wisky-inner p{float: left; width: 100%; max-width: 677px; color: #48378e; text-align: center; letter-spacing: .31px;} .primary-wisky-btn{float: left; width: 100%; margin-top: 29px; text-align: center; padding-right: 10px;} .barrel-thumb { float: left; width: 87px; position: absolute; bottom: 32%; right: 10.27777777777778%; } .ingredients-wrap{float: left; width: 100%; min-height: 749px; margin-top: -263px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 58px;} .ingredients-bg{float: left; width: 100%;} .ingredients-bg img { width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top center; object-position: top center; height: 100%;} .ingredients-inner{float: left; width: 100%; z-index: 1; position: relative;} .ingredients-centery{max-width: 1250px; margin: 0 auto; padding: 0 20px;} .ingredients-inner p{float: left; width: 100%; max-width: 545px; font-size: 22px; letter-spacing: 0.31px; color: #ffc32c; margin-bottom: 68px; padding-left: 32px; border-left: 1px solid #ffc32c;} .marquee-slider{float: left; width: 100%;} .marquee-slider h2{padding: 0 15px; color: #ffc32c; float: left;} .product-category-wrap { float: left; width: 100%; background-image: -o-linear-gradient( 25deg , #ffc000 4%, #ff9103 85%); background-image: linear-gradient( 65deg , #ffc000 4%, #ff9103 85%);} .product-category-slider-wrap { float: left; width: 100%; padding-top: 184px; } .product-category-slider{float: left; width: 100%;} @media only screen and (min-width: 1025px){ .product-category-slider:nth-child(1) .product-category-slider-item:nth-child(3) { width: 51%; margin-left: -30.75%; margin-bottom: -4.3%; } } .product-category-slider-inner{float: left; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .product-category-slider-inner picture{position: relative;} .product-category-wrap .slick-list{padding-bottom: 61px;} .product-category-slider-inner picture img{width: 100%;} .product-category-slider-item{float: left; width: 33.33%; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;} .product-category-slider-item:nth-child(1) { width: 20.139%; margin-left: 3.5%; margin-bottom: -.8%;} .product-category-slider-item:nth-child(2) { width: 47.014%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 236px; margin-right: 3.2%; } .product-category-slider-item:nth-child(3){width: 35%; margin-left: -14.75%; margin-bottom: -4.3%;} .product-category-slider-item .feature{margin-bottom: 8px;} .product-category-slider-item .feature, .product-category-slider-item h4{color: #48378e; text-transform: uppercase; width: 100%; text-align: center;} .product-category-slider-item .primary-wisky-btn .marquee {z-index: 9; background: #ffa601;} .product-category-dots { float: left; width: 100%; text-align: center; margin-top: 49px; position: absolute; bottom: 23%; z-index: 1; } .product-category-dots ul{ display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .product-category-dots ul li{width: 88px; text-align: center; margin: 0 15px;} .product-category-dots ul li img{width: 34px; text-align: center;} .product-category-dots ul li { display: block; width: 88px; padding: 0; cursor: pointer; float: left;} .product-category-dots ul li span.progressBar { width: 100%; height: 4px; background-color: rgba(72, 55, 142, 20%); display: block; margin-top: 8px;} .product-category-dots ul li span.progressBar .inProgress { background-color: #48378e; width: 0%; height: 4px; } .signature-cocktails-wrap { float: left; width: 100%; background-color: #48378e; padding: 116px 0 0; position: relative; } .signature-cocktails-wrap::before { position: absolute; content: ''; top: -28px; left: -20%; width: 150%; height: 100px; background-color: #48378e; -webkit-transform: rotate( 2.5deg ); -ms-transform: rotate( 2.5deg ); transform: rotate( 2.5deg ); } .signature-cocktails-wrap .common-wrap{max-width: 1308px;} .cocktails-info { width: 100%; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; padding-bottom: 103px; } .cocktails-info-item{width: 25.94637223974763%; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 5.520504731861199%;} .cocktails-info-item:nth-child(3n+1){margin-left: 0;} .cocktails-info-item:nth-child(3n+3){margin-right: 0;} .cocktails-info-item figure{max-width: 177px; margin: 0 auto; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 72px;} .cocktails-info-item:nth-child(2) figure{max-width: 180px;} .cocktails-info-item:nth-child(3) figure{max-width: 118px;} .cocktails-info-item p { text-align: center; color: #ffffff; margin-top: 33px; font-size: 20px; line-height: 24px; } .signature-cocktails-wrap h2 { text-align: center; color: #ffc32c; padding-bottom: 54px; } .signature-cocktails-slider-wrap{float: left; width: 100%;} .signature-cocktails-slider{float: left; width: 32.5%; position: relative;} .signature-cocktails-thumb{float: left; width: 100%;} .signature-cocktails-thumb figure img{width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .signature-cocktails-hover{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-line-pack: justify; align-content: space-between; padding: 54px 0 59px; opacity: 0; -webkit-transition: .45s ease-in-out; -o-transition: .45s ease-in-out; transition: .45s ease-in-out;} .signature-cocktails-hover-content{width: 100%; text-align: center;} .signature-cocktails-hover-content em{font-size: 20px; letter-spacing: .29px; color: #ffffff; margin-top: 3px; display: block;} .signature-cocktails-hover-btn{width: 100%; text-align: center; position: relative; z-index: 1; padding-right: 7px;} .signature-cocktails-slider-wrap .slick-list{padding: 0 18px;} .signature-cocktails-slider:hover .signature-cocktails-hover{opacity: 1;} .signature-cocktails-slider:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;} .signature-cocktails-slider.hoverd-red:hover:before{background-color: #e8070f; opacity: 0.3; visibility: visible;} .signature-cocktails-slider.hoverd-blue:hover:before{background-color: #5999FB; opacity: 0.3; visibility: visible;} .signature-cocktails-slider.hoverd-yellow:hover:before{background-color: #FF9100; opacity: 0.3; visibility: visible;} /* Start william Style */ .william-wrap{float: left; width: 100%; background-image: -o-linear-gradient(27deg, #48378e, #849cfd 100%); background-image: linear-gradient(63deg, #48378e, #849cfd 100%); min-height: 749px; padding: 159px 0 50px; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .william-wrap .common-wrap{max-width: 715px;} .william-innar{float: left; width: 100%; position: relative; z-index: 1;} .william-content{float: left; width: 100%; text-align: center;} .william-content h6{font-size: 20px; letter-spacing: .29px; color: #ffffff; line-height: 28px; font-family: 'BellMT', sans-serif; padding-bottom: 13px; font-weight: normal;} .william-content h2{text-transform: uppercase; padding-bottom: 29px;} .william-content p{padding-bottom: 29px; color: #ffffff;} .william-btn{float: left; width: 100%; text-align: center; padding-right: 10px;} .william-thumb-left{max-width: 369px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 26%;} .william-thumb-right{max-width: 300px; position: absolute; top: 47%; right: 3.5%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 21%;} .william-thumb-right figure img{width: 100%;} /* End william Style */ /* Start instragram Style */ .instragram-wrap{float: left; width: 100%; padding: 54px 0 85px; background-color: #48378e;} .instragram-wrap .common-wrap{max-width: 1186px;} .instragram-innar{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap;} .instragram-content{width: 100%; text-align: center;} .instragram-content h6{color: #849cfd; font-size: 20px; line-height: 28px; letter-spacing: .29px; font-family: 'BellMT', sans-serif; font-weight: normal; padding-bottom: 9px;} .instragram-content h4{color: #849cfd;} .instragram-item-wrap{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-top: 47px;} .instragram-item{width: 24.3455497382199%; margin-right: 0.8726003490401397%;} .instragram-item:nth-child(4n + 4){margin-right: 0;} /* End instragram Style */ /* Start Footer Style */ .main-footer-section{float: left; width: 100%; background-color: #849cfd; padding: 93px 0 133px;} .main-footer-section .common-wrap{max-width: 1004px;} .footer-innar{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; position: relative; z-index: 1;} .footer-logo-wrap{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .footer-btn{padding-bottom: 10px;} .footer-social-wrap{width: 100%; margin-top: 33px;} .footer-social-wrap ul{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .footer-social-wrap ul li{margin: 0 17px;} .footer-nav-wrap{width: 100%; margin-top: 53px;} .footer-nav-wrap ul{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .footer-nav-wrap ul li { margin: 0 3.8%; } .footer-nav-wrap ul li a{color: #48378e; text-transform: uppercase; font-size: 16px; letter-spacing: .23px; } .footer-copyright{width: 100%; text-align: center; margin-top: 28px;} .footer-copyright p{color: #48378e; font-size: 16px; letter-spacing: .23px;} .meta-footer{font-size: 16px; line-height: normal;margin-top: 5px;} .meta-footer a{color: #48378e; font-size: 16px; line-height: normal;} /* End Footer Style */ .headroom--not-top .header-btn{opacity: 0; visibility: hidden} .headroom--not-top .main-logo{opacity: 0; visibility: hidden} .headroom--not-top .logo-wrap{opacity: 0; visibility: hidden} .headroom--not-top .hamburger{background-color: #48378E;} .navShown .headroom--not-top .hamburger{background-color: transparent;} .sticky-logo{display: none;} /* .navShown .main-header-section.fixed-header .header-btn{opacity: 1;} .navShown .main-header-section.fixed-header .main-logo{opacity: 1;} */ /*Nav Item Animation*/ .fade-from-top {-webkit-transform: translateY(-30px);-ms-transform: translateY(-30px);transform: translateY(-30px); opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-property: transform, opacity; -moz-transition-property: transform, opacity; -o-transition-duration: .4s; transition-duration: .4s; -webkit-transition-duration: .4s; -moz-transition-duration: .4s; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-property:; -o-transition-property:; transition-property: } .navShown .fade-from-top {-ms-transform: translateY(0);transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); opacity: 1;} .delay-01 {-webkit-transition-delay: 0.3s;-o-transition-delay: 0.3s;transition-delay: 0.3s} .delay-02 {-webkit-transition-delay: 0.45s;-o-transition-delay: 0.45s;transition-delay: 0.45s} .delay-03 {-webkit-transition-delay: 0.6s;-o-transition-delay: 0.6s;transition-delay: 0.6s} .delay-04 {-webkit-transition-delay: 0.75s;-o-transition-delay: 0.75s;transition-delay: 0.75s} /*Nav Item Animation*/ html.page-scroll{overflow-y: scroll;} /* Start Cocktails Style */ .sunglow{color: #ffc32c;} .malibu{color: #849cfd;} .cocktails-wrap{float: left; width: 100%; padding: 209px 0 37px; background-color: #1a0049;} .cocktails-wrap .common-wrap{max-width: 1420px;} .cocktails-innar{float: left; width: 100%;} .cocktails-content{max-width: 636px; margin: 0 auto; text-align: center;} .cocktails-content h1{padding-bottom: 10px;} .cocktails-content p{font-size: 22px; letter-spacing: .31px; color: #ffffff;} .mix-product-wrap{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-top: 63px;} .mix-item-nav{width: 100%;} .mix-item-nav ul{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap;} .mix-item-nav ul li{padding-left: 27px; position: relative; font-size: 16px; line-height: 20px; letter-spacing: 0.23px; font-family: 'BellMT', sans-serif; margin-right: 55px;} .mix-item-nav ul li:before{position: absolute; content: ''; top: 0; left: 0; width: 15px; height: 15px; border-radius: 50%; } .mix-item-nav ul li.sunglow:before{background-color: #ffc32c;} .mix-item-nav ul li.malibu:before{background-color: #849cfd;} .mix-item-wrap{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-top: 35px;} .item{width: 23.33333333333333%; margin-right: 2.222222222222222%; margin-bottom: 64px;} .item:nth-child(4n + 4){margin-right: 0;} .item-thumb{float:left; width: 100%; position: relative;} .item-thumb figure img{width: 100%;} .circle-bar{float: left; width: 100%; position: absolute; bottom: -12px; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .item-content{float: left; width: 100%; text-align: center; padding: 24px 10px 0;} .item-content a{font-size: 20px; line-height: 26px; color: #ffffff; letter-spacing: .29px; font-family: 'BellMT', sans-serif; text-transform: uppercase;} .item-content p{font-size: 16px; letter-spacing: .23px; color: rgba(255, 255, 255, 0.5); line-height: 24px; text-transform: uppercase;} /* End Cocktails Style */ /* Start whisky-listing Style */ .whisky-listing .hero-wrap{background-color: #6f6dc0; padding-top: 184px; min-height: auto;} .whisky-listing .hero-bg picture { height: auto; top: auto; bottom: 0; position: relative;} .whisky-listing .hero-bg picture img {height: auto; -o-object-position: bottom; object-position: bottom; } .whisky-listing .hero-content h1{padding-bottom: 13px;} .whisky-listing .hero-content p{font-size: 22px; letter-spacing: .31px; color: #ffffff; padding-bottom: 21px;} .whisky-listing .scroll-down { bottom: 1px; height: 69px;} /* Start product-info Style */ .product-info-wrap{float: left; width: 100%; background-image: -o-linear-gradient(292deg, #849cfd 5%, #f5aba0 70%); background-image: linear-gradient(158deg, #849cfd 5%, #f5aba0 70%); padding: 30px 0 0px;} .product-info-wrap .common-wrap{max-width: 100%; padding: 0;} .whisky-listing .marquee-slider h2{color: #48378e;} .product-info-innar{float: left; width: 100%;} .product-info-item-wrap{float: left; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-top: 27px;} .product-info-item{width: 50%; padding: 68px 24px; position: relative; background-color: transparent; overflow: hidden; border: 1px solid #48378e; text-align: center; -webkit-transition: .45s ease-in-out; -o-transition: .45s ease-in-out; transition: .45s ease-in-out; background-image: transparent;} .product-info-item-thumb{max-width: 294px; position: relative; z-index: 1;} .product-info-item-content{float: left; width: 100%; text-align: center; padding-top: 7px; position: relative; z-index: 1;} .product-info-item-content p{font-size: 20px; line-height: 24px; letter-spacing: .29px; color: #48378e; font-family: 'Cleavers_Juvenia', sans-serif; margin-top: 14px;} .product-info-item:after { position: absolute; content: ''; left: 50%; bottom: -90px; width: 150%; height: 450px; background-image: -o-linear-gradient( 26deg , #ff9103 4%, #ffc000 85%); background-image: linear-gradient( 64deg , #ff9103 4%, #ffc000 85%); opacity: 0; -webkit-transition: .45s ease-in-out; -o-transition: .45s ease-in-out; transition: .45s ease-in-out; -webkit-transform: translateX(-50%) rotate( 7deg ); -ms-transform: translateX(-50%) rotate( 7deg ); transform: translateX(-50%) rotate( 7deg ); } .product-info-item.american-oak:hover{ background-image: -o-linear-gradient(34deg, #48378e, #849cfd 100%); background-image: linear-gradient(56deg, #48378e, #849cfd 100%);} .product-info-item.black-axe:hover{background-color: #1a0049;} .product-info-item:hover:after{opacity: 1;} .info-featured-wrap{max-width: 870px; margin: 0 auto; padding: 0 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap;} .info-featured-item-wrap{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 157px; padding: 0 8%;} .info-featured-item{text-align: center; -webkit-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); margin-bottom: 9px;} .info-featured-item h2{font-size: 95px; line-height: 104px; color: #48378e; letter-spacing: 1.36px; position: relative; z-index: 1;} .info-featured-item figure{position: absolute; width: 68px; top: -24px; right: -63px; opacity: 0; -webkit-transition: .45s ease-in-out; -o-transition: .45s ease-in-out; transition: .45s ease-in-out;} .info-featured-item:nth-child(even){-webkit-transform: rotate(2deg);-ms-transform: rotate(2deg);transform: rotate(2deg);} .info-featured-item h2:hover + figure{opacity: 1;} .info-featured-content{width: 100%; text-align: center; padding-top: 265px; position: relative; z-index: 1;} .info-featured-content p{font-size: 22px; line-height: 30px; color: #48378e; letter-spacing: 0;} .info-featured-content:after{position: absolute; content: ''; top: 46px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); height: 178px; width: 1px; background-color: #48378e;} .whisky-listing .signature-cocktails-wrap::before{display: none;} .whisky-listing .signature-cocktails-wrap { background-color: transparent; margin-top: -280px; } .whisky-listing .signature-cocktails-wrap h2{color: #48378e; padding-bottom: 73px;} /* End product-info Style */ /* End whisky-listing Style */ /* Our-Story Page Beginning */ /*Hero style beginning*/ .our-story .hero-wrap{min-height: 726px; background-color: #48378e; padding-top: 211px; padding-bottom: 100px;} .our-story .hero-bg{position: absolute; width: 100%; height: 100%; top: 0; left: 0;} .our-story .hero-bg picture{height: auto; top: auto; bottom: 0;} .hero-thumb-wrap{width: 128%; position: absolute; top: auto; bottom: 0; left: -12.6%; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap;} .hero-thumb-item{width: 18.375%; margin: 0 0.6%;} .hero-thumb-item figure, .hero-thumb-item img{float: left; width: 100%;} .our-story .hero-wrap .common-wrap{max-width: 950px;} .our-story .hero-content{padding-top: 0;} .our-story .hero-content h1{padding-bottom: 13px;} .hero-content p{font-family: 'BellMT'; font-size: 22px; line-height: normal; letter-spacing: 0.31px; color: #ffffff; font-weight: normal;} /*Hero style end*/ /*Prelude style beginning*/ .prelude-wrap{float: left; width: 100%; position: relative; background: #849cfd; padding: 102px 0 56px;} .prelude-wrap .common-wrap{max-width: 1413px; padding: 0;} .prelude-inner{width: 100%; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap;} .prelude-top-content{max-width: 910px; margin: 0 auto; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap;} .prelude-title{width: 100%; text-align: center;} .prelude-title span{display: block; padding-bottom: 21px; font-family: 'Cleavers_Juvenia', sans-serif; font-size: 20px; line-height: 24px; letter-spacing: 0.29px; color: #1a0049;} .prelude-title h2{text-transform: uppercase; color: #1a0049;} .prelude-text{width: 100%; margin-top: 34px; padding: 0 8.901098901098901%; text-align: center;} .prelude-text p{letter-spacing: 0.31px; padding-bottom: 30px; color: #1a0049;} .prelude-logo{width: 100%; margin-top: 31px;} .prelude-logo figure{float: left; width: 100%; text-align: center;} .prelude-logo img{display: inline-block; width: 186px;} .prelude-item-wrap{width: 100%; margin-top: 109px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap;} .prelude-item{width: 31.0686482661005%; margin: 0 1.132342533616419%;} .prelude-item img{border-radius: 10px;} .prelude-quote{max-width: 827px; margin: 95px auto 0; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap;} .prelude-quote-thumb{width: 100%;} .prelude-quote-thumb figure{float: left; width: 100%; text-align: center;} .prelude-quote-thumb img{display: inline-block; width: 170px;} .prelude-quote-content{width: 100%; margin-top: 28px; text-align: center;} .prelude-quote-content h5{color: #48378e; padding-bottom: 35px;} .prelude-quote-content dfn{font-family: 'BELLI', sans-serif; font-size: 22px; line-height: 30px; letter-spacing: 0.31px; color: #48378e;} /*Prelude style end*/ /*Prime style beginning*/ .prime-wrap{float: left; width: 100%; min-height: 1005px; padding: 160px 0; position: relative; background-color: #849cfd;} .prime-bg{position: absolute; width: 100%; height: 100%; top: 0; left: 0;} .prime-bg picture{float: left; width: 100%; height: 100%;} .prime-bg img{float: left; width: 100vw; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top;} .prime-wrap .common-wrap{max-width: 1150px;} .prime-inner{position: relative; width: 100%; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .prime-thum{width: 38.28828828828829%; text-align: center; margin-top: 19px;} .prime-thum img{display: inline-block; width: 100%;} .prime-content{width: 59.27927927927928%; margin-top: 72px; padding-left: 6.936936936936937%; text-align: center;} .prime-content span{display: block; padding-bottom: 21px; font-family: 'Cleavers_Juvenia', sans-serif; font-size: 20px; line-height: 24px; letter-spacing: 0.29px; color: #48378e;} .prime-content h2{color: #48378e; padding-bottom: 30px;} .prime-content p{font-family: 'BellMT', sans-serif; font-size: 22px; line-height: 30px; letter-spacing: 0.31px; color: #48378e;} /*Prime style end*/ /*Progressive style beginning*/ .progressive-wrap{float: left; width: 100%; min-height: 855px; padding: 107px 0; background-color: #6f6dc0; position: relative;} .progressive-wrap .common-wrap{max-width: 745px;} .progressive-bg{position: absolute; width: 100%; height: 100%; top: 0; left: 0;} .progressive-bg picture{position: absolute; width: 100%; height: auto; top: auto; bottom: 0; left: 0;} .progressive-bg picture{float: left; width: 100vw; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;} .progressive-bg img{float: left; width: 100%;} .progressive-content{float: left; width: 100%; text-align: center; position: relative;} .progressive-content dfn{display: block; padding-bottom: 20px; font-family: 'Cleavers_Juvenia', sans-serif; font-size: 20px; line-height: 24px; letter-spacing: 0.29px; color: #ffffff;} .progressive-content h2{text-transform: uppercase; padding-bottom: 27px;} .progressive-content p{letter-spacing: 0.31px; color: #ffffff;} .progressive-btn{float: left; width: 100%; margin-top: 42px; text-align: center; position: relative; z-index: 1;} .progressive-btn .btn-large-transparent.gd-blue, .progressive-btn .btn.gd-blue{background-image: none; background: #6f6dc0;} /*Progressive style end*/ /** Testimonials **/ .testimonials { text-align:center; margin-bottom:6em; } .testimonials img{ width:100%; max-width:326px; margin:auto; } .testimonials h6{ font-size: 20px; letter-spacing: .29px; color: #ffffff; line-height: 28px; font-family: 'BellMT', sans-serif; padding-bottom: 13px; font-weight: normal; text-transform:uppercase; margin-top:20px;} .testimonials p{ color:#fff; margin: 30px auto; max-width: 700px; } .testimonials h2{ color: #fff; margin: auto; line-height: 78px; letter-spacing: 0.1px; font-family: 'Cleavers_Juvenia'; font-size: 74px; padding-bottom: 0; margin: 30px auto; max-width: 960px; } /** End Testimonials **/ /* Our-Story Page End */ /*start shop style*/ .shop-Wrap {float: left; width: 100%; padding-top: 179px; background-color: #716dc4;} .shop-Wrap .common-wrap {max-width: 650px;} .shop-inner {float: left; width: 100%;} .shop-item-wrap{ display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 100%;} .shop-item {width: 100%; margin-top: 66px;} .shop-item.denmark {margin-top: 75px;} .shop-item h2 {text-align: center; color: #849cfd; margin-bottom: 18px; text-transform: uppercase;} .denmark.shop-item h2 {margin-top: 10px;} .shop-item ul { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 100%;} .shop-item ul li {width: 100%; margin-bottom: 20px; text-align: center; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .shop-item ul li h5 {color: #ffffff; width: 100%;} .shop-item ul li a {width: auto; margin: 0 auto; clear: both; text-align: center; font-family: 'BellMT', sans-serif; font-size: 16px; letter-spacing: 0.23px; color: #ffffff; display: block; font-weight: normal; float: left; margin-top: 5px; line-height: 20px;} /*end shop style*/ /*start shop-hero Wrap style*/ .shop-hero-wrap {float: left; width: 100%;padding-top: 44px; background-color: #716dc4;margin-top: -1px;} .shop-bg {float: left; width: 100%;} .shop-bg img {float: left; width: 100%;} /*end shop-hero Wrap style*/ /* Start Single-Cocktail Wrap */ .single-cocktail-wrap{float: left; width: 100%; background-color: #1a0049; padding-top: 195px;} .single-cocktail-wrap .common-wrap{max-width: 1421px;} .single-cocktail-inner{float: left; width: 100%;} .single-cocktail-item{float: left; width: 100%; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .single-cocktail-item-thumb{float: left; width: 48.950%; } .single-cocktail-item-thumb figure{float: left; width: 100%; height: 100%;} .single-cocktail-item-thumb img{float: left; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 18px;} .single-cocktail-item-content{float: left; width: 48.950%; text-align: center; padding: 54px 8.254887762490949% 79px; border-radius: 18px; background-color: #849cfd;} .single-cocktail-item-content span{display: block; padding-bottom: 16px; font-size: 14px; letter-spacing: 1px; color: #1a0049; font-family: 'BellMT',sans-serif;} .single-cocktail-item-content h3{font-size: 60px; line-height: 64px; letter-spacing: 0.86px; color: #1a0049; margin-bottom: 13px; font-family: 'Cleavers_Juvenia',sans-serif;} .single-cocktail-item-content p{font-size: 16px; letter-spacing: 0.23px; color: #1a0049; margin-bottom: 46px; font-family: 'BellMT',sans-serif; line-height: 20px; padding-top: 5px;} .info-content{float: left; width: 100%; margin-bottom: 36px;} .info-content:last-child{margin-bottom: 0;} .info-content h6{font-size: 16px; letter-spacing: 0.23px; color: #1a0049; margin-bottom: 9px; font-family: 'BellMT',sans-serif; text-transform: uppercase;} .info-content ul{float: left; margin-top: 2px;} .info-content ul li{float: left; width: 100%; font-size: 16px; line-height: 16px; letter-spacing: 0.23px; color: #1a0049; font-family: 'BellMT',sans-serif; margin-top: 4px;} .info-content ul li a{color: #1a0049; position: relative; padding-bottom: 1px;} .info-content ul li a::before{content: ''; position: absolute; bottom: 2px; right: 1px; width: 100%; height: 1px; background-color: #1a0049;} .info-content span{font-size: 16px; letter-spacing: 0.23px; color: #1a0049; margin-bottom: 11px; font-family: 'BellMT',sans-serif;} .info-content p{margin-bottom: 15px;} .single-cocktail-content{float: left; width: 100%; text-align: center; margin-top: 88px;} .single-cocktail-content h6{font-size: 20px; line-height: 24px; letter-spacing: 0.29px; color: #849cfd; font-family: 'Cleavers_Juvenia',sans-serif; margin-bottom: 23px;} .single-cocktail-content figure{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 33px;} .single-cocktail-content img{max-width: 358px; width: 100%;} .single-cocktail-btn{margin-bottom: 135px; position: relative; z-index: 1; padding-right: 7px;} .single-cocktail-btn .btn.large{min-width: 288px; min-height: 62px; line-height: 62px;} .single-cocktail-btn .btn-large-transparent.gd-blue, .single-cocktail-btn .btn.gd-blue{background-image: none; background-color: #1a0049; border-color: #849cfd; padding-left: 10px;} .single-cocktail-btn a{color: #849cfd; font-size: 20px; letter-spacing: 0.29px; text-align: center; font-family: 'BellMT',sans-serif; text-transform: uppercase;} .single-cocktail-btn span{color: #849cfd; font-size: 20px; letter-spacing: 0.29px; text-align: center; font-family: 'BellMT',sans-serif; text-transform: uppercase;} .single-cocktail-btn .btn-large-transparent.gd-blue:after, .single-cocktail-btn .btn.gd-blue:after { background-image: url(../svgs/single-cocktail/wood-pattern-01.svg); background-color: transparent; border-color: #849cfd; width: 288px; height: 62px;} /* End Single-Cocktail Wrap */ /* Single Product page */ /* Start single-product-wrap */ .single-product-wrap{float: left; width: 100%; padding-top: 100px; background-image: -o-linear-gradient(300deg, #849cfd 5%, #f5aba0 69%); background-image: linear-gradient(150deg, #849cfd 5%, #f5aba0 69%);} .single-product-wrap .common-wrap{max-width: 1418px;} .single-product-inner{float: left; width: 100%; padding-bottom: 12px;} .single-product-content{max-width: 910px; margin: 0 auto;} .single-product-content h6{text-align: center; color: #48378e; font-family: 'Cleavers_Juvenia',sans-serif; font-size: 20px; line-height: 24px; margin-bottom: 16px; font-weight: normal;} .single-product-content h1{text-align: center; color: #48378e; margin-bottom: 10px;} .single-product-content p{text-align: center; letter-spacing: 0.31px; color: #48378e; max-width: 677px; margin: 0 auto;} .single-product-thumb-wrap{ display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(#1b1636), color-stop(31%, #1b1636), color-stop(72%, #0a0816), to(#0a0916)); background-image: -o-linear-gradient(top, #1b1636, #1b1636 31%, #0a0816 72%, #0a0916); background-image: linear-gradient(to bottom, #1b1636, #1b1636 31%, #0a0816 72%, #0a0916); padding: 72px 63px 0 75px; margin-top: 81px;} .product-thumb-content{ width: 30.939042%; margin-top: 217px;} .product-thumb-content a{display: block; text-align: center; margin-bottom: 16px;} .product-thumb-content dfn{ text-align: center; font-size: 20px; line-height: 24px; font-family: 'Cleavers_Juvenia',sans-serif; color: #849cfd; display: block; margin-bottom: 37px;} .product-thumb-content p{ text-align: center; color: #849cfd; letter-spacing: 0.23px; font-size: 16px; line-height: 20px;} .single-product-thumb{ width: 38.415385%;} .single-product-thumb img{float: left; width: 100%;} .single-product-btn-wrap{ display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 30.447025%; padding-bottom: 57px;} .single-product-btn{ display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; position: relative; z-index: 1;} .single-product-btn .btn-large-transparent.gd-blue, .single-product-btn .btn.gd-blue { background-color: #0a0816;border-color: #849cfd;color: #849cfd; min-width: 288px; background-image: none;} .single-product-btn .btn-large-transparent:after {width: 286px; background-image: url(../svgs/single-product/wood-pattern.svg); border-color: #849cfd;} .single-product-item-main{float: left; width: 100%; padding: 62px 0;} .single-product-hading{float: left; width: 100%; margin-top: 46px;} .single-product-hading h5{text-align: center; color:#48378e; margin-bottom: 7px;} .single-product-hading h4{text-align: center; color:#48378e; text-transform: uppercase;} .single-product-item-wrap{ display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 100%; padding-top: 76px;} .single-product-item{width: 31.71262699564586%; margin-right: 2.4111111%;} .single-product-item:nth-child(3n + 3){margin-right: 0;} .single-product-item-thumb{float: left; width: 100%;} .single-product-item-thumb img{float: left; width: 100%;} .single-product-item-content{float: left; width: 100%; margin-top: 20px;} .single-product-item-content h5{color: #48378e; margin-bottom: 14px;} .single-product-item-content p{font-size: 16px; line-height: 20px; letter-spacing: 0.23px; color: #48378e;} /* //End single-product-wrap*/ /* Start product-distillers*/ .product-distillers-wrap{float: left; width: 100%; background: #48378e;} .product-distillers-wrap .common-wrap{max-width: 1440px; padding: 0;} .product-distillers-inner{ display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 100%;} .product-distillers-thumb{width: 51.43%;} .product-distillers-thumb img{float: left; width: 100%;} .product-distillers-content{ display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 48.57%;} .distillers-content{max-width: 520px; margin: 0 auto; padding: 0 20px;} .distillers-content h4{color: #849cfd; margin-bottom: 37px;} .distillers-content p{color: #849cfd; letter-spacing: 0.31px;} /* //End product-distillers*/ /* Start product-hero-wrap*/ .product-hero-wrap{float: left; width: 100%; min-height: 620px;} .product-bg{float: left; width: 100%; } .product-bg img { width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; height: 100%;} .product-hero-wrap .common-wrap{max-width: 1070px;} .product-hero-inner{float: left; width: 100%; position: relative; z-index: 1; padding-top: 135px;} .product-hero-content{float: left; width: 33.88349514563107%;} .product-hero-content dfn{display: block; text-align: center; color: #ffc32c; font-size: 20px; margin-bottom: 7px;} .product-hero-content h3{text-align: center; color: #ffc32c;} .product-hero-content-btn{float: left; width: 100%; margin-top: 24px; position: relative; z-index: 1;} .product-hero-content-btn .btn-large-transparent{border: 1px solid #ffc32c; color: #ffc32c; background-color: #8078cb;} .product-hero-content-btn .btn-large-transparent:after{background-image: url(../svgs/single-product/wood-pattern-01.svg); border: 1px solid #ffc32c;} /* //End product-hero-wrap*/ /* Single Product page */ /*Privacy Policy*/ .content-wrapper{padding: 180px 0 100px; position: relative; float: left; width: 100%;} .content-wrapper-text{margin-top: 14px; float: left; width: 100%;} .bg-navy, .content-wrapper-text a, .content-wrapper .prelude-title h2, .content-wrapper .prelude-title span{color: #fff;} .content-wrapper-text a{text-decoration: underline;} .content-wrapper-text p, .content-wrapper-text ul, .content-wrapper-text h5{padding-bottom: 30px;} .content-wrapper-text h5{padding-top: 20px;} .content-wrapper-text ul li{position: relative; padding-left: 30px;} .content-wrapper-text ul li:before{content: ''; position: absolute; left: 0; top: 12px; border-radius: 100%; width: 4px; height: 4px; background-color: #fff;} .content-wrapper .prelude-top-content{width: 100%;} /* ======================================================================================================= ============================================ Responsive style ========================================== */ /* Mobile Layout: 320px and 480px and more but less than or equal to 767px. ---------------------------------------------------------------------------------- */ @media only screen and (min-width: 320px) and (max-width: 480px) { input[type="text"],input[type="email"],input[type="tel"],input[type="search"],input[type="number"],input[type="submit"],input[type="password"],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;} h1{font-size: 45px; line-height: 50px; letter-spacing: .64px;} h2 { font-size: 50px; line-height: 54px;} h4{font-size: 25px; line-height: 38px;} h5{font-size: 30px; line-height: 44px; letter-spacing: .43px;} .feature { font-size: 25px; line-height: 45px;} .btn.large{font-size: 18px; letter-spacing: .26px; padding-left: 9px;} .desk{display: none;} .mobi{display: block;} /* Start Header Style */ .fade-from-top{ -o-transition-duration: .3s; transition-duration: .3s; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; } .delay-01 {-webkit-transition-delay: 0.2s;-o-transition-delay: 0.2s;transition-delay: 0.2s} .delay-02 {-webkit-transition-delay: 0.3s;-o-transition-delay: 0.3s;transition-delay: 0.3s} .delay-03 {-webkit-transition-delay: 0.4s;-o-transition-delay: 0.4s;transition-delay: 0.4s} .delay-04 {-webkit-transition-delay: 0.5s;-o-transition-delay: 0.5s;transition-delay: 0.5s} .delay-05 {-webkit-transition-delay: 0.6s;-o-transition-delay: 0.6s;transition-delay: 0.6s} .delay-06 {-webkit-transition-delay: 0.7s;-o-transition-delay: 0.7s;transition-delay: 0.7s} .main-header-section {padding: 0;} .main-header-section .common-wrap{padding: 0;} .header-btn { width: 38px; padding-top: 0;} .header-btn a{font-size: 14px; letter-spacing: .2px; line-height: 20px; -webkit-transition: .45s ease-in-out; -o-transition: .45s ease-in-out; transition: .45s ease-in-out;} .header-btn a:before, .header-btn a:after{-webkit-transition: .45s ease-in-out;-o-transition: .45s ease-in-out;transition: .45s ease-in-out;} .logo-wrap{-webkit-transition: all .45s ease-in-out;-o-transition: all .45s ease-in-out;transition: all .45s ease-in-out; position: relative; float: left; width: 85px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .hamburger{width: 26px; height: 26px; margin-left: 12px; margin-top: 0;} .hamburger::after{display: none;} .hamburger div:before{top: -9px;} .hamburger div:after{bottom: -9px;} .main-logo{float: left; width: 85px; height: 62px;} .main-logo a{position: absolute; width: 100%; height: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-align: center;} .sticky-logo{display: block; opacity: 0;} .header-inner{z-index: 1; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 24px 23px;} .headroom--not-top .main-logo { opacity: 1; visibility: visible;} .main-header-section:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0; background-image: -o-linear-gradient( 9deg , #48378e, #849cfd 100%); background-image: linear-gradient( 81deg , #48378e, #849cfd 100%); -webkit-transition: all 0.1s ease, opacity 0.3s ease; -o-transition: all 0.1s ease, opacity 0.3s ease; transition: all 0.1s ease, opacity 0.3s ease; opacity: 0;} .navShown .main-header-section:after{height: 110px;} .headroom--not-top.main-header-section:after{height: 110px; opacity: 1; height: 58px;} .headroom--not-top .header-btn{opacity: 1; visibility: visible;} .headroom--not-top .hamburger{background-color: transparent;} .headroom--not-top .header-inner{padding: 10px 23px;} .headroom--not-top .main-logo{width: 73px; height: 38px;} .headroom--not-top .main-logo a{opacity: 0;} .headroom--not-top .main-logo a.sticky-logo{opacity: 1;} .navShown{margin-right: 0;} .navShown .header-inner{z-index: 999; position: relative;} .navShown .header-btn a{color: #48378e;} .navShown .header-btn a:before, .navShown .header-btn a:after{background-color: #48378e;} .navShown .main-logo a{display: none;} .navShown .hamburger-logo{display: block !important;} .header-inner:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: -o-linear-gradient(61deg, #FFB700 6%, #FFBF00 84%); background-image: linear-gradient(29deg, #FFB700 6%, #FFBF00 84%); opacity: 0;} .navShown .header-inner:before{-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; opacity: 1; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s} /* End Header Style */ /* Start menu Style */ .menu-wrap{background-image: -o-linear-gradient(61deg, #ff9103 6%, #ffc000 84%);background-image: linear-gradient(29deg, #ff9103 6%, #ffc000 84%);} .menu-thumb{display: none;} .nav-wrap{width: 100%; padding: 196px 20px;} .nav-wrap > ul li{margin-bottom: 24px;} .nav-wrap > ul li a{font-size: 50px; line-height: 54px; opacity: 1;} .nav-social-wrap{display: block;} /* End menu Style */ /* Start Hero Style */ .hero-wrap{min-height: 569px; padding-top: 0;} .hero-content{padding-top: 0;} .hero-content h1 { padding-bottom: 94px; } .hero-content h1 dfn{display: inline;} .hero-content em{display: none;} .scroll-down{display: none;} /* End Hero Style */ .product-item-wrap .md-container{padding: 0 8px;} .product-item-inner { margin-top: -214px; } .product-item {margin-bottom: 167px;} .product-item figure { width: 50%; } .product-item-two { margin-bottom: 197px; } .product-item-three figure { margin: 0; } .primary-wisky-wrap { margin-top: -169px; padding: 194px 0 373px; position: relative; z-index: 1; } .primary-wisky-bg picture img { float: left; width: 100vw; height: 100%; -o-object-fit: cover; object-fit: cover; } .primary-wisky-title{display: none;} .primary-wisky-inner h2 { padding: 0 17px; margin-bottom: 26px;} .primary-wisky-inner p{font-size: 20px; line-height: 26px; letter-spacing: .29px; padding: 0 4px;} .primary-wisky-btn { margin-top: 34px; padding-right: 9px;} .barrel-thumb{display: none;} .primary-wisky-btn .btn.large { min-width: 286px;} .primary-wisky-btn .btn-large-transparent:after {width: 286px;} .ingredients-wrap{background-color: #e8070f; min-height: 838px;} .ingredients-inner{z-index: 3;} .ingredients-bg picture{height: auto; z-index: 2;} .ingredients-inner p{font-size: 20px; line-height: 26px; letter-spacing: .29px; margin-bottom: 61px; padding-left: 32px; padding-right: 3px;} .product-category-slider-wrap { padding-top: 198px; } .product-category-slider-inner{-webkit-box-pack: unset;-ms-flex-pack: unset;justify-content: unset;} .product-category-slider-item:nth-child(1){-webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 41.139%; margin-left: 6.5%; z-index: 3; margin-bottom: -10px;} .product-category-slider-item:nth-child(2) { width: 100%; padding: 0 20px; text-align: center; margin-bottom: 58px; margin-right: 0; } .product-category-slider-item .feature{margin-bottom: 0;} .product-category-slider-wrap .primary-wisky-btn { margin-top: 24px; } .product-category-slider-item:nth-child(3) { width: 61%; margin-left: -9.5%; margin-bottom: -24px; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-bottom: -30px;} .product-category-dots { bottom: auto; top: 15px; } .product-category-wrap .primary-wisky-btn .btn.large{min-width:319px} .product-category-wrap .primary-wisky-btn .btn-large-transparent:after{min-width: 319px;} .signature-cocktails-wrap { padding: 77px 0 0; } .signature-cocktails-wrap::before { top: -56px; -webkit-transform: rotate( 6.2deg ); -ms-transform: rotate( 6.2deg ); transform: rotate( 6.2deg ); } .signature-cocktails-wrap .common-wrap{padding: 0 24px;} .cocktails-info-item{width: 100%; margin: 0 0 60px;} .cocktails-info-item figure{max-width: 177px; width: 100%; min-height: 78px;} .cocktails-info-item figure img{width: 100%;} .cocktails-info-item p { margin-top: 34px; } .cocktails-info { padding-bottom: 54px; } .signature-cocktails-wrap h2 { padding-bottom: 42px; } .signature-cocktails-hover { padding: 32px 0 50px; } .signature-cocktails-hover-content em{margin-top: 0;} .signature-cocktails-slider-wrap .slick-list{padding: 0 17px;} .signature-cocktails-wrap .btn.large{min-width: 248px;} .signature-cocktails-wrap .btn-large-transparent:after{width: 248px;} /* Start william style */ .william-wrap{background-image: -o-linear-gradient(69deg, #48378e, #849cfd);background-image: linear-gradient(21deg, #48378e, #849cfd); padding: 52px 0 90px; min-height: auto;} .william-thumb-left{display: none;} .william-thumb-right{display: none;} .william-thumb{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .william-thumb figure{max-width: 228px; width: 100%;} .william-thumb figure img{width: 100%;} .william-content {margin-top: 28px; padding: 0 3px;} .william-content h2 { font-size: 50px; line-height: 54px; padding-bottom: 25px;} .william-content p{font-size: 20px; line-height: 26px;} .william-wrap .btn.large{min-width: 248px;} .william-wrap .btn-large-transparent:after{width: 248px;} /* End william style */ /* Start Instragram Style */ .instragram-wrap { padding: 60px 0 54px; } .instragram-content h6{padding-bottom: 6px;} .instragram-content h4{font-size: 25px; line-height: 24px; letter-spacing: .36px;} .instragram-item-wrap {margin-top: 45px; padding-right: 3px;} .instragram-item{width: 49%; margin-right: 2%; margin-bottom: 4px;} .instragram-item:nth-child(2n + 2){margin-right: 0;} /* End Instragram Style */ /* Start Footer Style */ .main-footer-section { padding: 61px 0 133px; } .footer-btn { margin-bottom: 48px; width: 100%; text-align: center; padding: 0 8px 0 0; } .main-footer-section .btn.large{min-width: 286px;} .main-footer-section .btn-large-transparent:after{width: 286px;} .footer-logo{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3; margin-top: 9px;} .footer-logo a{max-width: 132px;} .footer-social-wrap {margin-top: 22px; } .footer-nav-wrap { margin-top: 60px; } .footer-nav-wrap ul li{width: 100%; margin: 0 0 19px; text-align: center;} .footer-copyright{margin-top: 17px;} .footer-copyright p{line-height: 20px;} /* End Footer Style */ /* Start Cocktails Style */ .cocktails-wrap {padding: 162px 0 77px;} .cocktails-wrap .common-wrap{padding: 0 26px;} .cocktails-content h1 { padding-bottom: 16px;} .cocktails-content p { font-size: 20px; letter-spacing: .29px; line-height: 26px;} .mix-product-wrap {margin-top: 45px;} .mix-item-nav ul{max-width: 160px; margin: 0 auto;} .mix-item-nav ul li{margin: 0 0 12px;} .mix-item-wrap {margin-top: 30px;} .item{width: 100%; margin: 0 0 42px;} .item-content { padding: 22px 10px 0;} /* End Cocktails Style */ /* Start whisky-listing Style */ .whisky-listing .hero-wrap{padding-top: 162px;} .whisky-listing .hero-content h1 { padding-bottom: 17px; } .whisky-listing .hero-content p{font-size: 20px; letter-spacing: .29px; line-height: 26px; } .whisky-listing .hero-bg{padding-top: 64px;} .product-info-wrap{padding: 0 0 290px; background-image: -o-linear-gradient(275deg, #849cfd 5%, #f5aba0 71%); background-image: linear-gradient(175deg, #849cfd 5%, #f5aba0 71%); } .product-info-item-wrap{margin-top: 0; } .marquee-slider { padding: 20px 0; } .product-info-item{width: 100%; padding: 55px 24px 66px; border-left-color: transparent; border-bottom-color: transparent;} .product-info-item:last-child{border-bottom-color: #48378e;} .product-info-item-thumb {max-width: 205px; width: 100%;} .product-info-item-content { padding-top: 5px;} .product-info-item-content p{margin-top: 21px;} .info-featured-item-wrap{margin-top: 86px; padding: 0;} .info-featured-item{width: 100%; text-align: center; margin: 0;} .info-featured-item h2{font-size: 45px; letter-spacing: 0.64px; line-height: 73px;} .info-featured-content { padding-top: 252px; } .info-featured-content:after { top: 41px;} .whisky-listing .signature-cocktails-wrap {margin-top: -278px; } .whisky-listing .signature-cocktails-wrap h2 {padding-bottom: 60px; line-height: 62px;} /* End whisky-listing Style */ /* Our-Story Page Beginning */ /*Hero style beginning*/ .our-story .hero-wrap{min-height: 558px; padding-top: 162px;} .our-story .hero-content h1{padding-bottom: 16px;} .hero-content p{font-size: 20px; line-height: 26px; letter-spacing: 0.29px;} .hero-thumb-wrap{width: 177%; left: -38.6%;} .hero-thumb-item{width: 32.091%;} /*Hero style end*/ /*Prelude style beginning*/ .prelude-wrap{padding: 81px 0 66px;} .prelude-wrap .common-wrap{padding: 0 24px;} .prelude-title span{padding-bottom: 23px;} .prelude-text{margin-top: 32px; padding: 0;} .prelude-text p{padding-bottom: 26px; font-size: 20px; line-height: 26px; letter-spacing: 0.29px;} .prelude-logo{margin-top: 22px;} .prelude-item-wrap{margin-top: 75px; padding: 0 4.3%;} .prelude-item{width: 100%; margin: 0 0 15px 0; text-align: center;} .prelude-item figure{display: inline-block;} .prelude-quote{margin: 41px auto 0;} .prelude-quote-content{margin-top: 34px;} .prelude-quote-content h5{line-height: 34px; padding-bottom: 19px;} .prelude-quote-content dfn{font-size: 18px; line-height: 26px; letter-spacing: 0.26px;} /*Prelude style end*/ /*Prime style beginning*/ .prime-wrap{padding: 143px 0 60px; min-height: 1129px;} .prime-bg img{-o-object-position: top;object-position: top;} .prime-wrap .common-wrap{padding: 0 24px;} .prime-thum{width: 100%; margin-top: 0; padding: 0 49px;} .prime-content{width: 100%; margin-top: 58px; padding-left: 0;} .prime-content span{padding-bottom: 16px;} .prime-content h2{padding-bottom: 41px;} .prime-content p{font-size: 20px; line-height: 26px; letter-spacing: 0.29px;} /*Prime style end*/ /*Progressive style beginning*/ .progressive-wrap{min-height: 919px; padding: 101px 0 0;} .progressive-content dfn{padding-bottom: 10px;} .progressive-content{padding: 0 1px;} .progressive-content h2{text-transform: lowercase; letter-spacing: 0.71px; padding-bottom: 19px;} .progressive-content p{font-size: 20px; line-height: 26px; letter-spacing: .29px;} .progressive-btn{margin-top: 40px; padding-right: 8px;} .progressive-btn .btn-large-transparent.gd-blue, .progressive-btn .btn.gd-blue { min-width: 319px; font-size: 20px;} .progressive-btn .btn-large-transparent.gd-blue:after, .progressive-btn .btn.gd-blue:after{width: 319px;} /*Progressive style end*/ /* Our-Story Page End */ /*start shop wrap style*/ .shop-Wrap { padding-top: 99px;} .shop-item { margin-top: 38px; } .shop-item.denmark { margin-top: 19px; } .shop-item h2 { font-size: 20px;} .denmark.shop-item h2 { margin-top: 13px; } .shop-item ul li{margin-bottom: 10px;} .shop-item ul li h5 { font-size: 24px;} .shop-item ul li a { font-size: 18px;} /*end shop wrap style*/ /* Start Single-Cocktail Wrap */ .single-cocktail-wrap{background-color: #849cfd; padding-top: 111px;} .single-cocktail-wrap .common-wrap{padding: 0 0px;} .single-cocktail-item{padding: 0 23px;} .single-cocktail-item-thumb{width: 100%; margin-bottom: 32px;} .single-cocktail-item-content{width: 100%; padding: 0; border-radius: 0; background-color: transparent;} .single-cocktail-item-content span{padding-bottom: 0;} .single-cocktail-item-content h3{font-size: 50px; line-height: 54px; letter-spacing: 0.71px; margin-bottom: 22px; padding-top: 6px;} .single-cocktail-item-content p{margin-bottom: 25px;} .info-content h6{margin-bottom: 8px;} .info-content ul {float: left; margin-top: 9px;} .info-content ul li{margin-top: 0; margin-bottom: 3px;} .info-content{margin-bottom: 35px;} .single-cocktail-content{margin-top: 68px; background-color: #1a0049; padding: 0 24px;} .single-cocktail-content h6 {padding-top: 69px;} .single-cocktail-content figure{margin-bottom: 36.3px;} .single-cocktail-btn{margin-bottom: 101px;} .info-content p{margin-bottom: 15px;} /* End Single-Cocktail Wrap */ /* Single Product page */ /* Start single-product-wrap */ .single-product-wrap{padding-top: 178px;} .single-product-content h1 {margin-bottom: 24px;} .single-product-content p {letter-spacing: 0.29px; font-size: 20px; line-height: 26px;} .single-product-content {max-width: 327px;} .single-product-thumb-wrap{margin-top: -70px; padding: 0 20px;} .single-product-wrap .common-wrap{padding: 0;} .single-product-thumb {width: 100%;margin-top: 35px;padding: 0 35px;} .product-thumb-content {width: 100%;margin-top: 0px;-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2; max-width: 327px; margin: 0 auto;} .single-product-btn-wrap{width: 100%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3;} .product-thumb-content a{margin-bottom: 17px;} .product-thumb-content dfn{margin-bottom: 28px;} .single-product-btn{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; padding-right: 7px;} .single-product-btn-wrap {width: 100%;-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3;padding-top: 32px;padding-bottom: 80px;} .single-product-btn .btn.large { font-size: 20px; letter-spacing: 0.29px; padding-left: 6px;} .single-product-item-main { padding: 30px 24px;} .single-product-hading h5 {margin-bottom: 9px;line-height: 51px;} .single-product-hading{margin-top: 45px;} .single-product-hading h4 {letter-spacing: 0.36px; } .single-product-item-wrap {padding-top: 47px;} .single-product-item {width: 100%;margin-right: 0; margin-bottom: 67px;} .single-product-item-content { margin-top: 35px;} .single-product-item-content h5 {font-size: 40px; line-height: 44px; letter-spacing: 0.57px; margin-bottom: 15px;} .single-product-item:nth-child(3n + 3) { margin-right: 0; margin-bottom: 0;} .single-product-inner {padding-bottom: 55px;} /* //End single-product-wrap*/ /* Start product-distillers */ .product-distillers-thumb {width: 100%;} .product-distillers-content{width: 100%; padding: 52px 0;} .distillers-content{padding: 0 23px; margin-bottom: 15px;} .distillers-content h4 {margin-bottom: 34px;line-height: 34px;letter-spacing: 0.36px;} .distillers-content p {font-size: 20px;line-height: 26px;} /* //End product-distillers */ /* Start product-hero-wrap */ .product-hero-wrap {min-height: 485px;} .product-hero-content {width: 100%; padding: 0 24px;} .product-bg picture{position: relative;} .product-hero-wrap .common-wrap{padding: 0;} .product-hero-inner{background-color: #48378e; padding-top: 46px; padding-bottom: 73px;} .product-hero-content h3 {font-size: 50px;line-height: 64px;letter-spacing: 0.71px;} .product-hero-content dfn {margin-bottom: 11px;} .product-hero-content-btn{ display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 23px; padding-right: 8px;} .product-hero-content-btn .btn-large-transparent {background-color: #48378e;} .product-hero-content-btn .btn.large { font-size: 20px; letter-spacing: 0.29px; padding-right: 5px; min-width: 320px;} .product-hero-content-btn .btn-large-transparent:after {width: 320px;} /* //End product-hero-wrap*/ /* Single Product page */ .content-wrapper{padding: 160px 0 60px;} .content-wrapper-text p, .content-wrapper-text ul li{font-size: 20px; line-height: 26px; } .content-wrapper-text p, .content-wrapper-text ul, .content-wrapper-text h5{padding-bottom: 26px;} } @media only screen and (min-width: 320px) and (max-width: 374px) { .btn.large{min-width: 248px !important;} .btn-large-transparent:after{width: 248px !important; min-width: 248px !important;} } /* Wide Mobile Layout: 480px. ------------------------------------------------------------ */ @media only screen and (min-width: 481px) and (max-width: 768px) { h1{font-size: 45px; line-height: 50px; letter-spacing: .64px;} h2 { font-size: 50px; line-height: 54px;} h4{font-size: 25px; line-height: 38px;} .feature { font-size: 25px; line-height: 45px;} .btn.large{min-width: 300px !important;} .btn-large-transparent:after{width: 300px !important; min-width: 300px !important;} /* Start Header Style */ .main-header-section {padding: 0;} .main-header-section .common-wrap{padding: 0;} .header-btn { width: 38px; padding-top: 0;} .header-btn a{font-size: 14px; letter-spacing: .2px; line-height: 20px; -webkit-transition: .45s ease-in-out; -o-transition: .45s ease-in-out; transition: .45s ease-in-out;} .header-btn a:before, .header-btn a:after{-webkit-transition: .45s ease-in-out;-o-transition: .45s ease-in-out;transition: .45s ease-in-out;} .logo-wrap{max-width: 85px; -webkit-transition: .45s ease-in-out; -o-transition: .45s ease-in-out; transition: .45s ease-in-out; position: relative} .header-btn a .desk{display: none;} .header-btn a .mobi{display: block;} .hamburger{width: 26px; height: 26px; margin-left: 12px; margin-top: 0;} .hamburger::after{display: none;} .hamburger div:before{top: -9px;} .hamburger div:after{bottom: -9px;} .header-inner {z-index: 1; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 24px 23px;} .headroom--not-top .main-logo { opacity: 1; visibility: visible;} .main-header-section:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0; background-image: -o-linear-gradient( 9deg , #48378e, #849cfd 100%); background-image: linear-gradient( 81deg , #48378e, #849cfd 100%); -webkit-transition: all 0.1s ease, opacity 0.3s ease; -o-transition: all 0.1s ease, opacity 0.3s ease; transition: all 0.1s ease, opacity 0.3s ease; opacity: 0;} .headroom--not-top.main-header-section:after{height: 110px; opacity: 1;} .headroom--not-top .header-btn{opacity: 1; visibility: visible;} .headroom--not-top .hamburger{background-color: transparent;} .navShown{margin-right: 0;} .navShown .header-inner{z-index: 999; position: relative;} .navShown .header-btn a{color: #48378e;} .navShown .header-btn a:before, .navShown .header-btn a:after{background-color: #48378e;} .navShown .main-logo a{display: none;} .navShown .hamburger-logo{display: block !important;} .hamburger-inner div:before{top: -9px;} .hamburger-inner div:after{bottom: -9px;} .header-inner:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: -o-linear-gradient(61deg, #FFA402 6%, #FFC001 84%); background-image: linear-gradient(29deg, #FFA402 6%, #FFC001 84%); opacity: 0;} .navShown .header-inner:before{-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; opacity: 1; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s} /* End Header Style */ /* Start menu Style */ .menu-wrap{background-image: -o-linear-gradient(61deg, #ff9103 6%, #ffc000 84%);background-image: linear-gradient(29deg, #ff9103 6%, #ffc000 84%);} .menu-thumb{display: none;} .nav-wrap{width: 100%; padding: 196px 20px;} .nav-wrap > ul li{margin-bottom: 24px;} .nav-wrap > ul li a{font-size: 50px; line-height: 54px; opacity: 1;} .nav-social-wrap{display: block;} /* End menu Style */ /* Start Hero Style */ .hero-wrap{min-height: 569px; padding-top: 0;} .hero-content{padding-top: 0;} .hero-content h1 { padding-bottom: 94px; } .hero-content h1 dfn{display: inline;} .hero-content em{display: none;} .scroll-down{display: none;} /* End Hero Style */ .product-item-wrap .md-container{padding: 0 8px;} .product-item-inner { margin-top: -214px; } .product-item {margin-bottom: 167px;} .product-item figure { width: 50%; } .product-item-two { margin-bottom: 197px; } .product-item-three figure { margin: 0; } .primary-wisky-wrap { margin-top: -161px; padding: 186px 0 373px; position: relative; z-index: 1;} .primary-wisky-bg picture img { float: left; width: 100vw; height: 100%; -o-object-fit: cover; object-fit: cover; } .primary-wisky-title{display: none;} .primary-wisky-inner h2 { padding: 0 17px; margin-bottom: 24px;} .primary-wisky-inner p{font-size: 20px; line-height: 26px; letter-spacing: .29px; padding: 0 4px;} .primary-wisky-btn { margin-top: 34px; } .barrel-thumb{display: none;} .ingredients-wrap { background-color: #e8070f; min-height: 1230px; } .ingredients-inner{z-index: 3;} .ingredients-bg picture{z-index: 2;} .ingredients-inner p{font-size: 20px; line-height: 26px; letter-spacing: .29px; margin-bottom: 61px; padding-left: 32px; padding-right: 3px;} .product-category-slider-wrap { padding-top: 198px; } .product-category-slider-inner{-webkit-box-pack: unset;-ms-flex-pack: unset;justify-content: unset;} .product-category-slider-item:nth-child(1){-webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 41.139%; margin-left: 6.5%; z-index: 3; margin-bottom: -20px;} .product-category-slider-item:nth-child(2){width: 100%; padding: 0 20px; text-align: center; margin-bottom: 45px;} .product-category-slider-item:nth-child(2) h3{width: 100%; text-align: center;} .product-category-slider-item .feature, .product-category-slider-item h4{width: 100%; text-align: center;} .product-category-slider-item .feature{margin-bottom: 0;} .product-category-slider-wrap .primary-wisky-btn { margin-top: 24px; } .product-category-slider-item:nth-child(3) { width: 61%; margin-left: -9.5%; margin-bottom: -65px; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .product-category-dots { bottom: auto; top: 15px; } .signature-cocktails-wrap { padding: 91px 0 0; } .signature-cocktails-wrap::before { top: -50px; -webkit-transform: rotate( 6.2deg ); -ms-transform: rotate( 6.2deg ); transform: rotate( 6.2deg ); } .signature-cocktails-wrap .common-wrap{padding: 0 24px;} .cocktails-info-item{width: 100%; margin: 0 0 60px;} .cocktails-info-item figure{max-width: 177px; width: 100%; min-height: 78px;} .cocktails-info-item figure img{width: 100%;} .cocktails-info-item p { margin-top: 34px; } .cocktails-info { padding-bottom: 54px; } /* Start william style */ .william-wrap{background-image: -o-linear-gradient(69deg, #48378e, #849cfd);background-image: linear-gradient(21deg, #48378e, #849cfd); padding: 52px 0 87px; min-height: auto;} .william-thumb-left{display: none;} .william-thumb-right{display: none;} .william-thumb{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .william-thumb figure{max-width: 228px; width: 100%;} .william-thumb figure img{width: 100%;} .william-content {margin-top: 28px; padding: 0 3px;} .william-content h2 { font-size: 50px; line-height: 54px; padding-bottom: 25px;} .william-content p{font-size: 20px; line-height: 26px;} /* End william style */ /* Start Instragram Style */ .instragram-wrap { padding: 60px 0 54px; } .instragram-content h6{padding-bottom: 6px;} .instragram-content h4{font-size: 25px; line-height: 24px; letter-spacing: .36px;} .instragram-item-wrap {margin-top: 45px; padding-right: 3px;} .instragram-item{width: 49%; margin-right: 2%; margin-bottom: 20px;} .instragram-item:nth-child(2n + 2){margin-right: 0;} /* End Instragram Style */ /* Start Footer Style */ .main-footer-section { padding: 61px 0 133px; } .footer-btn{margin-bottom: 47px; width: 100%; text-align: center;} .footer-logo{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3; margin-top: 9px;} .footer-logo a{max-width: 132px;} .footer-social-wrap {margin-top: 22px; } .footer-nav-wrap { margin-top: 57px; } .footer-nav-wrap ul li{width: 100%; margin: 0 0 19px; text-align: center;} .footer-copyright{margin-top: 17px;} .footer-copyright p{line-height: 20px;} /* End Footer Style */ /* Start Cocktails Style */ .cocktails-wrap {padding: 162px 0 77px;} .cocktails-wrap .common-wrap{padding: 0 26px;} .cocktails-content h1 { padding-bottom: 16px;} .cocktails-content p { font-size: 20px; letter-spacing: .29px; line-height: 26px;} .mix-product-wrap {margin-top: 45px;} .mix-item-nav ul{max-width: 160px; margin: 0 auto;} .mix-item-nav ul li{margin: 0 0 12px;} .mix-item-wrap {margin-top: 30px;} .item{width: 47%; margin: 0 6% 45px 0 !important;} .item:nth-child(2n + 2){margin-right: 0 !important;} .item-content { padding: 22px 10px 0;} /* End Cocktails Style */ /* Start whisky-listing Style */ .whisky-listing .hero-wrap{padding-top: 162px;} .whisky-listing .hero-content h1 { padding-bottom: 17px; } .whisky-listing .hero-bg{padding-top: 64px;} .product-info-wrap{padding: 0 0 290px; background-image: -o-linear-gradient(275deg, #849cfd 5%, #f5aba0 71%); background-image: linear-gradient(175deg, #849cfd 5%, #f5aba0 71%); } .product-info-item-wrap{margin-top: 0;} .marquee-slider { padding: 25px 0; } .product-info-item{padding: 52px 24px 75px; } .product-info-item-thumb{max-width: 220px;} .product-info-item-content { padding-top: 5px;} .product-info-item-content p{margin-top: 18px;} .info-featured-item-wrap{margin-top: 72px; padding: 0;} .info-featured-item{width: 100%; text-align: center;} .info-featured-item h2{font-size: 50px; line-height: 73px;} .info-featured-content { padding-top: 252px; } .info-featured-content:after { top: 41px;} .whisky-listing .signature-cocktails-wrap { margin-top: -278px; } .whisky-listing .signature-cocktails-wrap h2 { padding-bottom: 60px; } /* End whisky-listing Style */ /* Our-Story Page Beginning */ /*Hero style beginning*/ .our-story .hero-wrap{min-height: 558px; padding-top: 162px;} .our-story .hero-content h1{padding-bottom: 16px;} .hero-content p{font-size: 20px; line-height: 26px; letter-spacing: 0.29px;} .hero-thumb-wrap { width: 237%; left: -18.6%; } .hero-thumb-item{width: 18.76%;} .our-story .hero-wrap .common-wrap { padding-bottom: 40%; } /*Hero style end*/ /*Prelude style beginning*/ .prelude-wrap{padding: 81px 0 66px;} .prelude-wrap .common-wrap{padding: 0 24px;} .prelude-title span{padding-bottom: 23px;} .prelude-text{margin-top: 32px; padding: 0;} .prelude-text p{padding-bottom: 26px; font-size: 20px; line-height: 26px; letter-spacing: 0.29px;} .prelude-logo{margin-top: 22px;} .prelude-item-wrap{margin-top: 75px; padding: 0 4.3%;} .prelude-item{width: 100%; margin: 0 0 15px 0; text-align: center;} .prelude-item figure{display: inline-block;} .prelude-quote{margin: 41px auto 0;} .prelude-quote-content{margin-top: 34px;} .prelude-quote-content h5{line-height: 34px; padding-bottom: 19px;} .prelude-quote-content dfn{font-size: 18px; line-height: 26px; letter-spacing: 0.26px;} /*Prelude style end*/ /*Prime style beginning*/ .prime-wrap{padding: 143px 0 60px; min-height: 1129px;} .prime-bg img{-o-object-position: top;object-position: top;} .prime-wrap .common-wrap{padding: 0 24px;} .prime-thum{width: 100%; margin-top: 0; padding: 0 49px;} .prime-content{width: 100%; margin-top: 58px; padding-left: 0;} .prime-content span{padding-bottom: 16px;} .prime-content h2{padding-bottom: 41px;} .prime-content p{font-size: 20px; line-height: 26px; letter-spacing: 0.29px;} /*Prime style end*/ /*Progressive style beginning*/ .progressive-wrap{min-height: 919px; padding: 101px 0 0;} .progressive-content dfn{padding-bottom: 10px;} .progressive-content{padding: 0 1px;} .progressive-content h2{text-transform: lowercase; letter-spacing: 0.71px; padding-bottom: 19px;} .progressive-content p{font-size: 20px; line-height: 26px; } .progressive-btn{margin-top: 40px;} /*Progressive style end*/ /* Our-Story Page End */ /*start shop wrap style*/ .shop-Wrap {padding-top: 99px;} .shop-item {margin-top: 38px; } .shop-item.denmark {margin-top: 19px; } .shop-item h2 {font-size: 20px;}.denmark.shop-item h2 {margin-top: 13px;} .shop-item ul li{margin-bottom: 10px;} .shop-item ul li h5 {font-size: 24px;} .shop-item ul li a {font-size: 18px;} /*end shop wrap style*/ /* Start Single-Cocktail Wrap */ .single-cocktail-wrap{background-color: #849cfd; padding-top: 120px;} .single-cocktail-wrap .common-wrap{padding: 0 0px;} .single-cocktail-item{padding: 0 23px;} .single-cocktail-item-thumb{width: 100%; margin-bottom: 32px;} .single-cocktail-item-content{width: 100%; padding: 0; border-radius: 0; background-color: transparent;} .single-cocktail-item-content span{padding-bottom: 0;} .single-cocktail-item-content h3{font-size: 50px; line-height: 54px; letter-spacing: 0.71px; margin-bottom: 22px; padding-top: 6px;} .single-cocktail-item-content p{margin-bottom: 25px;} .info-content h6{margin-bottom: 8px;} .info-content ul {float: left; margin-top: 9px;} .info-content ul li{margin-top: 0; margin-bottom: 1px;} .info-content{margin-bottom: 30px;} .single-cocktail-content{margin-top: 68px; background-color: #1a0049; padding: 0 24px;} .single-cocktail-content h6 {padding-top: 69px;} .single-cocktail-content figure{margin-bottom: 36.3px;} .single-cocktail-btn{margin-bottom: 101px;} .info-content p{margin-bottom: 15px;} /* End Single-Cocktail Wrap */ /* Single Product page */ /* Start single-product-wrap */ .single-product-wrap{padding-top: 178px;} .single-product-content h1 {margin-bottom: 24px;} .single-product-content p {letter-spacing: 0.29px; font-size: 20px; line-height: 26px;} .single-product-content {max-width: 480px;} .single-product-thumb-wrap{margin-top: 70px; padding: 0 20px;} .single-product-wrap .common-wrap{padding: 0;} .single-product-thumb {width: 100%;margin-top: 38px;padding: 0 35px;} .product-thumb-content {width: 100%;margin-top: 0px;-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2; max-width: 480px; margin: 0 auto;} .single-product-btn-wrap{width: 100%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3;} .product-thumb-content a{margin-bottom: 14px;} .product-thumb-content dfn{margin-bottom: 29px;} .single-product-btn{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; padding-right: 7px;} .single-product-btn-wrap {width: 100%;-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3;padding-top: 32px;padding-bottom: 80px;} .single-product-btn .btn.large { font-size: 20px; letter-spacing: 0.29px; padding-left: 6px;} .single-product-item-main { padding: 0 35px;} .single-product-hading h5 {margin-bottom: 9px;line-height: 51px;} .single-product-hading{margin-top: 45px;} .single-product-hading h4 {letter-spacing: 0.36px; } .single-product-item-wrap {padding-top: 47px;} .single-product-item {width: 100%;margin-right: 0; margin-bottom: 67px;} .single-product-item-content { margin-top: 35px;} .single-product-item-content h5 {font-size: 40px; line-height: 44px; letter-spacing: 0.57px;} .single-product-item:nth-child(3n + 3) { margin-right: 0; margin-bottom: 0;} .single-product-inner {padding-bottom: 55px;} /* //End single-product-wrap */ /* Start product-distillers */ .product-distillers-thumb {width: 100%;} .product-distillers-content{width: 100%; padding: 52px 0;} .distillers-content{padding: 0 23px; margin-bottom: 15px;} .distillers-content h4 {margin-bottom: 37px;line-height: 34px;letter-spacing: 0.36px;} .distillers-content p {font-size: 20px;line-height: 26px;} /* //End product-distillers */ /* Start product-hero-wrap */ .product-hero-wrap {min-height: 485px;} .product-hero-content {width: 100%; padding: 0 24px;} .product-bg picture{position: relative;} .product-hero-wrap .common-wrap{padding: 0;} .product-hero-inner{background-color: #48378e; padding-top: 46px; padding-bottom: 73px;} .product-hero-content h3 {font-size: 50px;line-height: 64px;letter-spacing: 0.71px;} .product-hero-content dfn {margin-bottom: 11px;} .product-hero-content-btn{ display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 23px;} .product-hero-content-btn .btn-large-transparent {background-color: #48378e;} .product-hero-content-btn .btn.large {font-size: 20px; letter-spacing: 0.29px; padding-right: 5px; min-width: 320px;} .product-hero-content-btn .btn-large-transparent:after{width: 320px;} /* //End product-hero-wrap */ /* Single Product page */ .content-wrapper{padding: 160px 0 60px;} .content-wrapper-text p, .content-wrapper-text ul li{font-size: 20px; line-height: 26px; } .content-wrapper-text p, .content-wrapper-text ul, .content-wrapper-text h5{padding-bottom: 26px;} } @media only screen and (min-width: 768px){ .header-inner:before{display: none;} } /* Tablet Layout: 768px. ----------------------------------------------------------------- */ @media only screen and (min-width: 769px) and (max-width: 991px) { input[type="text"],input[type="email"],input[type="tel"],input[type="search"],input[type="number"],input[type="submit"],input[type="password"],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;} .btn.large{min-width: 248px !important;} .btn-large-transparent:after{width: 248px !important; min-width: 248px !important;} .hero-content h1{font-size: 80px; line-height: 84px;} .product-item-two figure:nth-child(2){margin-right: 0;} .primary-wisky-bg picture img{ width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; height: 100%;} .primary-wisky-inner h2{font-size: 70px; line-height: 74px;} .barrel-thumb { bottom: 22%; right: 7.277778%; } .product-category-slider-item:nth-child(1){margin-left: 0;} .product-category-slider-item:nth-child(2){margin-right: 0; padding-bottom: 185px;} .product-category-slider-item .feature, .product-category-slider-item h4{font-size: 25px; line-height: 45px;} .product-category-dots{bottom: 18%;} .signature-cocktails-wrap::before{top: -45px;} .primary-wisky-btn .btn.large{min-width: 300px !important;} .primary-wisky-btn .btn-large-transparent:after{min-width: 300px !important; width: 300px !important;} /* Start william Style */ .william-wrap { padding: 112px 0 50px; } .william-thumb-left { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 22%; } .william-wrap .common-wrap { max-width: 566px; } .william-content h6 { font-size: 18px; line-height: 24px;} .william-content h2 {font-size: 64px; line-height: 70px;} .william-thumb-right { top: 50%; right: 1.5%; } /* End william Style */ /* Start Footer Style */ .footer-logo-wrap .btn.large { min-width: 272px;} .footer-logo-wrap .btn-large-transparent { font-size: 18px;} .footer-nav-wrap ul li { margin: 0 2.8%; } /* End Footer Style */ /* Start menu Style */ .menu-logo{max-width: 100px;} .nav-wrap { padding: 90px 50px 50px; } .nav-wrap ul li { margin-bottom: 6px; } .nav-wrap ul li a { font-size: 50px; line-height: 54px;} .navShown{margin-right: 0;} /* End menu Style */ .header-inner:before{display: none;} /* Start Cocktails Style */ .item{width: 32%; margin: 0 2% 50px 0 !important;} .item:nth-child(3n + 3){margin-right: 0 !important;} /* End Cocktails Style */ /* Start whisky-listing Style */ .product-info-item { padding: 45px 24px;} .product-info-item-thumb { max-width: 250px;} .info-featured-item h2{font-size: 85px; line-height: 96px;} /* End whisky-listing Style */ /* Our-Story Page Beginning */ .prelude-wrap .common-wrap{padding: 0 20px;} .prelude-item-wrap{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} .progressive-wrap{min-height: 730px;} .progressive-btn .btn.gd-blue{padding-right: 10px;} .progressive-btn .btn-large-transparent:after { width: 278px !important;} /* Our-Story Page End */ /* Start Single-Cocktail Wrap */ .single-cocktail-item-content{padding: 30px;} .single-cocktail-item-content h3 {font-size: 45px; line-height: 50px;padding-top: 8px; margin-bottom: 5px;} .single-cocktail-item-content p{margin-bottom: 10px;} .info-content{margin-bottom: 10px;} .info-content h6{margin-bottom: 5px;} .info-content ul li{margin-top: 0;} /* End Single-Cocktail Wrap */ /* Single Product page */ .single-product-content h1 {font-size: 90px;line-height: 100px;} .single-product-content p {max-width: 580px;} .single-product-thumb-wrap {padding: 40px;margin-top: 65px; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .product-thumb-content { width: 50%; margin-top: 0px;} .single-product-thumb { width: 50%;} .single-product-btn-wrap {-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;padding-bottom: 30px;} .single-product-btn{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} .single-product-inner{padding-bottom: 0;} .single-product-item-main{padding: 50px 0;} .single-product-hading{margin-top: 30px;} .single-product-item-wrap {padding-top: 50px;} .single-product-item-content h5 { font-size: 38px;line-height: 40px;} .distillers-content{padding: 20px;} .distillers-content h4 {margin-bottom: 30px;font-size: 40px;line-height: 45px;} .distillers-content p {font-size: 18px;line-height: 20px; } .product-hero-content {width: 50%;} .product-hero-content-btn{ display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%;} /* Single Product page */ } /* Tablet Layout: 1024px. ----------------------------------------------------------------- */ @media only screen and (min-width: 992px) and (max-width: 1024px) { input[type="text"],input[type="email"],input[type="tel"],input[type="search"],input[type="number"],input[type="submit"],input[type="password"],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;} .product-category-slider-item:nth-child(1){margin-left: 0;} .product-category-slider-item:nth-child(2){margin-right: 0;} .product-category-slider-item .feature, .product-category-slider-item h4{font-size: 35px;} .signature-cocktails-wrap::before { top: -40px;} .ingredients-bg img{-o-object-position: center right;object-position: center right;} .product-item-two figure:nth-child(2){margin-right: 0;} .signature-cocktails-hover-btn .btn.large{min-width: 248px;} .signature-cocktails-hover-btn .btn-large-transparent:after{width: 248px;} /* Start william Style */ .william-wrap { padding: 112px 0 50px; } .william-thumb-left { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 22%; } .william-thumb-right { top: 50%; right: 1.5%; } /* End william Style */ /* Start menu Style */ .nav-wrap { padding: 132px 50px 50px; } .nav-wrap ul li a { font-size: 60px; line-height: 64px;} .navShown{margin-right: 0;} /* End menu Style */ /* Start Single-Cocktail Wrap */ .single-cocktail-item-content{padding: 50px 60px 50px 60px;} /* End Single-Cocktail Wrap */ /* Single Product page */ .single-product-thumb-wrap{padding: 50px; margin-top: 70px;} .single-product-btn .btn-large-transparent:after{width: 100%;} .product-thumb-content dfn {font-size: 18px;line-height: 23px;margin-bottom: 24px; } /* Single Product page */ } @media only screen and (min-width: 1025px) and (max-width: 1366px) { input[type="text"],input[type="email"],input[type="tel"],input[type="search"],input[type="number"],input[type="submit"],input[type="password"],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;} .product-category-slider-item:nth-child(1){margin-left: 0; } .product-category-slider-item:nth-child(2){margin-right: 0; width: 58.014%;} .signature-cocktails-wrap::before { top: -35px;} .ingredients-bg img{-o-object-position: center right;object-position: center right;} .signature-cocktails-hover-btn .btn.large{min-width: 260px;} .signature-cocktails-hover-btn .btn-large-transparent:after{width: 260px;} /* Single Product page */ .product-thumb-content{margin-top: 100px;} /* Single Product page */ } @media(max-width:770px){ .testimonials h2{margin: 0.5em auto; line-height: 60px font-size: 54px;} .testimonials p{color:#fff;} .headroom--not-top .logo-wrap{opacity:1;} } @media(max-width:500px){ .testimonials h2{ font-size: 47px; line-height: 54px;} } /* Retina media query. Overrides styles for devices with a device-pixel-ratio of 2+, such as iPhone 4. ----------------------------------------------- */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { }