/*!
Theme Name: Dolly Jain - Wordpress Theme
Theme URI: http://dollyjain.com/
Author: Harshad Satra
Author URI: https://harshadsatra.in/
Description: Custom Wordpress theme for Dolly Jain Website developed by Harshad Satra using Custom HTML and Advance Custom Fields to make it dynamic and easily mainatainable by the management team
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dollyjain
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

dollyjain is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0;font-size: 14px;}
main{display:block}
h1{font-size:2em;margin:.67em 0}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img,svg{border-style:none;max-width: 100%;}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[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}
details{display:block}
summary{display:list-item}
template{display:none}
[hidden]{display:none}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgb(208,208,212);
}
::-moz-placeholder { /* Firefox 19+ */
  color: rgb(208,208,212);
}
:-ms-input-placeholder { /* IE 10+ */
  color: rgb(208,208,212);
}
:-moz-placeholder { /* Firefox 18- */
  color: rgb(208,208,212);
}

h1,h2,h3,h4,h5,h6{
    font-family: 'AkzidenzGroteskBE-Light';
}
h1{font-size: 25px;}
h2{font-size: 20px;color: #FAA514;}
h3{font-size: 18px}
h4{font-size: 16px}
h5{font-size: 12px}

.entry-title,.page-title{
  color: #FAA514;  
  text-transform: uppercase;
  font-size: 30px;
  letter-spacing: 2px;
  padding-top: 50px;
}

.site-content{
  padding-bottom: 50px;
}

.h100{height: 100vh;}



body.page-id-668 {
    min-height: calc(100vh - 1rem) !important;
    height: calc(100vh - 1rem) !important;
    margin: 0;
    padding-top: 5rem;
}
.page-id-668 .container:has(form) {
    max-width: 500px;
}
.page-id-668 #page {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.page-id-668 footer.site-footer {
    margin-top: auto;
}
.page-id-668 .entry-header .entry-title, 
.page-id-668 .entry-content form {
    text-align: center;
}



/* Landing Screen */
.landingScreen{background:#000;position: fixed; top:0; left: 0; width: 100%; height: 100%; z-index: 10000; display: flex; justify-content: center; align-items: center; } 
.landingScreen img{max-width: 200px;} 
.landingScreen.hide{top:-100%; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; }


/* Magnific Popup */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap;display: none;}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width: 900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}

