body,html { height: 100%;font-family: 'Poppins', sans-serif;}
img { max-width: 100%; }
.img-100 img { width: 100%; }
.fab { display: inline-block;  min-width: 64px; min-height: 64px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #fdd835; text-align: center; line-height: 64px; box-shadow: 0px 2px 2px rgba(0,0,0,0.35) }
.fab.fab-mini { min-width: 48px; min-height: 48px; margin: 0 8px; line-height: 48px; font-size: 21px; }
.divider { border-bottom:1px #ccc solid; min-height:1px; width:100%; margin:24px 0; }

.color-twitter { background-color: #03a9f4 !important; color: #fff !important; }
.color-facebook { background-color: #0D47A1 !important; color: #fff !important; }
.color-google { background-color: #ee4212 !important; color: #fff !important; }
.color-instagram { background-color: #3f729b !important; color: #fff !important; }
.color-youtube { background-color: #E53935 !important; color: #fff !important; }
.color-linkdin { background-color: #0277BD !important; color: #fff !important; }
.color-flicker { background-color: #ff0084 !important; color: #fff !important; }
.color-green { background-color: #43A047 !important; color: #fff !important; }
.color-rss { background-color: #f89406 !important; color: #fff !important; }
.darkblue-bg { background-color: #06377b; color: #fff; }
.grey-bg { background-color: #f89406;}

.content-padding.pd-t-0 { padding-top: 0;}


.header { min-height: 72px; background-color: #025687; position: fixed; width: 100%; z-index: 100; }
#inner .banner-wrapper { height: 100%; max-height: 320px; }
#inner .banner-wrapper h3 { color: #fed637; font-size: 2rem; font-weight: 300; }
.logo-banner {
    position: relative; z-index: 9;
    box-shadow: 4px 0 20px rgba(0,0,0,0.8);
}
.logo-banner img { width: 100%; }

.banner-wrapper aside { position: relative;}
.banner-wrapper h2 { font-family: 'Oswald', sans-serif; color: #ffffff; font-size: 2em; position: absolute; left: 0px; bottom: 64px; padding: 12px 48px;  font-weight: 300; text-transform: uppercase;
    background: -webkit-linear-gradient(to left, transparent , #000);
    background: linear-gradient(to left, transparent , #000);
}
.banner-wrapper h2 small { display: block; font-size: 0.5em; text-align: left;}
.banner-wrapper object {vertical-align: top;}
.navigation-wrapper { min-height: 64px;
    position: fixed;
    width: 100%;
    top:0;z-index: 100;
    box-shadow: inset 0 2px 1px rgba(255,255,255,0.5), inset 0 -1px 1px rgba(0,0,0,0.4) ;
    background: #F09819;
    background: -webkit-linear-gradient(0deg, #F09819 , #EDDE5D);
    background: linear-gradient(0deg, #F09819 , #EDDE5D);

}
.space-bg { background: url("../img/space-bg.jpg") fixed; background-size: cover; width: 100%; min-height: 480px; }
.purple-bg { background: url("../img/purple-bg.jpg"); background-size: cover; }
#inner.space-bg {background: url("../img/inner/about-awards.jpg") fixed; background-size: 100% 100%;}

.box-bottom { background-color: #212121;  text-align: center; }
.box-bottom li { border-top: rgba(255,255,255,0.1) 1px solid;}.box-bottom li:last-child { border: none;}
.box-bottom li a { display: block;color: #FFD700; padding: 12px 0; font-size: 12px; text-transform: uppercase; }
.box-bottom li a.link { background: #C29B34; color: #f0f0f0; font-weight: 500;}

.logo-wrap { position: relative; width: 160px;-webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.logo-wrap .logo { display: block; width: 100%; position: absolute; background-color: #F09819; padding-bottom: 2px; box-shadow: 0px -2px 6px rgba(0,0,0,0.7);-webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }

.nav { text-align: center; margin: 0% auto; max-width: 1200px;}
.nav > li { position:relative;-webkit-box-flex:auto; -moz-box-flex:auto; -webkit-flex:auto; -ms-flex:auto; flex:auto; position: relative; margin: 0; line-height: 64px; border-left: 1px rgba(0,0,0,0.15) solid;-webkit-transition:all cubic-bezier(0.3,0.4,0.5,0.6) 0.4s; transition:all cubic-bezier(0.3,0.4,0.5,0.6) 0.4s; }
.nav li:after {background: #fff8b8; content: ""; display: block; position: absolute; border-radius: 50%; width: 32px; height: 32px; left: 50%; margin-left: -16px; top: 50%;-webkit-transform: scale(0);transform: scale(0); margin-top: -16px; opacity: 0.7; -webkit-transition:all cubic-bezier(.17,.67,.83,.67) 0.2s; transition:all cubic-bezier(.17,.67,.83,.67) 0.2s;  }
.nav > li:last-child { border-right: 1px rgba(0,0,0,0.15) solid; }
.nav li a { color: #222222; font-weight: 600; text-transform: uppercase; display: block; padding: 0% 8px; position: relative; z-index: 9;}
/*.nav li:hover:after { width: 100%; height: 100%; border-radius: 0px; -webkit-transform: scale(5); transform: scale(5); opacity: 0;}*/
.nav li:hover,.nav li.active {background: #e4a30f;}
.nav ul { height: 0px; overflow: hidden; position: absolute; z-index: 100; width: 100%; background-color: #F09819; box-shadow: 0px 2px 3px rgba(0,0,0,0.2);-webkit-transition:all cubic-bezier(.17,.67,.83,.67) 0.2s; transition:all cubic-bezier(.17,.67,.83,.67) 0.2s;}
.nav ul li { border: none; border-right: none;  border-bottom: 1px rgba(0,0,0,0.15) solid; line-height: 48px;}
.nav > li:hover ul { height: 148px;}
.navigation-wrapper.scroll {  min-height: 48px; box-shadow: none;}
.navigation-wrapper.scroll .logo-wrap { width: 100px;}
.navigation-wrapper.scroll .nav li { line-height: 48px;}
.nav-button-wrpper { display: none;}
.navigation-wrapper.scroll { background: #212121;}
.navigation-wrapper.scroll .nav li a { color: #fed637;background: #212121;}
.navigation-wrapper.scroll .nav li.active a,#inner .navigation-wrapper.scroll .nav li:hover a { color: #fed637;}


#navFixed { min-height: 64px; background-color: transparent;}

.mt-m { margin-top: 24px;}
.mt-lg { margin-top: 36px;}
.mt-xl { margin-top: 64px !important;}
.text-center { text-align: center;}
.text-right { text-align: right;}
.text-left { text-align: left;}

.event-bg { background-color: #000000; padding: 0px 16px; text-align: center;}

section {
    background: #FF8008; /* fallback for old browsers */
    background: -webkit-linear-gradient(0deg, #FF8008 , #e4a30f); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(0deg, #FF8008 , #e4a30f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
#grid aside { width: 242px; margin: 4px;}
#grid aside.medium { width: 292px;}
#grid aside.large { width: 392px;}
#grid aside img { vertical-align: top;}
.highlight-header { color: inherit; display: block; margin: 4px; background-color: #FFC837; font-size: 5rem; font-weight: 800; position: absolute; width: 100%; height: 100%;}
.highlight-header h2 { -webkit-transform: rotate(-90deg);transform: rotate(-90deg); line-height: 0.6em; margin-bottom: -48px; margin-left: 10px; position: absolute; bottom: 50%; width: 100%; text-align: center;}
.highlight-header h2 span { display: block; font-weight: 300;font-size:2rem/*1.2rem*/; text-transform: uppercase;}
#inner .highlight-header { background-color: #212121; color: #FFC837;}
.relative { position: relative; overflow: hidden; }

.h2 {font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 1.6rem; margin-bottom: 0px; text-transform: uppercase; letter-spacing: 4px; text-align: center; padding: 16px; background-color: #212121; color: #F9D423; }
.h3 {font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 1.6rem; margin-bottom: 24px; text-transform: uppercase; letter-spacing: 2px; }
.h4 {font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 1.4rem; margin: 16px 0; text-transform: uppercase; letter-spacing: 2px; }
h5 { font-weight: 600; font-size: 12px; margin:8px 0 16px; }
p { font-family: 'Arimo',sans-serif; line-height: 1.4em; margin-bottom: 16px; }p:last-child { margin-bottom: 0px;}
.float-img {float: left; margin: 0 32px 16px 0;}

#media img,#sponsors img { width: auto; max-width: 100%; }
.media-partners h2,.main-sponsors h2 { text-align: center; color: #FFD700; text-align: center; margin-bottom: 16px; text-transform: uppercase;font-family: 'Oswald', sans-serif; font-size: 18px; letter-spacing: 4px; }
.main-sponsors h2 { color: #000000; font-size: 24px;}

.winners-list-banner { color: #FFC837; max-width: 1000px; margin: 0px auto; text-align: center; padding: 48px; background-color: rgba(255,255,255,0.0);}
.winners-list-banner h3 {font-family: 'Oswald', sans-serif; font-weight: 300; text-transform: uppercase; letter-spacing: 4px; font-size: 2.8rem; line-height: 1.4em; text-shadow: 0px 0 4px #EDDE5D; }
.winners-list-banner a { padding:8px 0; margin-top:24px;color: #FFD700; display: inline-block; border-bottom: 1px #FFD700 solid; border-top: 1px #FFD700 solid;text-shadow: 0px 0 6px #EDDE5D;}

footer { background-color: #212121; font-size: 12px; color: #999999; }
.footer-nav { text-align: left; text-transform: uppercase; }
.footer-nav li { display: inline-block; margin: 0px 0px 16px; width: 48%;}
.footer-nav a { color:#F9D423; }
.footer-btm { border-top: 1px #333333 solid; padding: 24px 0;}
.footer-btm a { color: #FF8008; }


.sub-header { min-height: 32px; }
.sub-header.scroll h2 {-webkit-transition:all cubic-bezier(0.3,0.4,0.5,0.6) 0.4s; transition:all cubic-bezier(0.3,0.4,0.5,0.6) 0.4s;}
.sub-header.scroll h2 { position: fixed; width: 100%; left: 0; background-color: #fed637; padding: 8px 0; top:48px; box-shadow: 0 4px 4px rgba(0,0,0,0.4); }

.links a { display: block; margin: 4px; background-color: #fed637; padding: 8px 16px; color: rgba(0,0,0,0.5); border: 1px rgba(0,0,0,0.2) solid; min-width:
        68px; text-align: center; cursor: pointer;
    border-radius: 2px; -webkit-transition:all cubic-bezier(0.3,0.4,0.5,0.6) 0.4s; transition:all cubic-bezier(0.3,0.4,0.5,0.6) 0.4s;}
.links a:hover,.links a.active { color: #fed637; background-color: #000; box-shadow: 0 2px 4px rgba(0,0,0,0.2) }
.winners-list { text-align: center;}
.winners-list .card { background-color: rgba(0,0,0,0.35); min-height: 52px; padding:20px 16px;}
.winners-list h4 { font-weight: 500;  margin:0px 0 4px; color: #fed637; }
.winners-list h3 {font-weight: 300; text-transform: uppercase; font-size:
        16px; color: #fff; line-height: 1.3em; margin-bottom: 4px; }
.winners-list p { font-size: 11px;}
.winners-list { color: #fff8b8; font-size: 12px; text-transform: uppercase;}

.uw-winners .h2 { background-color: rgba(0,0,0,0.1); padding: 8px 0; line-height: 1em; color: #000000; font-family: 'Poppins', sans-serif; letter-spacing: 0px; font-weight: 600;}
.uw-winners h3 { font-family: 'Oswald', sans-serif; font-size: 21px; margin-bottom: 12px;}
.uw-winners p { font-size: 14px;}


.videos .title { background-color: rgba(0,0,0,0.8);}
.videos .h2 {background-color: rgba(0,0,0,0.6); padding: 8px 0; line-height: 1em; color: #fed637; margin: 0px 16px; font-family: 'Poppins', sans-serif; letter-spacing: 0px; font-weight: 500;}
.videos .title h3 { padding:12px 16px; font-family: 'Arimo', sans-serif; font-weight: 300;
    color: #fed637; }
.videos iframe {width: 100%; min-height: 200px; vertical-align:top; display: block; }
.videos img { vertical-align: top;}.videos a { display: block;}
.videos .content-padding .content-padding { padding-top: 0px;}

.address p { font-size: 14px; }
.address h3,.address strong { font-family: 'Oswald', sans-serif; text-transform: uppercase; margin-bottom:16px; letter-spacing: 2px; }
.address strong { font-size: 12px; margin-bottom: 8px; color: #fff; }
#inner .contact-form { padding: 8px 0; }
.input-container { margin-bottom: 8px;}
.input-container label { display: block; padding: 4px 0;}
.input-container input,.input-container textarea { background-color: transparent; border: 2px #212121 solid; color: #000000; font-size: 1.2em; width:100%; outline:none; display:block; margin:4px 0; min-height: 38px;padding:0px; line-height: 38px; font-weight: 300; }
.input-container textarea { height:74px;}
.box-btn { display: inline-block; border: 1px rgba(0,0,0,0.2) solid; color: inherit; padding: 8px 8px; font-size: 14px; font-weight: 300; text-transform: uppercase; outline: none }
.box-btn.fill { background-color: #212121; color: #d6b728; border: none; font-weight: 700; margin: 16px 0; padding:12px 16px; border-radius: 2px; box-shadow: 0px 1px 4px rgba(0,0,0,0.25)}
.g-recaptcha { background-color: #ffffff; opacity: 0.9;}

.errors { display:none;padding: 16px; margin-top: 8px; background-color: #E53935; color: #ffffff;  }
.errors.success { background-color: limegreen;}

@media all and (max-width: 600px) {
    .mt-lg { margin-top: 16px; }
    .h2, .h3 { line-height: 1.3em; margin: 8px 0; font-size: 1.4rem;}
    .banner-wrapper { display: none;}
    .sub-header.scroll h2 { top: 38px;}
    #navFixed,.navigation-wrapper { min-height: 48px; box-shadow: none;}
    .nav-button-wrpper { display: block;}
    .navigation-wrapper .nav-button-wrpper .text{ color: #fed637;  font-size: 22px; letter-spacing: 1px; line-height: 48px; text-transform: uppercase; padding-left: 16px}
    /* Nav Button */
    .nav-button { cursor: pointer; margin:0px 16px 0px 0px; display: inline-block; text-align: center; position: relative; width: 48px; height: 48px; color: #fed637; font-weight: 700;}
    .nav-button span { display: inline-block; width: 40px; height: 3px; background-color: #fed637; margin: 12px 0 16px; -webkit-transition:all cubic-bezier(0.3,0.4,0.5,0.6) 0.4s; transition:all cubic-bezier(0.3,0.4,0.5,0.6) 0.4s;}
    .nav-button span:after,.nav-button span:before { content: ""; display: block; width: 40px; margin: 6px 0; height: 3px; background-color: #fed637; -webkit-transition:all cubic-bezier(0.3,0.4,0.5,0.6) 0.4s; transition:all cubic-bezier(0.3,0.4,0.5,0.6) 0.4s;}
    .nav-button span:before { margin-top: 9px; }
    .nav-button.active span { background-color: transparent; transform: translateY(-10px)}
    .nav-button.active span:after { height: 2px; transform: rotate(45deg) translate(2px,2px);}.nav-button.active span:before { height: 2px; transform: rotate(-45deg) translate(-8px,8px); }
    /* ******************** */
    .navigation-wrapper .nav { display: none;}
    .nav li { line-height: 48px;}
    .float-img { display: none;}
    .highlight-header { padding: 16px 0; position: relative;}
    .highlight-header h2 { transform: rotate(0deg); position: relative; margin: 0px; left: auto; line-height:1em; }
    .highlight-header h2 span { line-height: 24px;}
    .text-xs-center { text-align: center;}
    .winners-list-banner { padding: 16px;}
    .winners-list-banner h3 { font-size: 2.4rem;}
    .footer-btm span { margin-bottom: 8px; }
    .navigation-wrapper { background: #212121;}
    .navigation-wrapper .nav li a { color: #FFD700;}
    .navigation-wrapper .nav li.active a,.navigation-wrapper .nav li:hover a { color: #212121;}
    .footer-nav { display: none;}
    .uw-winners .content-padding { padding: 8px;}
    .uw-winners h3 { font-size: 16px; margin-bottom: 4px;}
    .uw-winners p { line-height: 1.3em;}
}

.adsense{
    display: block;
}
.adsense:before     { display: none !important; }
.adsense ins        { width: 100%; height: 100%; display: block; }
.adsense--main      { width: 728px; height: 90px; }
.adsense--side      { width: 336px; height: 280px; }
@media screen and ( max-width: 1024px ){
    .adsense--main          { width: 468px; height: 60px; }
    .adsense--main:before   { content: '1024'; }
}
@media screen and ( max-width: 800px ){
    .adsense--side          { width: 250px; height: 250px; }
    .adsense--side:before   { content: '800'; }
}