/* GOOGLE FONTS */
@import url('https://fonts.googleapis.com/css?family=Playfair+Display|Fjalla+One|Poppins:300,400,500,600,700,900&subset=latin-ext');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@import url("all.css");
@import url("hover-min.css");

html.touch *:hover {
    pointer-events: none !important;
}

/* SELECTION */
::-moz-selection {
    background: #777;
    color: #fff;
}
::selection {
    background: #777;
    color: #fff;
}

/* SCROLLBAR */
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
::-webkit-scrollbar-thumb {
  border-radius: 1em;
  background-color: rgba(218, 154, 78,0.8);
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(218, 154, 78,0.8);
}
::-webkit-scrollbar-track {
  border-radius: 1em;
  background-color: rgba(94, 4, 10,0.8);
}
::-webkit-scrollbar-track:hover {
  background-color: rgba(94, 4, 10,0.8);
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
  transition: background-color 5000s;
  -webkit-text-fill-color: #33353b !important;
}
/* CUSTOM */
.padding-left-8{padding-left: 8px !important;}
.no-padding-bottom{padding-bottom: 0 !important;}
.padding-bottom-40{padding-bottom: 40px !important;}
.padding-bottom-30{padding-bottom: 30px !important;}
.padding-bottom-20{padding-bottom: 20px !important;}
.no-padding-top{padding-top: 0 !important;}
.padding-top-20{padding-top: 20px !important;}
.padding-top-30{padding-top: 30px !important;}
.padding-top-100{padding-top: 100px !important;}
.padding-bottom-120{padding-bottom: 120px !important;}
.padding-left-right-10{padding-left: 10px !important;padding-right: 10px !important;}

.margin-top-10{margin-top: 10px !important;}
.margin-top-20{margin-top: 20px !important;}
.margin-top-30{margin-top: 30px !important;}
.margin-top-60{margin-top: 60px !important;}
.no-margin-bottom{margin-bottom: 0 !important;}
.no-margin-top{margin-top: 0 !important;}
.margin-bottom-10{margin-bottom: 10px !important;}
.margin-bottom-20{margin-bottom: 20px !important;}
.margin-bottom-30{margin-bottom: 30px !important;}
.margin-bottom-40{margin-bottom: 40px !important;}
.margin-bottom-50{margin-bottom: 50px !important;}
.margin-bottom-60{margin-bottom: 60px !important;}

.center-col { float: none !important;margin-left: auto !important;margin-right: auto !important;}

.text-upper{text-transform:  uppercase;}
.text-justify{text-align: justify !important;}
.font-15{font-size: 15px !important;}