/* Slider */ 
.slick-slider {position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus {outline: none; } .slick-list.dragging {cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track {position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after {display: table; content: ''; } .slick-track:after {clear: both; } .slick-loading .slick-track {visibility: hidden; } .slick-slide {display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide {float: right; } .slick-slide img {display: block; } .slick-slide.slick-loading img {display: none; } .slick-slide.dragging img {pointer-events: none; } .slick-initialized .slick-slide {display: block; } .slick-loading .slick-slide {visibility: hidden; } .slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden {display: none; }
.slick-loading .slick-list {background: #fff url('./ajax-loader.gif') center center no-repeat; }
/* Slick Arrows */ 
.slick-prev, .slick-next {font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity: .25; } .slick-prev:before, .slick-next:before {font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev {left: -25px; } [dir='rtl'] .slick-prev {right: -25px; left: auto; } .slick-prev:before {content: '←'; } [dir='rtl'] .slick-prev:before {content: '→'; } .slick-next {right: -25px; } [dir='rtl'] .slick-next {right: auto; left: -25px; } .slick-next:before {content: '→'; } [dir='rtl'] .slick-next:before {content: '←'; } /* Dots */ .slick-dotted.slick-slider {margin-bottom: 30px; } .slick-dots {position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li {position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button {font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus {outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before {opacity: 1; } .slick-dots li button:before {font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before {opacity: .75; color: black; }

/* Resetiing Bootstrap Gutter */
.row {margin-right: -40px; margin-left: -40px; }
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
  padding-right: 40px;
  padding-left: 40px;
}

/*! Font, Color and Typography */
@font-face {
  font-family: 'AkzidenzGroteskBE-Light';
  src: url('fonts/AkzidenzGroteskBE-Light.eot?#iefix') format('embedded-opentype'),  url('fonts/AkzidenzGroteskBE-Light.otf')  format('opentype'),
       url('fonts/AkzidenzGroteskBE-Light.woff') format('woff'), url('fonts/AkzidenzGroteskBE-Light.ttf')  format('truetype'), url('fonts/AkzidenzGroteskBE-Light.svg#AkzidenzGroteskBE-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AkzidenzGrotesk-Light';
  src: url('fonts/AkzidenzGrotesk-Light.eot?#iefix') format('fonts/embedded-opentype'),  url('fonts/AkzidenzGrotesk-Light.woff') format('woff'), url('fonts/AkzidenzGrotesk-Light.ttf')  format('truetype'), url('fonts/AkzidenzGrotesk-Light.svg#AkzidenzGrotesk-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AGaramondPro-Regular';
  src: url('fonts/AGaramondPro-Regular.eot?#iefix') format('embedded-opentype'),  url('fonts/AGaramondPro-Regular.otf')  format('opentype'),
       url('fonts/AGaramondPro-Regular.woff') format('woff'), url('fonts/AGaramondPro-Regular.ttf')  format('truetype'), url('fonts/AGaramondPro-Regular.svg#AGaramondPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AGaramondPro-Italic';
  src: url('fonts/AGaramondPro-Italic.eot?#iefix') format('embedded-opentype'),  url('fonts/AGaramondPro-Italic.otf')  format('opentype'),
       url('fonts/AGaramondPro-Italic.woff') format('woff'), url('fonts/AGaramondPro-Italic.ttf')  format('truetype'), url('fonts/AGaramondPro-Italic.svg#AGaramondPro-Italic') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{background: #000;color:rgb(208,208,212);margin-top:79px;overflow-x: hidden;}
a{color:rgb(208,208,212);}
a:hover{color:#FAA514;text-decoration: none;}
h1,h2{}
p{font-family: 'AkzidenzGroteskBE-Light';}

.color-red{color:#FAA514 !important;}
.height100{height: 100vh;}
.sectionSpacing{margin:120px auto;}
.sectionTitle{
  color:#FAA514;
  font-size: 18px;
  letter-spacing: 3px;
  font-family: 'AkzidenzGroteskBE-Light';
}

/* Header and Menu */
.main-header{padding: 26px 0;border-bottom:solid 2px #333;background:#000;position: fixed;top:0;left: 0;width: 100%;z-index: 2000;}
.main-header .container-fluid{padding: 0;}
.header-instagram{margin-right: 50px;}
.header-instagram svg{width: 25px;fill:#fff;}
.header-instagram:hover svg{fill:#FAA514;}
.main-logo img{max-width: 200px;}
.menu-btn{display: block;}
.main-menu{
  position: fixed;
  bottom: 0;
  left: -250px;
  width: 250px;
  height: calc(100% - 73px);
  background: #000;
  -webkit-transition: all .5s;
  transition: all .5s;
  z-index: 1000;
}
.main-menu.active{left: 0; } 
#primary-menu{list-style: none; margin: 40px auto; } 
#primary-menu li{text-transform: uppercase; } 
#primary-menu li a{
  padding: 5px;
  margin-bottom: 10px;
  display: block;
  text-decoration: none;
  letter-spacing: 4px;
  font-size: 12px;
  font-family: 'AkzidenzGroteskBE-Light';
} 
#primary-menu li.current-menu-item a,#primary-menu li a:hover{color:#FAA514 } 
.header-social li{display: inline-block;margin-right: 5px; }
.header-social a svg{fill: #fff;height: 20px;}
.header-social a:hover svg{fill:#FAA514}

#nav-btn{
  width: 25px;
  height: 25px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  margin-left: 30px;
}

#nav-btn span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#nav-btn:hover span{
  background:#FAA514;
}



/* Nav Button */
#nav-btn span:nth-child(1) {top: 2px; }
#nav-btn span:nth-child(2),#nav-btn span:nth-child(3) {top: 12px; }
#nav-btn span:nth-child(4) {top: 23px; }
#nav-btn.open span:nth-child(1) {
  top: 12px;
  width: 0%;
  left: 50%;
}

#nav-btn.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-btn.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-btn.open span:nth-child(4) {
  top: 15px;
  width: 0%;
  left: 50%;
}

.workshop-link{
  position: absolute;
  bottom:80px;
}
.workshop-link a{
  text-transform: none;
  letter-spacing: 1px !important;
  border-bottom: solid 1px #fff;
  padding: 0 !important;
  font-size: 14px !important;
}

/* Footer */
.site-footer{
  padding:30px 0px; 
  border-top: solid 2px #333;
  font-size: 12px;
}
.site-footer *{
  margin-bottom: 0;
  font-size: 10px;
  letter-spacing: 2px;
  font-family: 'AkzidenzGroteskBE-Light';
}
.footer-social:before{
  content: 'FOLLOW US';
  margin-right: 30px;
}
.site-footer .text-right p{padding-right: 50px;}
.footer-social li{display: inline;}
.footer-social a svg{fill: #fff;height: 18px;}
.footer-social a:hover svg{fill:#FAA514}


/* Font Setttings */
.grid-content h2{font-family: 'AGaramondPro-Regular';font-size: 18px;color: rgb(208,208,212);}

/* Home Page */
.home-slider{overflow: hidden;}
.home-slider .slide{height: calc(100vh - 76px); position: relative; } 
.home-slider .slide h1{
  position: absolute;
  bottom: 80px;
  left: 0;
  right: 0;
  margin:0 auto;
  width: 55%;
  text-align: center;
  font-family: 'AGaramondPro-Regular';
  font-size: 40px;
  letter-spacing: 1px;
  color: #fff;
  text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
} 
.home-slider .slick-dots{position: absolute; bottom:30px; left:30px; width: 20px; } 
.home-slider.mobile{display: none}
.home-slider.desktop{display: block}

.home-slider .slick-dots li{    background: #fff;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-bottom: 0px;
    display: block;
    margin: 8px;}
.home-slider .slick-dots li button{display: none;}
.home-slider .slick-dots li.slick-active{background: #FAA514; }
.home-gallery{padding: 80px 0; } 
.grid-item{padding-bottom: 80px; } 
.grid-content{padding: 20px; } 
.popup-content{position: relative; }
.popup-content:hover .popup-top{opacity: 1;}
.popup-top{
  position: absolute;
  width: 95%;
  height: 97%;
  background: rgba(0,0,0,0.8);
  top:0;
  left: 0;
  right: 0;
  padding:10px;
  bottom: 0;
  margin: auto;
  color: #fff;
  display: flex;
  -ms-flex-align: end!important;
  align-items: flex-end!important;
  opacity: 0;
  pointer-events: none;
  transition:all .5s ease-in-out;
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  -ms-transition:all .5s ease-in-out
}
.popup-top h3{font-size: 16px; margin-bottom: 0;letter-spacing: 1.5px;display: none; }
.popup-top p{font-size: 12px; margin-bottom: 0;display: none; }
.popup-top span{position: absolute; right: 10px; bottom:0px; font-size: 40px; }

.page-template-page-home .mfp-title{display: none;}

/* Demo Poup */
.page-template .mfp-bg{background: transparent;display: none;}
.page-template .mfp-wrap{height: calc(100% - 73px);bottom:0;top:auto;overflow: hidden;}
.page-template .mfp-container{background: rgba(255,255,255,1);color: #000;text-align: center;overflow: hidden;position: fixed}
.page-template .mfp-image-holder .mfp-close,.page-template .mfp-iframe-holder .mfp-close{
  position: absolute;
  top: 47px;
  right: 10PX;
  font-size: 36px;
  font-family: 'AkzidenzGroteskBE-Light';
  font-weight: inherit;
  opacity: 0.6;
}
.page-template .mfp-title,.mfp-figure small{
  text-align: center;
  padding: 0px;
  color: #000;
  line-height: 19px;
  font-size: 14px;
  letter-spacing: 3px;
  padding-top: 5px;
}
.page-template .mfp-figure small{font-size: 12px;}
.page-template .mfp-figure:after{box-shadow: none;}

.page-template button.mfp-arrow{width: 30px;}
.page-template button.mfp-arrow:before,button.mfp-arrow:after{display: none;}
.page-template button.mfp-arrow-left{background: url("img/prev-black.svg") no-repeat;background-position: 100%;left:20px; }
.page-template button.mfp-arrow-right{background: url("img/next-black.svg") no-repeat;background-position: 100%;right:20px; }

.page-template img.mfp-img{max-height: calc(100vh - 120px) !important;}

/* About Page */
.awards-list{list-style: none;padding:0; }
.awards-list li{
  line-height: 2;
  font-size: 14px;
  font-family: 'AkzidenzGroteskBE-Light';
  width: 48%;
  display: inline-block;
  padding: 0px 20px 30px 0;
  vertical-align: top;
}

.press-block{
  position: relative;
  overflow: hidden;
  border:solid 2px #000;
}
a.pressLink {
  margin: 20px;
  display: block;
  overflow: hidden;
  position: relative;
}
.image-source-link{
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.press-hover{
  position: absolute;
  top:0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 95%;
  height: 95%;
  margin: auto;
  background: rgba(0,0,0,0.8);
  color: #fff;
  opacity: 0;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  padding:0 20px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  font-family: 'AkzidenzGroteskBE-Light';
  letter-spacing: 2px;
}
a.pressLink:hover .press-hover{
  opacity: 1;
}
.press-hover:after{
  content: '+';
  position: absolute;
  right: 10px;
  bottom: 0px;
  font-size: 40px;
}
.relative-img{
  position: relative;
  opacity: 0.1;
}
.absolute-img{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover !important;
}

@media screen and (min-width: 1025px) {
  .page-template-page-about .about-media button.slick-next.slick-arrow{right: -5%;}
  .page-template-page-about .about-media button.slick-prev.slick-arrow{left: -5%;}
}

/* Contact Page */
.contact-email{font-size:14px;}
.input-field,.select-field{
  display: block;
  width: 100%;
  background: transparent;
  border:none;
  padding:0 20px;
  border-bottom: solid 1px rgba(208,208,212,0.6);
  height: 60px;
  line-height: 60px;
  border-radius: 0;
  outline: none;
  margin-top:40px;
  color:rgb(208,208,212);
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  letter-spacing: 2px;
  font-size: 14px;
}
select.select-field,select.input-field{
  background: url(img/select-arrow.svg) no-repeat;
  background-position: 96% 55%;
  background-size: 18px;
}

.submit-btn{
  height: 50px;
  line-height: 50px;
  width: 140px;
  text-align: center;
  padding: 0;
  text-transform: uppercase;
  display: block;
  background: #fff;
  color: #000;
  border: none;
  outline: none !important;
  margin-top: 80px;
}
.submit-btn:hover{background:#FAA514;color: #fff; }

/* Tutorials Page */
.fetured-video-section .video-slider {margin: 1rem 0; }
.fetured-video-section .video-slider .video-cover .video-slider-content {position: relative; width: 99%; margin: 0 auto; }
.fetured-video-section .video-slider .video-cover .video-slider-content img {width: 100%; height: auto; }
.fetured-video-section .video-slider .video-cover .video-slider-content .work-video-play-icon {width: 80%; }

.fetured-video-section .video-slider .video-cover .video-slider-content img{
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.fetured-video-section .video-slider .video-cover.slick-center .video-slider-content img{
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}


.fetured-video-section .video-slider .video-cover .video-slider-content .video-play-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:rgba(0, 0, 0, 0.3) url(img/play-btn.svg) center center no-repeat;
  background-size: 150px;
  display: none;
}
.fetured-video-section .video-slider .video-cover.slick-center .video-play-icon{
  display: block;
}
.work-show{
  display: block;
  width: 100%;
  height: 100%;
}
.fetured-video-section .video-slider iframe{
  position: relative;
  z-index: 2;
}



.fetured-video-section .video-slider .video-cover .video-slider-content .video-caption {
  position: absolute;
  bottom: 5%;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  color: rgb(208,208,212);
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 500;
  font-family: 'AkzidenzGroteskBE-Light';
  letter-spacing: 2px;
}

.fetured-video-section .slick-prev:before,.fetured-video-section .slick-next:before,.about-media .slick-prev:before,.about-media .slick-next:before{display: none;}
.fetured-video-section .slick-prev,.fetured-video-section .slick-next,
.about-media .slick-prev,.about-media .slick-next{
  top: 50%;
  width: 50px;
  height: 50px;
  z-index: 10;
}
.fetured-video-section .slick-next,.about-media .slick-next {
  right: 6%;
  background: url("img/next-white.svg") no-repeat;
  background-position: 100%; 
}
.fetured-video-section .slick-prev ,.about-media .slick-prev {
  left: 6%;
  background: url("img/prev-white.svg") no-repeat;
  background-position: 0;
}


.youtube_slider .video-title{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  background: rgba(0,0,0,0.3);
  color: #fff;
  opacity: 1;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 0 20px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  font-family: 'AkzidenzGroteskBE-Light';
  letter-spacing: 2px;
  padding: 30px;
  text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.youtube_slider a:hover .video-title{
  background: rgba(0,0,0,0.2);
}

.contact-info p{font-size: 16px;}
.contact_emails{
  list-style: none;
  padding: 0;
  margin: 40px auto;
}
.contact_emails p{
  border-bottom: solid 1px rgb(208,208,212);
  margin-bottom: 10px;
  display: inline-block;
}
.contact_emails li{
  display: inline-block;
  width: 27%;
  margin-bottom: 30px;
  vertical-align: top;
}
.contact_emails li a{
  display: block;
}
.contact_emails li:nth-child(2){
  width: 50%;
}


/* Contact Form 7 */
div.wpcf7-response-output{
  border:none;
  font-size: 16px;
  letter-spacing: 3px;
  font-family: 'AkzidenzGroteskBE-Light';
  text-align: center;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
  color: #ff0000;
}
div.wpcf7-mail-sent-ng, div.wpcf7-aborted{
  color: #ff0000;
}
div.wpcf7-mail-sent-ok{
  color: #fff;
}

/* FAQ Section */
.faq{
  border-bottom:solid 1px rgba(255,255,255,0.5);
  padding: 20px;
}
.faq-btn{
    display: block;
    color:rgb(208,208,212);
    padding: 0;
    width:100%;
    text-align: left;
    text-decoration: none !important;
}
.faq.open .faq-btn,.faq-btn:hover{
  color: #FAA514;
}
.faq .card-body{
  padding: 0;
  margin-top: 20px;
}


.about-media .slick-slide{padding: 4px;}

@media screen and (max-width: 1025px) {
  .home-slider .slide{max-height: 600px;background-size: cover !important }
}

@media screen and (max-width: 959px) {
  .fetured-video-section .slick-next,.about-media .slick-next{right: 6%; } 
  .fetured-video-section .slick-prev,.about-media .slick-prev{left: 6%; } 
}

@media screen and (max-width: 639px) {
  .container{width: 90%;}

  .main-header .row{margin:0;}
  .main-header .col{padding: 0;}
  .header-instagram{margin-right: 70px;}

  .site-footer .col{padding-left: 20px;padding-right: 20px;}
  .site-footer .col-md{text-align: center !important;margin: 8px; }
  .site-footer .text-right p{padding-right: 0;}
  .footer-social:before{margin-left: -30px;}

  .fetured-video-section .video-slider .video-cover .video-slider-content img{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
  }
  .fetured-video-section .video-slider .video-cover .video-slider-content .video-caption {font-size: 1.2rem;color: #fff; } 
  .about-media .slick-next  {right: -7%; }
  .about-media .slick-prev  {left: -7%; } 

  .page-template-page-tutorials .about-media .slick-next, .fetured-video-section .slick-next{width: 20px; height: 30px;right: 5%;}
  .page-template-page-tutorials .about-media .slick-prev, .fetured-video-section .slick-prev{width: 20px; height: 30px;left: 5%;}
  
  .fetured-video-section .video-slider .video-cover .video-slider-content .video-play-icon{background: rgba(0, 0, 0, 0.1) url(img/play-btn.svg) center center no-repeat;display: block;background-size:30px;text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);}
  .youtube_slider .video-title{background:rgba(0,0,0,0.1); }

  .home-slider.mobile{display: block}
  .home-slider.desktop{display: none}

  .home-slider .slick-dots{bottom: 12px; left: 12px; }
  .home-slider .slick-dots li{width: 5px;height: 5px;margin: 5px;}

  .youtube_slider{margin:20px;}
  .sectionSpacing{margin:100px auto;}

  .contact_emails li,.awards-list li{width: 100%;}

  .home-slider .slide{height: 100%;}

  .home-slider .slide h1{
    width: 70%;
    font-size: 25px;
    bottom:30px;
  }
}