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

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


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

	1. CSS Reset
	2. Base Typography
	3. Base Classes
  4. Structure
  5. Layouts
  6. Pages
	7. Modules

*/


/* 1. CSS Reset
------------------------------------------------------------------------------*/

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;}

div, section, article, main, aside, header, footer, dialog, figure, figcaption, hgroup {display: block;}
html {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*, *:before, *:after {-webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit;}

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

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

img {border: 0; border-style: none;}

fieldset {border: 1px solid transparent;}
input[type=submit] {cursor: pointer; -webkit-appearance: none; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all}
input {; font-weight: 400}


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

/* Headers  */
h1, h2, h3, h4, h5, h6 {font-weight: 700; color: #303030}

h1 {font-size: 3.0625rem; line-height: 2.6875rem; letter-spacing: .01em}
h2 {color: #545454; font-size: 1.875rem; font-weight: 400; letter-spacing: .01em}
h2.sm {font-size: 24px; color: #303030; letter-spacing: .025em}
h3 {font-size: 24px; letter-spacing: .025em; line-height: 36px}
h4 {font-size: 21px}
h5 {font-size: 18px}
h6 {font-size: 14px; font-weight: 400; color: #949494; letter-spacing: .025em; text-transform: uppercase;}

/* Paragraphs */
p {color: #545454; font-weight: 400; font-size: 1.125rem; line-height: 2.5rem; letter-spacing: .01em}

/* Links */
a {color: #da1a32; text-decoration: none; cursor: pointer; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all}
a:hover {color: #da1a32; text-decoration: none;}
a:active {outline: none;}
a:focus {outline: none;}

/* Other Type */
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 {position: relative; display: block; font-size: 20px; line-height: 32px; font-style: italic; padding: 15px 80px 15px 80px;}
blockquote:before {display: block; content: ''; width: 3px; background: #da1333; height: calc(100% - 40px); position: absolute; top: 20px; left: 40px;}

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

img {max-width: 100%;}

/* Colors
Blue: #273782
Red: #da1a32
Light Grey: #fafafa
*/


/* 3. Helper Classes
------------------------------------------------------------------------------*/

/* General */
.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.icon {display: block; text-indent: -9999px; background-size: 100%; background-repeat: no-repeat; text-indent: -9999px; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;}
.icon:hover {transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;}
.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;}
.full-bg.full-bg-left {background-position: center left}
.full-bg.full-bg-right {background-position: center right}
.bg-red {background-color: #}
.bg-blue {background-color: #}
.bg-grey {background-color: #}
.left {float: left;}
.right {float: right;}
.vcenter-container {width: 100%; height: 100%; display: table}
.vcenter {display: table-cell; vertical-align: middle;}
.last {margin-right: 0 !important;}
.end {margin-bottom: 0 !important; border-bottom: none !important;}
.centered {text-align: center}
.image-square:after {display: block; content: ''; padding-top: 100%;}
.sixteen-nine {position: relative}
.sixteen-nine:after {display: block; content: ""; width: 100%; padding-top: 56.25%;}
.sixteen-nine .content {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.body img {max-width: 100%}
.body ul li, .body ol li {margin-bottom: 10px; margin-left: 20px; color: #484848; font-weight: 400; font-size: 16px; line-height: 24px;}
.body h1, .body h2, .body h3, .body h4, .body h5, .body h6, .body p, .body a, .body ul, .body ol, .body img, .body blockquote, .body div, .body table {margin-bottom: 30px;}
.body .btn {margin-bottom: 5px}
.body p a, .body h1 a, .body h2 a, .body h3 a, .body h4 a, .body h5 a, .body h6 a, .body li a {font-weight: 600; color: #00aec7}
.body h1 a, .body h2 a, .body h3 a, .body h4 a, .body h5 a, .body h6 a {font-weight: 700}
.overflow-hidden {overflow: hidden !important;}
.flex {display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap}
.flex-reverse {-webkit-flex-direction: row-reverse; flex-direction: row-reverse;}
.light-txt h1, .light-txt h2, .light-txt h3, .light-txt h4, .light-txt h5, .light-txt h6, .light-txt p, .light-txt span, .light-txt blockquote, .light-txt li, .light-txt a {color: #fff}
.border-bottom-spacer {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 2px solid #f1f1f1}
.full-img-background {width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: -1}


.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%; }


/* Buttons & Links */
.btn {background-color: #da1a32; position: relative; font-weight: 500; display: inline-block; font-size: 12px; line-height: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: #fff;  padding: 13px 30px; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;}
.btn:hover {background-color: #C00023; color: #fff}
.arrow-link {position: relative; font-size: 16px; line-height: 16px; color: #9f9f9f}
.arrow-link:hover {color: #9f9f9f}
.arrow-link span {display: inline-block; width: 40px; height: 3px; background-color: #9f9f9f; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;}
.has-arrow-link:hover .arrow-link span {width: 60px}
.arrow-link:after {display: inline-block; content: ''; position: absolute; top: 6px; left: calc(100% - 8px); width: 15px; height: 15px; background-image: url(../images/site/icon-arrow.svg)}
.arrow-link.arrow-link-text {display: inline-block; vertical-align: middle; font-size: 18px}
.arrow-link.arrow-link-text span {vertical-align: middle; margin-left: 15px}
.arrow-link.arrow-link-text:after {top: 2px}
.arrow-link.arrow-link-red, .arrow-link.arrow-link-red:hover {color: #da1a32}
.arrow-link.arrow-link-red span {background-color: #da1a32}
.arrow-link.arrow-link-red:after {background-image: url(../images/site/icon-arrow-red.svg)}
.btn-play {width: 60px; height: 60px; background-image: url(../images/site/icon-play.svg)}
.arrow-link.arrow-link-prev:after {right: calc(100% - 8px); left: auto; background-image: url(../images/site/icon-arrow-prev.svg)}
.arrow-link.arrow-link-prev.arrow-link-text span {margin-left: 0; margin-right: 15px}

/* Overlays */
.overlay {position: relative;}
.overlay > div {position: relative; z-index: 2}
.overlay:after {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.overlay-blue-10:after {background: rgba(0,64,98,0.1)}
.overlay-blue-15:after {background: rgba(0,64,98,0.15)}
.overlay-black-25:after {background: rgba(17,17,17,.25)}
.overlay-black-60:after {background: rgba(17,17,17,.6)}

/* Margin & Padding */
.vp-10 {padding-top: 10px; padding-bottom: 10px;}
.vp-20 {padding-top: 20px; padding-bottom: 20px;}
.vp-30 {padding-top: 30px; padding-bottom: 30px;}
.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-40 {padding-top: 40px;}
.pt-50 {padding-top: 50px;}
.pb-30 {padding-bottom: 30px;}
.pb-40 {padding-bottom: 40px;}
.pb-70 {padding-bottom: 70px;}
.hp-9 {padding-left: 9%; padding-right: 9%;}
.hp-13 {padding-left: 13%; padding-right: 13%;}
.hp-16 {padding-left: 16%; padding-right: 16%;}
.hp-19 {padding-left: 19%; padding-right: 19%;}
.hp-23 {padding-left: 23%; padding-right: 23%;}
.hp-30 {padding-left: 30%; padding-right: 30%;}
.vm-60 {margin-top: 60px !important; margin-bottom: 60px !important;}
.mb-10 {margin-bottom: 10px;}
.mb-15 {margin-bottom: 15px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mt-60 {margin-top: 60px;}

/* States */
.is-visible {visibility: visible !important; opacity: 1 !important; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;}
.is-hidden {visibility: hidden; opacity: 0; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;}


/* 4. Structure
------------------------------------------------------------------------------*/

/* Page Layout */
html, body {height: 100%; font-size: 1em; font-family: 'Montserrat'; font-weight: 400}
.no-banner .no-banner-img {display: block; width: 100%; height: auto; position: absolute; top: 0; left: 0; z-index: -1}
.full-bg-layout #footer, .full-bg-layout #header {display: none}
.full-bg-layout main {padding: 0 !important; width: 100%; min-height: 100vh}
.full-bg-layout .content-container {display: table; width: 100%; min-height: 100vh}
.full-bg-layout .content-container .content {padding: 25px 0; display: table-cell; vertical-align: middle}
.full-bg-layout .full-bg-logo {margin-bottom: 15px; display: inline-block; width: 150px; height: 100px; background-image: url(../images/site/logo.svg)}
.full-bg-layout .full-bg-text {max-width: 870px; margin: 0 auto}
.full-bg-layout h1 {margin-bottom: 15px}
.full-bg-layout .form, .full-bg-layout p {margin-bottom: 25px}
.full-bg-layout h1 {font-size: 30px; line-height: 32px; letter-spacing: 0}
.full-bg-layout p {font-size: 14px; line-height: 16px}
.full-bg-layout p.p-sm {font-size: 12px; line-height: 14px; margin-bottom: 15px}
.full-bg-layout p.boxed {display: inline-block; border: 1px solid #fff; padding: 10px}
.full-bg-layout .video .play {background-image: url(/assets/images/site/play.png); width: 90px; height: 90px; position: absolute; top: 50%; left: 50%; margin-left: -45px; margin-top: -45px}
.full-bg-layout .form {background-color: #25347b; padding: 20px 20px 0 20px}
.full-bg-layout .form input[type=radio] {display: none}
.full-bg-layout .form h3, .full-bg-layout .form .label, .full-bg-layout .form input[type=submit] {float: left}
.full-bg-layout .form h3 {line-height: 55px; margin-right: 25px; margin-top: 10px}
.full-bg-layout .form .label {margin: 10px 4px 10px 0}
.full-bg-layout .form input[type=radio]:checked + label {background-color: #da1a32; color: #fff}
.full-bg-layout .form .label {border-radius: 5px; display: inline-block; vertical-align: middle; color: #525252; background-color: #fff; font-size: 18px; width: 75px; height: 55px; line-height: 55px; text-align: center; cursor: pointer}
.full-bg-layout .form input[type=submit] {padding-right: 20px; border-radius: 5px; margin: 10px 0; display: inline-block; vertical-align: middle; width: 130px; height: 55px; background: url(/assets/images/site/arrow.png) right 20px center no-repeat #fff; text-align: center; color: #25347b; font-size: 16px; font-weight: 700}

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

/* Header */
#header {position: absolute; top: 0; left: 0; width: 100%; z-index: 9998; transition: 500ms ease all; -webkit-transition: 500ms ease all; -o-transition: 500ms ease all;}
#header #header-logo {position: absolute; top: 30px; left: 0; width: 150px; height: 100px; background-image: url(../images/site/logo.svg); z-index: 3}
.no-banner #header #header-logo {background-image: url(../images/site/logo-color.svg)}
#header #header-nav ul li {width: 100%; padding: 15px 0 15px 5%}
#header #header-nav ul li:nth-child(odd) {background-color: #fff}
#header #header-nav ul li a {text-transform: uppercase; letter-spacing: .01em; font-size: 14px; font-weight: 700}
#header #header-nav .btn {font-size: 14px; padding: 15px 20px}
.is-header-desktop #header #header-nav {position: absolute; top: 0; right: 0; padding-top: 20px}
.is-header-desktop #header #header-nav ul li {width: auto; padding: 0; list-style: none; float: left; line-height: 40px; margin-left: 25px}
.is-header-desktop #header #header-nav ul li:nth-child(odd) {background-color: transparent}
.is-header-desktop #header #header-nav ul li a {color: #fff; font-size: 11px}
.is-header-desktop.no-banner #header #header-nav ul li a {color: #303030}
.is-header-desktop #header #header-nav ul li a.is-active {color: #da1a32}
.is-header-desktop #header #header-nav .btn {color: #fff !important; font-size: 14px; padding: 0; width: 170px; height: 40px; text-align: center; line-height: 40px}

/* Footer */
#footer {padding-top: 235px; width: 100%; padding-bottom: 30px; height: auto; overflow: visible; z-index: 2; position: relative; background-color: #273782; text-align: center}
#footer #footer-first {width: 90%; max-width: 1120px; position: absolute; left: 50%; transform: translate(-50%, 0); top: -145px}
#footer .left {text-align: left; width: 30%}
#footer .left p {font-size: 11px; font-weight: 300; color: #fff; line-height: 18px}
#footer .left a {color: #fff;}
#footer .center {display: inline-block; width: 39%;}
#footer .center .discl {font-size: 11px; font-weight: 300; color: #fff; line-height: 18px; text-align:center; border: 1px solid #ccc;}
#footer .center .discl a {color: #fff;}
#footer .right {width: 30%; float: right}
#footer .right ul {float: right;}
#footer .right ul li {list-style: none; float: left; margin-left: 10px}
#footer .right ul li a {width: 30px; height: 30px}
#footer .right ul li a.facebook {background-image: url(../images/site/icon-facebook.svg)}
#footer .right ul li a.facebook:hover {background-image: url(../images/site/icon-facebook-red.svg)}
#footer .right ul li a.twitter {background-image: url(../images/site/icon-twitter.svg)}
#footer .right ul li a.twitter:hover {background-image: url(../images/site/icon-twitter-red.svg)}
#footer .right ul li a.youtube {background-image: url(../images/site/icon-youtube.svg)}
#footer .right ul li a.youtube:hover {background-image: url(../images/site/icon-youtube-red.svg)}
.first-padded-bottom {padding-bottom: 250px !important}


/* 5. Layouts
------------------------------------------------------------------------------*/

/* Full Width */
.layout-full-width {padding-top: 80px}
.no-banner .layout-full-width {padding-top: 230px}

/* Sidebar */
.layout-sidebar .main-content, .layout-sidebar .sidebar {padding-top: 50px; padding-bottom: 50px}
.layout-sidebar .main-content {width: 63%}
.layout-sidebar .sidebar {width: 37%; background-color: #fafafa; position: relative}
.layout-sidebar.layout-sidebar-right .main-content {float: left; padding-right: 40px}
.layout-sidebar.layout-sidebar-right .sidebar {float: right; padding-left: 40px}
.layout-sidebar.layout-sidebar-right .sidebar:after {display: block; content: ''; position: absolute; top: 0; left: 100%; z-index: -1; width: 100%; height: 100%; background-color: #fafafa}


/* 6. Pages
------------------------------------------------------------------------------*/

/* Home */
.home .form-email-signup input[type=email], .home .form-email-signup input[type=text] {color: #323232; font-size: 12px; font-weight: 700; border: 1px solid #acacac; width: 100%; height: 40px; line-height: 40px; padding: 0 20px}
.home .form-email-signup input[type=email] {margin-bottom: 10px}
.home .form-email-signup input[type=submit] {width: 100%; height: 40px; text-align: center; color: #fff; background-color: #da1a32; font-size: 12px; text-transform: uppercase; font-weight: 700; letter-spacing: .025em}
.home .form-email-signup input[type=submit]:hover {background-color: #C00023}
.home .form-email-signup .col {width: calc(50% - 5px)}

.home .form-donate p {float: left; font-size: 11px; letter-spacing: .01em; line-height: 18px}
.home .form-donate p span {font-size: 16px; font-weight: 700; display: block}
.home .form-donate form {float: right}
.home .form-donate form input[type=radio] {display: none}
.home .form-donate form input[type=radio]:checked + label {background-color: #fff; color: #da1a32}
.home .form-donate form label.label-radio {display: inline-block; vertical-align: middle; color: #fff; border: 1px solid #fff; font-size: 11px; letter-spacing: .01em; width: 45px; height: 38px; line-height: 38px; text-align: center; cursor: pointer}
.home .form-donate form .amount-custom {position: relative; padding-left: 25px; display: inline-block; vertical-align: middle; color: #fff; border: 1px solid #fff; font-size: 11px; letter-spacing: .01em; width: auto; height: 38px; line-height: 38px; text-align: center}
.home .form-donate form label.label-text {position: absolute; top: 0; left: 10px}
.home .form-donate form input[type=text] {width: 50px; height: 38px; padding-right: 10px; color: #fff; font-size: 11px; letter-spacing: .01em; line-height: 38px}
.home .form-donate form input[type=submit] {display: inline-block; vertical-align: middle; width: 90px; height: 38px; background-color: #fff; text-align: center; color: #303030; font-size: 11px; letter-spacing: .01em; text-transform: uppercase; font-weight: 700}
.home .form-donate form input[type=submit]:hover {background-color: #273782; color: #fff}

/* News */
.news.detail main .info h5 {font-size: 16px; color: #9f9f9f; margin-bottom: 5px}
.news.detail main .info h1 {font-size: 2.375rem; line-height: 2.5rem}
.news.detail main .info .share {padding: 30px 0}
.news.detail main .info .share ul li {display: inline-block; font-size: 16px; vertical-align: middle; font-weight: 700; margin-right: 10px}
.news.detail main .info .share ul li a {width: 37px; height: 37px}
.news.detail main .info .share ul li a.facebook {background-image: url(../images/site/icon-share-facebook.svg)}
.news.detail main .info .share ul li a.facebook:hover {background-image: url(../images/site/icon-share-facebook-red.svg)}
.news.detail main .info .share ul li a.twitter {background-image: url(../images/site/icon-share-twitter.svg)}
.news.detail main .info .share ul li a.twitter:hover {background-image: url(../images/site/icon-share-twitter-red.svg)}
.news.detail main .info .share ul li a.email {background-image: url(../images/site/icon-share-email.svg)}
.news.detail main .info .share ul li a.email:hover {background-image: url(../images/site/icon-share-email-red.svg)}
.news.detail main .info .share ul li a.google {background-image: url(../images/site/icon-share-google.svg)}
.news.detail main .info .share ul li a.google:hover {background-image: url(../images/site/icon-share-google-red.svg)}
.news.detail main .info .share ul li a.download {border: 2px solid #707070; border-radius: 5px; padding: 7px 10px;}
.news.detail main .body p, .news.detail main .body ul li {font-size: 14px; line-height: 18px}
.news.detail main .back {padding-top: 15px}
.news.detail main .back a {text-transform: uppercase; font-size: 14px; font-weight: 700}

/* Media */
.media main {padding-top: 0}
.media main h5 {text-transform: uppercase; letter-spacing: .01em; margin-bottom: 20px}
.media main .pagination {display: block !important; width: 100%}
.media main .pagination li {display: inline-block; margin: 0 15px}


/* 7. Modules
------------------------------------------------------------------------------*/

/* Banners */
.banner {width: 100%; position: relative; height: 485px}
.banner .vcenter {padding-top: 50px}
.banner .container {height: 100%}
.banner.banner-tall {height: 770px}
.banner.banner-boxes .image {width: 100%; height: 100%}
.banner.banner-boxes .container {position: absolute; top: 0; left: 50%; height: 100%; width: 90%; transform: translateX(-50%)}
.banner.banner-boxes .box-blue {width: 40%; position: absolute; bottom: 0; left: 0; background-color: #273782; padding: 50px 50px 50px 0; z-index: 2}
.banner.banner-boxes .box-blue:before {display: block; content: ''; width: 200%; height: 100%; position: absolute; right: 100%; top: 0; background-color: #273782}
.banner.banner-boxes .box-blue h1 {margin-bottom: 25px}
.banner.banner-boxes .box-blue p {font-size: 14px; line-height: 24px}
.banner.banner-boxes .box-red {width: 60%; position: absolute; bottom: 0; right: 0; background-color: #da1a32; padding: 30px 0 30px 30px; z-index: 2}
.banner.banner-boxes .box-red:after {display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 100%; top: 0; background-color: #da1a32}
.banner.banner-boxes .box .content {position: relative; z-index: 2}

/* List Items */
.list-item {display: block}
.list-item-thumbnail .image {width: 24%}
.list-item-thumbnail .text {width: calc(76% - 30px)}
.list-item-thumbnail .text h6 {margin-bottom: 5px}
.list-item-thumbnail .text h3 {margin-bottom: 10px}
.list-item-thumbnail .text h3 a {color: #303030}
.list-item-thumbnail .text h3 a:hover {color: #da1a32}
.list-item-text {margin-bottom: 75px}
.list-item-text h2 a {color: #545454}
.list-item-text h2 a:hover {color: #da1a32}
.list-item-text p {margin: 20px 0}

/* Tweets */
.tweet-simple {margin-bottom: 35px}
.tweet-simple p {font-size: 14px; line-height: 16px; color: #585858; letter-spacing: .025em; margin-bottom: 5px}
.tweet-simple span {color: #000; font-size: 11px; text-transform: uppercase; letter-spacing: .025em}
.tweet-complex {margin-bottom: 50px}
.tweet-complex .image {width: 40px; height: 40px; border-radius: 40px}
.tweet-complex .text {width: calc(100% - 55px); padding-top: 5px}
.tweet-complex .text h5 {display: inline-block; position: relative; font-size: 14px; font-weight: 400; margin-bottom: 2px}
.tweet-complex .text h5 .icon {position: absolute; top: 1px; right: -23px; width: 18px; height: 18px; background-image: url(../images/site/icon-verified.svg)}
.tweet-complex .text h6 {font-size: 11px; font-weight: 400; text-transform: none; color: #303030; margin-bottom: 7px}
.tweet-complex .text p {font-size: 12px; line-height: 18px}
.tweet-complex span {color: #000; font-size: 11px; text-transform: uppercase; letter-spacing: .025em}

/* Alternating Boxes */
.alternating-boxes .row {margin-bottom: 90px}
.alternating-boxes .text {width: calc(50% - 60px); margin-right: 60px}
.alternating-boxes .row.flex-reverse .text {margin-right: 0; margin-left: 60px}
.alternating-boxes .image {width: 50%; height: 410px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4);}

/* Archives */
.archives li {list-style: none; font-size: 16px; margin-bottom: 3px}

/* Featured Post */
.featured-post {background-color: #f5f5f5; padding: 60px 0; margin-bottom: 60px}
.featured-post .image {display: block; width: 44%; margin-right: 6%; /*min-height: 300px;*/ position: relative; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);}
.featured-post .image .btn-play {position: absolute; bottom: 25px; left: 25px}
.featured-post .text {width: 50%; padding: 40px 0}
.featured-post .text h6 {font-size: 12px; color: #da1a32; font-weight: 700; margin-bottom: 10px}
.featured-post .text h2 {font-weight: 700; margin-bottom: 5px}
.featured-post .text p {margin-bottom: 15px}
.featured-post .text .arrow-link {font-size: 15px}
.featured-post .text .arrow-link span {position: relative; top: -3px; left: 10px}
.featured-post .text .arrow-link:after {top: 3px; left: 100%}

/* Video Feed */
.video-feed .video {width: calc(33.333% - 20px); margin-right: 20px; padding: 20px; margin-bottom: 25px}
.video-feed .video:hover {box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);}
.video-feed .video .image {position: relative; display: block; width: 100%; /*height: 230px;*/ margin-bottom: 20px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);}
.video-feed .video .image .btn-play {position: absolute; bottom: 15px; left: 15px}
.video-feed .video.last {width: 33.333%; margin-right: 0}
.video-feed .video h3 {margin-bottom: 5px; font-weight: 400; color: #545454}
.video-feed .video p {margin-bottom: 15px; font-size: 15px; line-height: 28px}
.video-feed .video .arrow-link {font-size: 15px}
.video-feed .video .arrow-link span {position: relative; top: -3px; left: 10px}
.video-feed .video .arrow-link:after {top: 3px; left: 100%}

/* Video Overlay */
.video-overlay.overlay {background-color: #25347b; position: fixed; width: 100vw; height: 100vh; bottom: 0px; top: 0px; left: 0px; right: 0px; z-index: 0; opacity: 0; visibility: hidden; pointer-events: none; transition: all .5s}
.video-overlay.overlay.on {opacity: 1;pointer-events: auto;visibility: visible}
.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 .vid, .video-overlay.overlay .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: #25347b;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{float: left;width: 100%;height: 100%;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: #da1a32}
.video-overlay.overlay.on .container .close{cursor: pointer; 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}
.overflow-hidden {overflow: hidden !important;}
@media screen and (max-width: 1200px){
  .video-overlay.overlay .container {width: 100%;}
}

/* GOTV */
.gotv {font-family: Roboto Slab, Times New Roman, serif !important; color: #273782 !important;}
.gotv h2, .gotv h3, .gotv p, .gotv span, .gotv a {color: #273782 !important;}
.gotv h1 {font-size: 50px; line-height: 55px; letter-spacing: .01em; color: #273782 !important;}
.gotv h2 {font-weight: bold; font-size: 35px;}
.gotv p {font-weight: 500; font-size: 16px; line-height: 21px; letter-spacing: .01em; margin-top: 20px; font-family: Source Sans Pro, sans-serif !important;}
.gotv header {position: absolute; width: 100%; z-index: 1; text-align: center;}
.gotv header img {max-width: 150px; padding: 25px 0px;}
.gotv main .left, .gotv main .right {width: 46%; padding: 2%;}
.gotv .btn, .gotv input[type=submit] {padding: 15px 5px; border-radius: 4px; background: #ce1e2b; color: #fff; font-weight: bold; font-size: 15px; border: 2px solid #ce1e2b; width: 230px; text-align: center; margin: 10px auto;}
.gotv .btn:hover, .gotv input[type=submit]:hover {background: transparent; color: #273782 !important; border: 2px solid #ce1e2b;}
.gotv a.btn {color: #fff !important; font-family: Source Sans Pro, sans-serif;}
.gotv .mobile {display: none;}
.gotv .banner {padding: 175px 0px 75px; height: auto;}
.gotv .banner .left, .gotv .banner .right {width: 46%; padding: 0 2%;}
.gotv .banner iframe {max-width: 100%; margin: 20px auto;}
.gotv .blue-divider {background: #273782; text-align: center; padding: 15px 0px;}
.gotv .blue-divider .addeventatc {background-color: transparent; color: #fff !important; font-family: Source Sans Pro, sans-serif !important; font-weight: bold; font-size: 13px;}
.gotv .blue-divider h2 {color: #fff !important; font-size: 35px;}
.gotv .blue-divider h2 br {display: none;}
.gotv .blue-divider h2 span {color: #fff !important; font-size: 30px; margin-left: 10px; font-family: Source Sans Pro, sans-serif !important;}
.gotv .blue-divider .container {max-width: 960px;}
.gotv .blue-divider .left, .gotv .blue-divider .right {width: 50%;}
.gotv .dform_container input.text {background: #efefef; padding: 10px 15px; border-radius: 4px; width: calc(100% - 30px);}
.gotv #footer {background: #eeeeee; padding: 30px 0px; font-family: Source Sans Pro, sans-serif !important;}
.gotv #footer p, .gotv #footer a {color: #424242 !important;}
.gotv .addeventatc .addeventatc_icon {background: url(/assets/images/site/red_calendar_svg.png) no-repeat;}