/* Giles-Parscale Style Sheet
-----------------------------------------------------------------------------

Developer: 			Giles-Parscale, Inc.
Email Address:		info@gilesparscale.com
Developer Website:  http://www.gilesparscale.com/

Client Website: 	http://americafirstpolicies.com

*/

/* Table of Contents
-----------------------------------------------------------------------------

	1. Clean Base
	2. Base Typography
	3. Images
	4. Links
	5. Forms
	6. Tables
	7. Framework

*/

/* 1. Create a Clean Base
------------------------------------------------------------------------------*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,
input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl {list-style: none;}

/* Class for clearing floats */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}


/* 2. Define Base Typography
------------------------------------------------------------------------------*/

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {color: #000000; font-family: 'Roboto Slab', serif; font-weight: 400;}

/* Create the Default Paragraphs */
p {color: #484848; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 18px; line-height: 36px; letter-spacing: .025em;}

/* Specific Header Settings */
h1 {font-size: 36px; line-height: 36px; letter-spacing: .025em;}
h1.page-title {position: relative; font-family: 'Source Sans Pro'; font-size: 30px; line-height: 30px; text-transform: uppercase; font-weight: 700; color: #051a36}
h1.page-title:before {display: block; width: 30px; height: 1px; content: ''; position: absolute; top: -10px; left: 0; background-color: #e02d2d}
h2 {font-size: 36px; line-height: 36px; letter-spacing: .025em;}
h3 {font-size: 30px; line-height: 30px; letter-spacing: .025em;}
h4 {font-size: 24px; font-family: 'Source Sans Pro', sans-serif; font-weight: 700; line-height: 28px; letter-spacing: .025em;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}

/* Other Typo */
strong {font-weight: bold;}
hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style: disc;}
blockquote {}

/* Google Fonts
font-family: 'Source Sans Pro', sans-serif;
font-family: 'Roboto Slab', serif;
font-family: 'Source Code Pro', monospace;
*/

/* Google Web Font Smoothing */
html, body, p, a, h1, h2, h3, h4, h5, h6 {-webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}


/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {border: 0; border-style: none;}

/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a {color: #e02d2d; text-decoration: none; cursor: pointer;}
a:hover {color: #e02d2d; text-decoration: none;}
a:active {outline: none;}
a:focus {outline: none;}

/* 5. Forms
------------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}
input[type=submit] {cursor: pointer;}

/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}

/* 7. Colors
------------------------------------------------------------------------------*/

/*
red: #e02d2d;
grey: #484848;
*/

/* 8. Basic Classes
------------------------------------------------------------------------------*/

.full_bg {background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.left {float: left;}
.right {float: right;}
.btn {}
.btn:hover {}
.last {margin-right: 0 !important;}
.end {margin-bottom: 0 !important; border-bottom: none !important;}
.vcenter_container {width: 100%; height: 100%; display: table;}
.vcenter {display: table-cell; vertical-align: middle;}
.hidden {opacity: 0 !important; transition: 1s ease all; -webkit-transition: 1s ease all; -o-transition: 1s ease all;}
.visible {opacity: 1 !important; transition: 1s ease all; -webkit-transition: 1s ease all; -o-transition: 1s ease all;}
.flex {display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap}
.flex-align-center {.ms-flex-align-items: center; -webkit-align-items: center; align-items: center}
.flex-justify-center {.ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center}
.sixteen-nine:after {display: block; content: ""; width: 100%; padding-top: 56.25%;}
.image-square:after {display: block; content: ''; width: 100%; padding-top: 100%;}
.icon {display: block; background-size: 100%; text-indent: -9999px; transition: 300ms ease all}
.play {width: 70px; height: 70px; background-image: url(/assets/images/site/icon_play_btn.png); z-index: 2; position: absolute; top: 50%; left: 50%; margin-top: -35px; margin-left: -35px}
.play:hover {background-image: url(/assets/images/site/icon_play_btn_hover.png)}
.visually-hidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx) {
  .play {background-image: url(/assets/images/site/icon_play_btn@2x.png)}
  .play:hover {background-image: url(/assets/images/site/icon_play_btn_hover@2x.png)}
}
         
/* Margin & Padding */
.vp-10 {padding-top: 10px; padding-bottom: 10px;}
.vp-20 {padding-top: 20px; padding-bottom: 20px;}
.vp-40 {padding-top: 40px; padding-bottom: 40px;}
.vp-50 {padding-top: 50px; padding-bottom: 50px;}
.vp-60 {padding-top: 60px; padding-bottom: 60px;}
.vp-80 {padding-top: 80px; padding-bottom: 80px;}
.pt-20 {padding-top: 20px;}
.pt-30 {padding-top: 30px;}
.pt-50 {padding-top: 50px;}
.pt-60 {padding-top: 60px;}
.pt-70 {padding-top: 70px;}
.pt-80 {padding-top: 80px;}
.pb-20 {padding-bottom: 20px;}
.pb-30 {padding-bottom: 30px;}
.pb-70 {padding-bottom: 70px;}
.hp-6 {padding-left: 6%; padding-right: 6%;}
.hp-100 {padding-left: 9%; padding-right: 9%;}
.hp-180 {padding-left: 16%; padding-right: 16%;}
.vm-60 {margin-top: 60px !important; margin-bottom: 60px !important;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-50 {margin-bottom: 50px;}
.mb-60 {margin-bottom: 60px;}

/* Overlays */
.overlay {position: relative;}
.overlay > div {position: relative; z-index: 2}
.overlay:before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.overlay-navy-50:before {background: rgba(10,29,53,.5)}
.overlay-navy-80:before {background: rgba(9,29,42,.8)}

/* 9. Framework
------------------------------------------------------------------------------*/

/* Page Layout */
html, body {height: 100%; font-size: 13px; font-family: 'Source Sans Pro', sans-serif;}

/* Wrapper */
#wrapper {min-height: 100%; height: auto !important; margin: 0 auto -135px; overflow: hidden;}
.container {width: 90%; max-width: 1070px; margin: auto; position: relative;}

/* Header */
header {width: 100%; height: 115px; z-index: 999; background:#282828;}
header #logo {position: absolute; top: 37px; left: 0;}
header #logo img {width: 275px;}

header nav {position: absolute; top: 50px; right: 235px;}
header nav ul li {list-style: none; float: left; margin-left: 25px;}
header nav ul li a {font-weight: 700; font-size: 16px; letter-spacing: .01em; color: #fff;}

header #open_form_popup {position: absolute; top: 35px; right: 70px; color: #fff; border: 2px solid #e02d2d; font-weight: 600; font-size: 16px; line-height: 16px; padding: 15px 25px; border-radius: 12px;}
header #open_form_popup:hover {background: #e02d2d;}

header .header_social {position: absolute; top: 48px; right: 0;}
header .header_social ul li {display: inline-block; vertical-align: middle; margin-left: 15px;}
header .header_social ul li a {display: block; background-size: 100%; text-indent: -9999px;}
header .header_social ul li a.facebook {background-image: url(/assets/images/site/facebook.png); width: 10px; height: 20px;}
header .header_social ul li a.twitter {background-image: url(/assets/images/site/twitter.png); width: 20px; height: 16px;}

/* Footer Push */
#push {height: 135px;}

/* Footer */
footer {height: 135px; background: #282828; overflow: hidden; z-index: 2; position: relative}
footer h4 {color: #fff; margin-bottom: 10px;}
footer p {color: #787878; font-size: 12px; font-weight: 300; letter-spacing: .025em; line-height: 16px;}
footer a {color: #787878;}
footer a:hover {color: #fff;}
footer .right {text-align: right}
footer .right a {display: block}
footer .right a.phone {color: #fff; font-size: 24px; font-family: 'Source Sans Pro', sans-serif; font-weight: 700; line-height: 28px; letter-spacing: .025em;}
footer .right a.email {font-size: 15px}
@media screen and (max-width: 600px){
footer {height: 195px; padding-bottom: 20px}
footer .left, footer .right {float: none; text-align: center; padding-top: 20px}
}

/* 10. Content
------------------------------------------------------------------------------*/

/* General */
div, section, article, main, aside, header, footer, dialog, figure, figcaption, hgroup {display: block; box-sizing: border-box;}
.light_txt h1, .light_txt h2, .light_txt h3, .light_txt h4, .light_txt h5, .light_txt h6, .light_txt p, .light_txt a, .light_txt li {color: #fff !important;}

/* Home */
#home header {position: absolute; top: 0; left: 0; background: transparent; transition: 1s ease all; -webkit-transition: 1s ease all; -o-transition: 1s ease all;}
#home header nav ul li a {color: #fff;}
#home header nav ul li a:hover {color: #e02d2d;}

#home #banner {width: 100%; height: 700px; position: relative; text-align: center; overflow: hidden;}
#home #banner:before {display: block; content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.65); z-index: 2;}
#home #banner #banner_logo_container {position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; opacity: 1; transition: 1s ease all; -webkit-transition: 1s ease all; -o-transition: 1s ease all;}
#home #banner #banner_logo {width: 90%; height: 100%; display: inline-block;}
#home #banner #banner_logo img {width: 100%; max-width: 400px;}
#home #banner #banner_text_container {position: absolute; top: 0; left: 0; z-index: 3; height: 100%; width: 100%; opacity: 0; transition: 1s ease all; -webkit-transition: 1s ease all; -o-transition: 1s ease all;}
#home #banner #banner_text {width: 90%; height: 100%; max-width: 810px; display: inline-block;}
#home #banner #banner_text h1 {font-size: 94px; line-height: 100px; font-weight: 300; color: #fff; letter-spacing: .01em;}
#home #banner #banner_text h1 span {display: block; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 58px; line-height: 58px; color: #e02d2d; letter-spacing: .01em;}
#home #banner #banner_text .banner_callout img {border-radius: 5px; border: 3px solid #fff; margin-top: 30px; max-width: 350px; -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);}

#home #banner #video_container {width: 100%; height: auto; min-height: 100%; position: absolute; top: 0; left: 0; z-index: 3;}
#home #banner #video_container:before {display: block; content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; /*unhide when video background: background: rgba(0,0,0,.65);*/ z-index: 3;}
#home #banner #video_container .canvas, #home #banner #video_container .video {min-width: 100%; min-height: 700px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);}
#home #banner #video_container .canvas {z-index: 2;}
#home #banner #video_container .video {z-index: 1;}
#home #banner #video_container .canvas.dont_show {display: none;}

#home #banner .banner_news_bar {width: 100%; position: absolute; bottom: 0; left: 0; background: rgba(18,115,231,.8); z-index: 99; padding: 15px 0;}
#home #banner .banner_news_bar p, #home #banner .banner_news_bar h5, #home #banner .banner_news_bar a {margin: 0 5px; line-height: 24px; display: inline-block; vertical-align: middle; letter-spacing: .04em; font-family: 'Source Sans Pro', sans-serif; color: #fff;}
#home #banner .banner_news_bar p, #home #banner .banner_news_bar a {font-size: 20px;}
#home #banner .banner_news_bar h5 {font-weight: 700; font-size: 24px;}
#home #banner .banner_news_bar a {font-weight: 700;}
#home #banner .banner_news_bar p span {margin-left: 10px;}
#home #banner .banner_news_bar p a {font-weight: 400;}

#home main .main_row {display: -webkit-flex; display: -ms-flexbox; display: flex;}
#home main .main_col {width: 50%; position: relative;}
#home main .main_col .block {position: relative;}
#home main .main_col .block .inner {width: 100%; max-width: 535px;}
#home main .main_col_left .block {padding: 70px 0 100px 0;}
#home main .main_col_left .block .inner {float: right; padding-right: 40px;}
#home main .main_col_right {background: #e02d2d;}
#home main .main_col_right .block {padding: 60px 0;}
#home main .main_col_right .block .inner {float: left; padding-left: 40px;}

#home main #intro h2 {color: #e02d2d; margin-bottom: 40px;}
#home main #issues h3 {margin-bottom: 15px;}
#home main #issues ul li {list-style: none; font-weight: 300; font-size: 18px; letter-spacing: .025em; line-height: 18px; margin-bottom: 15px}
#home main #issues ul li a:hover {color: #e02d2d !important}
#home main #motto img {width: 100%; max-width: 500px;}

#home main #form h2 {font-size: 60px; line-height: 52px; letter-spacing: .01em; margin-bottom: 30px;}
#home main #form p {font-weight: 300; line-height: 30px;}
#home main #form form {display: inline-block; width: 100%; max-width: 535px; padding-top: 90px;}
#home main #form .dform_element {margin: 0;}
#home main #form .dfcolumns .column {width: calc(72% - 20px) !important; margin-right: 20px; min-height: 0;}
#home main #form .dfcolumns .column.column-last {width: 28% !important; margin-right: 0}
#home main #form .dform_element .dform_error {color: #fff;}
#home main #form form input[type=email], #home main #form form input[type=text] {height: 32px;  margin-bottom: 25px;  font-family: 'Source Code Pro', monospace; font-weight: 300; color: #fff; border-bottom: 2px solid #fff;}
#home main #form form input[type=email] {width: 100%;}
#home main #form form input[type=text] {width: 100%;}
#home main #form form input[type=submit] {float: left; font-family: 'Source Code Pro', monospace; font-weight: 700; font-size: 16px; line-height: 16px; padding: 11px 12px 15px 12px; color: #fff; letter-spacing: .01em; border: 2px solid #fff; border-radius: 15px;}
#home main #form form input[type=submit]:hover {color: #e02d2d; background: #fff;}
#home main #form form label {color: #fff; font-size: 16px; font-family: 'Source Code Pro', monospace; margin: 0 !important}
#home main #form form label span {display: none}
#home main #form ::-webkit-input-placeholder {color: #fff;}
#home main #form :-moz-placeholder {color: #fff;}
#home main #form ::-moz-placeholder {color: #fff;}
#home main #form :-ms-input-placeholder {color: #fff;}
#home main #form .form_success {display: none;}
#home main #form:after {display: block; content: ''; width: 100%; max-width: 495px; height: 10px; background: #fff; position: absolute; bottom: 0; left: 40px;}
#home main form {text-align: left}

#home.survey #banner {padding: 175px 0px;}
#home.survey .form-container {float: left; background: #fff; padding: 35px 45px; max-width: 600px; width: 100%;}
#home.survey .form-container input.submit {font-weight: 700; background-color: #BE202E; color: #fff; text-align: center; padding: 15px; width: 100%; height: 60px; font-size: 20px;}
#home.survey .form-container .dform_label {color: #464646; font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 18px; letter-spacing: .02em;}
#home.survey .form-container .dform_element ul li label {display: block; font-size: 16px; margin-bottom: 10px; position: relative; padding: 8px; border: 1px solid #dddfe2; color: #464a4e; background-color: #FBFBFB; border-color: #dddfe2;}
#home.survey .form-container .form textarea {margin-bottom: 20px; width: calc(100% - 30px); max-width: calc(100% - 30px); max-height: 250px; height: 100px; padding: 15px; border: 2px solid #ccc; background-color: #FBFBFB; color: #464646; font-size: 20px; line-height: 24px;}

#form_popup_container {display: table; text-align: center; width: 100%; width: 100vw; height: 100%; height: 100vh; position: fixed; top: 0; left: 0; background: rgba(0,0,0,.75); z-index: 9999; opacity: 0; visibility: hidden; transition: 500ms ease all; -webkit-transition: 500ms ease all; -o-transition: 500ms ease all;}
#form_popup_container.active {opacity: 1; visibility: visible; transition: 500ms ease all; -webkit-transition: 500ms ease all; -o-transition: 500ms ease all;}
#form_popup {position: relative; display: inline-block; width: 92%; max-width: 550px; background: #e02d2d; text-align: left; padding: 30px;}
#form_popup #close_form_popup {display: block; width: 40px; height: 40px; position: absolute; top: 0; right: 0; background: #BB131E; color: #fff; text-align: center; line-height: 40px; font-size: 18px;}
#form_popup h2 {font-size: 60px; line-height: 52px; letter-spacing: .01em; margin-bottom: 30px;}
#form_popup p {font-weight: 300; line-height: 30px;}
#form_popup form {display: inline-block; width: 100%; max-width: 535px; padding-top: 20px;}
#form_popup .dform_element {margin: 0;}
#form_popup .dfcolumns .column {width: calc(72% - 20px) !important; margin-right: 20px; min-height: 0;}
#form_popup .dfcolumns .column.column-last {width: 28% !important; margin-right: 0}
#form_popup .dform_element .dform_error {color: #fff;}
#form_popup form input[type=email], #form_popup form input[type=text] {height: 32px;  margin-bottom: 25px; font-family: 'Source Code Pro', monospace; font-weight: 300; color: #fff; border-bottom: 2px solid #fff;}
#form_popup form input[type=email] {width: 100%;}
#form_popup form input[type=text] {width: 100%;}
#form_popup form input[type=submit] {float: left; font-family: 'Source Code Pro', monospace; font-weight: 700; font-size: 16px; line-height: 16px; padding: 11px 12px 15px 12px; color: #fff; letter-spacing: .01em; border: 2px solid #fff; border-radius: 15px;}
#form_popup form input[type=submit]:hover {color: #e02d2d; background: #fff;}
#form_popup form label {color: #fff; font-size: 16px; font-family: 'Source Code Pro', monospace; margin: 0 !important}
#form_popup form label span {display: none}
#form_popup ::-webkit-input-placeholder {color: #fff;}
#form_popup :-moz-placeholder {color: #fff;}
#form_popup ::-moz-placeholder {color: #fff;}
#form_popup :-ms-input-placeholder {color: #fff;}
#form_popup .form_success {display: none;}

.blogentries {padding:50px 0;}
.blogentries .entry {border-bottom:4px solid #f0f0f0; padding:30px 80px 30px 0;}
.blogentries .entry img {width:200px; float:left;}
.blogentries .entry h2 {max-width:500px; margin-top:20px; margin-bottom:25px; font-size:24px; font-family: 'Roboto Slab'; font-weight: 300;}
.blogentries .entry h2 a {color:#3c3c3c;}
.blogentries .entry .content {float: left;}
.blogentries .entry .date {color:#949494; font-size: 14px; font-weight:700; font-family: 'Source Sans Pro'; text-transform: uppercase;}
.blogentries .entry .date .line {width:25px; border-bottom:1px solid #949494; margin-bottom:14px; display:inline-block;}
.blogentries .entry .arrow {width:46px; height:14px; background:url(/assets/images/site/arrow_red.png) no-repeat; display:inline-block}
.blogentries .entry.featured {border:4px solid #f0f0f0; padding:12px 12px 12px 12px;}
.blogentries .entry.featured h2 {font-size:32px;}
.blogentries .entry.featured img {width:450px;}
.blogentries .entry.featured .content {position: relative; top: 50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%);}
.blogentries .entry .content.with-image {padding-left: 60px;}

.blogentry {}
.blogentry h1 {margin-top:20px; font-size:38px; font-family: 'Roboto Slab'; font-weight: 300; color:#3c3c3c;}
.blogentry .date {color:#949494; font-size: 14px; font-weight:700; font-family: 'Source Sans Pro'; text-transform: uppercase;}
.blogentry .line {border-bottom:4px solid #f0f0f0; max-width: 950px; margin: 0 auto;}
.blogentry .bloghero {height: 418px; position: relative;}
.blogentry .bloghero .blog_favicon {width: 67px; height: 65px; position: absolute; bottom: -32px; left: 25px; background:url(/assets/images/site/blog_favicon.png);}
.blogentry .blogtop {padding:35px 0; max-width: 800px; position: relative;}
.blogentry .blogtop .subtitle {margin: 5px 0 10px; color: #5b5b5b;}
.blogentry .blogcontent {max-width: 800px; padding: 35px 0;}
.blogentry .blogcontent p {margin-bottom: 20px; color:#5b5b5b; font-size:14px; line-height: 26px}
.blogentry .blogcontent ul {margin: 0 0 20px 20px;}
.blogentry .blogcontent li {margin-bottom: 5px; color:#5b5b5b; font-size:14px; line-height: 26px}
.blogentry .blogcontent h3 {font-size: 22px; margin-bottom: 20px}
.blogentry .blogcontent .share {height: 30px; color:#868282; margin-bottom: 20px; font-size: 12px; font-weight:700; font-family: 'Source Sans Pro'; text-transform: uppercase; line-height: 30px;}
.blogentry .blogcontent .share span {margin-right: 10px;}
.blogentry .blogcontent .share .fb {width:28px; height:28px; display:inline-block; background:url(/assets/images/site/icon_facebook_round.png);}
.blogentry .blogcontent .share .tw {width:28px; height:28px; display:inline-block; background:url(/assets/images/site/icon_twitter_round.png);}
.blogentry .blogcontent .share .download {height:28px; display:inline-block; border: 2px solid #868282; line-height: 28px; color: #868282; border-radius: 10px; padding: 0 10px;}
.blogentry .blogcontent img, .blogentry .blogcontent iframe {max-width: 100%}

.staticpage {}
.staticpage .date {color:#949494; font-size: 14px; font-weight:700; font-family: 'Source Sans Pro'; text-transform: uppercase;}
.staticpage .line {border-bottom:4px solid #f0f0f0; max-width: 950px; margin: 0 auto;}
.staticpage .pagetop {padding:35px 0; max-width: 800px; }
.staticpage .content {max-width: 800px; padding: 35px 0;}
.staticpage .content h2 {font-size: 27px; margin-bottom: 20px}
.staticpage .content h3 {font-size: 22px; margin-bottom: 20px}
.staticpage .content p {margin-bottom: 20px; color:#5b5b5b; font-size:14px; line-height: 26px}
.staticpage .content ul {margin: 0 0 20px 20px;}
.staticpage .content li {margin-bottom: 5px; color:#5b5b5b; font-size:14px; line-height: 26px}

.issues {}
.issues-list {padding: 20px 0;}
.issue-entry {align-items: center; justify-content: center; width: calc(50% - 10px); margin-bottom: 20px; padding: 85px 20px; background:url(/assets/images/site/issue_entry_bg_default.jpg);}
.issue-entry:nth-child(odd) {margin-right: 20px}
.issue-entry .content {}
.issue-entry h2 {text-align: center; color: #fff;}
.issue-entry h2 a {color: #fff;}
@media screen and (max-width: 768px){
.issue-entry {padding: 50px 20px}
.issue-entry h2 {font-size: 24px; line-height: 28px}
}
@media screen and (max-width: 480px){
.issue-entry {width: 100%}
.issue-entry:nth-child(odd) {margin-right: 0}
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Event page */

#banner.event{width: 100%;height: 342px}
.event .main_row{display: -ms-flexbox;display: flex}
.event #form{width: 62%}
.event #form .inner{float: right;margin-right: 120px;max-width: 600px;margin-top: 50px;margin-bottom: 50px}
.event #details{width: 38%;background-color: #e02d2d}
.event #details .inner{float: left;margin-left: 30px;max-width: 260px;margin-top: 50px;margin-bottom: 50px;padding-bottom: 46px;border-bottom: 1px solid #fff}

.event #form .title{font-size: 32px;line-height:1.4;color: #e02d2d;padding-bottom: 20px;margin-bottom: 10px;border-bottom: 1px solid #eee;font-weight: 700}
.event #form p,
.event #form h2,
.event #form label{font-family: 'Roboto Slab', serif;font-size: 14px;line-height: 20px;color: #000;letter-spacing: .03em}
.event #form .box{width: 100%;margin: 30px 0;display: flex;display: -ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;}
.event #form .box .col{width: calc(50% - 20px);margin-right: 20px}
.event #form .box .name{font-weight: 700;margin-bottom: 8px}
.event #form .box .col-head{color:#e02d2d;font-size: 16px;margin-bottom: 8px;font-weight: 700}

#event_register{margin-top: 30px}
.event #form .dform{display: flex;display: -ms-flexbox;flex-wrap: wrap;-ms-flex-wrap:wrap}
.event #form .dform_element{width: calc(100% - 20px);margin: 0 20px 20px 0;position: relative;}
.event #form .field_first_name,
.event #form .field_last_name{width:calc(100%/2 - 20px)}
.event #form .field_mobile_number,
.event #form .field_zip_code,
.event #form .field_state{width:calc(100%/3 - 20px)}
.event #form input[type=text],
.event #form input[type=number],
.event #form input[type=email]{width: calc(100% - 32px);font-size: 13px;line-height: 34px;padding: 0 15px;border-radius: 3px;border:1px solid #8b96aa;color: #000;font-family: "Myriad Pro";letter-spacing: .03em;padding-top: 16px}
.event #form input::-webkit-input-placeholder {color: #aab2bf;line-height: 50px}
.event #form input::-moz-placeholder {color: #aab2bf;line-height: 50px}
.event #form input:-ms-input-placeholder {color: #aab2bf;line-height: 50px}
.event #form input:-moz-placeholder {color: #aab2bf;line-height: 50px}
.event #form input[type=submit]{float: left;font-family: 'Source Code Pro', monospace;font-weight: 600;font-size: 15px;line-height: 16px;padding: 11px 26px 12px 26px;color: #e02d2d;letter-spacing: .1em;border: 2px solid #e02d2d;border-radius: 6px;text-transform: uppercase;cursor: pointer}
.event #form .dform_checkbox label{position: relative;padding-left: 15px}
.event #form .dform_checkbox input{position: absolute;top: 5px;left: 0}
.event #form .dform_html{margin:0 0 25px}
.event #form .dform_html label{display: none}
.event #form .dform_html p{font-size: 11px;line-height: 14px;padding-left: 28px}
.event #form .error {font-weight: normal;letter-spacing: .03em; color: #e02d2d;}
.event .form{position: relative;}
.event #form label.label-fx{position: absolute;top: 8px;left: 15px;font-size: 11px !important;font-weight: 500;color: #647188 !important;font-family: "Myriad Pro" !important;letter-spacing: .05em !important;margin: 0 !important;opacity: 0;transform:translateY(16px);-ms-transform:translateY(16px);pointer-events: none;transition: all .2s}
.event #form .label-on label.label-fx{opacity: 1;transform:translateY(0);-ms-transform:translateY(0);}

.event .form .form-two-col:after, .form .form-three-col:after, .form .form-six-col:after {content: ''; clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.event .form .form-two-col .form-two-col-left, .form .form-two-col .form-two-col-right {width: calc(50% - 10px);}
.event .form .form-two-col .form-two-col-left {float: left;}
.event .form .form-two-col .form-two-col-right {float: right;}
.event .form .form-three-col .col {width: calc(100%/3 - 20px); margin-right: 20px; float: left}
.event .form .form-three-col .col.last {width: calc(100%/3); margin-right: 0}
.event .form .choice{margin: 10px 30px 10px 0}
.event .form .choice label{margin-left: 5px}
.event #form .form-element{position: relative;}
.event .form .form-element.tickets{display: flex;display:-ms-flexbox;flex-wrap: wrap;-ms-flex-wrap:wrap;width: 100%;margin-right: 0}
.event .form .form-element.tickets .top-label{width: 100%}

.event #details p{color: #fff;font-family: 'Roboto Slab', serif;font-size: 14px;line-height: 16px}
.event #details .head{font-size: 22px;line-height: 26px;padding-bottom: 28px;margin-bottom: 28px;border-bottom: 1px solid;color: #fff}
.event #details .when{font-size: 12px;line-height: 14px;margin-bottom: 6px}
.event #details .where{font-size: 18px;line-height: 26px;margin-bottom: 20px}
.event #details .address{text-decoration: underline;margin-bottom: 10px;line-height: 20px}
.event #details .open{margin-top: 10px;font-weight: 700;}
.event #details .parking{margin-top: 10px}
.event #details .parking a{color: #fff;font-weight: 700}
.event #details .button {display: inline-block;font-family: 'Source Code Pro', monospace;font-weight: 700;font-size: 15px;line-height: 16px;padding: 11px 22px 12px 22px;color: #fff;letter-spacing: .01em;border: 2px solid #fff;border-radius: 6px;margin-top: 60px}
.event #details .button-red {border: 2px solid #e02d2d; color: #484848;}
.event #details .button-red:hover {background: #e02d2d; color: #fff;}

.event.confirmation #form{width: 60%;min-height: 80vh}
.event.confirmation #form .inner{width:100%;margin-top: 100px;margin-bottom: 100px;margin-right: 20px}
.event.confirmation #form .title{font-size: 48px;line-height: 1.2;margin-bottom: 20px}
.event.confirmation #form .title span{display:inline-block;max-width: 500px}
.event.confirmation #form p{max-width: 380px}
.event.confirmation #details{width:40%;background-color: #f5f5f5;min-height: 80vh}
.event.confirmation #details .button-block{background-color: #e02d2d;padding: 100px 0 45px 80px;}
.event.confirmation #details .button{margin: 0}
.event.confirmation #details .inner{margin: 50px 0;border-bottom: 0;padding: 0 40px 0 80px;width: 100%;max-width: 100%;display: flex;display: -ms-flexbox;flex-wrap: wrap;-ms-flex-wrap:wrap}
.event.confirmation #details .head,
.event.confirmation #details p{color: #e02d2d;width: 100%}
.event.confirmation #details .col{width: calc(100%/2 - 15px);margin-right: 15px}
.event .button-print {display: inline-block; font-family: 'Source Code Pro', monospace;font-weight: 700;font-size: 15px;line-height: 16px;padding: 11px 22px 12px 22px;letter-spacing: .01em;border: 2px solid #e02d2d; color: #484848;border-radius: 6px; margin-top: 10px;}
.event .button-print:hover {background: #e02d2d; color: #fff;}


.event.confirmation .summary{background-color: #eb3737;overflow: hidden}
.event.confirmation .summary .container{display: flex;display: -ms-flexbox;}
.event.confirmation .summary .col{width: calc(100%/4);margin-right: 30px;position: relative;padding: 20px 0}
.event.confirmation .summary .col.title{padding-right: 20px;font-family: 'Source Sans Pro', monospace;letter-spacing: 0;}
.event.confirmation .summary .col.title span{position: relative;z-index: 1}
.event.confirmation .summary .col.title:before{content: "";position: absolute;top: 0;right: 0;width: 1000px;height: 100%;pointer-events: none;background-color: #db3535}
.event.confirmation .summary p{width: 100%;color: #fff;line-height: 1.2;margin-bottom: 2px}
.event.confirmation .summary .head{font-size: 13px;font-family: 'Roboto Slab', serif;font-weight: 700}
.event.confirmation .summary .title{color: #fff;font-weight: 700;font-size: 16px;}
.event.confirmation .summary h1.title{font-size: 30px;font-weight: 400}
.event.confirmation .summary .event .title{font-size: 24px}
.event.confirmation .summary .address{font-size: 12px}
.event.confirmation .summary .button{font-weight: 700;font-size: 14px;line-height: 16px;padding: 8px 22px 9px 22px;color: #fff;letter-spacing: .01em;border: 2px solid #fff;border-radius: 6px;margin-top: 5px;display: inline-block;}

.event.confirmation .ticket-list .container{display: flex;display: -ms-flexbox;flex-direction: column;-ms-flex-direction:column;align-items: center;-ms-align-items:center;}
.event.confirmation .ticket-list .main-head{text-align: center;font-weight: 700;color:#000;font-size: 24px;margin: 70px 0 60px; width: 100%;}
.event.confirmation .ticket-list .ticket{width: 100%;background-color: #fff;display: flex;display: -ms-flexbox;min-height: 300px;margin-bottom: 50px;box-shadow: 0 0 100px rgba(0,0,0,.1)}
.event.confirmation .ticket-list .ticket .col{width: 32%;padding: 30px;height: 100%;margin: 0;position: relative;}
.event.confirmation .ticket-list .ticket .col.barcode{width: 36%;}

.event.confirmation .ticket-list .ticket p{font-size: 14px;line-height: 1.4;font-weight: 700;}
.event.confirmation .ticket-list .ticket .sub{font-size: 14px;font-weight: 700;color: #a0a0a0;line-height: 1.2}
.event.confirmation .ticket-list .ticket .title{font-size: 24px;color: #23327d;font-weight: 700;line-height: 1.2;}
.event.confirmation .ticket-list .ticket .head{font-size: 16px;color: #eb3737;font-weight: 700;line-height: 1.2;margin: 30px 0 0;text-align: left;}
.event.confirmation .ticket-list .ticket .thumb{height: 350px;background-size: cover;background-position: center;background-repeat: no-repeat;background-color: #222;margin-top: -20px;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.event.confirmation .ticket-list .ticket .thumb figcaption{position: absolute;bottom: 30px;left: 30px;width: calc(100% - 60px);text-shadow: 2px 2px 2px rgba(0,0,0,.3)}
.event.confirmation .ticket-list .ticket .thumb figcaption p{color: #fff;font-weight: 700;font-size: 15px;line-height: 1;}
.event.confirmation .ticket-list .ticket .thumb figcaption p span{display: inline-block;width: 100%;font-size: 17px}
.event.confirmation .ticket-list .ticket .barcode p{font-size: 13px}
.event.confirmation .ticket-list .ticket .barcode .name {font-size: 19px;}
.event.confirmation .ticket-list .ticket .barcode .code {font-size: 15px; font-weight: normal}
.event.confirmation .ticket-list .ticket .alt{color: #eb3737;margin: 5px 0 15px}
.event.confirmation .ticket-list .ticket .terms{font-weight: 500;margin-bottom: 5px;font-size: 11px}
.event.confirmation .ticket-list .ticket .terms a,
.event.confirmation .ticket-list .ticket .terms span{font-weight: 700;color: #484848}
.event.confirmation .ticket-list .ticket .barcode img{max-width: 100%}
.event.confirmation .ticket-list .ticket .qrcode {text-align:center; padding-top: 20px;}



/* Selectric */
.selectric-wrapper {position: relative;cursor: pointer}
.field_quantity .selectric-wrapper{max-width: 80px}
.selectric-responsive {width: 100%}
.selectric {border:1px solid #8b96aa;border-radius: 3px;position: relative;overflow: hidden;padding-top: 16px}
.field_quantity .selectric{padding-top: 0}
.selectric .label {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 0 38px 0 15px;font-size:13px;line-height:34px;font-family: "Myriad Pro";letter-spacing: .03em-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.field_quantity .selectric .label{line-height: 44px}
.selectric .button {float: left;text-indent: -9999px;position: absolute;right: 0;bottom: 0;width: 38px !important;height: 34px;line-height: 36px;color: #000;text-align: center;padding: 0 !important;margin:0 !important;border:0;border-radius: 0;background-color: transparent !important}
.field_quantity .selectric .button{height: 44px}
.selectric .button:hover{color: #000}
.selectric .button:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url(/assets/images/site/grey-arrow-down.png);background-position: center;background-repeat: no-repeat;background-size: 12px}
.selectric-open {z-index: 9999}
.selectric-open .selectric-items {display: block}
.selectric-disabled {filter: alpha(opacity=50);opacity: 0.5;cursor: default;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.selectric-hide-select {position: relative;overflow: hidden;width: 0;height: 0}
.selectric-hide-select select {position: absolute;left: -100%}
.selectric-hide-select.selectric-is-native {position: absolute;width: 100%;height: 100%;z-index: 10}
.selectric-hide-select.selectric-is-native select {position: absolute;top: 0;left: 0;right: 0;height: 100%;width: 100%;border: none;z-index: 1;box-sizing: border-box;opacity: 0}
.selectric-input {position: absolute !important;top: 0 !important;left: 0 !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;margin: 0 !important;padding: 0 !important;width: 1px !important;height: 1px !important;outline: none !important;border: none !important;*font: 0/0 a !important;background: none !important}
.selectric-temp-show {position: absolute !important;visibility: hidden !important;display: block !important}
.selectric-items {display: none;position: absolute;top: 54px;left: 0;background: #fff;border: 1px solid #8b96aa;z-index: -1;border-radius:3px}
.selectric-items .selectric-scroll {height: 100%;overflow: auto}
.selectric-above .selectric-items {top: auto;bottom: 100%}
.selectric-items ul, .selectric-items li {list-style: none;padding: 0;margin: 0;font-size:13px;line-height: 25px;min-height: 20px;color: #8b96aa}
.selectric-items li {display: block;padding: 6px 10px;color: #000;cursor: pointer;transition: all .2s;text-overflow: ellipsis;width: calc(100% - 20px);white-space: nowrap;overflow: hidden;letter-spacing: .03em}
.selectric-items li.selected {background: #e8eef7}
.selectric-items li.highlighted {background: #e8eef7}
.selectric-items li:hover {background: #e8eef7}
.selectric-items .disabled {filter: alpha(opacity=50);opacity: 0.5;cursor: default !important;background: none !important;color: #666 !important;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.selectric-items .selectric-group .selectric-group-label {font-weight: bold;padding-left: 10px;cursor: default;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background: none;color: #444}
.selectric-items .selectric-group.disabled li {filter: alpha(opacity=100);opacity: 1}
.selectric-items .selectric-group li {padding-left: 25px}


/* IE */
#home main #form form input[type=email], #home main #form form input[type=text] {line-height: 32px \9;}


.banner_callout-shaken_campaign {}
.banner_callout-shaken_campaign h1 {font-size: 70px !important;}
.banner_callout-shaken_campaign h1 span {}
.banner_callout-shaken_campaign .embed-container-wrapper {max-width: 520px; margin: 0 auto;}
@media screen and (max-width: 400px){
.banner_callout-shaken_campaign h1 {font-size: 40px !important;}
}

.support {width: 50%;}
.support .dform_label {font-size: 16px;}
.support .dform_container input[type='text'], .support input.text {border: 1px solid #ccc; padding: 5px !important; width: 100%; height: 30px; border-radius: 2px;}
.support .dform_cart_subscription {position: absolute; top: -99999px; left: -99999px;}
.support .field_recurring {margin: 20px 0;}
.support .field_recurring ul {margin: 0;}
.support .dform_container .dfinput_left, .support .dform_container .dfinput_right, .support .dform_container .dfinput_full {overflow: visible;}
.support .dform_error {width: 100%; clear: both;}
.support .submit_button {width: 100%; clear: both; margin-top: 30px;}
.support .submit_button .submit {color: #e02d2d; border: 2px solid #e02d2d; font-weight: 600; font-size: 16px; line-height: 16px; padding: 10px 25px; border-radius: 12px;}
.support .cc_cardinfo .exp_month {border: 1px solid #ccc; padding: 5px; height: 30px; border-radius: 2px;}
.support .cc_cardinfo .exp_year {border: 1px solid #ccc; padding: 5px; height: 30px; border-radius: 2px;}
@media screen and (max-width: 600px){
.support {width: auto;}
}

/* print */
.page-break	{ display: block; page-break-before: always; }

/* Video Pop Up */
.video-overlay.overlay {z-index: 0; background-color: rgba(0,0,0,0.95); position: fixed; width: 100%; bottom: 0px; top: 0px; opacity: 0; pointer-events: none; transition: all .5s}
.video-overlay.overlay.on {z-index: 9999; opacity: 1;pointer-events: auto;}
.video-overlay.overlay .container {margin-top: 5%;max-width: 70%;height: 60%;}
.video-overlay.overlay .container .close {float: right; margin-bottom: 10px;}
.video-overlay.overlay .popup-video-vid, .video-overlay.overlay .popup-video-vid iframe {height: 100%}
.video-overlay.overlay {overflow: hidden;background-color: transparent;transition: none;}
.video-overlay.overlay:before {content:"";position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);background-color: rgba(0,0,0,0.95);width: 0;height: 200%;z-index: -1;pointer-events: none;transition: all .8s}
.video-overlay.overlay.on:before {width: 120%;transform:translate(-50%,-50%);}
.video-overlay.overlay .container {width: 100%; max-width: 100%;margin-top: 0;height: 100%;}
.video-overlay.overlay .container iframe {position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 80%; height: 80%; opacity: 0; transition: opacity .5s}
.video-overlay.overlay.on .container iframe {opacity: 1;-webkit-transition-delay: .45s;-moz-transition-delay: .45s;-o-transition-delay: .45s;transition-delay: .45s;}
.video-overlay.overlay .container .close{display: block; width: 50px; height: 50px; background-color: #fff; line-height: 45px; text-align: center; font-size: 30px; margin: 0;position: fixed;top: 0;right: 0;z-index: 100;opacity: 0;pointer-events: none;transition: all .3s; color: #e02d2d}
.video-overlay.overlay.on .container .close {opacity: 1;pointer-events: auto;-webkit-transition-delay: .8s;-moz-transition-delay: .8s;-o-transition-delay: .8s;transition-delay: .8s}
.video-overlay.overlay.exiting:before {transform:translate(-50%,-50%);width: 0;}
.video-overlay.overlay.exiting .container iframe {opacity: 0;transition: opacity .3s}
.video-overlay.overlay.exiting .container .close {opacity: 0;pointer-events: none;-webkit-transition-delay: 0s;-moz-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s}
@media screen and (max-width: 1200px){.video-overlay.overlay .container {width: 100%;}}

/* Videos */
#videos h1 {font-family: 'Source Sans Pro', sans-serif; font-weight: 700; font-size: 26px; line-height: 26px}
#videos .banner.video-banner-slider {width: 100%; height: 600px; border-bottom: 5px solid #e02d2d}
#videos .banner.video-banner-slider .slide, #videos .banner.video-banner-slider .slick-list, #videos .banner.video-banner-slider .slick-track {width: 100%; height: 100%}
#videos .banner.video-banner-slider .slide .container {height: 100%}
#videos .banner.video-banner-slider .slide .content {height: 100%; align-items: flex-end}
#videos .banner.video-banner-slider .slide .content .content-inner {padding-bottom: 70px}
#videos .banner.video-banner-slider .slide h2 {display: block; margin: 15px 0 10px 0; font-family: 'Source Sans Pro', sans-serif; color: #fff; font-size: 26px; line-height: 28px; letter-spacing: 0; font-weight: 700}
#videos .banner.video-banner-slider .slide p {font-size: 16px; line-height: 26px; color: #fff; opacity: .3}
#videos .banner.video-banner-slider .slide .featured {border-radius: 3px; font-family: 'Roboto Slab'; font-weight: 700; font-size: 10px; letter-spacing: .16em; color: #fff; display: inline-block; background-color: #e02d2d; padding: 10px; text-transform: uppercase}
#videos .banner.video-banner-slider .play-mobile {display: none; margin-bottom: 20px; position: relative; top: auto; left: auto; margin-top: 0; margin-left: 0}
#videos .banner.video-banner-slider .slick-dots {position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center}
#videos .banner.video-banner-slider .slick-dots li {display: inline-block; margin: 0 7px}
#videos .banner.video-banner-slider .slick-dots li button {cursor: pointer; background-color: #fff; padding: 0; text-indent: -9999px; display: block; border: none; outline: none; width: 13px; height: 13px; border-radius: 13px}
#videos .banner.video-banner-slider .slick-dots li.slick-active button {background-color: #e02d2d}
#videos .video-feed {padding: 30px 0 100px 0}
#videos .video-feed .video {position: relative; box-sizing: border-box; display: block; width: calc(33.333% - 12px); margin-bottom: 18px; background-color: gray}
#videos .video-feed .video:before {display: block; content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(to bottom, transparent 0, rgba(0,0,0,0.1) 17%, #000 100%);}
#videos .video-feed .video:nth-child(3n+2) {margin-left: 18px; margin-right: 18px}
#videos .video-feed .video .content {padding: 20px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; align-items: flex-end}
#videos .video-feed .video h5 {display: block; margin-bottom: 5px; font-weight: 700; color: #fff; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 20px}
#videos .video-feed .video .arrow {font-family: 'Source Sans Pro', sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: .025em; color: #e02d2d; display: inline-block; position: relative}
#videos .video-feed .video .arrow:after {display: block; content: ''; width: 46px; height: 14px; background-image: url(/assets/images/site/arrow_red.png); position: absolute; top: 0px; right: -50px}
#videos .filters .left ul li {display: inline-block; margin-right: 15px; vertical-align: middle; color: #3c3c3c; font-family: 'Source Sans Pro', sans-serif; font-size: 14px; font-weight: 700}
#videos .filters .left ul li a {display: inline-block; font-size: 11px; font-weight: 700; border: 2px solid #000; color: #000; padding: 10px 30px; border-radius: 4px}
#videos .filters .left ul li a.active, #videos .filters .left ul li a:hover {color: #e02d2d; border-color: #e02d2d}
#videos .filters .right input[type=text] {margin-right: 15px; display: inline-block; vertical-align: bottom; border-bottom: 1px solid #000; width: 290px; height: 20px; line-height: 20px; color: #000; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; font-size: 14px}
#videos .filters .right input[type=submit] {display: inline-block; vertical-align: bottom; font-size: 11px; font-weight: 700; border: 2px solid #000; color: #000; padding: 10px 15px; border-radius: 4px}
#videos .filters .right input[type=submit]:hover {color: #e02d2d; border-color: #e02d2d}
#videos .container.videos-detail {max-width: 850px; padding-bottom: 100px}
#videos .videos-detail {max-width: 850px; padding-bottom: 100px}
#videos .videos-detail .body p {font-size: 15px; line-height: 24px; letter-spacing: .025em}
#videos .videos-detail .body img {max-width: 100%}
#videos .videos-detail .body ul li, #videos .videos-detail .body ol li {color: #444; font-weight: 400; font-size: 14px; line-height: 20px; margin-left: 20px; margin-bottom: 5px}
#videos .videos-detail .body h1, #videos .videos-detail .body h2, #videos .videos-detail .body h3, #videos .videos-detail .body h4, #videos .videos-detail .body h5, #videos .videos-detail .body p, #videos .videos-detail .body ul, #videos .videos-detail .body ol, #videos .videos-detail .body img, #videos .videos-detail .body blockquote, #videos .videos-detail .body table, #videos .videos-detail .body div {display: block; margin-bottom: 30px}
#videos .videos-detail .title {width: 100%; margin-bottom: 40px}
#videos .videos-detail .title h1 {border-left: 8px solid #e02d2d; padding-top: 15px; padding-bottom: 15px; display: block; padding-left: 30px; position: relative; font-size: 30px; line-height: 30px}
#videos .videos-detail .title .title-left {position: relative; width: calc(100% - 100px); align-items: center; padding-right: 40px}
#videos .videos-detail .title .title-right {align-items: center; justify-content: center; text-align: center; width: 100px; height: 100px; padding: 15px; border-radius: 20px; background-color: #f2f2f2}
#videos .videos-detail .title .title-right p {display: block; color: #282828; font-size: 14px; line-height: 14px; margin-bottom: 5px}
#videos .videos-detail .title .title-right li {display: inline-block; margin: 0 2px}
#videos .videos-detail .title .title-right li a {width: 25px; height: 25px}
#videos .videos-detail .title .title-right li a.facebook {background-image: url(/assets/images/site/icon-facebook.svg)}
#videos .videos-detail .title .title-right li a.twitter {background-image: url(/assets/images/site/icon-twitter.svg)}
@media screen and (max-width: 768px){
#videos .banner.video-banner-slider .slick-dots {bottom: 20px}
#videos .banner.video-banner-slider {height: auto}
#videos .banner.video-banner-slider .play-mobile {display: block}
#videos .banner.video-banner-slider .play-desktop {display: none}
#videos .banner.video-banner-slider .slide .content .content-inner {padding: 50px 0}
#videos .banner.video-banner-slider .slide p {font-size: 14px; line-height: 18px}
#videos .filters .left {margin-bottom: 20px}
#videos .filters .left, #videos .filters .right {float: none}
#videos .video-feed .video {width: calc(50% - 9px)}
#videos .video-feed .video:nth-child(3n+2) {margin-left: 0; margin-right: 0}  
#videos .video-feed .video:nth-child(odd) {margin-right: 18px}  
}  
@media screen and (max-width: 600px){
#videos .videos-detail .title h1 {padding-top: 10px; padding-bottom: 10px; font-size: 24px; line-height: 24px; padding-left: 20px}  
}
@media screen and (max-width: 480px){
  #videos .video-feed .video {width: 100%}
  #videos .video-feed .video:nth-child(odd) {margin-right: 0}
}  

#popup-newt {transition: 300ms ease all; position: fixed; z-index: 9999; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,.7); }
#popup-newt .content {max-width: 96%; position: relative; width: 500px; height: 300px; background-image: url(/assets/images/site/popup_newt2.jpg)}
#popup-newt button {position: absolute; top: 15px; right: 10px; display: block; width: 28px; height: 28px; background-image: url(/assets/images/site/ico_close.png); background-color: transparent; border: none; padding: 0; cursor: pointer; outline: inherit}
#popup-newt a.btn {position: absolute; left: 19px; bottom: 23px; color: #fff; font-size: 16px; font-weight: 700; text-transform: uppercase; border: 1px solid #fff; padding: 7px 30px 8px 30px; letter-spacing: .01em}
#popup-newt a.btn:hover {background-color: #ff1717; border-color: #ff1717}
#popup-newt.hidden {opacity: 0; visibility: hidden}