@charset "utf-8"; /* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;background:transparent;margin:0;padding:0} body{line-height:1} ol,ul{list-style:none} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:none} ins{text-decoration:none} del{text-decoration:line-through} table{border-collapse:collapse;border-spacing:0} a{font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0} .group:after{content:"";display:table;clear:both;}

/* UNIVERSAL 
---------------------------------------------- */
body {font-family: 'klavika-web'; overflow-x: hidden;}
a {transition: all ease 0.3s;}
a, a:hover {text-decoration:none; cursor:pointer;}
strong, b {font-weight:bold;}
em, i {font-style:italic;}
h1 {font: 60px/1.2 'klavika-web-condensed'; font-weight: 400;}
h2 {font: 28px 'klavika-web-condensed'; font-weight: 300; letter-spacing: .5px;}
h3 {font: 22px 'klavika-web-condensed'; font-weight: 300; letter-spacing: .5px;}
h4 {font: 18px 'klavika-web'; font-weight: 400; letter-spacing: .5px;}
p {font-size: 16px; line-height: 2.1; margin-bottom: 30px; letter-spacing: .5px;}
blockquote {font-size: 36px; line-height: 1.5; margin-bottom: 30px; color: #4a4a4a;}
.left {float:left;}
.right {float:right;}

/* HEADER 
---------------------------------------------- */
.main-nav {width: 1360px; height: 75px; margin: 0 auto; background: #FFFFFF; outline: 1px solid #000; position: relative; margin-bottom: -98px; color: #fff; font: 20px/20px 'klavika-web-condensed'; letter-spacing: 1px; position: relative; z-index: 9999;}
.main-nav ul {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row; flex-flow: row; -webkit-justify-content:space-between; justify-content:space-between;}
.main-nav ul li {display: inline-block; padding: 0; margin: 0; -webkit-box-flex: 1 auto; -webkit-flex: 1 auto; -ms-flex: 1 auto; flex: 1 auto;}
.main-nav ul li.sports{padding-right: 1%;}
.main-nav ul li a {color: #000000; text-transform: uppercase; display: block; height: 75px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; text-align: center; padding: 0; width: 100%;font-size: 17px;font: 600 13px 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', sans-serif;}
.main-nav ul li a:hover, .main-nav ul li a.active {color: #ED1C24;}
.main-nav ul li.logo {width: 96px; -webkit-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; padding: 0;padding-right:30%;padding-left:1%;}
.main-nav ul li.logo a,
.main-nav ul li.logo a:hover {width: 96px; background: url(../images/logo-black.png) no-repeat white; background-position: center center; background-size: 86%;}
.main-nav ul li a i {width:50px; height: 50px; display: inline-block; background-repeat: no-repeat; background-size: cover; margin-right: 12px;}
.main-nav ul .training i {background-image: url(../images/nav-training.png);}
.main-nav ul .gear i {background-image: url(../images/nav-gear.png);}
.main-nav ul .lifestyle i {background-image: url(../images/nav-lifestyle.png);}
.main-nav ul .play-huge i {background-image: url(../images/nav-playhuge.png);}
.main-nav ul .on-the-road i {background-image: url(../images/nav-ontheroad.png);}
.main-nav ul li ul.dropdown {
    opacity: 0;
    pointer-events: none;
    padding: 0 0 0 30px;
    transition: 0.3s ease all;
    display: block;
    position: absolute;
    width: 200px;
    right: 0px;
    top: 65px;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.19);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.19);
    box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.19);
}
.main-nav ul li ul.dropdown::after {
    position: absolute;
    top: -12px;
    right: 40px;
    margin-left: -11px;
    display: inline-block;
    border-right: 12px solid transparent;
    border-bottom: 12px solid white;
    border-left: 12px solid transparent;
    content: '';
}
/* .main-nav ul li.sports:after{content: " ";display: inline-block;background-color: #484848;width: 2px;height: 20px;bottom: 20px;right: -50%;position: relative;border: none;} */
/* .main-nav ul li.sports:hover{background:#2e2e2e;} */
.main-nav ul li.sports:hover ul.dropdown {background-color:white;position:absolute;opacity:1;pointer-events: all;}
.main-nav ul li ul.dropdown li{width:100%;}
.main-nav ul li ul.dropdown li a{height: 50px;justify-content: left;text-transform: initial;transition: all ease 0.3s;padding: 3px 0px 3px 10px;left: -10px;position: relative;}
/* .main-nav ul li ul.dropdown li a:hover{background:#484848;} */
.mobile-nav ul.nav-sport{margin-top: 20px;}
.mobile-nav > ul.nav-sport > li{border:none;}
.mobile-nav ul.nav-sport > li > a {font-size:16px;text-transform: uppercase;padding:13px 22px;}
.mobile-nav ul > li a i{opacity: 0;}
.mobile-nav ul > li a:before{content: " ";display: inline-block;background-color: #333333;width: 23px;height: 2px;bottom: -37px;left: 32px;position: absolute;border: none;}
.mobile-nav ul.nav-sport > li a:before{display: none;}
.main-nav ul li a{position: relative;}
.arrow-nav{position: absolute;bottom: 24px;left: auto;right: 0vw;color: #ed1e25;font-size: 48px;}

/* SLIDER 
---------------------------------------------- */
.slider-for{display: none;}
.slider-nav{display: none;}
.slider-for .slick-slide {height: 700px; background: #000; display: -webkit-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; flex-flow: row; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.slider-for .slick-slide .mobile-pic {display: none;}
.slider-for .slick-slide .content {width: 80%; text-align: center;  color: #fff;}
.slider-for .slick-slide .content p {font: 300 24px/1.5 'klavika-web-condensed'; margin-bottom: 40px;}
.slider-for .slick-slide .content .more {display:inline-block; text-transform: uppercase; color: #fff; font: 20px/1 'klavika-web-condensed'; letter-spacing: 4px; padding: 14px 36px; border: 2px solid #ed1c24; text-align: center;}
.slider-for .slick-slide .content .more:hover {color: #fff; background: #ed1c24;}
.slider-for .slick-prev, 
.slider-for .slick-next {display:none !important; background-color: transparent; background-size: cover; height: 80px; top: 210px;}
.slider-for .slick-prev {left: 8px;}
.slider-for .slick-next {right: 8px;}
.slider-nav-wrap {width: 100%; background: #f9f9f9; position: relative; z-index: 1000;}
.slider-nav {background: #f9f9f9; width: 1260px; margin: 0 auto;}
.slider-nav:before {content:""; display:block; position: absolute; top: -6px; left: 50%; margin-left: -6px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #e0e0e0;}
.slider-nav .slick-slide {opacity: .5; padding: 30px 18px; border-bottom: 4px solid transparent; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-between; justify-content: space-between; height: 120px;}
.slider-nav .slick-slide:hover, .slider-nav .slick-current {opacity: 1;}
.slider-nav .slick-current {border-bottom: 4px solid #ed1c24; position: relative; background: #e0e0e0;}
.slider-nav .thumb {background-repeat: no-repeat; background-position: center center; background-size: cover; float: left; height: 120px; width: 35%;}
.slider-nav .desc {float: right; width: 60%;}
.slider-nav .desc h4 {font: 18px 'klavika-web-condensed'; color: #000;}
.slider-nav .desc p {color: #747474; font-size: 13px; line-height: 18px; margin-bottom: 0;}

/* HOME 
---------------------------------------------- */
.homepage {width: 100%; padding-bottom: 90px;}
.homepage .wrap {width: 1360px; margin: 0 auto;}
.homepage .blog-list {float: left; width: 56%; margin-top: 80px; background: #fff; position: relative;}
.homepage .blog-list h2 {text-transform: uppercase; margin-bottom: 25px}
.homepage .blog-list article {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap; flex-flow: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; margin-bottom: 40px;}
.homepage .blog-list .pic {-webkit-box-flex: 0 0 30%; -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%;}
.homepage .blog-list .pic a {width: 100%; height: 170px; display: inline-block; background-repeat: no-repeat; background-position: center center; background-size: cover; outline: 4px solid #dcdcdc;}
.homepage .blog-list .pic a:hover {opacity: .75;}
.homepage .blog-list .content {-webkit-box-flex: 0 0 64%; -webkit-flex: 0 0 64%; -ms-flex: 0 0 64%; flex: 0 0 64%;}
.homepage .blog-list h4 {margin-bottom: 10px;}
.homepage .blog-list .tags i {font-size: 16px; margin-right: 8px;}
.homepage .blog-list .tags {color: #666; font-size: 14px; margin-bottom: 8px;}
.homepage .blog-list .tags a {color: #000;}
.homepage .blog-list .tags a:hover {color: #666;}
.homepage .blog-list .desc p {font-size: 15px; line-height: 1.6; margin-bottom: 10px;}
.homepage .blog-list .more {color: #ed1c24; text-transform: uppercase; font-size: 14px;}
.homepage .blog-list .more:hover {color: #000;}
.homepage .blog-list .all {text-align: center; padding-top: 20px;}
.homepage .blog-list .all a {display: inline-block; text-align: center; text-transform: uppercase; color: #000; font: 18px 'klavika-web-condensed'; letter-spacing: 2px; padding: 12px 28px; border: 2px solid #ed1c24;}
.homepage .blog-list .all a:hover {color: #fff; background: #ed1c24;}
.homepage .sidebar {margin-top: 40px;}

/* INTERIOR 
---------------------------------------------- */
.banner-img {background-repeat: no-repeat; background-position: center center; background-size: cover; height: 700px;position:relative;}
.interior {width: 100%; border-top: 115px solid #f9f9f9; padding-bottom: 90px;}
.interior .wrap {width: 1360px; margin: 0 auto;}
.interior article {float: left; width: 56%; background: #fff; position: relative; margin-top: -115px;}
.interior article:before {content: ""; display: block; position: absolute; left: 0; top: -30px; height: 30px; width: 100%; background: rgba(255, 255, 255, 0.95);}
.interior article h1 {padding: 0 6%; margin-top: 20px;}
.interior article .content {margin-top: 100px; padding-bottom: 70px;}
.interior article .content img {max-width: 100%; height: auto; margin: 0 auto;}
.interior article iframe {width: 100% !important;}
.interior article iframe.instagram-media{position: relative !important;display: block !important;}

.interior article h2.callout{
    color: white;
    background: #ed1c24;
    top: -84px;
    position: absolute;
    z-index: 2;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding: 11px 5%;
    font-size: 48px;
    box-sizing: border-box;
    transition:0.3s ease all;
}
.interior article h2.callout:hover{
	background:#ca171e;
	cursor: pointer;
}
.interior article h2.callout:hover .arrow{
	background:#ed1c24;
	cursor: pointer;
	background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-position-x: 33px;
    background-position-y: 27px;
}
.interior article h2.callout b{
	font-weight: 500;
}
.interior article h2.callout .arrow{
	display: block;
    background: #ca171e;
    height: 84px;
    width: 80px;
    right: 0px;
    top: 0px;
    position: absolute;
    background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-position-x: 33px;
    background-position-y: 27px;
}

/* EVENTS 
---------------------------------------------- */
.event-list  {float: left; width: 56%; margin-top: 80px; background: #fff; position: relative;}
.event-list h2 {text-transform: uppercase; margin-bottom: 25px}
.event-list article {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap; flex-flow: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; margin-bottom: 40px;}
.event-list .pic {-webkit-box-flex: 0 0 35%; -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%;}
.event-list .pic a {width: 100%; height: 135px; display: inline-block; background-repeat: no-repeat; background-position: center center; background-size: cover; outline: 4px solid #dcdcdc;}
.event-list .pic a:hover {opacity: .75;}
.event-list .content {-webkit-box-flex: 0 0 60%; -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%;}
.event-list h4 {margin-bottom: 10px;}
.event-list h4 a {color: #ed1c24; text-transform: uppercase; font-size: 16px;}
.event-list .desc p {font-size: 15px; line-height: 1.6; margin-bottom: 10px;}
.event-list .more {color: #ed1c24; text-transform: uppercase; font-size: 14px;}
.event-list .more:hover {color: #000;}

.pager {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;}
.pager > a {padding: 36px 40px; -webkit-box-flex: 1 1 0; -webkit-flex: 1 1 0; -ms-flex: 1 1 0; flex: 1 1 0; width: 50%;}
.pager .prev {background: #2f2f2f;}
.pager .next {background: #191919;}
.pager h3 {color: #6c6c6c; text-transform: uppercase; margin-bottom: 8px;}
.pager a {color: #fff;}
.pager a:hover {color: #fff; background: #a0a0a0;}

/* SIDEBAR 
---------------------------------------------- */
.sidebar {float: right; width: 36%; background: #fafafa; margin-top: 74px;}
.sidebar section {padding: 36px 40px; background: #fafafa; border: 1px solid #eeeeee; border-top: none;}
.sidebar h1 {color: #fff; font-size: 34px; font-weight: 300; line-height: 1.3;}
.sidebar h2 {color: #989898; text-transform: uppercase; padding-bottom: 24px;}
.sidebar h3 {color: #a8a8a8; text-transform: uppercase;}
.sidebar .all {text-align: center; padding-top: 20px;}
.sidebar .all a {display: inline-block; text-align: center; text-transform: uppercase; color: #000; font: 16px 'klavika-web-condensed'; letter-spacing: 2px; padding: 10px 28px; border: 2px solid #ed1c24;}
.sidebar .all a:hover {color: #fff; background: #ed1c24;}
.sidebar .author {background: #1c1c1c; border: none;}
.sidebar .share {background: #383838; border: none;}
.sidebar .share ul {display: inline-block;}
.sidebar .share ul li {display: inline-block; margin: 0 4px; vertical-align: middle;}
.sidebar .share ul li a {background: #fff; width: 20px; height: 20px; border-radius: 10px; display: inline-block; text-align: center;}
.sidebar .share ul li a:hover {background: #777777;}
.sidebar .share ul li i {display:inline-block; font-size: 1em; width: 1em; color: #383838; vertical-align: middle;}
.sidebar .share ul li .fa-facebook {margin-bottom: -2px;}
.sidebar .share ul li .fa-twitter {margin-bottom: -1px;}
.sidebar .share ul li .fa-envelope {font-size: .9em;}
.sidebar .tags i {margin-right: 3px;}
.sidebar .tags a {display: inline-block; color: #313131; border: 2px solid #dcdcdc; font: 18px/1 'klavika-web-condensed'; padding: 2px 6px; margin: 0 2px 8px 2px; letter-spacing: 1px;}
.sidebar .tags a:hover {color: #fff; background: #dcdcdc;}
.sidebar .tags-int {border: none; padding: 36px 40px 28px 40px;}
.sidebar .tags-int a {color: #ffffff; border: 2px solid #a0a0a0;}
.sidebar .tags-int a:hover {background: #a0a0a0;}
.sidebar .tags-int {background: #828282; color: #c1c1c1;}
.sidebar .top-articles .article {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; margin-bottom: 20px;}
.sidebar .top-articles .pic {-webkit-box-flex: 0 0 20%; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; height: 65px; background-repeat: no-repeat; background-position: center center; background-size: cover; outline: 4px solid #dcdcdc;}
.sidebar .top-articles .pic:hover {opacity: .75;}
.sidebar .top-articles .desc {-webkit-box-flex: 0 0 70%; -webkit-flex: 0 0 70%; -ms-flex: 0 0 70%; flex: 0 0 70%;}
.sidebar .top-articles p {font: 18px 'klavika-web-condensed'; line-height: 1.3; margin-bottom: 6px;}
.sidebar .top-articles .more {color: #ed1c24; text-transform: uppercase; font-size: 14px;}
.sidebar .top-articles .more:hover {color: #000;}
.sidebar .feed .grid {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: flex-start; justify-content: flex-start; margin-left: -3%;}
.sidebar .feed .grid .block {-webkit-box-flex: 0 0 28%; -webkit-flex: 0 0 28%; -ms-flex: 0 0 28%; flex: 0 0 28%; margin-left: 3%; height: 112px; background-repeat: no-repeat; background-position: center center; background-size: cover; border: 4px solid #dcdcdc; margin-bottom: 15px;}
.sidebar .feed .grid .block:hover {opacity: .75;}
.sidebar .event .pic {display:inline-block; width: 100%; height: 220px; background-repeat: no-repeat; background-position: center center; background-size: cover; outline: 4px solid #dcdcdc;}
.sidebar .event ul {margin-top: 10px;}
.sidebar .event li {margin-bottom: 16px; font-size: 16px;}
.sidebar .event .title {font: 18px 'klavika-web-condensed';}
.sidebar .event .fa {color: #848484; font-size: 18px;}

.sidebar .you-may-also-like {font: 18px/1 'klavika-web-condensed'; line-height: 24px;}
.sidebar .you-may-also-like img {width: 100%; display: block;}
.sidebar .you-may-also-like .cta-content-wrap {display: flex;flex-flow: row wrap;min-height: 66px;}
.sidebar .you-may-also-like .cta-content {background-color: #383838;color: #ffffff;flex: 1;display: flex;flex-flow: inherit;align-items: center;padding: 10px;}
.sidebar .you-may-also-like .cta-more {background-color: #EB202E;flex: 1;max-width: 135px;}
.sidebar .you-may-also-like .cta-more a{color: #000000;text-transform: uppercase; display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;}
.sidebar .you-may-also-like .cta-more:hover {background-color: #000000; }
.sidebar .you-may-also-like .cta-more:hover a{color: #EB202E; }
.sidebar .you-may-also-like .cta-title,.sidebar .you-may-also-like .cta-pline{width: 100%}
.sidebar .you-may-also-like .cta-wrap{margin-bottom: 40px}
.sidebar .you-may-also-like .cta-wrap.last{margin-bottom: 0}

/* FOOTER
---------------------------------------------- */
footer {background: #1c1c1c; font: 18px/18px 'klavika-web-condensed'; letter-spacing: 1px; color: #777777; text-transform: uppercase; padding: 40px 0 20px 0;}
footer .int {width: 1264px; margin: 0 auto;}
footer .social {float: left;}
footer .social .mob {display: none; line-height: 0; font-size: 0; width: 100%;}
footer .social ul {display: inline-block; margin-right: 10px;}
footer .social ul li {display: inline-block; margin: 0 4px; vertical-align: middle;}
footer .social ul li a {background: #fff; width: 20px; height: 20px; border-radius: 10px; display: inline-block; text-align: center;}
footer .social ul li a:hover {background: #777777;}
footer .social ul li a i {display:inline-block; font-size: 16px; color: #1c1c1c; vertical-align: middle; margin-right: -1px;}
footer .copyright {float: right;}
footer .copyright ul li {display: inline-block; margin-left: 14px; vertical-align: middle; margin-bottom: 20px;}
footer .copyright a {color: #fff;}
footer .copyright a:hover {color: #777777;}

/* POPUP - SIGNUP
---------------------------------------------- */
/* UNIVERSAL
---------------------------------------------- */

.popup a, a:hover {
  text-decoration: none; 
  cursor: pointer; 
  outline: none; 
  transition: all .3s ease;
}
.popup a {color: #ed1c24;}
.popup a:hover {color: #888;}
.popup strong, b {font-weight: bold;}
.popup em, i {font-style: italic;}
.popup p {margin-bottom: 20px;}
.popup h1 {
  font-size: 80px;
  line-height: 1; 
/*   font-family: 'Tungsten A', 'Tungsten B', sans-serif;  */
  font-weight: 500;  
  letter-spacing: 2px;  
  text-transform: uppercase;
}
.popup h2 {
  font-size: 64px; 
  line-height: 1; 
  /*font-family: 'Tungsten A', 'Tungsten B', sans-serif; */
  font-weight: 500;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.popup h3 {
  font-size: 38px; 
  line-height: 1; 
  font-family: 'Tungsten A', 'Tungsten B', sans-serif; 
  font-weight: 500;
  margin-bottom: 24px;
  text-transform: uppercase;
}
.popup h4 {
  font-size: 28px; 
  line-height: 1; 
  font-family: 'Tungsten A', 'Tungsten B', sans-serif; 
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 22px;
}
.popup h5 {
  font-size: 20px; 
  line-height: 1; 
  font-family: 'Tungsten A', 'Tungsten B', sans-serif; 
  font-weight: 500;
  text-transform: uppercase;
  color: #ed1c24;
  margin-bottom: 18px;
}
.popup h6 {
  font-size: 14px; 
  line-height: 1; 
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.popup ul {
  margin-left: 30px;
  margin-bottom: 30px;
}
.popup ul li {
  padding-left: 14px;
  margin-bottom: 18px;
}
.popup ol {
  margin-left: 30px;
  margin-bottom: 30px; 
  list-style: decimal;
}
.popup ol li {
  padding-left: 14px;
  margin-bottom: 18px;
}
.popup blockquote {
  margin-bottom: 50px; 
  background: #f4f4f4; 
  padding: 30px 60px; margin: 60px -60px; 
  border-left: 2px solid #888; 
  font-family: 'Tungsten A', 'Tungsten B', sans-serif;
  font-size: 28px; 
  font-weight: 400;
  line-height: 1.4;  
  color: #888;
}
.popup input[type="text"], input[type="password"] {
  border: 2px solid #888;
  padding: 12px 16px; 
  font: 500 12px 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', sans-serif;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none; 
  border-radius: 0px;
  box-sizing: border-box;
}
.popup input[type="text"]:focus, input[type="password"]:focus {border: 2px solid #000;}

.popup input[type="checkbox"] {display: none;}
.popup input[type="checkbox"] + label {
  position: relative;
  display: inline-block;
  padding-left: 40px;
  vertical-align: middle;
}
.popup input[type="checkbox"] + label:before {
  content: '';
  display: block;
  position: absolute;
  top: -2px;
  left: 0;
  height: 20px; 
  width: 20px; 
  border: 2px solid #888; 
  border-radius: 20px; 
}
.popup input[type="checkbox"]:checked + label:before {
  border: 2px solid #ed1c24;
  background: url(/images/icon-check.png) no-repeat center center #ed1c24; 
}
.popup input[type="checkbox"] + label.invalid:before {border: 2px solid #ed1c24;}

.popup input[type="radio"] {display: none;}
.popup input[type="radio"] + label {
  position: relative;
  display: inline-block;
  padding-left: 40px;
  vertical-align: middle;
}
.popup input[type="radio"] + label:before {
  content: '';
  display: block;
  position: absolute;
  top: -2px;
  left: 0;
  height: 20px; 
  width: 20px; 
  border: 2px solid #888; 
  border-radius: 20px; 
}
.popup input[type="radio"]:checked + label:before {
  border: 2px solid #ed1c24;
  background: url(/_core/images/icon-check.png) no-repeat center center #ed1c24; 
}
.popup input[type="radio"] + label.invalid:before {border: 2px solid #ed1c24;}

.popup input[type="submit"] {
  padding: 14px 0; 
  width: 160px; 
  cursor: pointer;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none; 
}
.popup input.invalid, 
.popup textarea.invalid, 
.nice-select.invalid .current, 
.popup select.invalid {
  xcolor: #ed1c24;
  border: 2px solid #ed1c24;
}
.popup textarea {
  border: 2px solid #888;
  padding: 12px 20px;
  font: 500 12px 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none; 
  border-radius: 0px;
}
.popup textarea:focus {border: 2px solid #000;}
.popup button::-moz-focus-inner {
  border: 0; 
  outline: none;
}
.popup .btn {
  display: inline-block; 
  text-transform: uppercase; 
  font-size: 12px; 
  font-weight: 700; 
  line-height: 1;
  color: #000;
  padding: 12px 20px; 
  border-radius: 28px; 
  letter-spacing: 1px; 
  text-align: center; 
  background: transparent; 
  border: 2px solid #ed1c24;
}
.popup .btn:hover {
  background: #ed1c24; 
  color: #000;
}
.popup .nav-utility .btn {
  display: inline-block; 
  text-transform: uppercase; 
  font-size: 12px; 
  font-weight: 700; 
  line-height: 1;
  color: #000;
  padding: 12px 20px; 
  border-radius: 28px; 
  letter-spacing: 1px; 
  text-align: center; 
  background: transparent; 
  border: 2px solid #ed1c24;
  font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', sans-serif;
}
.popup .nav-utility .btn:hover {
  background: #ed1c24; 
  color: #000;
}
.popup .btn-gray {border: 2px solid #888;}
.popup .btn-gray:hover {
  background: #ed1c24;
  border: 2px solid #ed1c24;
}
.popup .btn-close {
  display: block; 
  width: 65px; 
  height: 65px; 
  background: url(/_core/images/icon-close.png) no-repeat center center #333;
  color: #fff; 
  cursor: pointer;
  opacity: 1;
}
.popup .btn-close:hover {opacity: .8;}
.popup .link-bar {
  display: block; 
  text-align: center; 
  background: #000; 
  color: #fff; 
  padding: 28px 0;
}
.popup .link-bar:hover {background: #ed1c24;}
.popup link-bar span {
  position: relative;
  display: inline-block;
  padding-right: 54px;
  color: #fff;
  text-transform: uppercase;
  font: 500 28px/1 'Tungsten A', 'Tungsten B', sans-serif;
  letter-spacing: 2px;
}
.popup .link-bar span:after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 0;
  top: -3px;
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(/_core/images/icon-circle-arr.png);
  background-size: cover;
  transition: all .3s ease;
}
.popup .table .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.popup .table .row:nth-child(odd) {background: #f7f7f7;}
.popup .table .row.table-hdr .cell {
  font: 500 20px/1 'Tungsten A', 'Tungsten B', sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.popup .table .row .cell {
  margin: 0 1.5%;
  padding: 18px 24px; 
  text-align: left;
  font-size: 13px;
  font-weight: 500;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -o-flex: 1 1 auto;
  flex: 1 1 auto;
}
.popup .table .row .cell:first-child {margin-left: 0;}
.popup .table .row .cell:last-child {margin-right: 0;}


.popup .form-table {
  display: table;
  width: 100%;
}
.popup .form-table .col-left {
  display: table-cell; 
  width: 49%;
  vertical-align: top;
}
.popup .form-table .col-div {
  display: table-cell;
  width: 2%;
}
.popup .form-table .col-right {
  display: table-cell; 
  width: 49%;
  vertical-align: top;
  position: relative;
}
.popup .form-table input[type="text"] {
  width: 100%;
  margin: 0 0 20px 0;
}
.popup .form-table .half-left {
  float: left; 
  width: 48%;
}
.popup .form-table .half-right {
  float: right; 
  width: 48%;
}
.popup .form-table .qtr-left {
  float: left; 
  width: 46%;
}
.popup .form-table .qtr-right {
  float: right; 
  width: 46%;
}
.popup .form-table .nice-select {width: 100%;}
.popup .form-table textarea {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  width: 100%; 
  height: calc(100% - 20px);
}
.popup .form-table-submit {
  text-align: center; 
  padding-top: 10px;
}
.popup .form-table-submit .error {
  font: 600 20px/1 'Tungsten A', 'Tungsten B', sans-serif; 
  color: #ed1c24; 
  text-transform: uppercase; 
  padding-bottom: 20px;
}

.popup .honeypot {display: none}

.popup .form-success {    
  border: 1px solid #3eb100;
  border-top: 10px solid #3eb100; 
  color: #333;padding: 10px;
  margin: 20px 0;
  display: table;
  width: 100%;
  text-align: left
}
.popup .form-success:before {
  content: "\f00c";
  display: table-cell;
  color: #3eb100;
  font: bold 14px/1 FontAwesome;
  vertical-align: middle;
  padding: 0 20px 0 0;
  width: 20px;
}
/* end universal form stlyes */
.signup-form {
	margin: 0 auto;
	padding: 20px 65px;
}
.signup-form .nice-select {width: 100%;}
.signup-form input[type="text"] {
	display: block; 
	width: 100%; 
	margin-bottom: 18px;
}
.signup-form .signup-choices {margin-left: 0;}
.signup-form .signup-choices li {
	display: inline-block; 
	padding: 0 10px;
}
.signup-form .agreements {
	padding: 0 15px 30px 15px;
	font-size: 14px;
	line-height:20px;
}
.signup-form .agreements .row {
	text-align: left; 
	margin-bottom: 10px;
}
.popup{
	position: fixed;
    z-index: 99999999;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: black;
    background-image: url(../images/popup-bg.jpg);
    background-size:cover;
    height: 100%;
    width: 100%;
    opacity: 0;
    top:-1000px;
    transition:0.5s ease all;
    overflow-y: scroll; 
    pointer-events: none;
}
.popup.active{opacity: 1;top:0px;pointer-events: all;}
.popup .contest-entry .wrap{
	background: rgba(255,255,255,0.05);
	padding:70px;
	width:940px;
	    margin: 0 auto;
	    box-sizing: border-box;
}
.popup h1{color:white;}
.popup h2{color:white;}
.popup h3{color:white;}
.popup h4{color:white;}
.popup p{color:white !important;}
.popup li{color:white;}
.popup input[type="checkbox"] + label{color:white;}
.popup input[type="checkbox"] + label:before {
    content: '';
    display: block;
    position: absolute;
    top: -2px;
    left: 0;
    height: 20px;
    width: 20px;
    border: 2px solid #363637;
    border-radius: 20px;
}
.popup .contest-entry.newsletter-form .signup-form input[type="text"]{border: 2px solid #363637;background: none;color:white;}
.popup .contest-entry.newsletter-form .signup-form .nice-select{border: 2px solid #363637;/*background: none;*/color: #757575;}
.popup .nice-select{color:white;}
.popup .nice-select .current{border:none;}
.popup .nice-select .option{color:black;}
.popup hr{border:1px solid #363637;width:80%;}
.popup input[type="submit"]{color:white;}
.popup .signup-form .agreements{padding-bottom: 0px;}
.popup p.close{font-size: 14px;color:#ed1c24!important;padding-top:30px;margin-bottom: 0px;transition:0.3s ease all;display:inline-block;}
.popup p.close:hover{color:white !important;cursor: pointer;}
.popup a.close{color:white;}
.popup .nice-select .list{display:none;}
.popup .nice-select.open .list{display:block;border:2px solid #ffffff;border-top:none;}


.contest-landing {padding-top: 60px;}

.contest-hdr {
	height: 810px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.contest-hdr .wrap {
	display: table; 
	height: 100%;
}
.contest-hdr .center {
	display: table-cell; 
	width: 100%; 
	height: 100%; 
	color: #fff; 
	text-align: center; 
	vertical-align: middle;
}
.contest-hdr h1 {
	font-size: 130px;
}
.contest-hdr h2 {
	font-size: 50px; 
	margin-bottom: 10px;
}
.contest-intro .wrap {
	width: 700px; 
	text-align: center; 
	padding: 70px 0;
}
.contest-intro .subhdr {
	font-size: 38px; 
	line-height: 1; 
	font-family: 'Tungsten A', 'Tungsten B', sans-serif; 
	font-weight: 600; 
	text-transform: uppercase; 
	margin-bottom: 24px;
}
.contest-intro h1 {margin-bottom: 24px;}
.contest-entry {padding: 70px 0;}
.contest-entry .wrap {
	width: 815px; 
	text-align: center;
}
.contest-entry h4.title {margin-bottom: 30px;}
.contest-entry p {
	text-transform: uppercase; 
	font-size: 11px;
	font-weight: 500;
	color: #555;
}

/* update for new form fields */
.contest-entry .position{
	display:none;
}
.contest-entry .position.active{
	display:block;
}
.contest-entry.newsletter-form .signup-form input[type="text"]{
	margin-bottom: 18px;
    display: inline-block;
    width: 48.5%;
    float: left;
}
.contest-entry.newsletter-form .signup-form .agreements .row{
	text-align: center;
}
.contest-entry.newsletter-form .signup-form #signup_firstname{
	margin-right:3%;
}
.contest-entry.newsletter-form .signup-form #signup_email{
	margin-right:3%;
}
.contest-entry.newsletter-form .signup-form #nice-signup_country{
	margin-right:3%;
}
.contest-entry.newsletter-form .signup-form #signup_state{
	margin-right:3%;
}
.contest-entry.newsletter-form .signup-form #signup_dob{
  margin-right:3%;
}

/*.contest-entry.newsletter-form .signup-form #signup_email{
  width:100%;
}*/
.contest-entry.newsletter-form .signup-form .nice-select{
	width:48.5%;
	float: left;
	display:inline-block;
	clear: initial;
}
.contest-entry .signup-form .signup-choices .nice-select {
    width: 100%;
    display: block;
    clear: initial;
    margin: 20px 0px 0px 0px;
}
.contest-entry .signup-form .signup-choices .nice-select li{
	display:block;
}
.signup-form .signup-choices{
	margin-bottom: 10px;
}

/* update for Memory Mesh offer text */
.contest-entry.newsletter-form .wrap .offer-copy{
	font-size:15px;
	font-weight:600;
}
.contest-entry.newsletter-form .wrap .offer-copy strong{
	color:#ed1c24;
}

/* MOBILE MENU
---------------------------------------------- */
/* mobile nav toggle */
.mobile-nav-toggle-wrap {float:right; background: #2e2e2e; z-index: 999999; position: relative; display: none;}
.mobile-nav-toggle {
  height: 75px;
  position: relative;
  float: right;
  padding: 0 30px;
  z-index: 999999;
  display: block;
  text-align: center;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}
.mobile-nav-toggle-int {width:30px; height:13px; margin-top: 30px; position:relative; display: inline-block; vertical-align: middle;}
.mobile-nav-toggle:hover {opacity: .8; cursor: pointer; text-decoration: none;}
.mobile-nav-toggle span {
	display: block;
	position: absolute;
	height: 3px;
	width: 50%;
	background: #fff;
	opacity: 1;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
.mobile-nav-toggle span:nth-child(even) {left: 50%;}
.mobile-nav-toggle span:nth-child(odd) {left:0px;}
.mobile-nav-toggle span:nth-child(1), .mobile-nav-toggle span:nth-child(2) {top: 0px;}
.mobile-nav-toggle span:nth-child(3), .mobile-nav-toggle span:nth-child(4) {top: 8px;}
.mobile-nav-toggle span:nth-child(5), .mobile-nav-toggle span:nth-child(6) {top: 16px;}
.mobile-nav-toggle.open span:nth-child(1),.mobile-nav-toggle.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.mobile-nav-toggle.open span:nth-child(2),.mobile-nav-toggle.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.mobile-nav-toggle.open span:nth-child(1) {left: 2.5px; top: 3.5px;}
.mobile-nav-toggle.open span:nth-child(2) {left: calc(50% - 2.5px); top: 3.5px;}
.mobile-nav-toggle.open span:nth-child(3) {left: -50%; opacity: 0;}
.mobile-nav-toggle.open span:nth-child(4) {left: 100%; opacity: 0;}
.mobile-nav-toggle.open span:nth-child(5) {left: 2.5px; top: 14.5px;}
.mobile-nav-toggle.open span:nth-child(6) {left: calc(50% - 2.5px); top: 14.5px;}
/* mobile nav */
.mobile-nav {
  display: none;
  position: absolute;
  background: #000;
  width: 100%;
  left: 100%;
  opacity: 0;
  min-height: 100%;
  z-index: 999999;
}
.mobile-nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}
.mobile-nav ul > li {margin: 0; padding: 0; background: none;}
.mobile-nav > ul > li {border-bottom: 1px solid #222;}
.mobile-nav ul > li > a {
	display: block;
	padding: 18px 22px;
	font-size: 22px;
	text-decoration: none;
	color: #fff;
	vertical-align: middle;
	position: relative;
}
.mobile-nav ul > li a i {width:40px; height: 40px; display: inline-block; background-repeat: no-repeat; background-size: cover; vertical-align: middle; margin-right: 12px;}
.mobile-nav ul .training i {background-image: url(../images/nav-training.png);}
.mobile-nav ul .gear i {background-image: url(../images/nav-gear.png);}
.mobile-nav ul .lifestyle i {background-image: url(../images/nav-lifestyle.png);}
.mobile-nav ul .play-huge i {background-image: url(../images/nav-playhuge.png);}
.mobile-nav ul .on-the-road i {background-image: url(../images/nav-ontheroad.png);}
.mobile-nav ul > li > a.active {color: #ed1c24;}
.mobile-nav ul > li > a:hover {background: #1F1F1F; color: #ed1c24;}
.mobile-nav ul > li > a.expanded {background: #1F1F1F;}
.mobile-nav ul > li > a > span.arrow {
	display: inline-block;
	background: url("../images/mobile-arrow-right.png");
	background-size: 100% 100%;
	width: 8px;
	height: 12px;
	margin-left: 20px;
}
.mobile-nav ul > li > a:hover > span.arrow {background-image: url("../images/mobile-arrow-right-on.png");}
.mobile-nav ul > li > a.expanded > span.arrow {
	display: inline-block;
	position: relative;
	top: -4px;
	background: url("../images/mobile-arrow-up.png");
	background-size: 100% 100%;
	width: 12px;
	height: 8px;
	margin-left: 16px;
}
.mobile-nav ul > li > a.expanded:hover > span.arrow {background-image: url("../images/mobile-arrow-up-on.png");}
.mobile-nav ul > li > ul {
	display: none;
	margin: 0;
	padding: 0;
	background: #1F1F1F;
}
.mobile-nav ul > li > ul > li {margin: 0; padding: 0;}
.mobile-nav ul > li > ul > li > a {
	display: block;
	padding: 10px 0 10px 30px;
	font-size: 18px;
	text-decoration: none;
	color: #fff;
}
.mobile-nav ul > li > ul > li:first-child {padding-top: 10px;}
.mobile-nav ul > li > ul > li:last-child {padding-bottom: 20px;}

/* gdpr - CALLOUT
---------------------------------------------- */
.callout-double {
	width: 100%; 
	padding: 10px;
	display: table;
}
.callout-double .callout {
	width: 50%; 
	height: 100%;
	padding: 10px;
	display: table-cell;
	vertical-align: top;
}
.callout-double .pic {
	width: 100%; 
	height: 450px;
	overflow: hidden;
}
.callout-double .pic a {
	display: block;
	width: 100%; 
	height: 100%;
	background-repeat: no-repeat; 
	background-position: center center; 
	background-size: cover;
	-webkit-transition: all 0.2s; 
	-moz-transition: all 0.2s; 
	transition: all 0.2s; 
	-ms-transform: scale(1,1); 
	-webkit-transform: scale(1,1); 
	transform: scale(1,1);
}
.callout-double .pic a:hover {
	-ms-transform: scale(1.1,1.1); 
	-webkit-transform: scale(1.1,1.1); 
	transform: scale(1.1,1.1);
}
.callout-double .int {
	display: table;
	width: 100%;
}
.callout-double .content {
	padding: 14px; 
	display: table-cell;
	vertical-align: top;
}
.callout-double .content h3 {margin-bottom: 8px;}
.callout-double .link {
	display: table-cell; 
	width: 150px; 
	position: relative;
}
.callout-double .link a {
	display: block; 
	height: 150px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/_core/images/icon-circle-arr.png);
	background-color: #000;
}
.callout-double .link a:hover {
	background-image: url(/_core/images/icon-circle-arr-blk.png);
	background-color: #ed1c24;
}
.callout-banner {
	width: 100%; 
	height: 550px; 
	background-repeat: no-repeat; 
	background-position: center center; 
	background-size: cover; 
	position: relative;
}
.callout-banner .fade {
	position: absolute; 
	top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	width: 100%; 
	height: 100%; 
	background: rgba(255,255,255,0.5);
	display: none;
}
.callout-banner .wrap {
	width: 1140px; 
	height: 100%;
	position: relative;
}
.callout-banner .int {
	display: table; 
	height: 100%; 
	width: 50%;
}
.callout-right .int {
	float: right; 
	width: 400px;
}
.callout-banner .center {
	display: table-cell; 
	height: 100%; 
	width: 100%; 
	color: #fff; 
	vertical-align: middle;
}
.callout-banner .int h1 {color: #fff;}
.callout-banner .int p {
	color: #fff;
	font-weight: 300;
}
.callout-banner.dark .int h1,
.callout-banner.dark .int p {color: #000;}

.callout-banner.light .int .btn {color: #fff;}

.callout-video {
	width: 100%; 
	height: 750px; 
	background-repeat: no-repeat; 
	background-position: center center; 
	background-size: cover; 
}
.callout-video .wrap {
	display: table;
	width: 1140px; 
	height: 100%;
	margin: 0 auto;
}
.callout-video .center {
	display: table-cell; 
	height: 100%; 
	width: 100%; 
	color: #fff; 
	vertical-align: middle;
	text-align: center;
}
.callout-video .logo img {
	max-width: 100%;
	height: auto;
}
.callout-follow {
	width: 100%; 
/* 	height: 400px;  */
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display: table;
}
.callout-follow > div {
	/*
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	*/
    display: inline-block;
    float: left;
    width: 30%;
    text-align: center;
    margin-top: 12%;
}
.css-page-team-stx .callout-follow > div{
	width: 30%;
    text-align: center;
    margin-top: 12%;
    margin: 12% auto;
    float: none;
    display: block;
}
.callout-follow h4 {
	background: #fff; 
	padding: 4px 8px; 
	display: inline-block;
	margin-bottom: 18px;
}
.callout-follow .social-fa {margin: 0;}
.callout-follow .social-fa a {font-size: 24px;}
.callout-follow .social-fa .fa {
  font-size: 1.3em;
  line-height: 1.55em;
}

.callout-follow h1{
	color:white;
	font-size: 60px;
}
.callout-follow p{
	color:white;
	margin-top:10px;
	padding-right:21%;
}
.callout-follow .btn{
	color:white;
}
.callout-follow .callout-copy{
	width: 70%;
    padding: 5%;
    float: left;
    display: inline-block;
    border-right: 2px solid #bfbfc0;
    text-align: left;
    margin-top: 4%;
    margin-bottom: 4%;
}
.gdpr{
    opacity: 0;
    transition: all .3s ease;
    pointer-events: all;
    z-index: 999999;
    display: none;
    position: relative;
    pointer-events: none;
}
.gdpr.active{
	opacity: 1;
	pointer-events: all;
	display: block;
}
.gdpr.hidden{
	opacity: 0;
	pointer-events: none;
	display: none;
}
.gdpr.hidden .callout-double.group{
	right:-500px;
}
.gdpr .callout-double.group{
    position: relative;
    bottom: 0;
    right: 0;
    padding: 0px;
    width: 100%;
    background: black;
    transition: all .3s ease;
}
.gdpr .callout-double.group .callout{
    padding: 0px;
    width: 100%;
    background: black;
    text-align: left;
}
.gdpr .callout-double.group .callout p{
	margin: 0px;
    font-size: 14px!important;
    color: white;
    font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 1.8;
    padding: 0px;
    max-width: 900px;
}
.gdpr .callout-double.group .callout a{
	color: white;
	text-decoration: underline;
}
.gdpr .callout-double.group .callout a:hover{
	color: #888;
	cursor: pointer;
}
.gdpr .callout-double.group .callout .btn{
	margin:8px 0px 0px 0px!important;
	display: inline-block!important;
    text-transform: uppercase!important;
    font-size: 12px!important;
    font-weight: 700!important;
    line-height: 1!important;
    color: #000!important;
    padding: 12px 20px!important;
    border-radius: 28px!important;
    letter-spacing: 1px!important;
    text-align: center!important;
    background: transparent!important;
    border: 2px solid #ed1c24!important;
}
.gdpr .callout-double.group .callout .btn:hover {
    background: #ed1c24!important;
    color: #000!important;
    cursor: pointer;
}
.gdpr .callout-double.group .callout .link{
	width: 110px;
	height: 100%;
	position: relative;
	opacity: 1;
	right: 0px;
	left: auto;
	padding: 0px;
}
.gdpr .callout-double.group .callout .link a{
	height:78px;
	background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/images/compliance-close.png);
}
.callout-double .link a:hover{
	cursor: pointer;
	background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/images/compliance-close-hover.png);
}
/* this media query is outside responsive.css to hit all microsites */
@media (max-width: 640px) {
/*
	.gdpr .callout-double.group{
	    width: 90%;
	    top: 100px;
	    margin: 0 5%;
	}
*/
	.gdpr .callout-double.group .callout .link a{
		height: 100%;
	    position: absolute;
	    position: absolute;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	}
	.gdpr .callout-double.group .callout p{
		font-size:2.4vw!important;
	}
	.gdpr .callout-double.group .callout .link {
	    width: 10vw;
	}
	.gdpr .callout-double .link a {
	    background-size: 6vw;
	}
}

/* RESPONSIVE 
---------------------------------------------- */
@media (max-width: 1380px) {
	.main-nav {width: 100%;}
	.slider-nav {width: 1140px;}
	.homepage .wrap, .interior .wrap {width: 98%; margin-left: 2%;}
	footer .int {width: 94%;}
}

@media (max-width: 1250px) {
	.interior article h2.callout{
		padding: 21px 5%;
		font-size: 33px;
	}
	.arrow-nav{
/* 		right: 20%; */
	}
	.main-nav ul li ul.dropdown{
/* 		right:20px; */
	}
}

@media (max-width: 1220px) {
	footer .social {float: none; text-align: center;}
	footer .social ul {margin-bottom: 20px;}
	footer .social ul li {margin: 0 4px;}
	footer .copyright {float: none; text-align: center;}
	footer .copyright ul li {margin: 0 7px 20px 7px;}
}

@media (max-width: 1180px) {
	.slider-nav {width: 1040px;}
	.sidebar .feed .grid .block {-webkit-box-flex: 0 0 27.5%; -webkit-flex: 0 0 27.5%; -ms-flex: 0 0 27.5%; flex: 0 0 27.5%;}
	.arrow-nav{
		right:0px;
	}
	.main-nav ul li.logo{
		padding-right: 24%;
	}
}
@media (max-width: 1080px) {

	.main-nav ul li.logo{
		padding-right: 18%;
	}
}
@media (max-width: 1140px) {
	h1 {font: 52px/1.2 'klavika-web-condensed';}
	.main-nav {font-size: 18px;}
	.main-nav ul li a i {width:40px; height: 40px; margin-right: 12px;}
	.slider-nav {width: 920px;}
	.banner-img {height: 600px;}
	.sidebar .feed .grid {margin-left: -4%;}
	.sidebar .feed .grid .block {-webkit-box-flex: 0 0 42%; -webkit-flex: 0 0 42%; -ms-flex: 0 0 42%; flex: 0 0 42%; margin-left: 4%;}
}
@media (max-width: 1024px) {
	.arrow-nav{
		right:-3px;
	}
}
@media (max-width: 940px) {
	h1 {font: 60px/1.2 'klavika-web-condensed';}
	.main-nav {margin-bottom: 0;}
	.main-nav ul {display: inline-block; float: left;}
	.main-nav ul li {display: none;}
	.main-nav ul li.logo {display: block;}
	.mobile-nav-toggle-wrap {display: block;}
	.slider-nav-wrap, .slider-nav {display: none;}
	.slider-for .slick-prev, .slider-for .slick-next {display: inline-block !important;}
	.slider-for .slick-slide {background: #1c1c1c !important; display: block !important; height: auto;}
	.slider-for .slick-slide .mobile-pic {display:block; width: 100%; height: 500px; background: #000; display: block; background-repeat: no-repeat; background-position: center center; background-size: cover;}
	.slider-for .slick-slide .content {display: block; width: 88%; margin: 20px 6%;}
	.slider-for .slick-slide .content h1 {font: 48px/1.1 'klavika-web-condensed'; font-weight: 400;}
	.slider-for .slick-slide .content p {margin-bottom: 20px;}
	.homepage .wrap, .interior .wrap {width: 100%; margin-left: 0;}
	.homepage {padding-bottom: 0;}
	.homepage .blog-list {float: none; width: 86%; padding: 0 7%; margin-top: 40px;}
	.homepage .event-list {float: none; width: 86%; padding: 0 7%; margin-top: 40px;}
	.banner-img {height: 500px;}
	.interior {border-top: none; padding-bottom: 0;}
	.interior article {float: none; width: 90%; padding: 0 5%;}
	.interior article h1 {padding: 16px 0 0 0;}
	.interior article .content {margin-top: 30px; padding-bottom: 40px;}
  .sidebar {float: none; width: 100%; margin-top: 40px;}
	.sidebar .top-articles .pic {height: 100px;}
	.sidebar .feed .grid {margin-left: -3.5%;}
	.sidebar .feed .grid .block {-webkit-box-flex: 0 0 20%; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; margin-left: 3.5%;}
	footer .social .mob {display: block;}
	.product-quickview .btn-close{z-index: 1;}
	.popup .contest-entry {padding:5% 0;}
	.popup .contest-entry .wrap {width: 98%;padding:5%;}
	.popup .contest-entry .wrap .title br{display:none;}
	.popup .contest-entry .wrap p br{display:none;}
}

@media (max-width: 640px) {
	/*.main-nav {height: 76px;}
	.main-nav ul li.logo, .main-nav ul li.logo a {width: 76px; height: 76px;}
	.mobile-nav-toggle {height: 76px; padding: 0 20px;}
	.mobile-nav-toggle-int {margin-top: 30px;}*/
	.slider-for .slick-slide .mobile-pic {height: 400px;}
	.slider-for .slick-prev, 
	.slider-for .slick-next {top: 160px;}
	.slider-for .slick-slide .content {width: 96%; margin: 20px 2%;}
	.slider-for .slick-slide .content h1 {font-size: 36px; font-weight: 400;}
	.slider-for .slick-slide .content p {font: 20px/1.3 'klavika-web-condensed';}
	.slider-for .slick-slide .content .more {font: 18px/1 'klavika-web-condensed'; letter-spacing: 3px; padding: 12px 30px;}
	.banner-img {height: 400px;}
	.interior article .pager > a {padding: 36px 40px; -webkit-box-flex: 1 100%; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; width: 100%;}
	.sidebar .feed .grid .block {-webkit-box-flex: 0 0 28%; -webkit-flex: 0 0 28%; -ms-flex: 0 0 28%; flex: 0 0 28%; margin-left: 3%;}
	footer .social ul {display: block;}
}

@media (max-width: 580px) {
	.main-nav {height: auto; min-height: 76px;}
	.main-nav ul li.logo, .main-nav ul li.logo a {width: 76px; height: 76px;}
	.mobile-nav-toggle {height: 76px; padding: 0 20px;}
	.mobile-nav-toggle-int {margin-top: 30px;}
	.homepage .blog-list .pic a {height: 200px; width: 100%; margin-bottom: 10px;background-position: top;}
	.homepage .blog-list .pic,
	.homepage .blog-list .content {-webkit-box-flex: 1 100%; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%;}
	.homepage .event-list .pic a {height: 200px; width: 100%; margin-bottom: 10px;}
	.homepage .event-list .pic,
	.homepage .event-list .content {-webkit-box-flex: 1 100%; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%;}
	.interior article h2.callout{
		padding: 21px 5%;
	    font-size: 20px;
	    top:-68px;
	}
	.interior article h2.callout .arrow{
		height:68px;
		background-position-y: 21px;
	}
	.interior article h2.callout:hover .arrow{
		background-position-y: 21px;
	}
}
@media (max-width: 520px) {
	.popup .contest-entry.newsletter-form .signup-form .nice-select{
		width:100%;
		margin-bottom: 20px;
	}
	.popup .contest-entry.newsletter-form .signup-form input[type="text"]{
		width:100%;
		margin-right: 0px !important;; 
	}
	.popup .signup-form{
		padding:20px 10px;
	}
	.popup .signup-form .signup-choices li{
		/*display:inline-block;*/
		text-align:left;
		width:49%;
		font-size:14px;
		padding:0px;
	}
	.popup input[type="checkbox"] + label{
		padding-left:30px;
	}
	.popup input[type="checkbox"] + label:before{
	    height: 18px;
	    width: 18px;
	}
	.popup .signup-choices input[type="checkbox"] + label:before{
	    top:-4px;
	}
	.popup .title{
		font-size:8vw;
	}
}
@media (max-width: 460px) {
	h1 {font: 50px/1.1 'klavika-web-condensed';}
	p {font-size: 16px; line-height: 1.8; margin-bottom: 24px;}
	blockquote {font-size: 32px; line-height: 1.5; margin-bottom: 24px;}
	.slider-for .slick-slide .mobile-pic {height: 260px;}
	.slider-for .slick-prev, 
	.slider-for .slick-next {top: 110px; width: 40px; height: 40px;}
	.slider-for .slick-prev {left: 8px}
	.slider-for .slick-next {right: 8px;}
	.slider-for .slick-slide .content h1 {font-size: 22px; font-weight: 400;}
	.slider-for .slick-slide .content p {font: 16px/1.3 'klavika-web-condensed';}
	.slider-for .slick-slide .content .more {font: 14px/1 'klavika-web-condensed'; letter-spacing: 3px; padding: 10px 24px;}
	.banner-img {height: 300px;}
	.sidebar section {padding: 20px 5%;}
	.sidebar .tags-int {padding: 20px 5% 12px 5%;}
	.sidebar .author h1 {font-size: 30px; line-height: 1.1;}
	.sidebar .author h3 {font-size: 18px;}
	.sidebar .top-articles .pic {height: 80px;}
	footer .social {padding-bottom: 20px;}
}

@media (max-width: 380px) {
	.homepage .blog-list .pic a {height: 160px;background-position: top;}
	.homepage .event-list .pic a {height: 160px;}
	.sidebar .feed .grid .block {-webkit-box-flex: 0 0 44%; -webkit-flex: 0 0 44%; -ms-flex: 0 0 44%; flex: 0 0 44%;}
}