@charset "utf-8";
@font-face{font-family:'ArialMT';src:url(../fonts/ArialMT.eot?#iefix) format("embedded-opentype"),url(../fonts/ArialMT.otf) format("opentype"),url(../fonts/ArialMT.woff) format("woff"),url(../fonts/ArialMT.ttf) format("truetype"),url(../fonts/ArialMT.svg#ArialMT) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'Montserrat-Regular';src:url(../fonts/Montserrat-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/Montserrat-Regular.otf) format("opentype"),url(../fonts/Montserrat-Regular.woff) format("woff"),url(../fonts/Montserrat-Regular.ttf) format("truetype"),url(../fonts/Montserrat-Regular.svg#Montserrat-Regular) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'Montserrat-Bold';src:url(../fonts/Montserrat-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/Montserrat-Bold.otf) format("opentype"),url(../fonts/Montserrat-Bold.woff) format("woff"),url(../fonts/Montserrat-Bold.ttf) format("truetype"),url(../fonts/Montserrat-Bold.svg#Montserrat-Bold) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'DIN-Medium';src:url(../fonts/DIN-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/DINMedium.otf) format("opentype"),url(../fonts/DIN-Medium.woff) format("woff"),url(../fonts/DIN-Medium.ttf) format("truetype"),url(../fonts/DIN-Medium.svg#DIN-Medium) format("svg");font-weight:400;font-style:normal}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-family:'Montserrat-Regular';-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{font-family:'Montserrat-Regular';margin:0;background:#fff}
a:focus{outline:none}
a:active,a:hover{outline:0;text-decoration:none}
h1{font-size:2em}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0;outline:none}
svg:not(:root){overflow:hidden}
figure{margin:0}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;outline:0}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none;outline:none}
ul{margin:0;padding:0;list-style:none}
ul li{margin:0;padding:0}
.alignCenter{text-align:center}
body{font-size:90%;font-weight:400;color:#000;background:#fff;font-family:'Montserrat-Regular';height:100%;position:relative}
.clear{clear:both}
.clear:after,.rightLargeContentWrapper:after,.rightSmallContentWrapper:after,.leftContentWrapper:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
* html .clear{zoom:1;clear:both;font-size:1px!important;line-height:1px!important}
:first-child+html .clear{zoom:1;clear:both;font-size:1px!important;line-height:1px!important}
img{border:0 none;display:block;max-width:100%}
.toRight{float:right!important}
.toLeft{float:left!important}
.toCenter{float:none!important;display:block;margin:0 auto}
.noPadTop{padding-top:0!important}
html,body{min-height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;width:100%}
*{margin:0;padding:0;/* box-sizing: border-box; */}
img{display:block}
.mainWrapper{width:100%;height:auto;margin:0 auto;text-align:center}
.banner{width:100%;height:auto;margin:0 auto;text-align:center;position:relative}
.banner img{width:100%;height:auto;margin:0 auto;text-align:center}
.banner .leftBannerText{width:30%;height:auto;position:absolute;left:0;top:17%}
.banner .leftBannerText img{width:75%;height:auto;margin:0 auto;text-align:center}
.banner .leftBannerText h1{font-family:'Montserrat-Regular';text-align:left;color:#fff;font-size:1em;position:absolute;left:20%;line-height:1.4em;text-shadow:-2px -2px 9px rgba(150,150,150,1)}
.banner .rightBannerText{width: 100%;height:auto;position:absolute;right: 8.2%;bottom: 2%;text-align:right;}
.banner .rightBannerText p{font-family:'Montserrat-Regular';text-align:right;color:#fff;font-size:1.4em;line-height:1.4em;text-shadow:-2px -2px 9px rgba(150,150,150,1)}
.banner .rightBannerText span{display:block;font-family:'Montserrat-Regular';text-align:right;color:#fff;font-size:1em;padding:1.5em 0}
.banner .rightBannerText img{width:20%;height:auto;text-align:right;margin:auto;position:absolute;right:30%}
.banner .rightBannerText img.ytLogoUnit{width:20%;height:auto;text-align:right;margin:auto;position:absolute;right:0}
.banner .rightBannerText img.headerSooperfly{width:15%; height:auto; position:absolute; right:0; margin:12% 0;}
.banner .rightBannerText a{display:inline-block;width:auto;background:red;color:#fff;text-transform:uppercase;bottom: 0;padding:.5em;}
.banner .rightBannerText a.ytLink{background:none; margin-top:0; padding:0; display:block;}
.banner .rightBannerText a img{display:inline;width:4%;text-align:right;position:relative;vertical-align:middle;padding:0 .1em;margin-top:-.9%}
.contentWrapper{width:100%;height:auto;margin:0 auto;text-align:center;background:#fff}
.contentWrapper .contentCenterWrapper{width: 90%;height: auto;margin:2em auto;text-align:center;/* display: flex; *//* flex-wrap: wrap; */box-sizing: border-box;}
.leftContentWrapper{/* width: 50%; */height:auto;/* float:left; *//* text-align:left; *//* margin: 1em; *//* clear:left; */box-sizing: border-box;/* display: block; */overflow: hidden;}
.rightLargeContentWrapper{/* width: 50%; */height:auto;/* float:right; *//* text-align:right; *//* margin: 1em; */box-sizing: border-box;/* display: block; */overflow: hidden;}
.leftContentWrapper a,.rightLargeContentWrapper a{color:#000;display: block;overflow: hidden;overflow-y: hidden;}
.leftContentWrapper .thumbImage{width:100%;height:auto;margin:0 auto;text-align:center;position:relative;}
.leftContentWrapper .thumbImage img{width:100%;height:auto;margin:0 auto;text-align:center}
.leftContentWrapper .thumbImage .thumbTitle{width:100%;height:auto;position:absolute;bottom:0;left:0}
.leftContentWrapper .thumbImage .thumbTitle img{width:5%;height:auto;float:left;text-align:center;padding:.5em 2%;vertical-align:middle}
.leftContentWrapper .thumbImage .thumbTitle h2{width:87%;height:auto;float:left;text-align:left;padding:.5em 1.5%;color:#fff;font-size:1.2em;font-family:'Montserrat-Regular';letter-spacing:1px;font-weight:400}
.leftContentWrapper .thumbInfo{width:100%;height:auto;margin:0 auto;text-align:center;background:#fff;padding:0;-webkit-box-shadow:0 5px 9px -1px rgba(112,112,112,0.65);-moz-box-shadow:0 5px 9px -1px rgba(112,112,112,0.65);box-shadow:0 5px 9px -1px rgba(112,112,112,0.65)}
.leftContentWrapper .thumbInfo h3{font-family:'DIN-Medium','Montserrat-Regular',Arial,Helvetica,sans-serif;color:#000;font-size:1.5em;text-align:left;padding:.6em .5em;line-height:1.5em}
.leftContentWrapper .thumbInfo h4{font-family:'ArialMT';color:#454545;font-size:1em;text-align:left;padding:0 .8em 1.5em;font-weight:700;line-height:1.4em}
.rightLargeContentWrapper .thumbImage,.rightSmallContentWrapper .thumbImage{width:100%;height:auto;margin:0 auto;text-align:center;position:relative}
.rightLargeContentWrapper .thumbImage img,.rightSmallContentWrapper .thumbImage img{width:100%;height:auto;margin:0 auto;text-align:center}
.rightLargeContentWrapper .thumbImage .thumbTitle,.rightSmallContentWrapper .thumbImage .thumbTitle{width:100%;height:auto;position:absolute;bottom:0;left:0}
.rightLargeContentWrapper .thumbImage .thumbTitle img,.rightSmallContentWrapper .thumbImage .thumbTitle img{width:3%;height:auto;float:left;text-align:center;padding:.5em 2%;vertical-align:middle}
.rightLargeContentWrapper .thumbImage .thumbTitle h2,.rightSmallContentWrapper .thumbImage .thumbTitle h2{width:88.5%;height:auto;float:left;text-align:left;padding:.5em 1.5%;color:#fff;font-size:1.2em;font-family:'Montserrat-Regular';letter-spacing:1px;font-weight:400}
.rightLargeContentWrapper .thumbInfo,.rightSmallContentWrapper .thumbInfo{width:100%;height:auto;margin:0 auto;text-align:center;background:#fff;padding:0;-webkit-box-shadow:0 5px 9px -1px rgba(112,112,112,0.65);-moz-box-shadow:0 5px 9px -1px rgba(112,112,112,0.65);box-shadow:0 5px 9px -1px rgba(112,112,112,0.65)}
.rightLargeContentWrapper .thumbInfo h3,.rightSmallContentWrapper .thumbInfo h3{font-family:'DIN-Medium';color:#000;font-size:1.5em;text-align:left;padding:.6em .5em;line-height:1.5em}
.rightLargeContentWrapper .thumbInfo h4,.rightSmallContentWrapper .thumbInfo h4{font-family:'ArialMT';color:#454545;font-size:1em;text-align:left;padding:0 .8em 1.5em;font-weight:700;line-height:1.4em}
.rightSmallContentWrapper{width:55%;float:right;text-align:right;margin-bottom:2em}
.aquaBlue{background:#23cdd6}
.aquaBorder{border-left:2px solid #1ba7ae}
.ochre{background:#e3c170}
.ochreBorder{border-left:2px solid #98814a}
.pink{background:#ff2c73}
.pinkBorder{border-left:2px solid #9b1844}
.twiitterBlue{background:#3498db}
.twitterBlueBorder{border-left:2px solid #1f608c}
.fbBlue{background:#2a6cb6}
.fbBlueBorder{border-left:2px solid #1a4473}
.red{background:red}
.redBorder{border-left:2px solid #cf1d2d}
footer{width:100%;height:auto;margin:0 auto;text-align:center;background:#000;padding:.7em 0}
footer .leftFooter{width:30%; height:auto; float:left; text-align:left; margin-left:2%; padding-top:1.2%;}
footer .leftFooter p{font-family:'Montserrat-Bold';color:#fff;text-transform:uppercase;font-size:0.9em;text-align:left;}
footer .rightFooter{width:30%; height:auto; float:right; text-align:right; color:#ffffff; vertical-align:middle;}
footer .rightFooter span{display:block; text-align:center; margin-right:2%; font-size:0.9em; font-family:'Montserrat-Bold';}
footer .rightFooter ul{width:100%; height:auto; margin:0 auto; text-align:center;}
footer .rightFooter ul li {display:inline-block; font-family:'Montserrat-Bold';color:#fff;text-transform:uppercase; text-align:center; vertical-align:middle; margin: 0 1%;}
footer .rightFooter ul li a{color:#ffffff; font-size:0.9em;}
footer .rightFooter ul li a img{width:100%; height:auto; margin:0 auto; text-align:center; vertical-align:middle;}
.overlayPlayer{display:none;width:100%;height:100%;position:absolute;top:0;left:0;right:0;margin:auto;background:rgba(0,0,0,0.7);z-index:1}
.overlayPlayer a{width:70%;display:block;position:fixed;right:0;left:0;top:6%;margin:auto;text-align:right;font-size:2.5em;font-family:'Montserrat-Regular';color:#fff}
.overlayPlayer iframe{width:70%;height:75%;position:fixed;left:0;right:0;margin:auto;top:15%}
.mobileBanner{display:none}
.bannerSocialIcons{position:absolute;right:2%;top:2%}
.bannerSocialIcons a{display:block;}
.bannerSocialIcons img{width:100%;display:block;margin-top:1.1%;}
.paraMob{display:none}
.bannerSocialIcons .fb-like,.bannerSocialIcons .twitter-like,.bannerSocialIcons #___ytsubscribe_0{margin:0 .2em;vertical-align:middle!important;display:inline-block}
.auctionLinkWay  {display:block;color:#000;font-size:0.9em; margin-bottom:2em;}
.auctionLinkWay  h2 {font-size:1.2em; margin-bottom:0.5em}
.auctionLinkWay img{margin-bottom:0.5em;}
.fullWidthAuction{float:none; width:100%;}
.fullWidthAuction img.playIcon{max-width:32px; display:none;}
@media only screen and (min-width: 1905px) and (max-width: 3840px) {
.banner .leftBannerText h1{font-size:1.5em}
.banner .rightBannerText p{font-size:1.7em}
.banner .rightBannerText span{font-size:1.3em}
.banner .rightBannerText a{font-size:1.1em;padding:.7em}
.leftContentWrapper .thumbImage .thumbTitle img{width:3%}
.rightLargeContentWrapper .thumbImage .thumbTitle img,.rightSmallContentWrapper .thumbImage .thumbTitle img{width:2%}
.leftContentWrapper .thumbImage .thumbTitle h2{padding:.6em 1.5%;font-size:1.3em}
.leftContentWrapper .thumbInfo h4{font-size:1.2em}
.rightLargeContentWrapper .thumbImage .thumbTitle h2,.rightSmallContentWrapper .thumbImage .thumbTitle h2{font-size:1.2em;padding:.7em 1.5%}
.rightLargeContentWrapper .thumbInfo h4,.rightSmallContentWrapper .thumbInfo h4{font-size:1.2em}
.banner .rightBannerText a{margin-top:27%;}
.banner .rightBannerText img.headerSooperfly{width:10%;}
.banner .rightBannerText img{width:16%;}
footer .leftFooter{padding-top:0.7%;}
}
@media screen and (max-width: 1024px) {
.banner .rightBannerText{/* top:40% */}
.rightLargeContentWrapper .thumbImage .thumbTitle img,.rightSmallContentWrapper .thumbImage .thumbTitle img{width:4%;padding:.5em 2%}
.leftContentWrapper .thumbImage .thumbTitle img{width:5%;padding:.4em 1.8%}
.banner .leftBannerText h1{font-size:.9em;line-height:1.7em}
.banner .rightBannerText a{font-size:.9em}
.leftContentWrapper .thumbImage .thumbTitle h2,.rightLargeContentWrapper .thumbImage .thumbTitle h2,.rightSmallContentWrapper .thumbImage .thumbTitle h2{font-size:1em}
}
@media screen and (max-width: 800px) {
.leftContentWrapper,.rightLargeContentWrapper,.rightSmallContentWrapper{width:90%;height:auto;float:none;margin:0 auto;text-align:center;margin-bottom:2em}
.rightLargeContentWrapper .thumbImage .thumbTitle img,.rightSmallContentWrapper .thumbImage .thumbTitle img,.leftContentWrapper .thumbImage .thumbTitle img{width:4%}
.rightLargeContentWrapper .thumbImage .thumbTitle h2,.rightSmallContentWrapper .thumbImage .thumbTitle h2{width:87%}
.leftContentWrapper .thumbInfo h3,.rightLargeContentWrapper .thumbInfo h3,.rightSmallContentWrapper .thumbInfo h3{font-size:1.3em}
.leftContentWrapper .thumbInfo h4,.rightLargeContentWrapper .thumbInfo h4,.rightSmallContentWrapper .thumbInfo h4{font-size:1.1em}
.deskBanner,.banner .leftBannerText,.banner .rightBannerText p,.banner .rightBannerText span,.banner .rightBannerText img{display:none}
.mobileBanner{display:block}
.banner .rightBannerText{width:100%;top:auto;bottom:0;right:0;left:0;margin:auto;text-align:center}
.banner .rightBannerText a{font-size:.8em;margin-top:0;text-align:center;padding:1em;bottom: -1em;position: relative;}
.rightLargeContentWrapper .thumbImage .thumbTitle img,.rightSmallContentWrapper .thumbImage .thumbTitle img,.leftContentWrapper .thumbImage .thumbTitle img{padding:.5em 2%}
.paraMob{display:block;padding:.5em}
.paraMob p{font-family:'Montserrat-Regular';font-size:1.1em;color:#000;line-height:1.5em}
.overlayPlayer a{width:100%;right:7%;left:auto;top:5%;font-size:1.7em}
footer .leftFooter{width:100%; height:auto; margin:0 auto; text-align:center; float:none; margin-left:0; padding-top:0;}
footer .leftFooter p, footer .rightFooter ul li a, footer .rightFooter span{text-align:center; font-size:0.8em;}
footer .rightFooter{width:75%; height:auto; margin:0 auto; text-align:center; float:none; padding:0.5em 0 0 0;}
footer .rightFooter span{padding:0.2em 0;}
.banner .rightBannerText img.ytLogoUnit{display:none;}
}
@media screen and (max-width: 650px) {
.bannerSocialIcons{display:none}
}
@media screen and (max-width: 480px) {
.leftContentWrapper,.rightLargeContentWrapper,.rightSmallContentWrapper{width: calc(100% - 2em)!important;}
.leftContentWrapper .thumbImage .thumbTitle h2,.rightLargeContentWrapper .thumbImage .thumbTitle h2,.rightSmallContentWrapper .thumbImage .thumbTitle h2{font-size:.9em}
.rightLargeContentWrapper .thumbImage .thumbTitle img,.rightSmallContentWrapper .thumbImage .thumbTitle img,.leftContentWrapper .thumbImage .thumbTitle img{width:5%}
.leftContentWrapper .thumbInfo h3,.rightLargeContentWrapper .thumbInfo h3,.rightSmallContentWrapper .thumbInfo h3{font-size:1.2em}
.leftContentWrapper .thumbInfo h4,.rightLargeContentWrapper .thumbInfo h4,.rightSmallContentWrapper .thumbInfo h4{font-size:1em}
.leftContentWrapper .thumbImage .thumbTitle h2{padding:.45em 1.5%}
footer .leftFooter p, footer .rightFooter ul li a, footer .rightFooter span{font-size:.8em}
.overlayPlayer iframe{width:95%;height:35%}
.overlayPlayer a{font-size:1.3em;top:10%}
.banner .rightBannerText a{padding:.5em 1.5em}
footer .rightFooter ul li a img {margin-top: 5px;}
}
@media screen and (max-width: 320px) {
.leftContentWrapper .thumbImage .thumbTitle h2,.rightLargeContentWrapper .thumbImage .thumbTitle h2,.rightSmallContentWrapper .thumbImage .thumbTitle h2{font-size:.9em}
.leftContentWrapper .thumbImage .thumbTitle h2{padding:.45em 1.5%}
.overlayPlayer a{font-size:1.3em}
.overlayPlayer iframe{height:40%}
}
.cont-item {
    box-shadow: 1px 0px 20px 0px rgba(0, 0, 0, 0.1803921568627451);
    width: calc(50% - 2em);
    float: left;
    margin: 1em;
}
a.twitterFeed {
    padding-top: 3em;
}


.resp-container {
    /* position: absolute; */
    /* top: 50%; */
    /* left: 50%; */
    /* border: 0; */
    /* transform: translate(-50%, -50%); */
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.resp-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}