/*FULL HEIGHT BODY MASK FOR MOBILE*/
html { height: 100%; }
body { width: 100%; position: relative; }
body.body-pos { width: 100%; background-position: top center; background-repeat: no-repeat; background-size: cover; background-color: #3258b3; }
@media only screen and (min-width : 320px) {
body.body-pos { background-position: 0 85px; }
}
@media only screen and(min-width: 767px) {
body.body-pos { background-position: 0px 0px; }
}
@media only screen and (min-width : 992px) {
body.body-pos { background-position: 0px 0px; }
}
@media only screen and (min-width : 1200px) {
body.body-pos { background-position: 0px 0px; }
}
.body-mask { height: 320px; top: 0px; left: 0; bottom: 0; right: 0; position: absolute; z-index: 500; background-color: #000928; display: none; color: #fafafa; text-align: center; }
.red {color:#F00}
/*GLOBAL CONTAINER FLUID*/
.container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.min-height { min-height: 550px; }
/*BLACK TOPBAR*/
.topbar { background-color: #000720; }
.topbar .topbar-row { height: 36px; }
/*tag over to the left*/
.topbartag p { padding-top: 7px; margin: 0; font-weight: 300; color: #ffffff; font-size: 14px; }
/*the language stuff over on the right*/
.topbarfuncs { }
.topbarfuncs p { float: right; padding-top: 9px; margin: 0; font-weight: 300; color: #ffffff; font-size: 14px; }
.topbarfuncs p a { color: #727c86; opacity:1; }
.topbarfuncs p a.active {opacity:1; color: #ffffff;}
.topbarfuncs select {font-size: 14px; font-weight: 300; line-height: 1; border-radius: 2px; height: 23px; color: #ffffff; background: url(/assets/images/br_down.png) no-repeat right #1a1f71; -webkit-appearance: none; background-position-x: 180px; float: right; margin-top: 7px; margin-left: 31px; margin-right: 29px; width: 205px; padding: 0px; padding-left: 11px; border: thin solid #226afc; }
/*social*/
.topbarfuncs .social { float: right; margin-top: 9px }
.topbarfuncs .social img { float: right; }
.topbarfuncs .social img.twitter { margin-right: 5px; }
.topbarfuncs .social img.facebook { margin-right: 21px; }
.topbarfuncs .social img.youtube { margin-right: 24px; margin-left: 24px; }
.lang-mob { display: none }
@media (max-width: 1200px) {
.topbarfuncs select { margin-right: 0; }
}
@media (max-width: 768px) {
.topbartag p { font-size: 13px; }
.topbarfuncs form { display: none; }
.topbar-row { padding-left: 15px; padding-right: 15px; }
.navbar-brand > img { padding-left: 15px; }
.lang-mob { display: block }
.lang-desk { display: none }
}
/*LOGO*/
.show-desk { display: block }
.show-mob { display: none }
.ff-logo { height: 57px; }
@media only screen and (min-width : 320px) {
.show-mob { display: block; }
.show-mob-inline { display: inline; }
.show-desk { display: none; }
.show-mid { display: none;}
.show-mid-inline { display: none;}
}
@media only screen and(min-width: 480px) {
.show-mob { display: block; }
.show-mob-inline { display: inline; }
.show-desk { display: none; }
.show-mid { display: none;}
.show-mid-inline { display: none;}
}
@media only screen and (min-width : 992px) {
.show-desk { display: block; }
.show-mob { display: none; }
.show-mob-inline { display: none;}
.show-mid { display: block;}
.show-mid-inline { display: inline;}
}
@media only screen and (min-width : 1200px) {
.show-desk { display: block; }
.show-mob { display: none; }
.show-mob-inline { display: none; }
.show-mid { display: none;}
.show-mid-inline { display: none;}
}
/*COBRANDING*/
.cobrand { padding-top: 15px; padding-bottom: 15px }
.cobrand img { }
.cobrand p { margin: 0; padding: 0; font-size: 14px; font-weight: normal !important; color: #333; }
/*NAVBAR*/
.navbar-inverse { background-color: transparent; color: #ffffff; height: 83px; position: relative; z-index: 4000; box-shadow: 2px 2px 2px #0063ff; }
.navbar { border-radius: 0; position: relative; min-height: 50px; margin-bottom: 0; border: 0px solid transparent; background: transparent url('/assets/images/nav-opacity.png') no-repeat; }
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; height: auto; padding: 14px 80px 8px 15px; }
.container.head { height: 83px; }
.navbar-header { height: auto; float: left }
.navbar-collapse { height: auto; float: left; padding-right: 0; padding-left: 0; border-top: 0px solid transparent; }
.navbar-inverse .navbar-nav { height: auto; }
.navbar-nav > li { /*margin-right: 11px;*/ padding: 0; }
.navbar-inverse .navbar-nav > li > a { font-size: 18px; color: #ffffff; padding-top: 16px; padding-bottom: 16px; margin: 0; text-transform: uppercase; }
.nav > li > a { padding: 0 25px; }
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: #1269fc; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
.active_shadow {background-color:#005CE9;box-shadow: inset 0px 0px 30px rgba(0,0,0,0.2);}
.nfl-header-logo { padding-top: 15px; margin-left: 0px; }
.world-ff-logo {max-width: 128px; height: auto; padding-top: 15px; padding-right: 7px;}
.world-ff-logo-mid { max-width: 145px; height: auto; padding-top: 26px; padding-right: 8px;}
.world-ff-logo-mob {max-width: 124px;height: auto; padding-top:14px; padding-right: 7px;}
@media (max-width: 1200px) {
.navbar-toggle { height:auto; position: relative; float: right; padding: 9px 10px; margin-top: 23px; margin-right: 5px; background-color: transparent; background-image: none; border: 0; box-sizing: border-box;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: transparent; ; }
.navbar-toggle .icon-bar { background-color: #fff;}
.navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; }
.navbar-toggle .icon-bar { display: block; width: 25px; height: 4px; border-radius: 1px; }
.navbar-toggle .icon-x { font-size:40px; display:none; margin-top:-23px; margin-left:4px; }
}
@media only screen and (min-width : 320px) {
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { padding: 10px 0px 8px 15px; }
.navbar-inverse { height: 50px; }
.navbar-toggle { margin-top: 5px; }
.container.head { height: 55px; }
.nfl-header-logo { padding-top: 10px; }
}
@media only screen and(min-width: 767px) {
.navbar-inverse { height: 83px; }
.navbar-toggle { margin-top: 23px; }
.container.head { height: 83px; }
}
@media only screen and (min-width : 992px) {
.navbar-inverse { height: 83px; }
.navbar-toggle { margin-top: 23px; }
.container.head { height: 83px; }
.nfl-header-logo { padding-top: 15px; }
.body-mask { height: 355px; }
}
@media only screen and (min-width : 1200px) {
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { padding: 14px 60px 8px 15px; }
.navbar-inverse { height: 83px; }
.navbar-toggle { margin-top: 23px; }
.container.head { height: 83px; }
.navbar-inverse .navbar-nav > li > a { font-size: 18px; color: #ffffff; padding-top: 32px; padding-bottom: 32px; margin: 0; text-transform: uppercase; font-family: 'NHaasGroteskDSPro-45Lt'; font-weight: normal; letter-spacing: 3px; }
}
/*MENU DROPDOWN*/
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 245px; padding-top: 3px; margin: 2px 0 0; font-size: 18px; text-align:center; list-style: none; color: #fafafa; -webkit-background-clip: padding-box; background-clip: padding-box; border: 0px solid #ccc; border: 0px solid rgba(0, 0, 0, .15); border-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); border-bottom-left-radius: 0px; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #fafafa; text-decoration: underline; background-color: transparent; }
.dropdown-menu > li:last-child > a { border-bottom: 0; }
ul.nav li.dropdown:hover { background-color: #fff; }
ul.nav li.dropdown:hover > a { background-color: #131c42; }
ul.nav li.dropdown {border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
ul.nav li.dropdown.open > a { color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
ul.nav li.dropdown:active > ul.dropdown-menu { display: none; }
ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; }
@media (max-width: 1200px) {
.navbar-collapse { height: auto; float: none; padding-right: 0; padding-left: 0; position: absolute; top: 87px; left: 0; width: 100%; }
.container > .navbar-header, .container > .navbar-collapse { margin-right: 0; margin-left: 0; }
.navbar-nav > li { margin-right: 0px; padding: 0 0; padding-left: 0; padding-top: 0px; padding-bottom: 0; background-color: transparent; color: #fafafa; text-align: center; font-size: 18px; }
.navbar-nav { margin: 0px; }
.navbar-inverse .navbar-nav > li > a { color: #fafafa; }
.nav > li > a { padding: 0; }
.navbar-inverse .navbar-nav > li > a { font-family: 'NHaasGroteskDSPro-45Lt'; font-size: 18px; line-height: 26px; font-weight: normal; color: #fafafa; letter-spacing: 2px; }
.dropdown-menu { position: static; float: none; min-width: 0; padding: 0; margin: 0; font-size: 16px; text-align: left; list-style: none; -webkit-background-clip: padding-box; border: 0px solid #ccc; border: 0px solid rgba(0, 0, 0, .15); border-radius: 0; -webkit-box-shadow: none; box-shadow: none; color: #000; padding-top: 15px; display: block; }
.navgroup { display: none; padding-top: 0; background-color: #f3f3f3; }
.dropdown-menu > li > .navgroup a { background-color: #f3f3f3; display: block; padding: 0 0 15px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; border-bottom: 0; font-size: 14px; }
.menu01-menu ul.sub li.bold a, .menu02-menu ul.sub li.bold a, .menu03-menu ul.sub li.bold a, .menu04-menu ul.sub li.bold a, .menu05-menu ul.sub li.bold a, .menu06-menu ul.sub li.bold a { font-size: 14px; font-weight: 600 !important; margin: 0; margin-bottom: 0; padding-top: 15px; padding: 15px 0 15px 0; border-top: 1px solid #eee; background-color: #f3f3f3; padding-left: 20px; line-height: 1.42857143; border-bottom-color: rgb(0, 0, 0); }
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #000000; }
.arrow-up, .arrow-down { display: block;width: 36px; height: 45px; float: right; margin-right: 20px;cursor: pointer; }
.arrow-down { background-image:url('/assets/images/arrow-mobile-nav-down.png') }
.arrow-up {background-image:url('/assets/images/arrow-mobile-nav-up.png') }
}
@media (max-width: 992px) {
.navbar-collapse { absolute; top: 52px; left: 0; }
}
/*SEARCH*/
.searchme { float: right; padding-top: 27px; }
.searchme img { cursor: pointer; }
.searchfields { margin-top: 22px; display: none; float: right; width: 446px; }
.searchfields input[type="text"] { width: 100%; height: 40px; border: 0; background-color: #fff; margin-right: 8px; color: #454545; padding-left: 20px }
.searchfields .submit-search { cursor: pointer; background-image: url(/assets/images/search.gif); height: 40px; width: 54px; border: 0; margin: 0; padding: 0; }
.searchfields .close-search { cursor: pointer; vertical-align: top; }
.search-table { display: table; width: 100% }
.search-tr { display: table-row }
.search-td { display: table-cell; vertical-align: top }
.search-btn-area { width: 110px; height: 40px; box-sizing: border-box; }
.search-field { width: 368px; height: 40px }
@media (max-width: 1200px) {
}
@media (max-width: 1200px) {
.searchfields { width: 100%; float: none; }
.table { display: table; width: 100% }
.search-btn-area { width: 102px; height: 40px; white-space: nowrap }
.search-field { width: 100%; height: 40px; }
}
@media (max-width: 768px) {
.searchfields { padding-left: 15px; }
}
/***** CARDS ***************************/
.cardwide, .cardwide-7, .cardtall, .cardfat, .cardsm, .cardtall_video { cursor: pointer; box-shadow: 0px 3px 4px 3px rgba(0,0,0,0.05); background: #ffffff; margin-bottom: 15px;}
article.cardwide , article.cardwide-7, article.cardtall , article.cardfat , article.cardsm , article.cardtall_video { margin-bottom: 30px; padding-bottom: 25px; border-radius:5px }
.call_to_action, .call_to_action a, h5 .call_to_action, h5 .call_to_action a { color: #2962ff; }
.no-opacity { position: relative; opacity: 1; z-index: 10; }
.video-btn-area {position:absolute; top:0; left:0;height:100%; width:100%;}
.video-btn-area section {display:table; height:100%; width:100%;}
.video-btn-area span {display:table-cell;vertical-align:middle}
.video-btn-area img {display:block; margin:auto}
.cardwide_left, .cardwide-7_left { float:left; position:relative; border-radius: 3px !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; }
.cardwide_right, .cardwide-7_right, .cardsm_right { float:left; margin-left:30px; padding-right:15px; padding-top: 20px; position:relative; box-sizing: border-box; border-radius: 3px !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-bottom-left-radius: 0px; border-top-left-radius: 0px; }
.empty_card { width: 100%; height: 100%; }
.cardtall_top, .cardfat_top, .cardtall_video_top { position:relative; }
.cardtall_bottom, .cardfat_bottom, .cardtall_video_bottom {
position: relative;
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
}
.cardwide_right h5, .cardwide-7_right h5, .cardfat_bottom h5, .cardtall_bottom h5, .cardtall_bottom h6, .cardsm_right h5, .cardtall_video_bottom h5 { color: #909090; text-decoration: none; }
.cardwide_right h5 a, .cardwide-7_right h5 a, .cardfat_bottom h5 a, .cardtall_bottom h5 a, .cardtall_bottom h6 a, .cardsm_right h5 a, .cardtall_video_bottom h5 a { color: #909090; text-decoration: none; }
.cardwide_right h3, .cardwide-7_right h3, .cardfat_bottom h3, .cardtall_bottom h3, .cardsm_right h3, .cardtall_video_bottom h3 {
font-family: 'NHaasGroteskTXPro-75Bd';
font-size: 18px;
line-height: 1.22;
color: #3d3d3d;
margin-top: 10px;
margin-bottom: 0px;
padding-bottom:3px;
letter-spacing: 0.2 px;
}
.cardtall_bottom h5 a { font-family: 'NHaasGroteskDSPro-75Bd'; font-size: 14px; line-height: 14px; font-weight: normal; color: #0063ff; }
.cardwide_right h3 a, .cardwide-7_right h3 a, .cardfat_bottom h3 a, cardtall_bottom h3 a, .cardsm_right h3 a, .cardtall_video_bottom h3 a { color: #3d3d3d; text-decoration: none; }
.cardwide_right h3 a, .cardwide-7_right h3 a, .cardfat_bottom h3 a, cardtall_bottom h3 a, .cardsm_right h3 a, .cardtall_video_bottom h3 a { font-size: 18px; line-height: 22px; }
.cardwide_right p, .cardwide-7_right p, .cardfat_bottom p, cardtall_bottom p, .cardsm_right p, .cardtall_video_bottom p {
font-family: 'NHaasGroteskTXPro-75Bd';
font-size: 14px;
line-height: 22px;
color: #3d3d3d;
font-weight: 300;
}
.cardwide_right .call_to_action, .cardwide-7_right .call_to_action, cardsm_right .call_to_action { position: absolute; left: 0; bottom: 15px; width: 100%; }
.cardwide_right .call_to_action .faceF { margin-right: 0px; }
.cardwide-7_right .call_to_action .faceF { margin-right: 0px; }
.cardsm_right .call_to_action .faceF { margin-right: 0px; }
.cardtall_bottom .call_to_action, .cardfat_bottom .call_to_action, .cardtall_video_bottom .call_to_action { position: static; left: 0; bottom: 15px; width: 100%; }
.call_to_action h5, .call_to_action h6 {
display: block;
font-family: 'Open Sans';
font-size: 13px;
line-height: 22px;
color: #909090;
font-weight: 500;
float:left;
}
.call_to_action h5:hover {
color: #909090;
text-decoration: underline;
}
.call_to_action .faceF {
width: 16px;
height: 16px;
display: block;
background: transparent url('/assets/images/facebook2.png') no-repeat;
float:right;
margin-right: 15px;
margin-top: 13px;
}
.call_to_action .twitterbird {
width: 16px;
height: 16px;
display: block;
background: transparent url('/assets/images/twitter2.png') no-repeat;
float:right;
margin-top: 13px;
}
.sq-horiz-img, .rect-horiz-img { display: block; margin-right: 30px; float: left; }
.sq-vert-img, .rect-vert-img { display: block; }
.out-of-inventory {background-color:#2962FF; color:#fff; position:absolute; left:0; top:0; width:100%; padding:8px 10px}
@media only screen and (min-width : 320px) {
.cardwide, .cardwide-7, .cardsm { width: 100%; height: 100%; }
.cardwide_left, .cardwide-7_left { float: none; width:100%; height: 100%; }
.cardwide_right, .cardwide-7_right {
float: none;
width: 100%;
height: 100%;
margin-left: 0px;
padding-left: 15px;
padding-right: 15px;
}
.cardsm_right {
loat: none;
width: 100%;
height: 100%;
margin-left: 0px;
padding-left: 15px;
padding-right: 15px;
}
.cardwide_right .call_to_action, .cardwide-7_right .call_to_action, .cardsm_right .call_to_action {
position: static;
left: 15px;
right: 15px;
bottom: 15px;
width:100%;
}
.cardtall_bottom .call_to_action, .cardfat_bottom .call_to_action, .cardtall_video_bottom .call_to_action { position: static; width:100%; }
.sq-horiz-img, .rect-horiz-img { float: none; width: 100%; border-top-left-radius:5px; border-bottom-left-radius:5px; }
.rect-vert-img, .sq-vert-img { width: 100%; border-top-left-radius:5px; border-top-right-radius:5px; }
.video-img { width: 100%; }
.twitterbird { margin-right: 15px; }
}
@media only screen and (min-width : 480px) {
}
@media only screen and (min-width : 768px) {
.cardwide { height:360px; width: 720px; }
.cardwide-7 { height:360px; width: 720px; }
.cardsm { height: 100%; width: 100%; }
.cardwide_left, .cardwide-7_left { float: left; height:360px; width: 360px; }
.cardwide_right, .cardwide-7_right {
float: left;
height: 360px;
width: 315px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
margin-left: 30px;
border-radius: 3px !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
}
.cardsm_right {
width: 330px;
height: 100%;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
margin-left: 15px; }
.cardwide_right .call_to_action, .cardwide-7_right .call_to_action {
position: absolute;
left: 0;
right: 0;
bottom: 15px;
width: 100%;
}
.cardsm_right .call_to_action {
position: static;
left: 15;
right: 0;
bottom: 30px;
width: 100%;
padding-right: 15px;
}
.cardtall { width: 345px; height: 465px; }
.cardtall_top { width: 345px; height: 345px; }
.cardtall_bottom { width: 345px; height: 120px; }
.cardtall_video { width: 345px; height: 330px; }
.cardtall_video_top { width: 345px; height: 203px; }
.cardtall_video_bottom { height: 127px; }
.cardtall_bottom .call_to_action, .cardfat_bottom .call_to_action, .cardtall_video_bottom .call_to_action { position: absolute; width:100%; }
.cardtall_bottom .call_to_action h5, .cardfat_bottom .call_to_action h5, .cardtall_video_bottom .call_to_action, cardtall_video_bottom .call_to_action h5 {
padding-left: 15px;
}
.cardfat { width: 220px; height: 420px; }
.cardfat_top { width: 220px; height: 150px; }
.cardfat_bottom { width: 220px; height: 270px; }
.sq-horiz-img, .rect-horiz-img { display: block; margin-right: 30px; float: none; }
.sq-horiz-img { width: 360px; height: 360px; }
.sq-vert-img { width: 555px; }
.rect-horiz-img { width: 360px; height: 240px; }
}
@media only screen and (min-width : 992px) {
.cardwide { height:220px; width: 617px; }
.cardwide-7 { height:220px; width: 536px; }
.cardsm { height: 220px; width: 100%; }
.cardwide_left, .cardwide-7_left { float: left; height:220px; width: 220px; }
.cardwide_right { float: left; height: 220px; width: 352px; border-radius: 3px !important; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-bottom-left-radius: 0px;
border-top-left-radius: 0px; }
.cardwide-7_right { float: left; height: 220px; width: 271px; }
.cardsm_right { height: 233px; width: 278px; }
.cardtall { width: 213px; height: 378px; }
.cardtall_top { width: 213px; height: 213px; }
.cardtall_bottom { width: 213px; height: 165px; }
.cardtall_video { width: 213px; height: 280px; }
.cardtall_video_top { width: 213px; height: 114px; }
.cardtall_video_bottom { height: 166px; }
.cardtall_bottom .call_to_action, .cardfat_bottom .call_to_action, .cardsm_right .call_to_action, .cardtall_video_bottom .call_to_action {
position: absolute;
width:100%;
}
.cardsm_right .call_to_action { left: 0; padding-right: 15px;}
.cardfat { width: 293px; height: 430px; }
.cardfat_top { width: 293px; height: 202px; }
.cardfat_bottom { width: 293px; height: 228px; }
.sq-horiz-img { width: 220px; height: 220px; display: block; margin-right: 30px; float: left; }
.sq-vert-img { width: 220px; height: 220px; }
.rect-horiz-img { width: 303px; height: 202px; }
.rect-vert-img { width: 303px; height: 202px; }
.video-img { width: 220px; height: 114px; display: block; }
}
@media only screen and (min-width : 1200px) {
.cardwide { width:555px; height:270px; }
.cardwide-7 { width:653px; height:270px; }
.cardwide_left, .cardwide-7_left { width:270px; height:270px; border-radius: 3px !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; }
.cardwide_right { width:240px; height:270px; border-radius: 3px !important; -webkit-border-radius: 3px !important;
-moz-border-radius: 3px;
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;}
.cardwide-7_right { width:320px; height:270px; }
.cardsm { width: 270px; height: 270px; }
.cardsm_right { width: 240px; height: 270px; }
.cardtall_video { width: 263px; height: 304px; }
.cardtall_video_top { width: 263px; height: 152px; }
.cardtall_video_bottom { height: 152px; }
.cardtall { width: 270px; height: 406px; }
.cardtall_top { width: 270px; height: 270px; border-radius: 3px !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; }
.cardtall_bottom { width: 270px; height: 142px; }
.cardsm_right .call_to_action {
position: absolute;
left: 0;
right: 0;
bottom: 15px;
width: 100%;
padding-right: 0px;
}
.cardtall_bottom .call_to_action, cardfat_bottom .call_to_action, .cardtall_video_bottom .call_to_action { position: absolute; width:100%; }
.cardfat { width: 360px; height: 475px; }
.cardfat_top { width: 360px; height: 247px; }
.cardfat_bottom { width: 360px; height: 228px; }
.rect-horiz-img, .rect-vert-img { width: 370px; height: 247px; }
.sq-horiz-img { width: 270px; height: 270px; display: block; margin-right: 30px; float: left; }
.sq-vert-img { width: 270px; height: 270px; }
.video-img { width: 270px; height: 152px; display: block; }
}
@media screen {
div#preloader {
position: absolute;
left: -9999px;
top: -9999px;
}
div#preloader img {
display: block;
}
}
@media print {
div#preloader,
div#preloader img {
visibility: hidden;
display: none;
}
}
/* GLOBAL STYLES ***********************/
/* the following 4 sytles are the placeholder in forms */
input.form-control.textfield::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #cccccc;
}
input.form-control.textfield::-moz-placeholder { /* Firefox 19+ */
color: #cccccc;
}
input.form-control.textfield:-ms-input-placeholder { /* IE 10+ */
color: #cccccc;
}
input.form-control.textfield:-moz-placeholder { /* Firefox 18- */
color: #cccccc;
}
hr { margin-top: 0px; }
.newclear { clear: both; margin-bottom: 10px; }
.backtolast { font-size: 12px; line-height: 56px; border-bottom: thin solid #efefef; margin-bottom: 50px; }
.backtolast a { color: #5a5a5a; }
.breadcrumbs { color: #909090; font-weight: 400; font-size: 13px; }
.breadcrumbs a { color: #909090; text-decoration: underline; padding-right: 7px; }
/* SPACING */
.top-margin-175 { margin-top: 175px; }
.top-margin-150 { margin-top: 150px; }
.top-margin-115 { margin-top: 115px; }
.top-margin-100 { margin-top: 100px; }
.top-margin-80 { margin-top: 80px; }
.top-margin-70 { margin-top: 70px; }
.top-margin-65 { margin-top: 65px !important; }
.top-margin-60 { margin-top: 60px !important; }
.top-margin-50 { margin-top: 50px; }
.top-margin-40 { margin-top: 40px; }
.top-margin-35 { margin-top: 35px; }
.top-margin-30 { margin-top: 30px; }
.top-margin-20 { margin-top: 20px; }
.top-margin-22 { margin-top: 22px; }
.top-margin-15 { margin-top: 15px; }
.top-margin-12 { margin-top: 12px; }
.bottom-margin-230 { margin-bottom: 230px; }
.bottom-margin-120 { margin-bottom: 120px; }
.bottom-margin-100 { margin-bottom: 100px; }
.bottom-margin-80 { margin-bottom: 80px; }
.bottom-margin-70 { margin-bottom: 70px; }
.bottom-margin-50 { margin-bottom: 50px; }
.bottom-margin-30 { margin-bottom: 30px; }
.bottom-margin-20 { margin-bottom: 20px; }
.bottom-margin-15 { margin-bottom: 15px; }
.bottom-margin-10 { margin-bottom: 10px; }
.bottom-padding-25 { padding-bottom: 25px; }
.bottom-padding-15 { padding-bottom: 15px; }
.right-margin-25 { margin-right: 25px; }
.right-margin-15 { margin-right: 15px; }
.right-margin-6 { margin-right: 6px; }
.left-margin-30 { margin-left: 30px; }
.left-margin-25 { margin-left: 25px; }
span.light.left-padding-15 { padding-left: 15px; }
.line-height-37 { line-height: 37px; }
.no-pad-left { padding-left: 0px; }
.no-pad-right { padding-right: 0px; }
.no-margin-top { padding-top: 0px; margin-top: 0px; }
.no-margin-bottom { padding-bottom: 0px; margin-bottom: 0px; }
.section-top-mg { margin-top: 80px; }
.section-bt-mg { margin-bottom: 80px; }
.downloads-tm1 { margin-top: 150px; }
@media only screen and (min-width : 320px) {
.home-tm1 { margin-top: 75px; }
.home-bm1 { margin-bottom: 75px; }
.section-top-mg { margin-top: 40px; }
.section-bt-mg { margin-bottom: 40px; }
.downloads-tm1 { margin-top: 50px; }
}
@media only screen and(min-width: 767px) {
.section-top-mg { margin-top: 80px; }
.section-bt-mg { margin-bottom: 80px; }
.downloads-tm1 { margin-top: 150px; }
}
@media only screen and (min-width : 992px) {
.section-top-mg { margin-top: 80px; }
.section-bt-mg { margin-bottom: 80px; }
.downloads-tm1 { margin-top: 150px; }
}
@media only screen and (min-width : 1200px) {
.home-tm1 { margin-top: 175px; }
.home-bm1 { margin-bottom: 240px; }
.section-top-mg { margin-top: 80px; }
.section-bt-mg { margin-bottom: 80px; }
.downloads-tm1 { margin-top: 150px; }
}
/* HEADINGS */
h1, h1 a { font-family: 'NHaasGroteskTXPro-75Bd'; font-size: 72px; line-height: 1; font-weight: normal; color: #fafafa; padding: 0; margin: 0; }
h1 a:hover { }
h2, h2 a { font-family: 'NHaasGroteskDSPro-75Bd'; font-size: 42px; line-height: 1; color: #fafafa; margin: 0; padding: 0; letter-spacing: 0.5px; font-weight: normal; }
h2 a:hover { }
h2 span.light { font-family: 'NHaasGroteskDSPro-45Lt'; font-size: 42px; line-height: 1; font-weight: normal; color: #fafafa; margin: 0; padding: 0; position: relative; z-index: 100; opacity: 1; }
h3, h3 a { font-family: 'NHaasGroteskDSPro-75Bd'; font-size: 26px; line-height: 1.08; font-weight: normal; color: #fafafa; margin: 0; padding: 0; letter-spacing: 0.3px; }
h3 a:hover { color: #fafafa; }
h3.buttonlg { font-family: 'NHaasGroteskDSPro-65Md'; }
h4, h4 a { font-family: 'NHaasGroteskDSPro-45Lt'; font-size: 18px; line-height: 1.56; font-weight: normal; color: #fafafa; letter-spacing: 1.5px; margin-top: 0px; margin-bottom: 0px; }
h4 a:hover { }
h4.sectitle, h4.sectitle a { font-family: 'NHaasGroteskDSPro-45Lt'; font-size: 18px; line-height: 1.56; font-weight: normal; color: #fafafa; letter-spacing: 3px; }
h4.sectitle a:hover { }
h4.playmsg, h4.playmsg a { font-family: 'NHaasGroteskDSPro-45Lt'; font-size: 18px; line-height: 1.56; font-weight: normal; color: #fafafa; letter-spacing: 1.5px; }
h4.reg, h4.reg a { font-family: 'NHaasGroteskDSPro-75Bd'; font-size: 18px; line-height: 1.22; font-weight: normal; color: #fafafa; letter-spacing: 0.2px; }
h4.reg a:hover { }
h4.cardtxt, h4.cardtxt a { font-family: 'NHaasGroteskDSPro-75Bd'; font-size: 18px; line-height: 21px; font-weight: normal; color: #000829; letter-spacing: 0.2px; }
h4.cardtxt a:hover { color: #000829; text-decoration: underline; }
h4.capsule, h4.capsule a { font-family: 'NHaasGroteskDSPro-65Md'; font-size: 18px; line-height: 1.56; font-weight: normal; color: #fafafa; letter-spacing: 1.5px; }
h4.capsule a:hover { }
h4.resource-button { font-family: 'NHaasGroteskDSPro-75Bd'; font-size: 18px; line-height: 1.22; font-weight: normal; color: #fafafa; letter-spacing: 2px; }
p { font-family: 'NHaasGroteskDSPro-45Lt'; font-size: 14px; line-height: 18px; color: #fafafa; font-weight: 300; letter-spacing: 1.2px; font-weight: normal; }
p a { color: #fafafa; font-weight: bold; }
p a:hover { color: #fafafa; text-decoration: underline; }
p.footer { line-height: 32px; margin: 0px; padding: 0px; text-align: center; }
h5, h5 a { font-family: 'NHaasGroteskDSPro-75Bd'; font-size: 14px; line-height: 18px; color: #fafafa; letter-spacing: 0.2px; font-weight: normal; }
h5 a:hover { color: #fafafa; letter-spacing: 0.2px; font-weight: normal; text-decoration: underline; }
h5 a.blue:hover { color: #0063ff; }
h6, h6 a { font-family: 'NHaasGroteskDSPro-55Rg'; font-size: 14px; line-height: 1.57; font-weight: normal; color: #fafafa; }
.require { font-family: 'NHaasGroteskDSPro-55Rg'; font-size: 11px; font-weight: normal; color: #fafafa; }
.caption { font-family: 'Open Sans'; font-size: 10px; line-height: 12px; color: #fafafa; margin: 0; padding: 0; }
h7, h7 a { font-family: 'Open Sans'; font-size: 12px; color: #0063ff; font-weight: bold; }
h8, h8 a { width: 55%; font-family: NHaasGroteskDSPro-65Md; line-height: 1.17; letter-spacing: 0.2px; color: #000829; font-size: 18px; }
h9, h9 a { width: 55%; font-family: NHaasGroteskDSPro-65Md; line-height: 1.17; letter-spacing: 0.2px; color: #fafafa; font-size: 18px; }
.white { color: #fafafa !important; }
.black { color: #000829 !important; }
.light-green { color: #00c63d !important; }
.med-green { color: #00b100 !important; }
.dark-green { color: #008b00 !important; }
.light-blue { color: #0063ff !important; }
.med-blue { color: #0040d5 !important; }
.dark-blue { color: #00125c !important; }
.light-grey { color: #eaeaea !important; }
.med-grey { color: #b1b1b1 !important; }
.dark-grey { color: #262626 !important; }
.dark-background { background-color: #040b2a; }
.hero-background { background: #040b2a url('/assets/images/hero-bg.jpg') no-repeat top center; }
.home-background { background: #040b2a url('/assets/images/home-bg.jpg') no-repeat top center; }
.light-blue-background { background-color: #0063ff; }
.white-background { background-color: #fafafa; }
.light-green-background { background-color: #00c63d; }
.med-blue-background { background-color: #0040d5; }
.green-bar { text-align: center; cursor: pointer; }
.underline { text-decoration: underline; }
semi { font-weight: 600; }
.semi { font-weight: 600; }
light { font-weight: 300; }
.light { font-weight: 300; }
normal { font-weight: 400; }
.normal { font-weight: 400; }
.divider { width: 160px; height: 2px; border-top: solid 0.5px #fafafa; display: block; text-align: left; }
/** HOME PAGE *******************************************************/
/** buttons for home page and resource page **/
.home-window-image { width: 42px; height: 42px; background: #0063ff url('/assets/images/home-windows-sm.png') center center no-repeat; display: inline-block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; vertical-align: middle; border-bottom-left-radius: 0px; border-top-left-radius: 0px; margin-left: 0px; }
.home-macOS-image { width: 42px; height: 42px; background: #0063ff url('/assets/images/home-mac-sm.png') center center no-repeat; display: inline-block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; vertical-align: top; border-bottom-left-radius: 0px; border-top-left-radius: 0px; margin-left: 0px; margin-top: 0px; }
.home-ios-image { width: 42px; height: 42px; background: #0063ff url('/assets/images/home-ios-sm.png') center center no-repeat; display: inline-block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; vertical-align: middle; border-bottom-left-radius: 0px; border-top-left-radius: 0px; margin-left: 0px; }
.home-android-image { width: 42px; height: 42px; background: #0063ff url('/assets/images/home-android-sm.png') center center no-repeat; display: inline-block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; vertical-align: middle; border-bottom-left-radius: 0px; border-top-left-radius: 0px; margin-left: 0px; }
.dnld-windows-large { width: 70px; height: 70px; background: #0063ff url('/assets/images/dnld-windows-lg.png') center center no-repeat; display: inline-block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; vertical-align: top; border-bottom-left-radius: 0px; border-top-left-radius: 0px; margin-left: 0px; margin-top: 0px; }
.dnld-macOS-large { width: 70px; height: 70px; background: #0063ff url('/assets/images/dnld-mac-lg.png') center center no-repeat; display: inline-block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; vertical-align: top; border-bottom-left-radius: 0px; border-top-left-radius: 0px; margin-left: 0px; margin-top: 0px; }
.dnld-ios-large { width: 70px; height: 70px; background: #0063ff url('/assets/images/dnld-ios-lg.png') center center no-repeat; display: inline-block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; vertical-align: top; border-bottom-left-radius: 0px; border-top-left-radius: 0px; margin-left: 0px; margin-top: 0px; }
.dnld-android-large { width: 70px; height: 70px; background: #0063ff url('/assets/images/dnld-android-lg.png') center center no-repeat; display: inline-block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; vertical-align: top; border-bottom-left-radius: 0px; border-top-left-radius: 0px; margin-left: 0px; margin-top: 0px; }
.dnld-left-large { height: 70px; width: 278px; background: rgb(250, 250, 250); background: rgba(250, 250, 250, 0.15); color: #ffffff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; font-size: 24px; line-height: 26px; padding-left: 15px; padding-top: 9px; font-weight: normal; }
.ie-left-large { height: 70px; width: 277px; background: rgb(250, 250, 250); background: rgba(250, 250, 250, 0.15); color: #ffffff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; font-size: 24px; line-height: 26px; padding-left: 15px; padding-top: 9px; font-weight: normal; }
.home-left-sm { height: 42px; width: 181px; background: rgb(250, 250, 250); background: rgba(250, 250, 250, 0.15); color: #ffffff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; font-size: 24px; line-height: 28px; padding-left: 15px; padding-top: 6px; font-weight: normal; float: left; }
.home-left-sm-sp { height: 42px; width: 181px; background: rgb(250, 250, 250); background: rgba(250, 250, 250, 0.15); color: #ffffff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; font-size: 18px; line-height: 28px; padding-left: 15px; padding-top: 6px; font-weight: normal; float: left; }
.home-left-noimage { height: 42px; width: 155px; background: rgb(250, 250, 250); background: rgba(250, 250, 250, 0.15); color: #ffffff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-size: 24px; line-height: 28px; padding-left: 15px; padding-top: 6px; font-weight: normal; float: left; }
.home-left-noimage-sp { height: 42px; width: 155px; background: rgb(250, 250, 250); background: rgba(250, 250, 250, 0.15); color: #ffffff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-size: 18px; line-height: 28px; padding-left: 15px; padding-top: 6px; font-weight: normal; float: left; }
.resource-lg { height: 28px; width: 345px; background: rgb(250, 250, 250); background: rgba(250, 250, 250, 0.15); color: #ffffff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding-left: 25px; padding-top: 5px; font-weight: normal; font-family: 'NHaasGroteskDSPro-75Bd'; font-size: 18px; line-height: 1.22; font-weight: normal; color: #fafafa; letter-spacing: 0.2px; }
.resource-lg-sp { height: 28px; width: 345px; background: rgb(250, 250, 250); background: rgba(250, 250, 250, 0.15); color: #ffffff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding-left: 25px; padding-top: 5px; font-weight: normal; font-family: 'NHaasGroteskDSPro-75Bd'; font-size: 16px; line-height: 1.22; font-weight: normal; color: #fafafa; letter-spacing: 0.2px; }
.resource-sm { height: 28px; background: rgb(250, 250, 250); background: rgba(250, 250, 250, 0.15); color: #ffffff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-size: 18px; padding-left: 15px; padding-top: 6px; padding-right: 15px; font-weight: normal; }
.home-button { border: thin solid #ffffff; color:#fff; display: inline-block; font-size: 26px; font-weight: normal; text-decoration: none; cursor: pointer; text-align: left; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-weight: normal; font-family: 'NHaasGroteskTXPro-65Md'; padding-left: 0px; padding-right: 0px; background-color: transparent; padding-left: 4px; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; }
.dnld-button { border: thin solid #ffffff; color:#fff; display: inline-block; font-size: 26px; font-weight: normal; text-decoration: none; cursor: pointer; text-align: left; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-weight: normal; font-family: 'NHaasGroteskTXPro-65Md'; padding-left: 0px; padding-right: 0px; background-color: transparent; padding-left: 5px; padding-top: 4px; padding-right: 5px; padding-bottom: 4px; height: 80px; }
.resource-button { border: thin solid #ffffff; color:#fff; display: inline-block; font-size: 18px; font-weight: normal; text-decoration: none; cursor: pointer; text-align: left; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-weight: normal; font-family: 'NHaasGroteskTXPro-65Md'; padding-left: 0px; padding-right: 0px; background-color: transparent; padding-left: 5px; padding-top: 4px; padding-right: 5px; padding-bottom: 4px; }
.leaderboard-butt { height: 42px; background: rgb(250, 250, 250); background: rgba(250, 250, 250, 0.15); color: #ffffff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-size: 26px; padding-left: 10px; padding-right: 10px; padding-top: 4px; font-weight: normal; text-align: left; }
.dnld-left-large:hover, .ie-left-large:hover, .home-left-sm:hover, .home-left-sm-sp:hover, .home-left-sm-sp:hover, .home-left-noimage:hover, .home-left-noimage-sp:hover, .resource-lg:hover, .resource-lg-sp:hover, .resource-sm:hover { background: #0063ff; }
/** buttons for lessons page **/
.button-border { border: thin solid #ffffff; color:#fff; display: inline-block; font-size: 18px; font-weight: normal; text-decoration: none; cursor: pointer; text-align: left; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-weight: normal; font-family: 'NHaasGroteskTXPro-65Md'; padding-left: 0px; padding-right: 0px; background-color: transparent; padding-left: 5px; padding-top: 4px; padding-right: 5px; padding-bottom: 4px; }
#full-button { height: 42px; width: 245px; background: rgb(250, 250, 250); background: rgba(250, 250, 250, 0.15); color: #ffffff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding-left: 0px; padding-top: 0px; }
.lesson-left { height: 42px; width: 200px; background: rgb(250, 250, 250); background: rgba(250, 250, 250, 0.15); color: #ffffff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; font-size: 26px; padding-left: 15px; padding-top: 0px; font-weight: normal; text-align: left; border-bottom-right-radius: 0px; border-top-lright-radius: 0px; }
.lesson-left-sp { height: 42px; width: 200px; background: rgb(250, 250, 250); background: rgba(250, 250, 250, 0.15); color: #ffffff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; font-size: 22px; padding-left: 15px; padding-top: 0px; font-weight: normal; text-align: left; border-bottom-right-radius: 0px; border-top-lright-radius: 0px; }
.lesson-right { height: 42px; width: 45px; background: rgb(250, 250, 250); background: rgba(250, 250, 250, 0.15); color: #ffffff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-bottom-left-radius: 0px; border-top-left-radius: 0px; font-size: 18px; padding-left: 10px; padding-top: 8px; font-weight: normal; border-bottom-left-radius: 0px; border-top-left-radius: 0px; }
.lesson-left.active, .lesson-left-sp.active { background: #00c63d; display: block; }
.lesson-right.active { background: #00c63d; display: block; }
.leaderboard-butt.active { background: #00c63d; display: block; }
#full-button:hover { background: #00c63d; }
.full-width { width: 100%; text-align: left; }
input[type="submit"] { background: rgb(250, 250, 250); background: rgba(250, 250, 250, 0.15); }
table#leaderboard-team {
width: 100% !important;
*border-collapse: collapse; /* IE7 and lower */
border-spacing: 0px;
}
#leaderboard-team td { padding: 15px ;}
#leaderboard-team tr.round { border-radius: 4px !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; margin-bottom: 5px; }
.leaderboard-number { font-size: 18px; line-height: 1.17; color: #d3d3d3; padding-right: 5px;}
.lb-heading { font-weight: normal; padding-bottom: 10px; }
table#faqs {
width: 100% !important;
}
#faqs td { padding-bottom: 5px; padding-right: 5px; color: #fafafa; font-size: 18px; font-family: 'NHaasGroteskDSPro-75Bd'; }
#outerlead { width: 100% !important; margin-bottom: 5px; }
#leaderdiv {
*border-collapse: collapse; /* IE7 and lower */
border-spacing: 0px;
padding: 15px;
}
#leaderdiv.first-child { border-radius: 5px !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-bottom-right-radius: 0px !important; border-top-right-radius: 0px !important; }
#leaderdiv.last-child { border-radius: 5px !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-bottom-left-radius: 0px !important; border-top-left-radius: 0px !important; }
#leadfirst { border-radius: 5px !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-bottom-right-radius: 0px !important; border-top-right-radius: 0px !important; width: 55%; font-family: NHaasGroteskDSPro-65Md; line-height: 1.17; letter-spacing: 0.2px; color: #000829; font-size: 18px; float: left; padding: 15px; margin-bottom: 5px; height: 50px; font-size: 18px; }
#leadsecond { width: 15%; color: #fafafa; text-align: center; float: left; padding: 15px; margin-bottom: 5px; }
#leadthird { width: 15%; color: #fafafa; text-align: center; float: left; padding: 15px; margin-bottom: 5px; }
#leadfourth { width: 15%; color: #fafafa; text-align: center; border-radius: 5px !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-bottom-left-radius: 0px !important; border-top-left-radius: 0px !important; float: left; padding: 15px; margin-bottom: 5px; }
.show { display: block !important; }
#bg-linear-grad { background-image: linear-gradient(to left top, transparent 34%, transparent 41%, #8ea4df 2%, #8ea4df 24%, transparent 55%, transparent 100%); background-size: 5px 5px; }
/*#bg-linear-grad {background-image: linear-gradient(to bottom, #000829, #12215c 25%, #406dd6); background-image: linear-gradient(to bottom, var(--black), #12215c 25%, #406dd6);}*/
.lineseg { width: 160px; height: 2px; border: solid 0.5px #fafafa; display: block; }
td:first-child { border-radius: 5px !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-bottom-right-radius: 0px !important; border-top-right-radius: 0px !important; }
td:last-child { border-radius: 5px !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-bottom-left-radius: 0px !important; border-top-left-radius: 0px !important; }
.section-num { font-size: 18px; line-height: 1.17; color: #d3d3d3; letter-spacing: 0.2px; width: 3%; font-family: NHaasGroteskDSPro-75Bd; font-weight: normal; }
.section-num a, .section-num a:hover { color: #d3d3d3; }
.module-name { width: 55%; font-family: NHaasGroteskDSPro-65Md; line-height: 1.17; letter-spacing: 0.2px; color: #000829; font-size: 18px; padding-left: 0px !important; }
.team-name { width: 55%; font-family: NHaasGroteskDSPro-65Md; line-height: 1.17; letter-spacing: 0.2px; color: #000829; font-size: 18px; }
.team-points { width: 15%; color: #fafafa; }
.txt-center { text-align: center; }
td.thin-row { padding: 0px !important; height: 5px; }
.team-logo { padding-left: 5px; padding-right: 5px; }
.message-img { width: 80px; height: 80px; border: thin solid #fafafa; border-radius: 5px !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; float: left; }
.form-inline { display: inline-block; }
input { border: none; padding: none; margin: none; }
.home-blur { background: url(/assets/images/blur.png) no-repeat center; background-size: 100%; }
.pms-bar { height: 40px; padding-top: 5px !important; }
@media only screen and (min-width : 320px) {
.vid-size { width: 350px; height: auto; align-content: center; margin-bottom: 20px; }
.home-button.desk-only { display: none; }
.home-game { text-align: center; }
h1, h1 a { font-size: 42px; }
h2, h2 a, h2 span.light { font-size: 28px; }
h4, h4 a { font-size: 14px; }
.resource-lg { width: 270px; font-size: 14px; padding-top: 8px; }
.dnld-button { width: 280px; }
.dnld-left-large { width: 208px; font-size: 18px; line-height: 22px; height: 60px; }
.ie-left-large { width: 208px; font-size: 18px; line-height: 22px; height: 60px; }
.dnld-button { height: 70px; }
.dnld-windows-large { width: 60px; height: 60px; }
.dnld-macOS-large { width: 60px; height: 60px; }
.dnld-ios-large{ width: 60px; height: 60px; }
.dnld-android-large { width: 60px; height: 60px; }
.cobr-img { margin-bottom: 45px; }
.home-screenshot { margin-top: 20px; }
.show { display: none !important; }
.nameshow { display: none !important; }
.noshowcard { display: none !important; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.dnld-macOS-large { background: #0063ff url('/assets/images/dnld-mac-lg@2x.png') center center no-repeat; background-size: 60px 60px; }
.dnld-windows-large { background: #0063ff url('/assets/images/dnld-windows-lg@2x.png') center center no-repeat; background-size: 60px 60px; }
.dnld-ios-large{ background: #0063ff url('/assets/images/dnld-ios-lg@2x.png') center center no-repeat; background-size: 60px 60px; }
.dnld-android-large { background: #0063ff url('/assets/images/dnld-android-lg@2x.png') center center no-repeat; background-size: 60px 60px; }
.home-window-image { background: #0063ff url('/assets/images/home-windows-sm@2x.png') center center no-repeat; background-size: 42px 42px; }
.home-macOS-image { background: #0063ff url('/assets/images/home-mac-sm@2x.png') center center no-repeat; background-size: 42px 42px; }
.home-ios-image { background: #0063ff url('/assets/images/home-ios-sm@2x.png') center center no-repeat; background-size: 42px 42px; }
.home-android-image { background: #0063ff url('/assets/images/home-android-sm@2x.png') center center no-repeat; background-size: 42px 42px; }
}
}
@media only screen and (min-width : 576px) {
.vid-size { width: 280px; height: auto; align-content: center; margin-bottom: 20px; }
.home-button.desk-only { display: none; }
.home-game { text-align: center; }
h1, h1 a { font-size: 42px; }
h2, h2 a, h2 span.light { font-size: 28px; }
h4, h4 a { font-size: 14px; }
.resource-lg { width: 270px; font-size: 14px; padding-top: 8px; }
.dnld-button { width: 280px; }
.dnld-left-large { width: 208px; font-size: 18px; line-height: 22px; height: 60px; }
.ie-left-large { width: 208px; font-size: 18px; line-height: 22px; height: 60px; }
.dnld-button { height: 70px; }
.dnld-windows-large { width: 60px; height: 60px; }
.dnld-macOS-large { width: 60px; height: 60px; }
.dnld-ios-large{ width: 60px; height: 60px; }
.dnld-android-large { width: 60px; height: 60px; }
.cobr-img { margin-bottom: 45px; }
.home-screenshot { margin-top: 20px; }
.nameshow { display: inline-block !important; }
.noshowcard { display: none !important; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.dnld-macOS-large { background: #0063ff url('/assets/images/dnld-mac-lg@2x.png') center center no-repeat; background-size: 60px 60px; }
.dnld-windows-large { background: #0063ff url('/assets/images/dnld-windows-lg@2x.png') center center no-repeat; background-size: 60px 60px; }
.dnld-ios-large{ background: #0063ff url('/assets/images/dnld-ios-lg@2x.png') center center no-repeat; background-size: 60px 60px; }
.dnld-android-large { background: #0063ff url('/assets/images/dnld-android-lg@2x.png') center center no-repeat; background-size: 60px 60px; }
.home-window-image { background: #0063ff url('/assets/images/home-windows-sm@2x.png') center center no-repeat; background-size: 42px 42px; }
.home-macOS-image { background: #0063ff url('/assets/images/home-mac-sm@2x.png') center center no-repeat; background-size: 42px 42px; }
.home-ios-image { background: #0063ff url('/assets/images/home-ios-sm@2x.png') center center no-repeat; background-size: 42px 42px; }
.home-android-image { background: #0063ff url('/assets/images/home-android-sm@2x.png') center center no-repeat; background-size: 42px 42px; }
}
}
@media only screen and(min-width: 768px) {
.vid-size { width: 720px; height: 400px; }
.home-game { text-align: left; }
h1, h1 a { font-size: 52px; }
h2, h2 a, h2 span.light { font-size: 32px; }
h4, h4 a { font-size: 18px; }
.resource-lg { width: 345px; font-size: 18px; padding-top: 5px; }
.dnld-button { width: 100%; height: 80px; }
.dnld-left-large { width: 278px; font-size: 24px; line-height: 26px; height: 70px; }
.ie-left-large { width: 278px; font-size: 24px; line-height: 26px; height: 70px; }
.dnld-windows-large { width: 70px; height: 70px; }
.dnld-macOS-large { width: 70px; height: 70px; }
.dnld-ios-large{ width: 70px; height: 70px; }
.dnld-android-large { width: 70px; height: 70px; }
.cobr-img { margin-bottom: 0px; }
.home-screenshot { margin-top: 0px; }
.show { display: block !important; }
.noshowcard { display: block !important; }
.nameshow { display: inline-block !important; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.dnld-macOS-large { background: #0063ff url('/assets/images/dnld-mac-lg@2x.png') center center no-repeat; background-size: 60px 60px; }
.dnld-windows-large { background: #0063ff url('/assets/images/dnld-windows-lg@2x.png') center center no-repeat; background-size: 60px 60px; }
.dnld-ios-large{ background: #0063ff url('/assets/images/dnld-ios-lg@2x.png') center center no-repeat; background-size: 60px 60px; }
.dnld-android-large { background: #0063ff url('/assets/images/dnld-android-lg@2x.png') center center no-repeat; background-size: 60px 60px; }
.home-window-image { background: #0063ff url('/assets/images/home-windows-sm@2x.png') center center no-repeat; background-size: 42px 42px; }
.home-macOS-image { background: #0063ff url('/assets/images/home-mac-sm@2x.png') center center no-repeat; background-size: 42px 42px; }
.home-ios-image { background: #0063ff url('/assets/images/home-ios-sm@2x.png') center center no-repeat; background-size: 42px 42px; }
.home-android-image { background: #0063ff url('/assets/images/home-android-sm@2x.png') center center no-repeat; background-size: 42px 42px; }
}
}
@media only screen and (min-width : 992px) {
.vid-size { width: 600px; height: 338px; }
.home-game { text-align: left; }
h1, h1 a { font-size: 52px; }
h2, h2 a, h2 span.light { font-size: 32px; }
h4, h4 a { font-size: 18px; }
.resource-lg { width: 345px; font-size: 18px; padding-top: 5px; }
.dnld-button { width: 100%; height: 70px;}
.dnld-left-large { width: 302px; font-size: 20px; line-height: 24px; height: 60px; }
.ie-left-large { width: 302px; font-size: 20px; line-height: 24px; height: 60px; }
.dnld-windows-large { width: 60px; height: 60px; }
.dnld-macOS-large { width: 60px; height: 60px; }
.dnld-ios-large{ width: 60px; height: 60px; }
.dnld-android-large { width: 60px; height: 60px; }
.home-screenshot { margin-top: 0px; }
.show { display: block !important; }
.noshowcard { display: block !important; }
.nameshow { display: inline-block !important; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.testlw { color: #fad74a; }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.dnld-macOS-large { background: #0063ff url('/assets/images/dnld-mac-lg@2x.png') center center no-repeat; background-size: 60px 60px; }
.dnld-windows-large { background: #0063ff url('/assets/images/dnld-windows-lg@2x.png') center center no-repeat; background-size: 60px 60px; }
.dnld-ios-large{ background: #0063ff url('/assets/images/dnld-ios-lg@2x.png') center center no-repeat; background-size: 60px 60px; }
.dnld-android-large { background: #0063ff url('/assets/images/dnld-android-lg@2x.png') center center no-repeat; background-size: 60px 60px; }
.home-window-image { background: #0063ff url('/assets/images/home-windows-sm@2x.png') center center no-repeat; background-size: 42px 42px; }
..home-macOS-image { background: #0063ff url('/assets/images/home-mac-sm@2x.png') center center no-repeat; background-size: 42px 42px; }
.home-ios-image { background: #0063ff url('/assets/images/home-ios-sm@2x.png') center center no-repeat; background-size: 42px 42px; }
.home-android-image { background: #0063ff url('/assets/images/home-android-sm@2x.png') center center no-repeat; background-size: 42px 42px; }
}
}
@media only screen and (min-width : 1200px) {
.vid-size { width: 750px; height: 423px; }
.home-button.desk-only { display: block; margin-right: 15px; }
.home-game { text-align: left; }
h1, h1 a { font-size: 72px; }
h2, h2 a, h2 span.light { font-size: 42px; }
h4, h4 a { font-size: 18px; }
.resource-lg { width: 345px; font-size: 18px; padding-top: 5px; }
.dnld-left-large { width: 278px; font-size: 24px; line-height: 26px; height: 70px; }
.ie-left-large { width: 277px; font-size: 24px; line-height: 26px; height: 70px; }
.dnld-button { width: 100%; height: 80px; }
.dnld-windows-large { width: 70px; height: 70px; }
.dnld-macOS-large { width: 70px; height: 70px; }
.dnld-ios-large{ width: 70px; height: 70px; }
.dnld-android-large { width: 70px; height: 70px; }
.home-screenshot { margin-top: 0px; }
.show { display: block !important; }
.noshowcard { display: block !important; }
.nameshow { display: inline-block !important; }
.testlw { color: #990000; }
}
/** PLAY PAGE ***************************************************/
.pop-up-txt { padding-top: 18px; font-size: 14px; color: #fafafa; }
.pop-up-txt a { color: #fafafa; font-weight: bold;}
.pop-up-txt a:hover { text-decoration: underline; }
.teaser-padded { padding-left: 15px; padding-right: 15px; padding-bottom: 3px; }
.teaser a, .teaser-padded a, .media-teaser a { font-weight: 400; color: #000000; line-height: 20px; }
.teaser a:hover, .teaser-padded a:hover, .media-teaser a:hover { text-decoration: underline; }
.twitterbird { width: 16px; height: 16px; display: inline-block; background: transparent url('/assets/images/twitter2.png') no-repeat; }
.twitterbird:hover { background-image: url('/assets/images/twitter2_color.png'); }
.faceF { width: 16px; height: 16px; display: inline-block; background: transparent url('/assets/images/facebook2.png') no-repeat; }
.faceF:hover { background-image: url('/assets/images/facebook2_color.png'); }
.state-month { width: 170px; }
.stores { float: right; }
.ccta img { width: 78px; height: 23px; display: inline-block; margin-right: 10px; }
.enlarge { width: 21px; height: 28px; display: inline-block; background: transparent url('/assets/images/enlarge.png') no-repeat; }
.enlarge:hover { background-image: url('/assets/images/enlarge-color.png'); }
.embed { width: 37px; height: 21px; display: inline-block; background: transparent url('/assets/images/embed.png') no-repeat; }
.embed:hover { background-image: url('/assets/images/embed-color.png'); }
/* BUTTONS */
.fullwidth { width: 100%; display: block; }
.toggle-pad { margin-right: 5px; }
.expand-pad { margin-left: 22px; }
#faq5-expand, faq5-collapse, faq5t-expand { display: inline-block; float: left; }
#inlinet { display: inline-block; float: left; }
/* ARTICLE SINGLE STYLES **********************/
a.artsingle-Share, p.artsingle-Share { font-size: 13px; line-height: 30px; border-bottom: thin solid #e0e0e0; color: #909090; width: 100%; display: block; margin-bottom: 30px; clear: both; }
.artsingle-FaceF { width: 19px; height: 25px; background: transparent url('/assets/images/pmm-fb.png') no-repeat; cursor: pointer; display: block; float: left; margin-right: 8px; margin-bottom: 30px;}
.artsingle-FaceF:hover { background-image: url('/assets/images/pmm-fb-color.png'); }
.artsingle-twitterbird { width: 29px; height: 25px; background: transparent url('/assets/images/pmm-twt.png') no-repeat; cursor: pointer; display: block; float: left; }
.artsingle-twitterbird:hover { background-image: url('/assets/images/pmm-twt-color.png'); }
#side-icons h5 a { line-height: 32px; }
#side-icons h5 a:hover { color: #2962ff !important;}
.face-icon { width: 32px; height: 25px; background: transparent url('/assets/images/face-icon-grey.png') no-repeat; cursor: pointer; display: block; float: left; margin-right: 8px; }
.face-icon:hover { background-image: url('/assets/images/face-icon-blue.png'); }
.vid-icon { width: 32px; height: 32px; background: transparent url('/assets/images/video_icon_grey.png') no-repeat; cursor: pointer; display: block; float: left; margin-right: 8px; }
.vid-icon:hover { background-image: url('/assets/images/video_icon_blue.png'); }
.press-icon { width: 32px; height: 32px; background: transparent url('/assets/images/press_icon_grey.png') no-repeat; cursor: pointer; display: block; float: left; margin-right: 8px; }
.press-icon:hover { background-image: url('/assets/images/press_icon_blue.png'); }
.football-icon { width: 32px; height: 32px; background: transparent url('/assets/images/football_icon_grey.png') no-repeat; cursor: pointer; display: block; float: left; margin-right: 8px; }
.football-icon:hover { background-image: url('/assets/images/football_icon_blue.png'); }
#pmm h3 { line-height: 18px; margin-bottom: 10px; margin-top: 20px; }
#artsingle p.artsingle-callout { font-size: 26px; line-height: 37px; font-weight: 300; color: #2962ff; padding-top: 25px; padding-bottom: 25px; }
#artsingle p { font-size: 14px; line-height: 22px; font-weight: 300; color: #525252; }
#artsingle p.artsingle-intro, p.artsingle-intro { font-weight: 300; font-size: 18px; line-height: 26px; color: #525252; }
#artsingle a { color: #2962ff; }
#artsingle h4 { font-weight: 600; }
img.overline, .overline { border-top: thin solid #e0e0e0; display: block; padding-top: 20px; }
.artsingle-segment, img.artsingle-segment { margin-top: 30px; margin-bottom: 30px; }
.testimony-segment, img.testimony-segment { margin-top: 20px; margin-bottom: 20px; }
#artsingle strong { font-size: 15px; line-height: 26px; font-weight: 500; color: #3d3d3d; }
#artsingle .subhead { font-size: 18px; line-height: 28px; font-weight: 800; color: #333333; padding-bottom: 20px; padding-top: 20px; }
#artsingle ul, #artsingle ol { font-size: 14px; line-height: 28px; font-weight: 300; color: #525252; }
#artsingle ul li { background: url("/assets/images/bullet.png") 0 0 no-repeat; background-position: 0px 10px; list-style: none; padding-left: 15px; padding-bottom: 15px; }
#artsingle ul li.orangeli { background: url("/assets/images/bullet-orange.png") 0 0 no-repeat; background-position: 0px 10px; }
#artsingle ul li.greenli { background: url("/assets/images/bullet-green.png") 0 0 no-repeat; background-position: 0px 10px; }
#artsingle ul li ul li { background: url("/assets/images/bullet_sub.png") 0 0 no-repeat; background-position: 0px 25px; list-style: none; padding-left: 15px; padding-top: 15px; padding-bottom: 0px; }
#artsingle ul li ul li.orangeli { background: url("/assets/images/bullet_sub-orange.png") 0 0 no-repeat; background-position: 0px 25px; }
#artsingle ul li ul li.greenli { background: url("/assets/images/bullet_sub-green.png") 0 0 no-repeat; background-position: 0px 25px; }
#artsingle ol { color: #2962ff; }
#artsingle ol li { color: #525252; padding-bottom: 15px; margin-left: 15px; }
#artsingle span.not-orange { color: #525252 !important; }
#artsingle .footnote, p.footnote { font-size: 13px; line-height: 22px; color: #909090; border-top: thin solid #e0e0e0; margin-top: 30px; padding-top: 20px; }
.backtolast { font-size: 12px; line-height: 56px; border-bottom: thin solid #efefef; margin-bottom: 50px; }
.backtolast a { color: #5a5a5a; }
.artsingle-segment { margin-top: 40px; margin-bottom: 40px; }
.byline { font-size: 18px; line-height: 50px; font-weight: 300; color: #5a5a5a; margin-bottom: 0px; }
.subtitle { font-size: 18px; line-height: 28px; font-weight: 300; color: #5a5a5a; margin-bottom: 0px; font-style: italic; }
/* For single-article.blade but only included on PMM articles **/
#pmm-side-nav ul { -webkit-padding-start: 0px; margin-left: 0px !important; padding-left: 0px !important;}
#pmm-side-nav ul li, #pmm-side-nav ul li a { font-size: 13px; line-height: 24px; color: #909090; font-weight: 400; list-style: none; padding-bottom: 10px; }
#pmm-side-nav a:hover { text-decoration: none; color: #2962ff; }
.pmm-recent { float: left; font-size: 18px; line-height: 30px; border-bottom: thin solid #e0e0e0; color: #2962ff; width: 100%; display: block; margin-bottom: 20px; }
.pmmarticle { padding-bottom: 100px }
.pmmarticle .pmm { display: inline-block; }
.pmmarticle .faceF { margin-left: 25px; }
@media only screen and (min-width : 320px) {
a.artsingle-Share, p.artsingle-Share { margin-bottom: 20px; }
}
/* VIDEO STYLES **********************/
.video-card { position: relative }
.video-card .btn-play { height: 52px; width: 52px; position: absolute; left: 109px; top: 100px }
.youtube-subscribe { margin-left: 15px; vertical-align: text-bottom; }
.video-item {margin-bottom: 40px;}
.video-item hr.pmm-rule {margin-top: 11px;margin-bottom: 40px;}
@media (max-width: 1200px) {
.video-card .btn-play { left: 85px; top: 85px }
.squ_hrz_cta3 {
position: absolute;
left: 265px;
bottom: 15px;
width: 250px;
}
}
@media (max-width: 992px) {
.video-card .btn-play { left: 145px; top: 155px }
.video-item hr.pmm-rule {margin-top: 11px;margin-bottom: 40px;}
.video-item article {padding-bottom:30px}
.video-item article .squ_hrz_cta3 {
position: static;
left: 0;
bottom: 15px;
padding-left: 15px;
width: auto;
}
}
@media (max-width: 768px) {
.video-card .btn-play { left: 45%; top: 45% }
.video-item article {padding-bottom:50px}
}
/*VIDEO FEATURED SECTION*/
.section-featured-img { width: 470px; height: 264px }
.section_featured_img img { float: left; margin-right: 30px }
.section_featured_body { }
.section_featured_body h5 { padding-top: 15px; }
.section_featured_body h5.pmm { display: inline-block; }
.section_featured_body .faceF { margin-left: 25px; }
.recent-articles { margin-bottom: 20px; }
.section-featured-video { width: 470px; height: 264px }
.section_featured_video video { float: left; margin-right: 30px }
.section_featured_video iframe { border: 0 }
@media (min-width: 768px) {
.featured { width: 455px !important; height: 256px !important }
.fullsize { width: 616px !important; height: 347px !important }
}
@media (min-width: 992px) {
.featured { width: 455px !important; height: 256px !important }
.fullsize { width: 616px !important; height: 347px !important }
}
@media (min-width: 1200px) {
.featured { width: 457px !important; height: 257px !important }
.fullsize { width: 750px !important; height: 422px !important }
}
/* free-materials-cart-icon.blade */
.circle { color: #fff; background-color: #2962FF; display: block; border-radius: 50%; width: 25px; height: 25px; border: 0; text-align: center; vertical-align: middle; padding-top: 2px }
.cart-amount { position: absolute; bottom: 12px; left: 25px }
/* STYLE FROM PAGES AND SUB-TEMPLATES */
/* page videos-detail.blade */
iframe{border:0}
/* apps-landing-page.blade */
.card-cursor { cursor: default; }
/* china-foundation.blade */
.award { width: 165px; height: 165px; }
/* free-materials-card-contents.blade */
.noborder { border: 0; }
/* free-materials-confirmation-contents.blade */
.height40 { height: 40px; }
/* game-page.blade */
.btn-game {width:170px;color:white;font-size:16px;border:none;cursor:pointer;background-color:#246afd;padding:10px 30px}
/* highlights pages */
.full-width { width: 100%; }
/* homepage-carousel.blade */
.home-carousel { padding:45px 0; }
/* press-bios-page.blade */
.press-bio { margin: 0px; margin-bottom: 10px; }
/* section-archive.blade */
.rss {margin-top:5px;}
@media (max-width: 768px) {
.rss {margin:20px 0 10px 0}
.pmmarticle {padding-top:40px;}
}
.dropdownlist-target.dropdownlist-theme-default {
float:right;
}
/* teach-edstandards-secondary.blade */
.line-height-40 { line-height:40px; }
/* teach-innoved-archive.blade */
.item-inline { display: inline-block; }
/* teach-innoved-page */
@media (max-width: 768px) {
.jumpstart article,
.recent-educators article {padding-bottom:10px}
}
/* teach-nomination */
.hide-this { display:none; }
/*FOOTER*********************************************/
.footer-links { padding-top: 45px; padding-bottom: 25px; }
.footer-links h4 { margin: 0; padding: 0; color: #ffffff; font-size: 15px; line-height: 14px; margin-bottom: 12px; }
.footer-links h4:hover { text-decoration:underline }
.footer-links p { margin: 0; padding: 0; color: #93b0ff; font-size: 14px; font-weight: 400; line-height: 160%; }
.footer-links p a { display: block; color: #93b0ff; margin-bottom: 6px; }
.footer-right { padding-left: 26px; }
.footer-right .logo { margin-bottom: 10px; }
.footer-right p { margin: 0; padding: 0; margin-bottom: 10px; color: #ffffff; font-size: 18px; line-height: 150%; }
.footer-right .social { margin-left: -5px }
a.foot-social-yt { background-image: url('/assets/images/youtube-f.png'); width: 27px; height: 19px; display: inline-block; margin-right: 15px; }
a.foot-social-yt:hover { background-image: url('/assets/images/youtube-f-h.png'); }
a.foot-social-fb { background-image: url('/assets/images/facebook-f.png'); width: 11px; height: 20px; display: inline-block; margin-right: 15px; }
a.foot-social-fb:hover { background-image: url('/assets/images/facebook-f-h.png'); }
a.foot-social-tw { background-image: url('/assets/images/twitter-f.png'); width: 20px; height: 17px; display: inline-block; }
a.foot-social-tw:hover { background-image: url('/assets/images/twitter-f-h.png'); }
@media only screen and (min-width : 320px) {
.footer-links { padding-bottom: 0px; padding-top: 45; padding-right: 0; }
.footer-links h4 { font-size: 18px; margin-bottom: 0; padding: 10px 0; line-height: normal; }
.footer-right { padding-top: 10px; padding-left: 0px; margin-bottom: 30px; }
}
@media only screen and (min-width :768px) {
}
@media only screen and (min-width : 992px) {
}
@media only screen and (min-width : 1200px) {
.footer-links { padding-top: 45px; padding-bottom: 25px; }
.footer-links h4 { margin: 0; padding: 0; color: #ffffff; font-size: 15px; line-height: 14px; margin-bottom: 12px; }
.footer-right { padding-left: 26px; padding-top: 0px;}
.footer-links .link-list .col-lg-2 { width: 20%; }
}
/*FOOTER BLACK*/
.footer-black { background-color: #131c42; color: #ffffff; }
.footer-color { background-color: #13255a; color: #ffffff; border-top: solid 2px #00c63d; }
.black-footer-logo { padding-top: 10px; padding-bottom: 10px }
.black-footer-text { text-align: right; padding-top: 10px; padding-bottom: 10px; }
.black-footer-text p { margin: 0; padding: 0; }
.black-footer-text .copy { font-size: 13px; text-align: right; color: #ffffff; margin-bottom: 5px }
.black-footer-text .links a { font-size: 13px; text-align: right; color: #ffffff; text-decoration: none; margin-left: 15px; }
.black-footer-text .links a:hover { text-decoration: underline; }
@media only screen and (min-width : 320px) {
.black-footer-text .copy { font-size: 11px;
.black-footer-logo { padding-bottom: 20px; }
.footer-int-dropdown { padding-top: 20px }
.footer-int-dropdown select { background: #dadada; font-size: 14px; font-weight: 300; line-height: 1; border: 0; border-radius: 2px; height: 23px; color: #000000; margin: 0; width: 80%; padding: 0px; padding-left: 11px; }
}
@media only screen and (min-width :768px) {
.black-footer-text .copy { font-size: 13px;
}
@media only screen and (min-width : 992px) {
.black-footer-logo { padding-top: 20px; padding-bottom: 20px }
.black-footer-text .copy { padding-bottom: 5px }
.black-footer-text { text-align: right; padding-top: 15px; padding-bottom: 10px }
}
@media only screen and (min-width : 1200px) {
}