.font-gold{color: #D89546 !important;}
.font-gray{color: #282D33 !important;}
.bg-gold{ background:  #D89546 !important;}
.fw-600{font-weight: 600 !important;}
.fw-600{font-weight: 600 !important;}
.fz-1-2{font-size: 1.2rem !important;}
.fz-1-3{font-size: 1.3rem !important;}
.fz-1-4{font-size: 1.4rem !important;}
.fz-1-5{font-size: 1.5rem !important;}

.border-bottom{height: 3px; width: 80%;border: 2px solid;margin-top: 3px;}
.border-bottom.gold{border-image: linear-gradient(to right, #D49247, #fff) 1;}
.border-bottom.red{border-image: linear-gradient(to right, #5E040A, #fff) 1;}
.border-bottom.gray{border-image: linear-gradient(to right, #282D33, #fff) 1;}

.border-bottom-tin{height: 1px; width: 100%;border: 1px solid;margin-top: 3px;}
.border-bottom-tin.gold{border-image: linear-gradient(to right, #D49247, #fff) 1;}
.border-bottom-tin.red{border-image: linear-gradient(to right, #5E040A, #fff) 1;}
.border-bottom-tin.gray{border-image: linear-gradient(to right, #282D33, #fff) 1;}

.page-result .result-detail .border-bottom-tin.gold{border-image: linear-gradient(to right, #D49247 90%, #fff) 1;}
.page-result .result-detail .border-bottom-tin.gray{border-image: linear-gradient(to right, #282D33 90%, #fff) 1;}

/* BODY */
*{outline: none !important}
body{margin: 0; padding: 0; font-family: 'Playfair Display', serif; font-size: 14px; color: #33353b; background: #5E040A;}
body{-webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale;}
body{height: 100%;}
html{height: 100%;}

/* HTML TAGS */
a{color: #D89546; -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
img{ max-width: 100%;}
strong{ font-weight: 700;}
b{font-weight: 700;}
a:hover{color: #999;text-decoration: none;}

/* CUSTOM TAGS */
.pull-left{ float: left;}
.pull-right{ float: right;}
.overflow-hidden{overflow: hidden;}

/* CONTAINER */
@media (min-width: 1400px){
    .container{
        max-width: 1320px;
    }
     .donation .container{
        max-width: 1140px;
    }
}

/* SECTIONS */
main{ width: 100%; float: left; position: relative; z-index: 2; }
section{position: relative;}
aside{position: relative;}
footer{position: relative;}

/* CONTENT */
.content{ width: calc(100% - 60px); float: left; background: #fff; margin: 0 0 0 60px; border-bottom: 2px solid #5E040A;}

/* EQUALIZER */
.equalizer { width: 18px; height: 20px; cursor: pointer; position: relative;}
.equalizer span { background: #999; width: 3px; height: 0px; bottom: 0; left: 0%; display: block; position: absolute; transition: height 0.2s linear;}
.equalizer span:nth-child(1) { margin-left: 5px;}
.equalizer span:nth-child(2) { margin-left: 10px;}
.equalizer span:nth-child(4) { margin-left: 15px;}
.equalizer span:nth-child(5) {margin-left: 20px;}
.equalizer.paused span { height: 3px !important;}

/* REVEAL EFFECT */
.reveal-effect { float: left; overflow: hidden; position: relative;}
.reveal-effect>img { -webkit-animation-duration: 2s;  animation-duration: 2s;  -webkit-animation-fill-mode: forwards;  animation-fill-mode: forwards;  -webkit-animation-timing-function: cubic-bezier(.785,.135,.15,.86);  animation-timing-function: cubic-bezier(.785,.135,.15,.86); position: relative;}
.reveal-effect>img { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.reveal-effect { -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform;}
.reveal-effect {-webkit-transition-duration: 1.2s; transition-duration: 1.2s; -webkit-transition-timing-function: cubic-bezier(.25,.1,.25,1); transition-timing-function: cubic-bezier(.25,.1,.25,1);}
.reveal-effect.animated {-webkit-transform: translate(0,0); transform: translate(0,0);}
.reveal-effect.animated img {-webkit-animation-name: show-img-1;animation-name: show-img-1;}
.reveal-effect:after {-webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(.785,.135,.15,.86); animation-timing-function: cubic-bezier(.785,.135,.15,.86);}
.reveal-effect:after { content:"";  width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
.reveal-effect:after{-webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(.05,0); transform: scale(.05,0); -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(.785,.135,.15,.86); animation-timing-function: cubic-bezier(.785,.135,.15,.86);}
.reveal-effect.se2-white:after { background-color: #fff; }
.reveal-effect.se2-red:after { background-color: #5E040A; }
.reveal-effect.se2-gray:after { background-color: #282D33; }
.reveal-effect.animated:after { -webkit-animation-name: slide-bg-2; animation-name: slide-bg-2;}

/* PAGE TRANSITION */
.transition-overlay{ width:100%; height:100%; position:fixed; left:0; top:0; background:#5E040A; z-index:99999; opacity:0; visibility:hidden;}
.transition-overlay{ -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}
.transition-overlay.show-me{ opacity:1; visibility:visible;}

/* PRELOADER */
.preloader{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 99; background:#5E040A; }
.preloader{-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transform:all 0.4s ease; transition: all 0.4s ease;  }
.preloader *{-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transform:all 0.4s ease; transition: all 0.4s ease;} 
.preloader img{ width: 140px; height:140px; position: absolute; left: 50%; top:50%; margin-left: -70px; margin-top: -70px; z-index: 4; background:#D89546; }

/* PAGE LOADED */
.page-loaded .preloader{ top: -100%; transition-delay: 0.60s;}
.page-loaded .preloader img{ opacity: 0; margin-top: -120px; transition-delay: 0.30s;}
.page-loaded .header{top: 0; opacity: 1; transition-delay: 0.6s;}
.page-loaded .slider{transform: translateY(0); transition-delay: 0.6s; opacity: 1;}
.page-loaded .banner .inner h2{transform: translateY(0); transition-delay: 0.6s; opacity: 1;}
.page-loaded .scrol-top{opacity: 1;}

/* PERSPECTIVE HOVER */
.perspective-box { position: relative; display:inline-block; width:100%; margin: 5px; cursor: pointer; transform: perspective(600px) translate3d(0, 0, 0);   backface-visiblity:none;  transform-style: preserve-3d;}	
.perspective-box img { width:100%; float: left;}
.perspective-box:hover { box-shadow: 0 66px 75px -10px rgba(0,0,0,.3);  transform-style: preserve-3d; z-index:20; }

/* SOCIAL BAR */
.social-bar{ width: 400px; position: fixed; left: 0; top: 60%; margin-top: 200px; z-index: 3; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; text-align: center;}
.social-bar li{display:inline-block; list-style: none; padding:8px; margin: 10px 10px; font-weight: 600; background: transparent; opacity: 0.7; border: 1px solid #D89546 ;}
.social-bar li a{float: left; color: #D89546 ; font-size: 15px; width: 20px;height: 20px; text-align: center;}
.social-bar li a:hover{text-decoration: none;}

/* HEADER */
.header{ width: 100%; position: absolute; left: 0; top: -100%; z-index: 5; padding: 30px 100px; opacity: 0;}
.header{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transform:all 1s ease; transition: all 1s ease; } 
.header .logo{float: left; margin-right: 20px;margin-top: -10px;}
.header .logo img{ width: 75px;}
.header .language{ float: right; margin-right: 30px; margin-bottom: 0;padding-left: 0; }
.header .language li{ float: left; list-style: none; margin: 0; padding-left: 0; margin-left: 20px; font-family: "Fjalla One";}
.header .language li a{float: left; color: #D89546; line-height: 35px;font-size: 15px;}
.header .language li a:hover{text-decoration: none; opacity: 0.8;}
.header .hamburger{float: right; margin-top: -5px;}
.header .equalizer{float: right; margin-top: 5px; margin-right: 20px;}
.overflow-hidden .header .logo img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.overflow-hidden .header .language li a{color: #fff;}

/* DROPDOWN */
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
.hamburger-navigation li{cursor: pointer;}
.hamburger-navigation li ul{ width: 100%; float: left; margin: 10px 0 0 0; padding: 0 !important; text-align: center; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transform: all 0.4s ease;transition: all 0.4s ease;}
.hamburger-navigation li ul li{width: auto; float: none; display: inline-block; padding: 0; margin: 0; position: relative;}
.hamburger-navigation li ul li:after{content: ""; width: 6px; height: 6px; background: #fff; position: absolute; right: -16px; top: 13px;}
.hamburger-navigation li ul li:last-child:after{display: none;}
.hamburger-navigation li ul li a{font-size: 23px; padding: 0 10px;}
.hamburger-navigation .social-media{ width: 100%; float: left; display: none; text-align: center; margin-bottom: 0; padding: 0;margin-top: 10px;}
.hamburger-navigation .social-media li{display: inline-block; margin: 0 8px; list-style: none;padding: 8px;border: 1px solid #c5a059; background: transparent;border: 1px solid rgba(255,255,255,0.2); float: none; width: auto;}
.hamburger-navigation .social-media li a{color: #f2f2f2; font-size: 15px;}

/* SLIDER */
.slider{ width: 100%; height: 100vh; float: left; position: relative; background: #5E040A; z-index: 1;}
.slider{transform: translateY(250px); opacity: 0;}
.slider{-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.slider .swiper-container{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden;}
.slider .swiper-container{-webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transform:all 0.8s ease; transition: all 0.8s ease; } 
.slider .swiper-container .swiper-wrapper{ width: 100%;float: left;display: flex;flex-direction: row}

/* SLIDER CONTENT */
.slider .swiper-container .swiper-slide{ color: #fff; display: table;margin: 0;background-size: cover;background-attachment: fixed;background-repeat: no-repeat;}
.slider .swiper-container .swiper-slide:after{content: ""; width: 100%; height: 80px; position: absolute; left: 0; bottom: 0; z-index: 3; background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(94,4,10) 100%);background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(94,4,10) 100%);background-image: -moz-linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(94,4,10) 100%);background-image: -webkit-linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(94,4,10) 100%);background-image: -ms-linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(94,4,10) 100%);}
.slider .swiper-container .swiper-slide .inner {text-align: center; color: #D89546; width: 100%;padding: 0 100px; position: relative; z-index: 4;margin: 0 auto;vertical-align: middle;display: table-cell;}
.slider .swiper-container .swiper-slide .inner h5:before{display: none; content: ""; width: 3px; height: 28px; float: left; background: #D89546; margin-left: -10px; margin-top: 2px;}
.slider .swiper-container .swiper-slide .inner h2{ max-width: 100%; font-family: "Playfair Display"; font-size: 7.3em; margin-bottom: 30px; font-weight: 800;}
.slider .swiper-container .swiper-slide .inner h3{ max-width: 100%;  font-size: 4.7em;text-transform: uppercase; margin-bottom: 15px;font-weight: 800;}
.slider .swiper-container .swiper-slide .inner h4{ max-width: 100%;  font-size: 2.7em; font-weight: 800;text-transform: uppercase;}
.slider .swiper-container .swiper-slide .inner h5{ max-width: 100%; font-family: 'Josefin Sans', sans-serif; font-size: 2.7em; font-weight: 700;margin-bottom: 0px;}
.slider .swiper-container .swiper-slide .inner p{ max-width: 40%; line-height: 25px; margin-bottom: 30px;}
.slider .swiper-container .swiper-slide .inner h2,
.slider .swiper-container .swiper-slide .inner h3,
.slider .swiper-container .swiper-slide .inner h4,
.slider .swiper-container .swiper-slide .inner h5{background: url(../images/home/img_texture_big.png) no-repeat center center;background-size: cover;color: #fff;-webkit-text-fill-color: transparent;-webkit-background-clip: text;-moz-background-clip: text;background-clip: text;
}

/* BANNER */
.banner{ width: 100%; float: left; padding: 0 100px; padding-top: 350px; padding-bottom: 10px; background: #fff; color: #c5a059; position: relative;-moz-transition: opacity 1.5s ease, visibility 1.5s; -webkit-transition: opacity 1.5s ease, visibility 1.5s; -ms-transition: opacity 1.5s ease, visibility 1.5s;transition: opacity 1.5s ease, visibility 1.5s;background-repeat: no-repeat,repeat;background-size: cover;background-position: center center;}
.banner .banner-bg{width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden;}
.banner .banner-bg video{min-width: 100%; min-height: 100%; float: left; opacity: 0.2;}
.banner .banner-bg:after{content: ""; width: 100%; height: 80px; position: absolute; left: 0; bottom: 0; z-index: 2; background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba( 94,4,10) 100%);
    background-image: -o-linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba( 84,3,9) 100%);
    background-image: -moz-linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(197,160,89) 100%);
    background-image: -webkit-linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(197,160,89) 100%);
    background-image: -ms-linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(197,160,89) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#131314',GradientType=0 ); }
.banner .inner{font-family: 'Playfair Display', serif; width: 100%; float: left; position: relative; z-index: 3;}
.banner .inner{-webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transform:all 0.7s ease; transition: all 0.7s ease; } 
.banner .inner h2{max-width: 80%; font-size: 4.5em; float: left;color: #D89546  ; opacity: 0.6;}
.banner .inner h2{transform: translateY(250px); opacity: 0;}
.banner .inner h2{-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}

/* WORKS  */
.works { width: 100%; float: left; background: #5E040A;}
.works.three-cols{width: 100%; }
.works.three-cols .grid-sizer{width: 33.33333%;}
.works.three-cols .grid-item{width: 33.33333%;}
.works.three-cols .grid-item-double{width: 66.66666%;}

/* WORKS FILTER */
.isotope-filter{ width: 100%; float: left; margin: 0; padding-bottom: 30px ;padding-top: 30px ; text-align: center; background: #282D33; ;padding-left: 0;}
.isotope-filter li{ display: inline-block; margin: 0 15px; padding: 0; list-style: none;}
.isotope-filter li a{ float: left; font-size: 23px; font-weight: 500; color: #D89546; opacity: 0.99; position: relative;}
.isotope-filter li a:hover{text-decoration: none;}
.isotope-filter li a:before { content: ''; display: block; position: absolute; left: 0; bottom: 0px; height: 2px; width: 0; transition: width 0s ease, background .25s ease; mix-blend-mode: color;}
.isotope-filter li a:after { content: ''; display: block; position: absolute; right: 0; bottom: 0px; height: 2px; width: 0; background: #D89546; transition: width .25s ease; mix-blend-mode: color;}
.isotope-filter li a:hover:before { width: 100%; background: #D89546; transition: width .25s ease;}
.isotope-filter li a:hover:after { width: 100%; background: transparent; transition: all 0s ease;}
.isotope-filter li a.current{ color: #D89546;}
.isotope-filter li a.current:before{ content: ''; display: block; position: absolute; right: 0; bottom: 0px; height: 2px; width: 100%; background: #D89546;transition: width .25s ease; mix-blend-mode: color; }
.isotope-filter li a.current:before{color: #D89546;}
.isotope-filter li a.current:after{color: #D89546;}

/* WORKS FIGURE */
.works figure{ width: 100%; float: left; position: relative; margin: 0; overflow: hidden;}
.works figure *{-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.works figure a{ width: 100%; float: left; text-align: center;}
.works figure img{ width: 100%; float: left; opacity: 1; }
.works figure figcaption{ width: 100%; height: 100%; float: left; position: absolute; left: 0; bottom: 0; color: #fff; font-size: 13px; font-weight: 700; opacity: 0; padding: 0; }
.works figure figcaption .bg-color{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0.9;}
.works figure figcaption .brand{ width: 100%; float: left; margin-bottom: 20px;}
.works figure figcaption .brand img{ width: auto !important; height: 80px; float: none;}
.works figure figcaption a{ width: 100%; height: 100%; float: left; color: #fff; padding: 30px; justify-content: center; display: flex; flex-direction: column; }
.works figure figcaption a:hover{color: #fff; text-decoration: none;}
.works figure figcaption h5{color: #282D33; width: 100%; float: left;transform: translateY(-10px); opacity: 0; font-family: 'Playfair Display', serif; font-size: 28px;}
.works figure figcaption small{ width: 100%; float: left; transform: translateY(10px); opacity: 0; font-weight: 700;}
.works figure:hover figcaption{ opacity: 1;}
.works figure:hover img{transform: scale(1.05);}
.works figure:hover figcaption h5{transform: translateY(0); opacity: 1;}
.works figure:hover figcaption small{transform: translateY(0); opacity: 1;}

/* WORKS FIGURE VIDEO */
.video .works figure figcaption h5{opacity: 1; color: #f2f2f2; margin-top: 20px;font-size: 25px;}
.video  figure figcaption{opacity: 1;}
.video .works figure figcaption .bg-color{ opacity: 0.5;}
.video .works figure figcaption .video-button{float: left;width: auto; margin-top: 8px; margin-bottom: 0; z-index: 3; padding: 10px 25px;border-radius: 8px;}
.video .video-button{font-size: 20px;color: #f2f2f2;box-shadow: 10px 10px 30px rgba(0,0,0,0.05);margin: 0 auto;background: #282D33;}
.video figcaption h4{color: #999;font-size: 1.5rem;}
.video figcaption h3{font-size: 1rem;color: #999;text-transform: uppercase;font-weight: 600;}

/* PAGE ABOUT */
.about.side-text-content h2{margin-bottom: 10px;}
.about.side-text-content h3{color: #282D33;text-transform: uppercase;font-weight: 600;font-size: 1.26rem;margin-bottom: .8rem;line-height: 1.8rem;}
.about.side-text-content  .right-text.title{font-size: 1.7rem;font-style: italic;}
.about.side-text-content  .right-text{font-size: 1.3rem;font-style: italic;}
.about.side-text-content  span{font-size: 1.45rem;}
.about-content{width: 100%; float: left;text-align: justify;display: table-cell;padding: 30px 15px 20px;vertical-align: middle;}
.about .about-content .lead{font-size: 1.1rem; }
.about-content img.image-left{float: left;width: 450px;max-width: 100%;margin-right: 30px;margin-bottom: 15px;margin-top: 10px;box-shadow: 10px 10px 30px rgba(0,0,0,0.15);}
.about-content img.image-right{float: right;width: 350px;max-width: 100%;margin-left: 25px;margin-bottom: 12px;box-shadow: 10px 10px 30px rgba(0,0,0,0.15);}
.about-content img.image-left.small{width: 350px;margin-bottom: 12px;;margin-right: 25px;margin-top: 0px;}
.about-content .lead-big{font-size: 1.4rem !important;font-style: italic; color: #282D33 !important;margin-top: 1.5rem;text-align: left;}
.about-content .pdf-file, .page-detail .pdf-file{width: 100%;margin-top: 20px; float: left;padding: 0; text-align: right;}
.about-content .pdf-file li,.page-detail .pdf-file li{display: inline-block;margin: 0 8px 18px;list-style: none;padding: 0 8px;background: #282D33;border: 1px solid rgba(255,255,255,0.2);}
.about-content .pdf-file a,.page-detail .pdf-file a{margin-right: 15px;font-size: 35px;color: #D89546;}
.about-content .pdf-file span, .page-detail .pdf-file span{font-size: 18px;}
.about-content .pdf-file i,.page-detail .pdf-file i{color: #D89546;}

/* PAGE PRIZES */
.prizes.side-text-content h2{margin-bottom: 10px;}
.prizes.side-text-content h3{color: #282D33;text-transform: uppercase;font-weight: 600;font-size: 1.26rem;margin-bottom: .8rem;line-height: 1.8rem;}
.prizes.side-text-content  .right-text.title{font-size: 1.7rem;font-style: italic;}
.prizes.side-text-content  .right-text{font-size: 1.3rem;font-style: italic;}
.prizes.side-text-content  span{font-size: 1.45rem;}
.prizes-content{width: 100%; float: left;text-align: justify;display: table-cell;padding: 30px 15px 20px;vertical-align: middle;}
.prizes .prizes-content .lead{font-size: 1.125rem; }
.prizes-content img.image-left{float: left;width: 450px;max-width: 100%;margin-right: 30px;margin-bottom: 15px;margin-top: 10px;box-shadow: 10px 10px 30px rgba(0,0,0,0.15);}
.prizes-content img.image-right{float: right;width: 350px;max-width: 100%;margin-left: 25px;margin-bottom: 12px;box-shadow: 10px 10px 30px rgba(0,0,0,0.15);}
.prizes-content img.image-left.small{width: 150px;margin-bottom: 12px;;margin-right: 25px;margin-top: 0px;}
.prizes-content .lead-big{font-size: 1.3rem !important;font-style: italic; color: #282D33 !important;text-align: left;}
.prizes-content .pdf-file, .page-detail .pdf-file{width: 100%;margin-top: 20px; float: left;padding: 0; text-align: right;}
.prizes-content .pdf-file li,.page-detail .pdf-file li{display: inline-block;margin: 0 8px 18px;list-style: none;padding: 0 8px;background: #282D33;border: 1px solid rgba(255,255,255,0.2);}
.prizes-content .pdf-file a,.page-detail .pdf-file a{margin-right: 15px;font-size: 35px;color: #D89546;}
.prizes-content .pdf-file span, .page-detail .pdf-file span{font-size: 18px;}
.prizes-content .pdf-file i,.page-detail .pdf-file i{color: #D89546;}

/* PAGE DETAIL */
.page-detail{ width: 100%; display: flex;padding: 100px 0;}
.page-detail h3{font-weight: 700; font-size: 1.8em;text-transform: uppercase;color: #282D33;letter-spacing: 3px;}
.page-detail .lead{margin-bottom: 50px; font-size: 1.2rem; margin-top: 4px;}
.page-detail .card-body {padding: 0; }
.page-detail .card *{-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.page-detail .card-header{background-color: transparent;border-bottom: none; }
.page-detail .card-body  .lead{margin-bottom: 20px; }
.page-detail .card{background-color: transparent;border: none;margin-bottom: 5px; }
.page-detail .card-header{background-color: transparent;border-bottom: none; }
.page-detail .lead b{font-weight: 600;font-style: italic;color: #D89546;}
.page-detail .lead b.title{font-size: 20px;}
.page-detail .lead b.subtitle{font-size: 16px;color: #282D33;}
.page-detail p{margin-bottom: 20px; font-size: 1.2rem; }
.page-detail .page{width: 100%; float: left; }
.page-detail .page h2{ font-size: 70px; font-weight: 700;}
.page-detail .page .lead{margin-bottom: 10px;  opacity: 1; line-height: 32px;font-size: 1.1rem;}
.page-detail .page p{line-height: 26px; opacity: 0.7;}
.page-detail .page figure{display: block; margin: 100px 0;}
.page-detail span.num-left{padding: 0 3px;background: rgba(0,0,0,0.05); color: #282D33; padding-bottom: 30px;padding-top: 10px;font-size: 34px;line-height: 18px;}
.page-detail .card-header.active .instrument{color: #282D33;background: rgba(0,0,0,0.05);border-bottom: 2px solid #282D33;}
.page-detail .instrument {color: #D89546;  font-family: "Playfair Display"; font-size: 1.5rem; background: #282D33;width: 70%; box-shadow: 10px 10px 30px rgba(0,0,0,0.05);padding: 10px;border: none;}
.page-detail .instrument i{color: #D89546; margin-left: 1rem; font-size: 20px;}
.page-detail .instrument:hover{color: #282D33;border-bottom: 2px solid #282D33;background: rgba(0,0,0,0.05);}
.page-detail .card-header.active .instrument i{color: #282D33;}
.page-detail .instrument:hover i{color: #282D33;}
.page-detail .content-list, .container ul{list-style: none;padding-right: 8px; padding-left: 15px;}
.page-detail .content-list li, .container ul li{margin-bottom: 10px; font-size: 1.2rem; }
.page-detail .content-list li i, .container ul li i{margin-right: 6px; color: #282D33;}
.page-detail .pdf-file{text-align: center !important;}

/* PAGE SCHEDULE*/
.page-schedule .box-instruction,.page-result .box-instruction {width: 100%;float: left;padding: 60px 10%;background: #D89546;}
.page-schedule .box-instruction h4,.page-result .box-instruction h4 {font-family: 'Poppins', sans-serif;font-weight: 600;color: #282D33;font-size: 1.2em;line-height: 1.9;text-transform: uppercase;letter-spacing: -0.3px;}
.page-schedule .schedule-detail h4{color: #D89546;margin-bottom: 40px;text-align: center;}
.page-schedule .schedule-detail .date-content{margin-top: -3px;}
.page-schedule .schedule-detail .date-content p{font-size: 1.2rem;font-weight: 600;margin-bottom: 3px;}
.page-schedule .schedule-detail .date-content .day{font-size: 1.1rem;line-height: 22px; }
.date:after {border-bottom: 1px solid #282D33;content: "";display: block;height: 1px;margin: 3px 40px;}
.day:before {border-top: 1px solid #D49247;content: "";display: block;height: 1px;margin: 0 43px;}
.page-schedule .schedule-detail .time p{font-size: 1rem;font-weight: 600;margin-bottom: 7px; padding-top: 5px;}
.page-schedule .schedule-detail .time p span{font-size: 1.1rem;}
.page-schedule .content-detail{padding-top: 10px; padding-bottom: 10px;}
.page-schedule .name{font-size: 1rem;font-weight: 600;margin-bottom: 5px;}
.page-schedule .name .number{font-size: 1.2rem;}
.page-schedule .partc-detail{margin-left: 15px;}
.page-schedule .partc-detail p, .page-schedule .composition p{font-size: 1rem;margin-bottom: 5px;}
.content-pdf{margin-top: 30px;}
.content-pdf a{font-size: 1rem;}

/* PAGE RESULTS*/
.page-result .result-detail h4{color:#D89546; margin-bottom: 40px;text-align: center; }
.page-result .result-detail table thead tr th{ text-transform: uppercase; font-style: italic;border-style: none; padding: .40rem .75rem .20rem;line-height: 1.5rem;}
.page-result .result-detail table  tr td{ font-size: .95rem;padding: .40rem .75rem .20rem;vertical-align: middle;border-style: none;line-height: 1.8rem;}
.page-result .result-detail .result-header th {padding: .45rem .75rem 0rem;}
.page-result .result-detail .partc-detail td{padding: .35rem .75rem 0rem }
.page-result .result-detail table  tr span{font-size: 1rem; font-weight: 600; }
.page-result .result-detail table  tr span.score{font-size: 1.04rem;}
.page-result .result-detail table  tr span.award{font-size: 1.02rem;}
.page-result .result-detail table  caption{  font-size: 16px;padding-top: 3rem; text-align: center;}

/* VIDEO */
.trailer-video {width: 100%;float: left;padding: 150px 0;position: relative;background: #1c2024;text-align: center;color: #fff;}
.trailer-video .video-bg {width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0.4;overflow: hidden;}
.trailer-video .video-bg video {width: 100%;float: left;display: inline-block;vertical-align: baseline;}
.trailer-video .video-image {width: 700px;max-width: 100%;display: inline-block;margin-top: -200px;margin-bottom: 40px;box-shadow: 10px 10px 50px rgba(0,0,0,0.25);position: relative;background: #1c1b21;overflow: hidden;}
.video-inner{margin-bottom: 30px;}
.video-inner h4{color: #999;font-size: 1.5rem;}
.video-inner h2{color: #ccc;font-size: 1.7rem;}
.video-inner h3{color: #999;font-size: 1rem;color: #999;text-transform: uppercase;font-weight: 600;}
.video-inner h1{font-family: 'Playfair Display', serif;font-size: 55px;color: #f2f2f2;}
.video-button a{font-size: 20px;color: #f2f2f2;border: 1px solid #f2f2f2;box-shadow: 10px 10px 30px rgba(0,0,0,0.05);padding: 10px 60px; opacity: 0.8;}

/* PAGE JURY */
.page-jury{ width: 100%; display: flex; padding: 100px 0 120px;}
.page-jury .jury-nav{margin-bottom: 50px;}
.page-jury .jury-nav h3{font-size: 1.5rem;color: #D89546;}
.page-jury .jury-nav h4{margin-bottom: 10px;font-size: 1.3rem;margin-top: 15px;color: #282D33;}
.page-jury .jury-nav .jury-item{box-shadow: 10px 10px 30px rgba(0,0,0,0.15);padding-bottom: 5px;}
.page-jury h5{font-size: 2.5vw; font-family: "Playfair Display"; line-height: 1.1; margin-top: -5px; margin-bottom: 30px;color: #282D33;}
.page-jury h4{font-size: 2em; font-family: "Playfair Display"; line-height: 1; margin-top: -5px; margin-bottom: 30px;}
.page-jury p{margin-bottom: 10px;opacity: 1;line-height: 32px;font-size: 1.1rem;font-weight: 300;color: #131314;}
.page-jury .jury-box{width: 100%; opacity: 1;display: flex;flex-wrap: wrap;padding: 30px 0 20px;}
.page-jury .jury-box figure {width: 50%;margin: 0;position: relative;overflow: hidden;margin-left: 15px;box-shadow: 10px 10px 30px rgba(0,0,0,0.15);}
.page-jury .jury-box figure img {width: 100%;}
.page-jury .jury-box .content-box {width: 40%;padding-left: 5%;display: flex;flex-direction: column;justify-content: center;position: relative;z-index: 2;}
.page-jury .jury-box .content-box .inner h3 {font-family: 'Poppins', sans-serif;font-size: 1.5vw;font-weight: 600;color: #999;margin-bottom: 4vh;line-height: 1.1;text-transform: uppercase;letter-spacing: 0.1rem;}
.page-jury .jury-box .content-box .inner h5{position: relative;padding-bottom: 15px;}
.page-jury .jury-box .content-box .inner h5:after {content: "";width: 100px;height: 1px;position: absolute;left: 0;bottom: 0;background: #999;}
.page-jury .jury-box  .content-box .inner h3 span {font-family: 'Playfair Display', serif;display: block;font-size: 4.5vw;color: #D89546 ;margin-left: -7vw;margin-top: 4vh;margin-bottom: 3vh;letter-spacing: 0.3rem;font-weight: 800;}
.page-jury .jury-biography{margin-top: 30px;font-family: 'Playfair Display', serif;text-align: justify;}
 u {position: relative;text-decoration: none;}u:after {content: "";width: 100%;height: 7px;background: #c5a059;position: absolute;left: 0;bottom: 3px;mix-blend-mode: color;}
.left-side {width: 150px;height: 100vh;position: fixed;left: 0;top: 0;}

/* PAGE APPLICATION */
.page-application{width: 100%;float: left; padding: 0 0 80px;}
.page-application .box-instruction{width: 100%; float: left; padding: 60px 10%; background: #D89546; }
.page-application .box-instruction h4{font-family: 'Poppins', sans-serif; font-weight: 600;color:#282D33; font-size: 1.2em;  line-height: 1.9; text-transform: uppercase;letter-spacing: -0.3px;}
.page-application .box-instruction span{font-size: 1.1em; }
.page-application .box-instruction a{color:#282D33; font-style: italic;}
.page-application .box-instruction a:hover{text-decoration: underline;}
.application-form {width: 100%;float: left;padding-top: 40px; padding-bottom: 50px;}
.application-form  form{margin-top: 50px;}
.application-form  form .form-group{margin-bottom: 20px; position: relative;  padding-top: 10px; }
.application-form  form .form-group .eg{font-size: 16px; margin-top: 10px; margin-bottom: 0;letter-spacing:0.03rem; }
.application-form  form h5{margin-top: 25px;margin-bottom: 10px; color: #999; font-size: 1.3em;line-height: 1.5em;text-transform: uppercase;font-weight: 600;}
.form-check{margin-top: 20px;}
.field-explanation{font-family: 'Josefin Sans', sans-serif; margin-top: 60px; margin-bottom: 40px; color:  #e5303e; font-size: 14px; font-weight: 400;}
.application-form form input[type="text"]:not(.dtpicker-compValue){font-size: 16px; width: 100%; height: 55px; border: 1px solid #D89546; padding: 0 20px; background-color: transparent; border-left: none;border-top: none;border-right: none;}
.application-form form button[type="submit"] { padding: 0 90px;cursor: pointer; }
.dtpicker-comp.day:before{display:none;}
.floating-label,.example {position: absolute; pointer-events: none; font-size: 1.2em; letter-spacing: 0.05rem; left: 35px; top: 30px; transition: 0.2s ease all;}
.example{font-size: 1.18em;}
input:focus ~ .floating-label,textarea:focus ~ .floating-label,
input:not(:focus):valid ~ .floating-label,textarea:not(:focus):valid ~ .floating-label,
#date_picker:focus ~ .floating-label,
#date_picker.has-value ~ .floating-label{top: -6px;}
.alert-success,.alert-danger  {font-size: 1.6em;  text-align: center; font-family: "Fjalla One";color: #282D33;background-color: transparent !important; border-color: transparent !important;}
.alert-danger {color: #e50000 ;}
.field_button{position: relative;font-weight: 400;}
.field_button .add_field_button{width: 42px; height: 42px;color: #D89546; display: inline-block; z-index: 2; top: -2.6rem;   margin-top: 0px; right: 0px;background: #282D33; border: 2px solid #D89546; position: absolute;opacity: 1;box-shadow: 10px 10px 30px rgba(0,0,0,0.05);}
.field_button .add_field_button span{position: absolute;width: 60%; height: 60%; font-size: 120%;top: 7px; left: 9px;transition: all .2s linear;}
.field_button .add_field_button span:before{content:"\f067";font-family: FontAwesome;}
.field_button .add_field_button:hover{box-shadow: none;background: #fff; color:#282D33;  border: 2px solid #282D33; }
.field_button .remove_field{width: 32px;width: 30px; height: 30px; color: #e50000 ; display: inline-block; z-index: 2; top: -3.8rem;margin-top: 0px;right: 2px;border: 2px solid #e50000 ;position: absolute;opacity: 1;}
.field_button .remove_field span{position: absolute;width: 40%; height: 40%; font-size: 100%;top: 15%; left: 32%;transition: all .2s linear;}
.field_button .remove_field span:before{content:"\f068";font-family: FontAwesome;}
.field_button .remove_field:hover{ color:#616162;  border: 2px solid #616162; }
.invalid {border: 1px solid  #D6253F !important;border-top: none  !important; border-right: none !important; border-left: none !important;}
.form-check-label { font-size: 16px;}
.error-select{ font-size: 16px;color: #e50000 ;line-height: 2rem;}

/* PAGE DONATION */
.donation{width: 100%;float: left;padding: 100px 0; background: #fff;}
.image-border{background-size: 50% 50%; padding: 60px 90px 50px 70px;width: 100%;height: auto;line-height: 0;background-image: url('../images/donation/donation_bg.png');}
.image-border img{ border: 3px solid #999;}
.donation h2{font-size: 50px;}
.donation h3{text-transform: uppercase;margin-top: 30px; font-size: 1.55rem; font-style: italic;}

/* PAGE CONTACT */
.contact{ width: 100%; float: left; padding: 120px 0;}
.contact .titles{ width: 100%; float: left; text-align: center; margin-bottom: 40px; padding: 0 15%;}
.contact .titles h5{ font-size: 1.2rem; font-weight: 700; text-transform: uppercase;color: #D89546;}
.contact .titles h2{ font-family: "Playfair Display"; font-size: 4em; margin-bottom: 30px;color: #282D33;}
.contact .titles p{ font-size: 1.1rem;}
.contact .address{ width: 100%; float: left; text-align: center; margin-bottom: 50px;}
.contact .address h4{ display: block; font-family: "Playfair Display"; font-size: 24px; line-height: 32px; margin-bottom: 20px;color: #D89546; font-weight: 600;}
.contact .address p{display: block;font-size: 1.2em;font-family: 'Poppins', sans-serif;}
.contact .address p a:hover{color: #D89546;}
.contact .address a{display: inline-block;  color: #33353b;}
.contact .address a:hover{text-decoration: none;}
.contact .address a svg{ width: 20px; display: inline-block; margin-bottom: -8px; }
.contact .floating-label{top: 25px;  left: 0;  width: 100%; text-align: center;}
.contact form{ margin-top: 0px;}
.contact form .form-group{margin-bottom: 10px;}
.contact form label{ width: 100%; float: left; margin: 0; position: relative; z-index: 2;}
.contact form label span{float: left; background: #fff; font-size: 12px; margin-left: 14px; padding: 0 6px; font-weight: 600; margin-bottom: -10px;}
.contact form input[type="text"],.contact form textarea{text-align: center; width: 100%; height: 55px; border: 1px solid #D89546; padding: 0 20px;border-left: none;border-top: none;border-right: none;background: transparent;}
.contact form textarea{text-align: center; width: 100%; margin-top: 20px; padding-top: 20px;}
.contact form button[type="submit"]{height: 60px; line-height: 58px; display: inline-block; border:none; padding: 0 40px; font-size: 11px; font-weight: 700; color: #D89546; background: #282D33; overflow: hidden;cursor: pointer;}
.contact .alert{ width:100%; float:left;}
.contact #success, .contact #error {display:none}
.contact #success, .contact #error { float:left;margin-bottom: 20px;margin-top: 0;}
.contact #contact label.error{ width:100%; color:#f50c1a; margin-top: 10px; text-align: center;}
.contact #contact input.error  {width:100%; border:1px solid #f50c1a;}
.contact #contact textarea.error{width:100%; border:1px solid #f50c1a;}
.map{ width: 70%; height: 420px; display: inline-block; margin:0 15%;  background: #f50c1a; display: none;}
.alert{padding: 0px !important;}

/* ICON FEATURES */
.icon-features{ width: 100%; float: left; padding-top: 120px; padding-bottom: 60px; }
.icon-features img{ width: 100%; display: inline-block; margin-bottom: 20px;}
.icon-features small{display: block; font-weight: 600; margin-bottom: 10px;}
.icon-features h3{ display: block; font-family: "Playfair Display"; font-size: 24px; line-height: 32px; margin-bottom: 20px; }
.icon-features p{display: block; padding: 0 10%; margin-bottom: 20px; opacity: 0.8;}
.icon-features a{ display: inline-block; color: #000; font-weight: 500; font-size: 12px; position: relative; z-index: 2;text-align: center; }
.icon-features a:hover{ text-decoration: none;}
.icon-features *{-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}

/* JURY MEMBERS */
.jury-members{ width: 100%; float: left; margin-top: 0px;padding-bottom: 120px;}
.jury-members  figcaption,.jury-members .brand img{-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.jury-members .member{width: 25%; float: left; position: relative; z-index: 2; margin: 0; background-color: rgb(216, 149, 70); overflow: hidden;}
.jury-members .member:nth-child(2n){margin-top: 100px;}
.jury-members .member figcaption{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 1;/*background: -moz-linear-gradient(top, rgba(0,0,0,0) 1%, rgba(0,0,0,0.03) 6%, rgba(0,0,0,0.65) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 1%,rgba(0,0,0,0.03) 6%,rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 1%,rgba(0,0,0,0.03) 6%,rgba(0,0,0,0.65) 100%);*/}
.jury-members .member figcaption div{ width: 100%; height: 30px; float: left; position: absolute; left: 0; top: 80%; margin-top: -15px; text-align: center;}
.jury-members .member figcaption div h3{font-size: 1.3rem; color: #fff;opacity: 0.6;}
.jury-members .member figcaption div h2{color: #f2f2f2;font-size: 1.4rem;opacity: 0.8;}
.jury-members .member .brand{width: 100%;float: left;margin-bottom: 20px;left: 0;top: 50%; opacity: 0;}
.jury-members .member .brand img{width: auto !important;height: 80px;float: none;}
.jury-members .member:hover{ box-shadow: 0 66px 75px -10px rgba(0,0,0,.3);}
.jury-members .member:hover img{opacity: 0.2; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
.jury-members .member:hover figcaption{opacity: 1;background-color: rgb(216, 149, 70, 0.7); }
.jury-members .member:hover div h3{ color: #282D33; opacity: 1;}
.jury-members .member:hover div h2{ color: #282D33; opacity: 1;}
.jury-members .member:hover .brand,.jury-members .member .brand img{ opacity: 1;}

/* SIDE IMAGE CONTENT */
.side-image-content{width: 100%; float: left; display: flex; flex-direction: row; margin: 90px 0;}
.side-image-content .home-about{font-size: 18px;text-align: justify;}
.side-image-content .inner {width: 50%; display: flex; justify-content: center; flex-direction: column; position: relative;}
.side-image-content .inner.bg1{ background: #D89546 ;}
.side-image-content .inner .main-image{ width: 100%; float: left; margin: 0; margin-top: -140px; margin-bottom: 100px;}
.side-image-content .inner .sub-image{ width: 270px; position: absolute; right: -50px; bottom: -100px; z-index: 2;}
.side-image-content .inner img{ width: 100%; }
.side-image-content .inner .contenty{ width: 100%; float: left; padding: 30px 10%; color: #fff;}
.side-image-content .inner .contenty h5{ font-size: 12px; font-weight: 700;}
.side-image-content .inner .contenty h5:before{content: ""; width: 4px; height: 10px; float: left; background: #fff; margin-left: -10px; margin-top: 2px;}
.side-image-content .inner .contenty h2{ font-family: "Playfair Display"; font-size: 4em; margin-bottom: 30px; text-indent: -5px;}
.side-image-content .inner .contenty p{ line-height: 26px;}
.side-image-content .inner .contenty a{height: 60px; line-height: 58px; display: inline-block; border: 1px solid #fff; padding: 0 40px; font-size: 11px; font-weight: 700; color: #fff; margin-top: 15px; overflow: hidden; text-transform: uppercase;}
.side-image-content .inner .contenty .award-list{ width: 100%; float: left; margin: 0; padding: 0; list-style: none;}
.side-image-content .inner .contenty .award-list li{ width: 100%; float: left; padding:5px 0;}
.side-image-content .inner .contenty .award-list li span{ float: left; margin-right: 6px; line-height: 23px;}
.side-image-content .inner .contenty .award-list li small{ width: 18px; height: 18px; line-height: 20px; display: inline-block; border-radius: 50%; background: #fff; color: #f50c1a; text-align: center; font-weight: 600; font-size: 11px; margin-bottom: 5px;}
.side-image-content .inner .contenty a *, .button *{-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.side-image-content .inner .contenty a span,.button span{ position: relative; display: inline-block;}
.side-image-content .inner .contenty a span:before,.button span:before {position: absolute;top: 100%; content: attr(data-hover); }
.side-image-content .inner .contenty a span:before,.button span:before {-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.side-image-content .inner .contenty a:hover span, .button:hover span{-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);transform: translateY(-100%);}

/* BUTTON */
.button{font-family: 'Fjalla One', sans-serif;height: 50px !important;letter-spacing: 0.01em; line-height: 50px !important; display: inline-block;padding: 0 40px; font-size: 16px !important; font-weight: 400 !important; margin-top: 20px; overflow: hidden; text-transform: uppercase !important;}
.button-gray{color: #D89546;border: 1px solid #ccc;box-shadow: 10px 10px 30px rgba(0,0,0,0.05);background: #282D33; }
.button-gold{color: #fff  !important; border: 1px solid #D89546  !important; background: #D89546 !important ; box-shadow: 10px 10px 30px rgba(0,0,0,0.05);}
.button-gold-bordr-white{color: #fff  !important; border: 1px solid #fff  !important; background: #D89546  !important ; box-shadow: 10px 10px 30px rgba(0,0,0,0.05);}

/* SIDE TEXT CONTENT */
.side-text-content{ width: 100%; float: left; padding: 100px 0;}
.side-text-content h5{ font-size: 12px; font-weight: 700; margin-top: 20px;}
.side-text-content h4{font-family: 'Poppins', sans-serif; letter-spacing: -0.5px; color: #282D33; text-transform: uppercase;font-size: 14px;}
.side-text-content h4:before { content: ""; width: 40px; height: 1px; float: left;background: #999; margin-top: 7px; margin-right: 7px;}
.side-text-content .lead{ font-size: 1.4rem;font-weight: 300;}
.side-text-content p{ font-size: 18px;}
.side-text-content h5:before{content: ""; width: 4px; height: 10px; float: left; background: #f50c1a; margin-left: -10px; margin-top: 2px;}
.side-text-content h2{ font-family: "Playfair Display"; font-size: 60px; margin-bottom: 30px; text-indent: -5px; margin-top: 20px;font-weight: 500;line-height: 1.1;letter-spacing: -0.1rem;}
.side-text-content figure{ width: 100%; float: left; margin-bottom: 20px; padding: 20px 30px; position: relative;}
.side-text-content figure:after{content: ""; width: 40px; height: 3px; background: #f50c1a; position: absolute; left: 50%; bottom:0; margin-left: -20px;}
.side-text-content figure img{ width: 100%; float: left; opacity: 0.5; }

/* FOOTER */
.footer-spacing{ width: 100%; float: left;}
.footer{ width: calc(100% - 60px); position: fixed; left: 0; bottom: 0; text-align: center; margin: 0 0 0 60px; padding-top: 100px; /*background:url(../images/anchor-line-bg.png) center no-repeat #131314; background-size: auto 150%;*/ z-index: 1; color: #fff;}
.footer img{width: 32px; margin-bottom: 20px; display: inline-block;}
.footer .social-media.follow{margin-top: 10px;}
.footer .social-media.follow li{ background: #282D33;}
.footer .social-media.follow a{color: #D89546;}
.footer .social-media.follow a:before{display: none;}
.footer .social-media{ width: 100%; float: left; display: none; text-align: center; margin-bottom: 20px; padding: 0;}
.social-media.follow a:before{ content: "\f064";font-family: 'Font Awesome 5 Free'; position: absolute;margin-top: -18px;margin-left: 18px;}
.footer .social-media li{display: inline-block; margin: 0 8px; list-style: none;padding: 8px;border: 1px solid #c5a059; background: #33353b;border: 1px solid rgba(255,255,255,0.2);}
.footer .social-media li a, .social-media.follow li a{ float: left; font-size: 15px; font-weight: 600; color: #fee299; text-transform: uppercase;width: 20px; height: 20px; text-align: center;}
.footer .social-media li a:hover{text-decoration: none; }
 footer.footer h4{color: #D89546; font-weight: 400; letter-spacing: -1px; font-size: 1.3em; text-transform: uppercase;font-family: 'Josefin Sans', sans-serif;}
.footer h2{ text-transform: uppercase; font-size: 3.5em; margin-bottom: 30px; padding: 0 10%; color: #D89546;}
.footer .btn-contact{text-transform: uppercase; height: 60px; line-height: 58px; background: #282D33;display: inline-block; padding: 0 90px; font-size: 1em;letter-spacing: .1em; font-weight: 400; color: #D89546; margin-bottom: 40px; overflow: hidden;border: 1px solid rgba(255,255,255,0.2);}
.footer .btn-contact *{-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.footer .btn-contact span { position: relative; display: inline-block;}
.footer .btn-contact span:before {position: absolute;top: 100%; content: attr(data-hover); }
.footer .btn-contact span:before {-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.footer .btn-contact:hover span{-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);transform: translateY(-100%);}
.footer .footer-bar{ width: 100%; float: left;  margin-top: 50px; padding: 20px 0;}
.footer .footer-bar span{font-family: 'Josefin Sans', sans-serif;font-size: 12px;}
.footer .footer-bar span.pull-left{color: #D89546; padding: 0 40px;}
.footer .footer-bar span a{color: #fff; font-weight: 600;}
.footer:before {content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0;  opacity: 0.05;}

/* SOCIAL MEDIA */
.social-media.follow{ width: 100%; float: left; display: block; text-align: center; margin-bottom: 20px; padding: 0;margin-top: 30px;}
.social-media.follow li{display: inline-block; margin: 0 8px; list-style: none;padding: 8px;border: 1px solid #c5a059; background: transparent;border: 1px solid rgba(255,255,255,0.2); float: none; width: auto;}
.social-media.follow li a{color: #f2f2f2;}
.footer .mobile{display: none;}

/* SCROLL TOP */
.scrol-top {display: none;height: auto;padding: 5px;position: fixed;right: 18px;bottom: 35px;text-align: center;text-decoration: none;width: auto;background: transparent;z-index: 555;font-size: 20px;border: 1px solid #D89546;opacity: 0;
}
.scrol-top i {margin: 0 6px;color: #D89546;}

/* RESPONSIVE MEDIUM  FIXES */
@media only screen and (max-width: 1199px), only screen and (max-device-width: 1199px) {
	.header{padding: 30px 60px;}
	.slider .swiper-container .swiper-slide .inner h2{font-size: 5em;}
	.slider .swiper-container .swiper-slide .inner{padding: 0 60px;}
	.slider .swiper-container .swiper-pagination-fraction{left: 60px;}
	.icon-features p{padding: 0;}
	.icon-features h3{font-size: 20px;}
	.side-image-content .inner .contenty h2{font-size: 2em; text-indent: 0;}
}	

@media screen and (max-width: 1024px){
    .slider .swiper-container .swiper-slide,.trailer-video .video-bg {
        background-attachment: scroll !important;
    }
}

/* RESPONSIVE TABLET FIXES */
@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {
	.slider .swiper-container .swiper-slide .inner h2{max-width: 100%;}
	.slider .swiper-container .swiper-slide .inner p{max-width: 70%;}
	.slider .swiper-container .swiper-button-prev{ right: 160px;}
	.slider .swiper-container .swiper-button-line{right: 110px;}
	.slider .swiper-container .swiper-button-next{ right: 60px;}
	.works .grid-item{width: 50% !important;}
	.works .grid-item-double{width: 50% !important;}
	.works .grid-sizer{width: 50% !important;}
	.video .works figure figcaption h5{font-size: 22px;}
	.banner{padding: 250px 60px 10px 60px;}
	.banner .inner h2{ max-width: 100%; font-size: 2.1em;}
	.header .logo {margin-top: -9px;}
	.header .logo img {width: 45px;}
	.banner .inner h2{max-width: 100%;}
	.side-image-content{display: block;}
	.side-image-content .inner .main-image {margin-bottom: 0;}
	.side-image-content .inner .sub-image{display: none;}
	.side-image-content .inner{width: 100%; float: left; display: block;}
	.side-image-content .inner .contenty{padding: 100px 8% 70px;}
	.contact form input[type="text"]{border-radius: 0 !important; box-shadow: none !important;}
	.contact form textarea{border-radius: 0 !important; box-shadow: none !important;}
	.trailer-video .video-bg video { width: auto;height: 100%;}
	.jury-members .member figcaption div h2{font-size: 1rem;}
	.jury-members .member figcaption div h3{font-size: 0.8rem;}
	.icon-features{padding: 100px 0;}
	.image-border{padding: 40px 60px 40px 50px;}
	.contact .address {margin-bottom: 30px;}
	.about.side-text-content .main-title{margin-bottom: 20px !important;}
    .prizes.side-text-content .main-title{margin-bottom: 20px !important;}
	.page-jury .jury-box .content-box .inner h5 { padding-bottom: 10px;}
	.page-jury h5{font-size: 5vw;margin-bottom: 0px;line-height: 1.1;}
	.page-jury .jury-box .content-box .inner h3{font-size: 1.5vw;}
	.page-jury .jury-box .content-box .inner h3 span{margin-top: 2vh;font-size: 7vw;margin-left: -10vw;letter-spacing: 0.1rem;}
	.page-jury {padding:0 0 80px ;}
	.page-schedule .date:after {margin: 3px 10px;}
	.page-schedule .day:before {margin: 0 13px;}
	.contact {padding:80px 0;}
	.footer  .mobile{display: block !important;}
	.footer  h4{display: none;}
	.footer  .social-media.follow{display: none;}
	.hamburger-navigation .social-media{display: block;}
	.header .language {display: none;}
	.overflow-hidden .header .language {display: block;}
}

/* RESPONSIVE MOBILE FIXES */
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
	.header{padding: 30px;}
	.hamburger-navigation li ul li:after{display: none;}
	.hamburger-navigation li .dropdown li {margin:10px  0;}
	.hamburger-navigation li.dropdown-parent{font-size: 20px;}
	.hamburger-navigation li ul li a {font-size: 16px;padding: 0 8px;}
	.hamburger-navigation li a{font-size: 16px;}
	.social-bar{display: none;}
	.slider .swiper-container .swiper-slide {background-position: center center;background-attachment: scroll;}
	.slider .swiper-container .swiper-slide .inner{padding: 0 30px;}
	.slider .swiper-container .swiper-slide .inner h2{max-width: 100%; font-size: 3.5em;margin-bottom: 25px;}
	.slider .swiper-container .swiper-slide .inner h3{max-width: 100%; font-size: 2.5em;}
	.slider .swiper-container .swiper-slide .inner h4{max-width: 100%; font-size: 1.8em;}
	.slider .swiper-container .swiper-slide .inner h5{max-width: 100%; font-size: 2em;}
	.slider .swiper-container .swiper-slide .inner p{max-width: 100%;}
	.slider .swiper-container .swiper-button-prev{ display: none;}
	.slider .swiper-container .swiper-button-line{ display: none;}
	.slider .swiper-container .swiper-button-next{ display: none;}
	.slider .swiper-container .swiper-pagination-fraction{display: none;}
	.slider .swiper-container .swiper-slide .inner h2, .slider .swiper-container .swiper-slide .inner h3, .slider .swiper-container .swiper-slide .inner h4, .slider .swiper-container .swiper-slide .inner h5 {
    background: url(../images/home/img_texture.png) no-repeat center center;
    background-size: cover;
    color: #fff;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    }
     .side-image-content .inner.wow{
        animation-name: none !important;
        visibility: visible !important;
    }

   .side-image-content .inner .reveal-effect{
        animation-name: none !important;
        visibility: visible !important;
    }
    
	.banner{padding: 250px 60px 10px 30px;}
	.banner .inner h2{ max-width: 100%; font-size: 2.1em;}
	.header .logo {margin-top: -9px;}
	.header .logo img {width: 50px;}
	.banner .banner-bg:after{height: 80px;}
	.content{ width: calc(100% - 30px); margin: 0 15px;}
	.jury-members .member{width: 50%;}
	.works .grid-item{width: 100% !important;}
	.works .grid-item-double{width: 100% !important;}
	.works figure figcaption .brand img {height: 60px;}
	.works figure figcaption h5{font-size: 24px;}
	.video .works figure figcaption h5{font-size: 20px;}
	.video .video-button {font-size: 16px !important;}
	.side-image-content{margin-bottom: 0;}
	.side-image-content .inner .contenty{padding: 80px 20px 60px; text-align: center;}
	.side-image-content .inner .contenty h5:before{display: none;}
	.side-image-content .inner .contenty h2{font-size: 3em;}
	.side-image-content .inner .contenty .award-list li span{float: none;}
	.side-text-content{padding: 80px 0 30px;}
	.side-text-content h2{font-size: 3em; margin-bottom: 20px !important;}
	.side-text-content h4:before {width: 40px;}
	.side-text-content .lead{    font-size: 1.3rem;}
	.side-text-content .button-gray{display: none;}
	.side-image-content .inner .main-image{ margin-top: -100px;}
	.jury-members{padding-bottom: 50px !important;}
	.jury-members .member figcaption div h2{font-size: 1rem;}
	.jury-members .member figcaption div h3{font-size: 0.8rem;}
	.jury-members .member .brand{top: 48% !important}
	.jury-members .member .brand img {height: 40px;}
	.jury-members_group_two{padding-bottom: 40px !important;}
	.trailer-video{padding: 50px 0 50px;}
	.trailer-video h2{font-size: 30px;}
	.video-inner h1 {font-family: 'Playfair Display', serif;font-size: 2rem;color: #fff;}
	.icon-features{padding-top: 60px;}
	.page-application .box-instruction{padding: 40px 5%;}
	.page-application .box-instruction h4{font-size: 1.1em;}
	.application-form{padding-top: 0px;padding-bottom: 0px;}
	.application-form form{margin-top: 20px;}
	.alert {margin-top: 30px; margin-bottom: 0;}
	.alert-success, .alert-danger {font-size: 1.5em;}
	.SelectBox {padding: 10px 28px !important;}
	.SumoSelect > .CaptionCont > span {font-size: 18px !important;}
	.SumoSelect.open > .optWrapper {top: 55px;}
	.footer{width: calc(100% - 30px); margin: 0 15px;}
	.footer h2{font-size: 2em; padding: 0;}
	.footer .social-media{display: block;}
	.footer .footer-bar span{ width: 100%; text-align: center;}
	.page-detail {padding: 80px 0;}
	.page-detail .instrument{width: 100%;font-size: 1.3rem;}
	.page-detail .lead{font-size: 1.1rem;}
	.page-detail h3 {font-size: 1.5em;}
	.page-detail span.num-left {font-size: 30px;}
	.page-detail .content-list li, .container ul li{font-size: 1.1rem}
	.page-schedule .select-content {padding: 50px  0 0 !important;}
	.page-schedule .schedule-detail h4,.page-result .result-detail h4 {margin-bottom: 30px; font-size: 1.4rem;}
	.page-schedule .schedule-detail .date-content {margin-top: 5px;margin-bottom: 10px;}
	.page-schedule .date:after {margin: 3px 80px;}
	.page-schedule .day:before {margin: 0 83px;}
	.page-schedule .composition{padding-top: 10px;}
	.page-result .select-content {padding: 50px  0 0 !important;}
	.page-result .table td, .table th {display: table-row;}
	.page-result .border-bottom-tin {width: 500%;}
	.page-result thead {display: none !important;}
	.page-result .border-bottom-tin.gold {display: block !important;}
	.page-result .price-mob{display: inline-block !important;font-size: 1rem !important;}
	.about-content .pdf-file{text-align: center;}
	.about-content .pdf-file li, .page-detail .pdf-file li, .prizes-content .pdf-file li{margin: 0 !important; padding: 0 4px;}
	.about-content .pdf-file a, .page-detail .pdf-file a, .prizes-content .pdf-file a {margin-right: 6px;}
	.image-border{padding: 20px !important;}
	.donation{padding: 60px 0 80px;}
	.donation h2 { font-size: 2.1rem;}
	.page-jury .jury-nav h4 {font-size: 1.1rem;}
	.page-jury .jury-nav h3 {font-size: 1.3rem;}
	.contact .titles{padding: 0;margin-bottom: 20px;}
	.contact .titles h2{font-size: 2.5em; }
	.contact .address{margin-bottom: 20px;}
	.contact .address h4 {font-size: 22px;}

}