/*
Theme Name: carton
Theme URI:
Author:
Author URI:
Description: <strong>UPDATE</strong> - 4.0+ is here, blank theme
Version: 4.0.3
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: carton, blank, wordpress, theme
Text Domain: carton

*/
/*
@CHARSET "ISO-8859-1";
*/

/*
@CHARSET "ISO-8859-1";
*/

@font-face {
    font-family: 'TradeGothicLT';
    src: url('assets/fonts/315222_0_0.eot');
    src: url('assets/fonts/315222_0_0.eot?#iefix') format('embedded-opentype'), url('assets/fonts/315222_0_0.woff2') format('woff2'), url('assets/fonts/315222_0_0.woff') format('woff'), url('assets/fonts/315222_0_0.ttf') format('truetype');
}

@font-face {
    font-family: 'TradeGothicLT-Light';
    src: url('assets/fonts/315222_1_0.eot');
    src: url('assets/fonts/315222_1_0.eot?#iefix') format('embedded-opentype'), url('assets/fonts/315222_1_0.woff2') format('woff2'), url('assets/fonts/315222_1_0.woff') format('woff'), url('assets/fonts/315222_1_0.ttf') format('truetype');
}

@font-face {
    font-family: 'TradeGothicLT-Bold';
    src: url('assets/fonts/315222_2_0.eot');
    src: url('assets/fonts/315222_2_0.eot?#iefix') format('embedded-opentype'), url('assets/fonts/315222_2_0.woff2') format('woff2'), url('assets/fonts/315222_2_0.woff') format('woff'), url('assets/fonts/315222_2_0.ttf') format('truetype');
}

/* Reset CSS
 * --------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,
form, fieldset, input, textarea, p, blockquote, th, td {
    padding: 0;
    margin: 0;
    font-family: 'TradeGothicLT';
}

body {
    overflow-x: hidden !important;
}

body.page-template-template-about {
    overflow-y: hidden !important;
}

a {
    text-decoration: none;
}

table {
    border-spacing: 0;
}

fieldset, img {
    border: 0;
	max-width: 100%;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-weight: normal;
    font-style: normal;
}

strong {
    font-weight: normal;
    font-family: 'TradeGothicLT-Bold';
}

ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

caption, th {
    text-align: left;

}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
    margin: 0;
    padding: 0;
    color: #444;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}

sup, sub {
	font-size:10px;
}

.hide {
    display: none;
    opacity: 0;
}

/* Custom CSS
 * --------------------------------------- */

.show-mobile {
    display: none;
}

.show-desktop {
    display: block;
}

.show-tablet {
    display: none;
}

.hide-mobile {
    display: block;
}

.hide-desktop {
    display: none;
}

.hide-tablet {
    display: block;
}

.ms-right {
    right: 0 !important;
    width: calc(50% + 1px) !important;
}

.nohide {
    display: inherit !important;
}

/* nav */

.nav {
    position: fixed;
    top: 200px;
    left: 90px;
    display: block;
    z-index: 999999;
    max-width: 190px;
}

#searchResult {
    margin-top: -1px;
    /*max-height: 140px;*/
    /*overflow-y: scroll;*/
    border: solid 1px #1e3858;
    border-top:none;
    width: 190px;
}
#searchResult ul {
    border-top: 0px;
    padding: 1px 5px 0px;
}
#searchResult ul li a {
    text-transform: capitalize;
    font-size: 16px;
}

.nav ul li a {
    font-size: 18px;
    text-transform: uppercase;
    color: #1e3858;
    font-weight: normal;
    font-family: 'TradeGothicLT-Bold';
    line-height: 1.5;
}

.nav.white ul li a.active, .nav.white ul li a:hover, .nav.white ul li ul.sub-menu li a.active, .nav.white ul li ul.sub-menu li a:hover {
    color: #eeca00 !important;
}

.nav.white ul li a {
    color: #ffffff;
}

.page-template-template-act .nav ul li a, .page-template-template-act .nav .find {
    color: #7086a0;
}

.page-template-template-act .nav input.zip {
    border: solid 1px #7086a0;
    color: #7086a0;
}

.page-template-template-act .nav .submit {
    background: url(assets/image/submit_icon.png) no-repeat 12px 7px #7086a0;
}

.page-template-template-act ::-webkit-input-placeholder {
    color: #7086a0;
}

.page-template-template-act :-moz-placeholder { /* Firefox 18- */
    color: #7086a0;
}

.page-template-template-act ::-moz-placeholder { /* Firefox 19+ */
    color: #7086a0;
}

.page-template-template-act :-ms-input-placeholder { /* IE 10+ */
    color: #7086a0;
}

.white .find {
    color: #ffffff !important;
}

.white.nav input.zip {
    border-color: #ffffff !important;
    color: #ffffff !important;
}

.white.nav .submit {
    background: url(assets/image/submit_blue_icon.png) no-repeat 13px 7px #ffffff;
    background-size: 12px;
}

.nav ul li a.active, .nav ul li a:hover, .nav ul li ul.sub-menu li a:active, .nav ul li ul.sub-menu li a:hover {
    color: #3e6f35 !important;
}

.white ::-webkit-input-placeholder {
    color: #ffffff;
}

.white :-moz-placeholder { /* Firefox 18- */
    color: #ffffff;
}

.white ::-moz-placeholder { /* Firefox 19+ */
    color: #ffffff;
}

.white :-ms-input-placeholder { /* IE 10+ */
    color: #ffffff;
}

.nav ul li ul.sub-menu {
    margin-left: 20px;
}

.nav ul li ul.sub-menu li a {
    color: #7086a0;
    text-transform: capitalize;
    line-height: 1.3;
}

.nav.white ul li ul.sub-menu li a {
    color: #ffffff;
}

.nav .find {
    font-size: 17px;
    color: #1e3858;
    line-height: 1;
    margin-bottom: 15px;
    margin-top: 15px;
    font-weight: normal;
    display: block;
    font-family: 'TradeGothicLT-Bold';
}

.nav input.zip {
    background: none;
    border: solid 1px #1e3858;
    height: 30px;
    width: 162px;
    text-align: left;
    font-size: 14px;
    padding-left: 5px;
    margin-right: -12px;
    text-transform: uppercase;
    color: #1e3858;
    border-radius: 0;
    -webkit-appearance: none;
    font-family: 'TradeGothicLT-Bold';
}

.nav input.zip:hover, .nav input.zip:active, .nav input.zip:focus {
    outline: none;
    box-shadow: none;
}

::-webkit-input-placeholder {
    color: #1e3858;
}

:-moz-placeholder { /* Firefox 18- */
    color: #1e3858;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #1e3858;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #1e3858;
}

/* flipscreen */
.flipscreen {
    background: url(assets/image/flipscreen.png) no-repeat center #fed100;
    background-size: contain;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    z-index: 9999999;
}

/* brand */
.navbar-brand {
    position: fixed;
    top: 80px;
    left: 0px;
    z-index: 99999;
    width: 280px;
    height: 100px;
    background: url(assets/image/logo.png) no-repeat 90px 15px #3e6f35;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease;
    background-size: 170px;
}

.navbar-brand.yellow {
    background: url(assets/image/logo-blue.png) no-repeat 90px 15px #eeca00;
    background-size: 170px;
}

.navbar-brand img {
    position: absolute;
    top: 15px;
    left: 90px;
}

.nav .submit {
    display: inline-block;
    width: 35px;
    border: 0px;
    background: url(assets/image/submit_icon.png) no-repeat 12px 7px #1e3858;
    background-size: 12px;
    cursor: pointer;
    border-radius: 0;
    height: 30px;
    margin-left: 0;
    margin-top: 0;
    padding: 16px 0;
    position: absolute;
}

h1.title {
    position: fixed;
    top: 0;
    left: calc(50% - 175px);
    width: 100%;
    max-width: 500px;
    z-index: 999;
    font-size: 5.5rem;
    color: #fff;
    text-align: center;
    font-family: 'TradeGothicLT-Bold';
    font-weight: normal;
    text-transform: uppercase;
}

#container .ms-left .ms-section {
    background-position: center right;
    background-size: cover !important;
    background-repeat: no-repeat;
}

#container .ms-right .ms-section {
    background-position: center left !important;
    background-size: cover !important;
    background-repeat: no-repeat;
}

@media (max-width:767px) {
	#container .ms-left .ms-section#left10, #container .ms-left .ms-section#left11, #container .ms-left .ms-section#left12 {
		background-size:220% !important;
	}
}

#scroll .scroll {
    background-size: cover !important;
    height: 100%;
    width: 100%;
    position: absolute; /*fixed*/
    opacity: 0;
}

.contentMessage {
    display: block;
    position: absolute;
    top: calc(50% - 170px);
    left: calc(100% - 220px);
    font-size: 100px;
    line-height: 1;
    text-align: center;
    color: #ffffff;
    font-family: 'TradeGothicLT-Bold';
    font-weight: normal;
    text-transform: uppercase;
    width: 100%;
    max-width: 580px;
    z-index: 999;
    text-shadow: 0px 0px 20px #999;
}

.carton_right0 {
    background-image: url('assets/image/1-right.png')
}

.carton_right1 {
    background-image: url('assets/image/1-right.png')
}

.carton_right2 {
    background-image: url('assets/image/1-right.png')
}

.carton_right3 {
    background-image: url('assets/image/1-right.png')
}

.carton_right4 {
    background-image: url('assets/image/1-right.png')
}

.carton_right5 {
    background-image: url('assets/image/1-right.png')
}

.carton_right6 {
    background-image: url('assets/image/1-right.png')
}

.carton_right7 {
    background-image: url('assets/image/1-right.png')
}

.carton_right8 {
    background-image: url('assets/image/1-right.png')
}

.carton_right9 {
    background-image: url('assets/image/1-right.png')
}

.carton_right10 {
    background-image: url('assets/image/2-right.png')
}

.carton_left0 {
    background-image: url('assets/image/1-left.png')
}

.carton_left1 {
    background-image: url('assets/image/1-left.png')
}

.carton_left2 {
    background-image: url('assets/image/1-left.png')
}

.carton_left3 {
    background-image: url('assets/image/1-left.png')
}

.carton_left4 {
    background-image: url('assets/image/1-left.png')
}

.carton_left5 {
    background-image: url('assets/image/1-left.png')
}

.carton_left6 {
    background-image: url('assets/image/1-left.png')
}

.carton_left7 {
    background-image: url('assets/image/1-left.png')
}

.carton_left8 {
    background-image: url('assets/image/1-left.png')
}

.carton_left9 {
    background-image: url('assets/image/1-left.png')
}

.carton_left10 {
    background-image: url('assets/image/2-left.png')
}

polyline {
    fill: none;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke: #edc61a;
    display: none;
}

circle {
    display: none;
    fill: none;
    stroke-linecap: round;
    stroke: #edc61a;
}

.active polyline, .active circle {
    display: block;
}

svg {
    width: 100%;
    min-height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    background: none;
}

.home {
    background-color: rgb(252, 204, 0);
    height: 100%;
}

#container .content {
    min-height: 100%;
    padding: 0px 60px;
    z-index: 99;
}

#container.home {
    position: relative;
    overflow: hidden;
}

#container.about {
    position: relative;
    overflow: visible;
}

#container.home .footer .col-3 #gform_submit_button_1 {
    margin-top: -42px;
}

#container.home .content p {
    font-size: 32px;
    top: 60px;
    color: #fff;
    padding-right: 55px;
    position: absolute;
    margin-left: 25px;
    line-height: 42px;
    font-family: 'TradeGothicLT-Light';
}

#container.home .content p span {
    font-size: 32px;
    font-weight: normal;
    font-family: 'TradeGothicLT-Bold';
}

#container .content .bottom {
    bottom: 60px;
    color: #fff;
    margin-bottom: 0px;
    padding-right: 60px;
    font-size: 25px;
    font-weight: bold;
    position: absolute;
}

.home #container .content .description {
    bottom: 35px;
    color: #fff;
    top: initial;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    position: absolute;
    font-family: 'TradeGothicLT-Bold';
    right: -1000px;
    left: 1000px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition-delay: 0.3s;
}

.home #container .content .description {
    color: #1e3858 !important;
    background: url(assets/image/bg-homepage.png) no-repeat 0px 0px;
    background-size: 100% 100%;
    padding: 10px 30px 10px 50px !important;
}

.home #container .content .description h3 {
    padding-left: 0px !important;
    color: #1e3858 !important;
    margin-bottom: 5px !important;
    margin-top: -5px !important;
}

#container .active .content .bottom {
    display: block;
}

#left6 .content .bottom {
    top: 50px;
    bottom: auto;
    text-align: right;
    width: 100%;
    float: right;
}

#left6 .content .bottom h2 {
    color: #d5b619;
    font-size: 35px;
    font-family: 'TradeGothicLT-Bold';
    font-weight: normal;
    text-transform: uppercase;
    top: 0px;
    position: absolute;
    right: 190px;
}

#container .content .bottom h3 {
    color: #fff;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: normal;
    font-family: 'TradeGothicLT-Bold';
    margin-bottom: 10px;
    line-height: 30px;
}

.home #container .content .description h3 {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
    font-family: 'TradeGothicLT-Bold';
    margin-bottom: 10px;
    line-height: 30px;
    padding-left: 30px;
    margin-bottom: 0px;
}

.scrollDown {
    background: url(assets/image/scroll-down.png) no-repeat 0px 0px;
    position: fixed;
    width: 32px;
    height: 26px;
    display: none;
    bottom: 35px;
    left: calc(50% - 16px);
    z-index: 9999;
    cursor: pointer;
}

.page-template-template-hp-landing .scrollDown {
	cursor:default;
}

.scrollDownGreen {
    background: url(assets/image/scroll-down-y.png) no-repeat 0px 0px;
    position: fixed;
    background-size: 40px;
    width: 40px;
    height: 40px;
    display: block;
    bottom: 35px;
    left: calc(50% - 22px);
    z-index: 9999;
    cursor: pointer;
}

.page-template-template-home .scrollDownGreen.home {
    background: url(assets/image/scroll-icon.png) no-repeat 0px 0px;
    position: fixed;
    background-size: contain;
    width: 160px;
    height: 52px;
    display: block;
    bottom: 35px;
    left: calc(50% + 15px);
    z-index: 9999;
    cursor: default;
}

.page-template-template-home .scrollDownGreen {
    /*-moz-animation: cssAnimation 1s ease 3s forwards;*/
    /*!* Firefox *!*/
    /*-webkit-animation: cssAnimation 1s ease 3s forwards;*/
    /*!* Safari and Chrome *!*/
    /*-o-animation: cssAnimation 1s ease 3s forwards;*/
    /*!* Opera *!*/
    /*animation: cssAnimation 1s ease 3s forwards;*/
    /*-webkit-animation-fill-mode: forwards;*/
    /*animation-fill-mode: forwards;*/
}

@keyframes cssAnimation {
    to {
        overflow: hidden;
        opacity: 0;
    }
}

@-webkit-keyframes cssAnimation {
    to {
        visibility: hidden;
        opacity: 0;
    }
}

#privacy {
    font-size: 17px;
}

#privacy .content a {
    color: #1e3858;
    text-decoration: underline;
}

#privacy .content a:hover {
    color: #1e3858;
    text-decoration: none;
}

#privacy ul {
    margin: 0;
    padding: 0;
}

#privacy .scrollDown {
    display: block;
}

/* footer */

.footer {
    position: absolute;
    bottom: 0px;
    padding: 10px 0px 5px;
    width: 200%;
    background: #1e3858;
    z-index: 9999;
}

.page-template-template-how-to .footer {
	position: fixed;
}

.gform_ajax_spinner {
    position: absolute;
    left: -25px;
    bottom: -8px;
    display: none;
}

.page-template-template-petition .footer {
    padding-bottom: 10px;
    position: initial;
    width: 100%;
    bottom: initial;
}

.page-template-template-petition .validation_error, .page-template-template-petition .gform_validation_error .gfield_description {
    color: #f00;
}

.page-template-default .footer {
    position: inherit;
    width: 100%;
    bottom: 0px;
    padding-bottom: 30px;
}

.page-template-default h1.title.no-header {
    text-align: left;
    color: #1e3858;
    font-size: 30px;
}

.page .content a {
    color: #1e3858;
    text-decoration: underline;
}

.footer .newsletter {
    position: relative;
    top: 0px;
}

.footer .newsletter .validation_error {
    display: none;
}

.footer .newsletter .gfield_error .validation_message {
    position: absolute;
    width: 100%;
    right: 0px;
    text-align: left;
    margin-top: 0px;
    color: #f00;
}

.footer a {
    color: #fff;
}

.footer a:hover {
    color: #eeca00;
}

.footer .col-1, .footer .col-2, .footer .col-3 {
    display: inline-block;
    width: 33%;
}

.footer .col-1 p {
    padding-left: 90px;
    font-family: 'TradeGothicLT-Light';
    line-height: 23px;
}

.footer .col-3 p {
    padding-right: 90px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.footer .col-1 {
    color: #ffffff;
    font-size: 17px;
}

.footer .col-2 .social-share {
    text-align: center;
}

.footer .col-2 .mail {
    background: url(assets/image/mail.png) no-repeat right 0px;
    width: 45px;
    height: 45px;
    background-size: 45px;
    display: inline-block;
    margin: 0px 10px;
}

.tab .row .row.full-width .social-share h3 {
    margin-bottom: 30px;
}

.tab .row .row.full-width .social-share .facebook {
    background: url(assets/image/facebook.png) no-repeat -3px -4px;
    background-size: 45px;
    line-height: 120%;
    padding-left: 45px;
    color: #ffffff !important;
    text-decoration: none !important;
    display: inline-block;
    margin: -10px 10px 30px 0px;
    position: relative;
	min-height: 40px;
}

.tab .row .row.full-width .social-share .twitter {
    background: url(assets/image/twitter.png) no-repeat -3px -4px;
    background-size: 45px;
    line-height: 120%;
    padding-left: 45px;
    color: #ffffff !important;
    text-decoration: none !important;
    display: inline-block;
    margin: -10px 10px 30px 0px;
    position: relative;
	min-height: 40px;
}

.footer .col-2 .facebook {
    background: url(assets/image/facebook.png) no-repeat center 0px;
    width: 45px;
    height: 45px;
    background-size: 45px;
    display: inline-block;
    margin-left: -4px;
    margin: 0px 10px;
}

.footer .col-2 .instagram {
    background: url(assets/image/instagram.png) no-repeat center 0px;
    width: 45px;
    height: 45px;
    background-size: 45px;
    display: inline-block;
    margin-left: -4px;
    margin: 0px 10px;
}

.footer .col-2 .twitter {
    background: url(assets/image/twitter.png) no-repeat left 0px;
    width: 45px;
    height: 45px;
    background-size: 45px;
    display: inline-block;
    margin-left: -4px;
    margin: 0px 10px;
}

.footer .col-2 p {
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
}

.footer .col-3 {
    color: #ffffff;
    font-size: 17px;
}

.footer .col-3 #gform_submit_button_1 {
    display: inline-block;
    width: 40px;
    height: 32px;
    margin-top: -32px;
    margin-left: 232px;
    border: 0px;
    padding: 16px 0px;
    background: url(assets/image/submit_icon_footer.png) no-repeat 13px 6px #ffffff;
    background-size: 18px;
    cursor: pointer;
    border-radius: 0;
    position: absolute;
}

.footer .col-3 .gfield_label {
    padding-right: 90px;
    margin-bottom: 5px;
    text-transform: uppercase;
    display: block;
}

.footer input#input_1_1 {
    background: #ffffff;
    border: solid 1px #ffffff;
    height: 30px;
    width: 100%;
    max-width: 260px;
    text-align: left;
    font-size: 15px;
    padding-left: 10px;
    text-transform: uppercase;
    color: #1e3858;
    border-radius: 0;
    outline: 0 !important;
    -webkit-box-shadow: 0 !important;
    -moz-box-shadow: 0 !important;
    box-shadow: 0 !important;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none !important;
}

#right10 {
    z-index: 9997;
}

.news {
    padding: 100px;
    bottom: 140px;
    position: absolute;
}

.news .item {
    margin-bottom: 40px;
    max-width: 500px;
}

.news .item h3 {
    font-size: 30px;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 15px;
    line-height: 40px;
}

.news .item span {
    font-size: 16px;
    text-transform: uppercase;
    font-style: italic;
    color: #ffffff;
    border: solid 2px #ffffff;
    padding: 4px 10px;
}

.news .item span a {
    color: #ffffff;
}

/* about page */

#container.about .content .bottom h4 {
    font-family: 'TradeGothicLT-Bold' !important;
    font-weight: normal;
    font-size: 40px;
    line-height: 45px;
    font-style: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 30px;
    margin-top: 50px;
}

.green {
    color: #3e6f35 !important;
}

#container.about .content .bottom h4.green {
    font-size: 35px;
    padding: 0px;
}

#container.about .content .bottom p {
    font-family: 'TradeGothicLT-Light';
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0px;
    font-weight: 300;
    font-style: normal;
    text-transform: none;
    padding-bottom: 15px;
}

#container.about .content .bottom a.aboutUrl {
    font-family: 'TradeGothicLT-Light';
    font-size: 19px;
    line-height: 25px;
    font-weight: 300;
    font-style: normal;
    color: #ffffff;
}

#container.about .content .bottom span {
    font-weight: normal;
    font-family: 'TradeGothicLT';
    color: #fdce00;
    font-size: 20px;
}

#container.about .content .bottom p strong {
    font-weight: bold;
    font-family: 'TradeGothicLT';
    font-size: 30px;
}

#container.about .content .bottom a {
    font-weight: bold;
    font-family: 'TradeGothicLT';
    color: #fdce00;
}

#container.about .content .bottom strong a {
    color: #ffffff;
    font-weight: normal;
    font-size: 25px;
}

#container.about .content .bottom a.contactUs {
    font-weight: normal;
    font-size: 19px;
    font-family: 'TradeGothicLT-Light';
    color: #3a4042;
    text-decoration: underline;
}

#container.about .content .bottom a.source {
    font-weight: bold;
    font-family: 'TradeGothicLT-Light';
    color: #ffffff;
    font-size: 12px;
    overflow: hidden;
    display: flex;
}

#container.about .content .bottom a.source sup {
    font-size: 10px;
    line-height: 14px;
    padding-right: 5px;
}

#container.about .content .bottom h3 {
    font-size: 60px;
    padding: 0px;
    margin-bottom: 20px;
    line-height: 40px;
}

.scrollDown {
    background: url(assets/image/scroll-down-y.png) no-repeat 0px 0px;
    position: fixed;
    width: 40px;
    height: 40px;
    background-size: 40px;
    display: block;
    bottom: 35px;
    left: calc(50% - 22px);
    z-index: 9999;
    cursor: pointer;
}

#container.about .content .bottom.map {
    left: 0px;
    right: 100px;
    padding: 30px;
    padding-right: 40px;
    margin-top: 30px;
    position: static;
    margin-right: -60px;
    background-size: auto;
}

.page-template-default .content h1.title.no-header {
    top: auto;
    left: auto;
    margin-top: -50px;
    position: absolute;
}

.mapHeader {
    background: #a09b98 url(/wp-content/themes/carton/assets/image/map_new.jpg) 130px center no-repeat;
    height: 100%;
    background-size: 100%;
}

#container.about .content .bottom.map.procent18 {
    background: #b11b2d url(assets/image/map-18.png) no-repeat right center;
    background-position-x: calc(100% - 30px);
    background-size: 130px;
}

#container.about .content .bottom.map.procent33 {
    background: #b11b2d url(assets/image/map-33.png) no-repeat right center;
    background-position-x: calc(100% - 30px);
    background-size: 130px;
}

#container.about .content .bottom.map.procent57 {
    background: #b11b2d url(assets/image/map-57.png) no-repeat right center;
    background-position-x: calc(100% - 30px);
    background-size: 130px;
}

#container.about .content .bottom.map.procent60 {
    background: #b11b2d url(assets/image/map-60.png) no-repeat right center;
    background-position-x: calc(100% - 30px);
    background-size: 130px;
}

#container.about .content .bottom.map p {
    margin-right: 180px;
    font-size: 25px;
    font-family: 'TradeGothicLT-Bold';
    font-weight: normal;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#container.about .ms-right .content .bottom.right {
    color: #3a4042;
    text-align: left;
    padding-right: 30%;
}

#container.about .ms-right .content .bottom.right h2 {
    color: #d5b619;
    font-size: 35px;
    font-family: 'TradeGothicLT-Bold';
    font-weight: normal;
    text-transform: uppercase;
}

#container.about .ms-right .content .bottom.right h2 span {
    color: #3a4042;
    text-transform: none;
    margin-bottom: 20px;
    display: block;
}

#container.about .ms-right .content .bottom.right p {
    font-size: 18px;
    line-height: 24px;
}

#container .content.members .bottom {
    color: #3a4042;
    margin-bottom: 80px;
    max-width: calc(100% - 15px);
}

#container .content.members .bottom .col-2 {
    width: 50%;
    display: inline-block;
    float: left;
}

#container.about .content.members .bottom h4 {
    color: #eeca00;
    margin-top: 30px;
    padding-bottom: 10px;
    font-size: 30px;
    line-height: 30px;
    clear: both;
}

#container.about .content.members .bottom p {
    font-size: 20px;
    line-height: 25px;
}

#container.about .content.members .bottom .members {
    max-width: 90%;
}

#container.about .content.members .bottom .associate-members {
    max-width: 200px;
}

.home .footer .newsletter {
    top: -10px;
}

/* privacy */

.header {
    height: 794px;
    background-size: cover;
}

.page-template-template-act .header {
    background: url(/assets/image/privacy.png) no-repeat right center;
}

.header h1.title {
    font-size: 30px;
    color: #fdce00;
    max-width: initial;
    position: absolute;
    bottom: 35px;
    width: initial;
    top: initial;
    left: initial;
    text-align: left;
    margin-left: calc(50% + 50px);
}

.header .scrollDown {
    position: absolute;
}

.row .content {
    color: #1e3858;
    width: 100%;
    max-width: 650px;
    margin: 110px auto;
}

.row .footer {
    position: absolute;
    bottom: auto;
    padding: 15px 0px;
    width: 100%;
    background: #1e3858;
    z-index: 9999;
}

.row .content ul {
    padding-top: 10px;
    padding-bottom: 10px;
}

.row .content ul li {
    list-style: outside none disc;
    list-style: outside disc;
    margin-left: 30px;
    padding-bottom: 5px;
}

.page-template-template-how-to .footer {
    width:100%;
}

.page-template-template-how-to .row .content ul li {
    list-style: none;
    margin-left: 15px;
}

.row .content h3, .row .content h3 a {
    color: #1e3858;
    font-size: 20px;
    text-transform: uppercase;
    padding-bottom: 15px;
    font-family: 'TradeGothicLT-Bold';
    font-weight: normal;
}

.row .content p {
    padding-bottom: 10px;
}

.row .content p a {
    color: #1e3858;
}

.single-post .row .content p a:link, .single-post .row .content p a:visited {
	color: #3e6f35;
    text-decoration: underline;
}

.single-post .row .content p a:hover {
	text-decoration:none;
}

.tab .row {
    background: #dedfe1;
    margin: 30px 0px;
}

.tab {
    display: none;
}

.tab.active {
    display: block;
}

.tab .row.active .content {
    display: block;
}

.tab .row .content {
    color: #1e3858;
    width: 97%;
    max-width: 750px;
    margin: 10px auto;
    display: none;
}

.tab .row .title {
    color: #1e3858;
    width: 97%;
    max-width: 860px;
    margin: 10px auto;
    cursor: pointer;
}

.tab .row .title .order {
    font-size: 30px;
    background: #edc715;
    color: #ffffff;
    text-align: center;
    width: 50px;
    height: 50px;
    display: inline-block;
    line-height: 50px;
}

.tab .row .title h2 {
    font-size: 25px;
    color: #1e3858;
    text-align: left;
    width: calc(100% - 55px);
    display: inline-block;
    text-overflow: ellipsis;
    position: relative;
    vertical-align: middle;
}

.tab .row .title h2 b {
    font-family: 'TradeGothicLT-bold';
    font-weight: normal;
    display: inline-block;
}

.page-template-template-sweepstakes-php .tab .row .title h2 b {
    margin-top: 5px;
    margin-bottom: 5px;
}

.page-template-template-sweepstakes-php .tab .row .title h2:after {
    bottom: 4px;
}

.row .confirmation .title {
    font-family: 'TradeGothicLT-bold';
    text-transform: uppercase;
    color: #ffffff;
}

.row .confirmation .description {
    color: #1e3858;
    font-family: 'TradeGothicLT-bold';
    margin-top: -15px;
    margin-bottom: 10px;
}

.row .confirmation .facebook, .page-template-template-sweepstakes-php .confirmation .facebook {
    background: url(assets/image/facebook-icon-blue.png) no-repeat 0px 0px;
    width: 40px;
    height: 40px;
    background-size: 40px;
    display: inline-block;
    margin-right: 30px;
    bottom: 35px;
    z-index: 9999;
    cursor: pointer;
}

.row .confirmation .twitter, .page-template-template-sweepstakes-php .confirmation .twitter {
    background: url(assets/image/twitter-icon-blue.png) no-repeat 0px 0px;
    width: 40px;
    height: 40px;
    background-size: 40px;
    display: inline-block;
    margin-right: 30px;
    bottom: 35px;
    z-index: 9999;
    cursor: pointer;
    margin-top: 20px;
}

.page-template-template-petition .content ul li {
    margin-left: 0px;
    list-style: none;
}

.page-template-template-petition .form .col-6:nth-child(odd) {
    margin-right: 10px;
}

.page-template-template-petition .form .col-6.state:nth-child(even) {
    margin-left: 0px;
    margin-right: 20px;
}

.page-template-template-petition .form .col-6.zip {
    margin-right: 0px;
}

.page-template-template-petition .form select {
    width: 100%;
}

.page-template-template-petition .descPetition {
    /*margin-top: -50px;*/
    margin-left: 45px;
}

.tab .row .title h2:after {
    content: '';
    background: url(assets/image/+_blue.png) no-repeat 3px 3px;
    background-size: 20px;
    display: block;
    width: 25px;
    position: absolute;
    right: -30px;
    bottom: 0px;
    height: 30px;
}

.tab .row.active .title h2:after {
    content: '';
    background: url(assets/image/-_blue.png) no-repeat 3px 3px;
    background-size: 20px;
    right: -30px;
    bottom: 0px;
    height: 30px;
    display: block;
    width: 25px;
    position: absolute;
}

/* action */

.header .description {
    position: absolute;
    right: 60px;
    width: 40%;
    min-width: 500px;
    bottom: 150px;
}

.header .description h1.title {
    font-size: 35px;
    color: #ffffff;
    max-width: initial;
    position: relative;
    bottom: 35px;
    width: initial;
    top: 0px;
    left: 0px;
    text-align: left;
    margin-left: 0px;
    margin-bottom: 10px;
}

.header .description p {
    color: #fff;
    font-size: 20px;
    line-height: 25px;
}

.nav.horizontal {
    position: absolute;
    top: auto;
    bottom: 0px;
    left: 0px;
    width: 100%;
    max-width: 100%;
    min-height: 60px;
    background: #1e3858;
    z-index: 99;
}

.row .mobileTab .titleMobile {
    display: none;
}

.nav.horizontal ul {
    text-align: left;
    margin-left: 260px;
}

.nav.horizontal ul li {
    display: inline-block;
    padding: 12px 40px;
    color: #edc715;
    text-transform: uppercase;
    font-family: 'TradeGothicLT-bold';
    font-weight: normal;
    font-size: 30px;
    cursor: pointer;
    -webkit-transition: background 300ms;
    -moz-transition: background 300ms;
    -o-transition: background 300ms;
    transition: background 300ms;
}

.nav.horizontal ul li.title {
    display: inline-block;
    padding: 12px 40px;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'TradeGothicLT-bold';
    font-weight: normal;
    font-size: 30px;
    cursor: default;
}

.nav.horizontal ul li.active, .nav.horizontal ul li:hover, .nav.horizontal ul li:active, .nav.horizontal ul li:focus {
    color: #1e3858;
    background: #ffffff;
}

.nav.horizontal ul li.title:hover, .nav.horizontal ul li.title:active, .nav.horizontal ul li.title:focus {
    color: #ffffff;
    background: none;
}

.nav ul li a {
    padding: 1px 0px;
    margin: -1px 0px;
    display: block;
}

.row .content.title {
    color: #1e3858;
    width: 100%;
    max-width: 860px;
    margin: 80px auto 50px;
}

.row .content.title h2 {
    font-size: 25px;
    color: #1e3858;
    text-align: left;
    font-family: 'TradeGothicLT-bold';
}

.takeMobile, .scrollDown {
    display: block;
}

.page-template-template-act .takeMobile {
    display: none;
}

.form .col-6 {
    width: calc(50% - 10px);
    display: inline-block;
    float: left;
}

.form .col-6:nth-child(even) {
    margin-right: 20px;
}

.headerForm .form .col-6:nth-child(odd) {
    margin-right: 10px;
}

/* .form .col-6:nth-child(even) {
    margin-left: 10px;
} */

.headerForm .form .col-6.city {
    margin-left: 0px;
}

.headerForm .form .col-6.state {
    margin-left: 10px;
    margin-right: -20px;
    width: calc(50% + 10px);
}

.form label {
    clear: both;
    display: block;
    font-family: 'TradeGothicLT-bold';
    font-weight: normal;
    padding-bottom: 5px;
}

.mobileTab .form .col-12 label {
    margin-top: 20px;
    display: inline-block;
}

.clear-both {
    clear: both;
}

.pledge .row h2 {
    font-size: 25px;
    color: #1e3858;
    text-align: left;
    width: calc(100% - 55px);
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 34px;
    position: relative;
    margin-bottom: 20px;
    margin-left: -50px;
    line-height: 37px;
}

.pledge .row .content {
    margin: 30px 0px 0px 300px !important;
}

.pledge .full-width .content ul li {
    color: #ffffff;
    margin-left: -10px;
    font-family: 'TradeGothicLT-Bold';
    list-style: none;
}

.pledge .full-width .content.meter {
    background: url(assets/image/meter.png) no-repeat right center;
}

.pledge .meter p b {
    margin-left: -10px;
}

.pledge .row.full-width {
    background: #9aa9ba;
}

.form input, .form select {
    width: calc(100% - 20px);
    display: block;
    border: 0px;
    color: #1e3858;
    font-size: 16px;
    padding: 10px;

}

.form p b, .form p strong {
    margin: 0px 0 -25px 38px;
    display: block;
    font-family: 'TradeGothicLT-bold';
    font-weight: normal;
}

.form input:active, .form input:hover, .form input:focus {
    outline: 0 !important;
    -webkit-box-shadow: 0 !important;
    -moz-box-shadow: 0 !important;
    box-shadow: 0 !important;
}

input[type=checkbox], input[type=checkbox]:hover {
    width: 30px;
    height: 30px;
    margin-right: 8px;
    cursor: pointer;
    font-size: 27px;
    display: block !important;
}

input[type=submit] {
    background: #edc715;
    margin: 0px;
    width: 100%;
    font-family: 'TradeGothicLT-bold';
    font-weight: normal;
    margin-bottom: 30px;
    margin-top: 30px;
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
}

.page-template-template-act input[type=submit] {
    margin-top: 0px;
}

/*
input[type=checkbox]:active, input[type=checkbox]:hover, input[type=checkbox]:focus {
    outline: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow:none !important;
    appearance: none!important;
    -webkit-appearance: none!important;
    -moz-appearance:none !important;
}*/

.form .row span, .form.takeAction .gfield_checkbox label {
    font-family: 'TradeGothicLT-bold';
    font-weight: normal;
    margin-top: -30px !important;
    margin-left: 45px !important;
}

.form.takeAction .gfield_checkbox li {
    margin-bottom: 8px;
}

.form.takeAction .validation_error, .form.takeAction .validation_message {
    color: #f00;
}

.form.takeAction .gform_confirmation_message {
    color: #edc715;
    font-family: 'TradeGothicLT-bold';
    font-size: 20px;
    margin-top: 30px;
}

.mobileTab .form .row span, .form.takeAction .gfield_checkbox label {
    max-width: 700px;
}

/*input[type="checkbox"] {
    display:none;
}
input[type="checkbox"] + span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(assets/image/checkbox.jpg) left top no-repeat;
    cursor:pointer;
}*/

.tab .row .row.full-width {
    background: #9aa9ba;
}

.tab .row .row.full-width .content {
    padding: 30px 0px;
}

.tab .row .row.full-width .content.meter {
    background: url(assets/image/meter.png) no-repeat right center;
}

.tab .row .row.full-width .content ul li {
    color: #ffffff;
    font-family: 'TradeGothicLT-Bold';
}

.tab .row .row.full-width .content ul li a {
    color: #ffffff;
    text-decoration: none;
}

.tab .row .row.full-width .content ul li:before {
    content: '';
}

.tab .row .row.full-width .content ul.circle li {
    color: #1e3858;
    margin-left: 30px;
    font-family: 'TradeGothicLT';
}

.tab .row .row.full-width .content ul.circle li a {
    color: #1e3858;
    text-decoration: underline;
}

.tab .row .social-share h3 {
    color: #ffffff;
    clear: both;
}

.tab .row .social-share .subdetail {
    margin-left: 70px;
}

.col-6 {
    width: 50%;
    float: left;
}

.subdetail .col-6 h4 {
    font-size: 17px;
    text-transform: uppercase;
    font-family: 'TradeGothicLT-Bold';
    color: #1e3858;
    padding-bottom: 10px;
}

.subdetail .col-6 a {
    font-size: 17px;
    font-family: 'TradeGothicLT';
    color: #1e3858;
    padding-bottom: 10px;
    clear: both;
    display: block;
    font-style: italic;
}

/* find */

.find .row {
    background: #dedfe1;
    position: relative;
    width: 100%;
    bottom: 0px;
    padding-bottom: 1px;
    margin-bottom: 30px;
}

.find .header h1:first-child.title {
    font-size: 23px;
    color: #ffffff;
    bottom: 490px;
    text-transform: uppercase;
}

.find .header h1:first-child.title a {
    color: #edc715;
}

.find .header h1.title {
    text-transform: initial;
    font-size: 23px;
}

.find .header h1.title a {
    color: #edc715;
}

.find .header .map {
    position: absolute;
    bottom: 150px;
    left: calc(50% + 30px);
    width: 400px;
}

.find .header h1.title span {
    clear: both;
    margin-bottom: 20px;
    color: #ffffff;
    font-family: 'TradeGothicLT';
    display: block;
    width: calc(100% - 100px);
    text-transform: none;
}

.find .row .content {
    margin: 0px auto 20px auto;
    padding: 40px 0px 0px;
}

.find .row.blue .content {
    padding: 20px 0px 0px;
}

.find .row.blue {
    width: 100%;
    background: #9aa9ba;
    padding: 0px;
}

.find .row .content .row .content {
    padding: 0px;
    width: 100%;
    max-width: 650px;
    margin: 20px auto;

}

.find .footer {
    position: initial;
    bottom: inherit;
    padding: 10px 0px 15px;
    display: block;
    width: 100%;
    background: #1e3858;
    z-index: 9999;
}

.col-4 {
    width: 25%;
    float: left;
}

.find h3 {
    color: #1e3858;
    font-size: 20px;
    text-transform: uppercase;
    padding-bottom: 15px;
    font-family: 'TradeGothicLT-Bold';
    font-weight: normal;
}

.find .col-4 img {
    width: auto;
    margin: 0 auto;
    display: block;
}

.find .col-4 span {
    text-align: center;
    clear: both;
    display: block;
    font-family: 'TradeGothicLT-Bold';
    padding: 20px 0px;
    color: #ffffff;
}

.find .row.blue p {
    clear: both;
    display: block;
    font-family: 'TradeGothicLT-Bold';
    padding: 4px 0px;
    color: #ffffff;
}

.find .row.blue .address {
    margin-left: 100px;
    padding-top: 10px;
    padding-bottom: 30px;
}

#box-middle area {
    position: absolute;
    background: #fdce00;
    display: block;
}

.header .box-middle {
    margin-left: 50%;
    padding-top: 150px
}

/* how to page */

#container.how-to .content {
    padding: 0px 80px;
}

#container.how-to .content .bottom {
    bottom: 35px;
    color: #fff;
    margin-bottom: 0px;
    padding-right: 60px;
    font-size: 25px;
    font-weight: bold;
    position: absolute;
}

#container.how-to #right9 .content .bottom {
    bottom: auto;
    top: 58px;
}

#container.how-to #right9 .content .bottom {
    bottom: auto;
    top: 58px;
}

#container.how-to .content .bottom h4 {
    font-family: 'TradeGothicLT-Bold' !important;
    font-weight: normal;
    font-size: 1.2em;
    line-height: 1.2em;
    font-style: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 5px;
    margin-top: 50px;
}

#container.how-to .content .bottom p {
    font-family: 'TradeGothicLT-Light';
    font-size: 0.8em;
    line-height: 1.2em;
    letter-spacing: 0px;
    font-weight: 300;
    font-style: normal;
    text-transform: none;
    padding-bottom: 15px;
}

#container.how-to .content .bottom p strong {
    font-size: 1.4em;
}

#container.how-to .content.right7 .bottom {
    margin-bottom: 60px;
}

#container .content.left7 {
    padding: 0px 120px;
    margin-left: 100px;
    text-align: right;
}

#container.how-to .content.left7 .bottom {
    margin-bottom: 80px;
}

#container.how-to .content.left8 {
    padding: 0px 120px;
    margin-left: 170px;
    text-align: right;
}

#container.how-to .content .bottom h3 {
    font-size: 60px;
    padding: 0px;
    margin-bottom: 20px;
    line-height: 60px;
}

#container.how-to .content .bottom h4 {
    font-size: 30px;
    line-height: 30px;
    padding-bottom: 15px;
    margin-top: 15px;
}

#container.how-to .content .bottom a.source {
    font-weight: bold;
    font-family: 'TradeGothicLT-Light';
    color: #ffffff;
    font-size: 12px;
    overflow: hidden;
    display: flex;
    max-width: 50%;
}

#container.how-to .content .bottom a.source sup {
    font-size: 10px;
    line-height: 14px;
    padding-right: 5px;
}

.faq {
    position: fixed;
    background: #dedfe1;
    top: 0;
    left: 0;
    height: calc(100% - 85px);
    width: 100%;
    z-index: 9999;
    overflow-x: hidden;
    overflow-y: scroll;
    display: none;
}

.faq .tab {
    display: block;
    width: calc(100% - 400px);
    margin-left: 350px;
}

.faq .tab .row {
    margin: 0px;
}

.faq .mobileTab .titleMobile h2 {
    font-size: 4em;
    color: #1e3858;
    text-align: left;
    font-family: 'TradeGothicLT-bold';
    width: calc(100% - 400px);
    margin-left: 350px;
    margin-top: 40px;
    margin-bottom: 30px;
}

.faq .tab .row .title {
    padding: 5px 0px 5px 10px;
    margin: 0px !important;
    max-width: 100% !important;
    width: 100% !important;
}

.faq .tab .row:nth-child(odd) .title {
    color: #ffffff;
    background: #9aa9ba;
}

.faq .tab .row:nth-child(even) .title {
    color: #ffffff;
    background: #1e3858;
}

.faq .tab .row .title h2 {
    width: calc(100% - 40px);
    font-family: 'TradeGothicLT-bold';
    font-size: 20px;
    height: 24px;
}

.faq .tab .row:nth-child(odd) .title h2 {
    color: #1e3858;
}

.faq .tab .row:nth-child(even) .title h2 {
    color: #ffffff;
}

.faq .tab .row .content {
    color: #1e3858;
    margin-left: 350px;
    background: #fff;
    padding: 10px 20px 10px 10px;
    width: 100% !important;
    max-width: calc(100% - 20px) !important;
    margin: 0px 20px 0px 0px !important;
}

.faq .tab .row .title h2:after {
    content: '';
    display: block;
    width: 25px;
    position: absolute;
    right: -30px;
    top: 0px;
    height: 25px;
}

.faq .tab .row.active .title h2:after {
    content: '';
    right: -20px;
    bottom: 0px;
    height: 25px;
    display: block;
    width: 25px;
    position: absolute;
}

.faq .tab .row:nth-child(odd) .title h2:after {
    background: url(assets/image/+_blue.png) no-repeat 3px 3px;
    background-size: 20px;
}

.faq .tab .row:nth-child(even) .title h2:after {
    background: url(assets/image/+_white.png) no-repeat 3px 3px;
    background-size: 20px;
}

.faq .tab .row.active:nth-child(odd) .title h2:after {
    background: url(assets/image/-_blue.png) no-repeat 3px 3px;
    background-size: 20px;
}

.faq .tab .row.active:nth-child(even) .title h2:after {
    background: url(assets/image/-_white.png) no-repeat 3px 3px;
    background-size: 20px;
}

.page-template-template-petition .row.blue input[type=submit] {
    /* width: 650px !important; */
    max-width: 650px;
    margin: 0 auto;
    text-align: center;
    display: block;
    border: none;
    color: #1e3858;
    font-size: 16px;
    padding: 10px;
    margin-top: -50px;
}
.gform_footer {
    padding: 20px 0;
}

.faq .footer {
    width: 100%;
    position: relative;
    padding: 10px 0px 10px;
}

.faq .mobileTab {
    margin-bottom: 50px;
}

/* petition */

.page-template-template-petition .scrollDown {
    display: block;
}

.page-template-template-petition .header h1.title {
    color: #ffffff;
    line-height: 40px;
}

.page-template-template-petition .row .content {
    margin: 0px auto;
    padding: 40px 0px;
}

.page-template-template-petition .row.gray {
    background: #dedfe1;
    padding-bottom: 50px;
}

.page-template-template-petition .row.blue {
    background: #9aa9ba;
}

.page-template-template-petition .row.gray .content, .page-template-template-petition .row.blue .content {
    margin: 0px auto;
}

.page-template-template-petition .row.blue .content {
    color: #ffffff;
}

.page-template-template-petition .row.blue .content li {
    list-style: none;
}

.page-template-template-petition .row.gray .content h3 {
    color: #ffffff;
    font-size: 20px;
    text-transform: uppercase;
    width: 146px;
    margin-top: -40px;
    margin-bottom: 20px;
    padding: 10px 20px;
    font-family: 'TradeGothicLT-Bold';
    font-weight: normal;
    background: #eeca00;
}

.page-template-template-petition .row.gray .form input {
    margin-bottom: 20px;
}

.page-template-template-petition .row.blue input[type=checkbox] {
    width: 20px;
    height: 20px;
    margin-right: 27px;
    margin-bottom: -7px;
    cursor: pointer;
    font-size: 10px;
    line-height: 9px;
    position: absolute;
    display: inline-block;
}

.page-template-template-petition .row.blue input[type=submit].petiton {
    width: 100%;
    display: block;
    border: 0px;
    color: #1e3858;
    font-size: 16px;
    padding: 10px;
    margin: 20px 0px 0px;
}

.page-template-template-petition .row.blue span {
    /*margin-left: 15px;*/
}

.page-template-template-petition .row.blue span.fillCity, .page-template-template-petition .row.blue .fillName {
    margin-left: 0px;
    text-transform: capitalize;
}

.page-template-template-petition .row.gray .form {
    padding: 0px 50px 80px;
}

.thank {
    display: none;
}

.thank h2 {
    color: #1e3858;
    font-size: 20px;
    padding-bottom: 15px;
    font-family: 'TradeGothicLT-Bold';
    font-weight: normal;
    text-transform: uppercase;
    clear: both;
    padding-top: 70px;
}

.thank h4 {
    color: #1e3858;
    font-size: 20px;
    padding-bottom: 15px;
    font-family: 'TradeGothicLT-Bold';
    font-weight: normal;
    clear: both;
}

.thank .facebook {
    background: url(assets/image/facebook-icon-blue.png) no-repeat center 0px;
    width: 45px;
    height: 45px;
    background-size: 45px;
    display: inline-block;
    margin: 0px 10px 0px 0px;
}

.thank .twitter {
    background: url(assets/image/twitter-icon-blue.png) no-repeat center 0px;
    width: 45px;
    height: 45px;
    background-size: 45px;
    display: inline-block;
    margin: 0px 10px 0px 0px;
}

.pledge .form p b, .pledge .form p strong {
    margin: 0px;
    display: block;
    font-family: 'TradeGothicLT-bold';
    font-weight: normal;
}

/* sweepstakes */

.page-template-template-sweepstakes-php .row.gray {
    background: #dedfe1;
}

.page-template-template-sweepstakes-php .row .content, .page-template-template-video .row .content {
    max-width: 1000px;
}

.page-template-template-sweepstakes-php .header h2 {
    color: #1e3858;
    font-size: 35px;
    text-transform: uppercase;
    padding-bottom: 15px;
    font-family: 'TradeGothicLT-Bold';
    font-weight: normal;
}

.page-template-template-sweepstakes-php .header .headerForm {
    font-size: 20px;
    color: #1e3858;
    background: rgba(222, 223, 225, 0.9);
    padding: 30px;
    max-width: 600px;
    position: absolute;
    bottom: 40px;
    width: initial;
    top: initial;
    margin-right: 40px;
    left: initial;
    text-align: left;
    margin-left: calc(50% + 50px);
}

.page-template-template-sweepstakes-php .header .headerForm input {
    margin-bottom: 10px;
}

.page-template-template-sweepstakes-php .header .headerForm input[type=submit] {
    background: #edc715;
    margin: 20px 0px 0px;
    width: 100%;
    font-family: 'TradeGothicLT-bold';
    font-weight: normal;
    margin-bottom: 0px;
    display: block;
    text-transform: uppercase;
    cursor: pointer;
}

.page-template-template-sweepstakes-php .header .headerForm input[type=checkbox] {
    width: 25px;
    height: 25px;
    margin: 8px 8px -15px 0px;
    position: relative;
    top: 7px;
    cursor: pointer;
    font-size: 25px;
    display: inline-block;
}

.page-template-template-sweepstakes-php .header .headerForm .terms label {
    clear: both;
    font-size: 15px;
    line-height: 20px;
    margin-top: -20px;
    margin-left: 35px;
    font-family: 'TradeGothicLT';
}

.page-template-template-sweepstakes-php .header .headerForm .terms .gfield_required {display: none;}

.page-template-template-sweepstakes-php .gfield {margin-top:20px;}

.page-template-template-sweepstakes-php .confirmation p, .page-template-template-sweepstakes-php .confirmation p b {
    line-height: 35px;
    margin: 0px;
}

.page-template-template-sweepstakes-php .confirmation p span {
    color: #d7b817;
    text-transform: uppercase;
}

/* start carousel modal */

.modal-content {
    background: rgba(80, 80, 80, 0.75);
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0%;
    z-index: 999999;
}

.modal-content .close {
    position: fixed;
    width: 17px;
    height: 25px;
    padding: 5px 5px 5px 10px;
    line-height: 20px;
    font-size: 25px;
    top: 10%;
    right: calc(10% + 10px);
    z-index: 9999999;
    cursor: pointer;
}

.modal-body {
    background: #fff;
    position: fixed;
    width: calc(80% - 60px);
    height: calc(80% - 60px);
    top: 10%;
    left: 10%;
    z-index: 999999;
    padding: 30px;
    box-shadow: 2px 2px 10px;
    overflow: auto;
}

.bx-wrapper .seeFull {
    font-size: 17px;
    color: #b39c2a;
    line-height: 1;
    margin-bottom: 15px;
    margin-top: 15px;
    font-weight: normal;
    display: block;
    text-transform: uppercase;
    font-family: 'TradeGothicLT-Bold';
}

.galleryItem {
    margin-right: 20px;
    width: calc(20% - 24px);
    height: auto;
    margin-bottom: 20px;
}

.gallery {
    width: calc(100% + 20px);
    display: block;
    height: 600px;
    overflow: hidden;
    margin-top: 15px;
    display: inline-block;
}

.arrowBottom {
    width: 30px;
    height: 30px;
    cursor: pointer;
    display: block;
    margin: 0 auto;
    background: url(assets/image/arrow-bottom.png) no-repeat 5px;
}

.arrowBottom.active {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.page-template-template-sweepstakes-php .row .content, .page-template-template-video .row .content {
    color: #1e3858;
    width: 100%;
    max-width: 650px;
    margin: 50px auto 50px auto;
}

.page-template-template-sweepstakes-php .row .content h3 {
    margin-top: 30px;
    display: inline-block;
}

.page-template-template-sweepstakes-php .tab .row .title {
    max-width: 1010px;
    margin-left: 300px;
}

/* end carousel modal */

.imageCenter {
    position: absolute;
    bottom: 25%;
    right: 48%;
    padding: 10px 0 10px 10px;
    max-width: 280px;
}

.infoCenter {
    width: calc(50% - 100px);
    position: absolute;
    bottom: 0;
    right: 0px;
    padding: 50px;
}

.infoCenter h1.title {
    position: initial;
    margin: 0px 0px 30px !important;
}

.infoCenter h2 {
    color: #edc715;
    font-size: 1.5em;
    text-transform: uppercase;
    font-family: 'TradeGothicLT-Bold';
    margin-bottom: 15px;
}

.infoCenter p {
    color: #fff;
}

.infoCenter p a {
    color: #edc715;
}

.infoCenter .info-center {
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'TradeGothicLT-Bold';
    margin: 15px 0px;
}

.page-template-template-blog .header {
    box-shadow: 0px 1px 30px #666;
}

.page-template-template-blog .footer {
    position: inherit;
    width: 100%;
    padding-bottom: 10px;
}

.page-template-template-blog-php .content {
    max-width: 1010px;
}

.page-template-template-blog-php .content .item img {
    width: 100%;
    height: auto;
    display: block;
}

.page-template-template-blog-php .content .item {
    width: calc(33.33% - 25px);
    padding: 10px;
    display: inline-block;
    margin: 0px;
    vertical-align: top;
}

.page-template-template-blog-php .content .item a {
    font-size: 20px;
    text-transform: uppercase;
    color: #1e3858;
    font-weight: normal;
    font-family: 'TradeGothicLT-Bold';
    line-height: 1.5;
    text-decoration: none;
    margin-top: 10px;
    display: block;
}

.page-template-template-blog-php .content .item p {
    font-size: 15px;
    color: #1e3858;
    font-weight: normal;
    font-family: 'TradeGothicLT-Bold';
    line-height: 1.2;
}

.page-template-template-blog-php .content .item a.readMore {
    clear: both;
    display: table;
    border: solid 2px #1e3858;
    padding: 0px 5px;
    margin: -5px 0px 0px;
    font-size: 16px;
    font-style: italic;
}

.page-template-template-blog-php .headerItem, .single-post .headerItem {
    width: calc(50% - 150px);
    position: absolute;
    bottom: 35px;
    right: 50px;
}

.page-template-template-blog-php .headerItem .item a, .single-post .headerItem .item a {
    font-size: 30px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: normal;
    font-family: 'TradeGothicLT-Bold';
    line-height: 1.5;
    text-decoration: none;
    margin-top: 10px;
    display: block;
    /*text-shadow: 1px 1px 2px #000;*/
}

.page-template-template-blog-php .headerItem .item p, .single-post .headerItem .item p {
    color: #ffffff;
    font-size: 25px;
    /*text-shadow: 1px 1px 2px #000;*/
}

.single-post .headerItem .item .facebook, .single-video .facebook, .single-sweepstake .facebook {
    background: url(assets/image/facebook-icon-yellow.png) no-repeat 0px 0px;
    width: 40px;
    height: 40px;
    background-size: 40px;
    display: inline-block;
    margin-right: 30px;
    bottom: 35px;
    z-index: 9999;
    cursor: pointer;
}

.single-video .facebook, .single-sweepstake .facebook {
    background: url(assets/image/facebook-icon-yellow.png) no-repeat 0px 0px;
    width: 40px;
    height: 40px;
    background-size: 40px;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 10px;
    bottom: 35px;
    z-index: 9999;
    cursor: pointer;
}

.single-post .headerItem .item .twitter {
    background: url(assets/image/twitter-icon-yellow.png) no-repeat 0px 0px;
    width: 40px;
    height: 40px;
    background-size: 40px;
    display: inline-block;
    margin-right: 30px;
    bottom: 35px;
    z-index: 9999;
    cursor: pointer;
}

.single-video .twitter, .single-sweepstake .twitter {
    background: url(assets/image/twitter-icon-yellow.png) no-repeat 0px 0px;
    width: 40px;
    height: 40px;
    background-size: 40px;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 10px;
    bottom: 35px;
    z-index: 9999;
    cursor: pointer;
}

.single-post .headerItem .item .mail {
    background: url(assets/image/mail-icon-yellow.png) no-repeat 0px 0px;
    width: 40px;
    height: 40px;
    background-size: 40px;
    display: inline-block;
    bottom: 35px;
    z-index: 9999;
    cursor: pointer;
}

.single-video .mail, .single-sweepstake .mail {
    background: url(assets/image/mail-icon-yellow.png) no-repeat 0px 0px;
    width: 40px;
    height: 40px;
    background-size: 40px;
    display: inline-block;
    margin-bottom: 10px;
    bottom: 35px;
    z-index: 9999;
    cursor: pointer;
}

.page-template-template-blog-php .headerItem .item .readMore, .single-post .headerItem .item .readMore {
    clear: both;
    display: table;
    border: solid 2px #ffffff;
    padding: 0px 10px;
    margin: 15px 0px 0px;
    font-size: 16px;
    font-style: italic;
    /*box-shadow: 0px 0px 3px #000;*/
}

/*  single post */

.single-post .footer {
    position: relative;
    width: 100%;
    padding-bottom: 30px;
}

.single-post .header {
    box-shadow: 0px 1px 30px #666;
}

.single-post .row .content {
    /*   margin: 30px 0px 30px 300px;
       max-width: calc(100% - 340px);*/

    margin: 30px 0px 30px 300px;
    width: calc(100% - 340px);
    max-width: 900px;
}

.single-post .row.page-template-template-blog-php {
    background: #dedfe1;
    padding: 10px 0px;
    margin: 0px -10px;
}

.single-post .row.page-template-template-blog-php .content {
    margin-top: 10px !important;
    display: block;
}

.single-post .row.page-template-template-blog-php .content h3 i {
    margin-left: 10px;
}

.single-post .row .content .thumbnail_blog, a[rel="prev"], a[rel="next"] {
    display: none;
}

.find .header .box-middle h2.title {
    font-size: 23px;
    color: #fdce00;
    bottom: 490px;
    text-transform: uppercase;
    font-family: 'TradeGothicLT-Bold';
    padding-bottom: 50px
}

@media (max-width: 767px) {
	.find .header .box-middle h2.title.notFound {
		width: calc(100% - 200px);
		margin-top: -78px;
		margin-left: 140px;
	}
	
	.scrollDown.notFound {
		display: none;
	}
}

.find .header .box-middle h2.title.found {
    color: #ffffff;
    text-transform: none;
}

.find .header .box-middle h1.title {
    margin-left: 50px;
}

.find .header .box-middle h1.title.soon {
    margin-left: 0;
    margin-top: 30px;
    text-transform: none;
}

.page-template-template-find-state .header .box-middle {
    margin-left: 50%;
    padding-top: 150px;
}

.page-template-template-find-state .header .box-middle h2.title {
    font-size: 23px;
    color: #fdce00;
    bottom: 490px;
    text-transform: uppercase;
    font-family: 'TradeGothicLT-Bold';
    padding-bottom: 50px;
    max-width: 500px;
}

.page-template-template-find-country .header .box-middle h2.title {
    padding-bottom: 0px;
	padding-right: 30px;
    margin-top: 10px;
}

.fancybox-iframe .single-video .row {padding:0 !important;}

.single-video .row .content, .single-sweepstake .row .content {
    width: 100%;
    margin: 0px;
    max-width: 100%;
}

.single-video .row .content {width: auto; padding: 30px; }
.single-video h3 {margin-top: 20px;}

.single-video .video-frame, .single-sweepstake .sweepstake-frame {
    width: 100%;
    height: 460px;
}

.fancybox-inner .single-video h3, .single-sweepstake h3 {
    margin-top: 10px;
}

.page-template-template-video .bx-wrapper .seeFull {
    color: #b39c2a;
    text-decoration: none;
}

.page-template-template-video .header .scrollDown {
    bottom: 10px;
}

.form.takeAction li {
    margin-left: 0px !important;
    list-style: none !important;
}

.showArrow {
    right: 0 !important;
    left: 60px !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition-delay: 0.3s;
}

.findPledge {
    max-width: 650px;
    margin: 0 auto !important;
    display: block !important;
    padding-top: 30px;
    margin-bottom: -50px !important;
}

.page-template-template-find-result .gform_confirmation_message {
    color: #1e3858;
}

.error404 h1.title {
    font-size: 4em;
    top: calc(50% - 120px);
    line-height: 1em;
    color: #1e3858;
}

 .page-template-template-video .video-container {
		width:65%;
	 	max-width:875px;
    }

@media (max-width: 767px) {
	
	.page-template-template-find-result .findPledge {
		margin-bottom: 0px !important;
	}
	.page-template-template-find-result .gform_body {
		padding: 0px 30px!important;
	}
	.page-template-template-find-result .form_sublabel_below input {
		border: solid 1px;
	}
	.page-template-template-find-result .content input[type=submit] {
		margin: 20px -10px 20px 20px!important;
	}

    .error404 h1.title {
        font-size: 2em;
        top: calc(50% - 120px);
        line-height: 1em;
        color: #1e3858;
        max-width: 100%;
        left: 0px;
    }

    .page-template-default .row .content {
        margin: 130px 0px 10px 0px!important;
    }

    #searchResult {
        float: right;
        margin-top: -20px;
    }


    #left6 .content .bottom h2 {
        color: #d5b619;
        font-size: 25px;
        font-family: 'TradeGothicLT-Bold';
        font-weight: normal;
        text-transform: uppercase;
        top: 0px;
        position: absolute;
        right: 20px;
        width: 100%;
    }

    #container.about .ms-left .content .bottom {
        right: 0px;
        text-align: center;
        padding-right: 20px;
        top: calc(50% - 20px);
        width: 100%;
    }

    .page-template-template-about .footer .newsletter {
        top: -10px;
    }

    .page-template-template-about .footer .col-3 .gfield_label {
        padding-right: 90px;
        margin-bottom: 5px;
        text-transform: uppercase;
        display: block;
    }

    .page-template-template-about .footer .col-3 #gform_submit_button_1 {
        margin-top: -42px;
    }

    .page-template-template-about .footer .newsletter .gfield_error .validation_message {
        margin-top: 0px;
    }

    .footer .newsletter {
        top: 0px !important;
    }

    #container.about .content .bottom span {
        font-size: 12px;
    }

    .home #container .content .description {
        color: #ffffff !important;
        background: none;
        padding: 0 20px 0 0 !important;
    }

    .home #container .content .description h3 {
        color: #ffffff !important;
    }

    /* video */
    .video-frame, .sweepstake-frame {
        height: calc(100% - 100px);
    }

    .page-template-template-video .video-container {
        top: 75px;
        right: 5px;
        left: 5px;
        bottom: 10px;
        background: none;
        padding: 0;
    }

    .page-template-template-video .text-container > h1 {
        font-size: 20px;
        margin: 5px 0 10px 0;
    }

    .text-container > p {
        display: none;
    }

    .bx-wrapper {
        max-width: 330px !important;
    }

    .page-template-template-find-state .header .box-middle h2.title {
        font-size: 23px;
        color: #fdce00;
        bottom: auto;
        top: 16px;
        left: 150px;
        width: 100%;
        text-transform: uppercase;
        font-family: 'TradeGothicLT-Bold';
        padding-bottom: 50px;
    }

    .header .box-middle {
        margin-left: 15px;
        padding-top: 50px
    }

    .page-template-template-find-country .header .box-middle {
        padding-top: 100px;
    }

    .single-post .header, .single-post .row.page-template-template-blog-php {
        display: none;
    }

    .single-post .row .content {
        margin: 20px 20px 20px 20px;
        max-width: calc(100% - 40px);
    }

    .single-post .row .content .thumbnail_blog {
        width: 100%;
        height: inherit;
        margin-top: 70px;
        margin-bottom: 20px;
        display: block;
    }

    a[rel="prev"] {
        position: absolute;
        left: 10px;
        top: 250px;
        display: block;
    }

    a[rel="next"] {
        position: absolute;
        right: 10px;
        top: 250px;
        display: block;
    }

    .page-template-template-blog-php .header {
        display: none;
    }

    .page-template-template-blog-php .content .item {
        width: 100%;
        padding: 20px;
        background: #ffffff;
        margin: 0px -20px;
    }

    .page-template-template-blog-php .content .item:nth-child(even) {
        background: #dedfe1;
    }

    .page-template-template-blog-php .content .item p {
        display: none;
    }

    .page-template-template-blog-php .content .item a.readMore {
        margin-top: 0px;
        font-size: 14px;
    }

    .infoCenter {
        width: calc(100% - 60px);
        position: absolute;
        bottom: 30px;
        right: 0px;
        padding: 0px 35px;
    }

    .infoCenter h2 {
        font-size: 1em;
        margin-bottom: 10px;
    }

    .infoCenter .info-center {
        margin: 10px 0px 5px;
    }

    .page-template-template-find-result .row {
        padding: 0px;
    }

    .page-template-template-find-result .content .form {
        margin: 0px 0px 0px -30px;
    }

    .page-template-template-find-result .content .form .row {
        margin: 0px;
        width: 100%;
        padding: 0px 30px;
    }

    .page-template-template-find-result.pledge .row.full-width {
        margin-left: 0px !important;
    }

    .page-template-template-find-result.pledge .row h2 {
        margin-left: -10px;
    }

    .infoCenter h1.title {
        font-size: 16px;
        max-width: 100% !important;
        bottom: initial !important;
        position: initial !important;
        margin-bottom: 10px !important;
    }

    .page-template-template-sweepstakes-php .header .headerForm input {
        margin-bottom: -3px;
    }

    .page-template-template-sweepstakes-php .header .headerForm {
        font-size: 20px;
        color: #1e3858;
        background: rgba(222, 223, 225, 0.9);
        padding: 20px;
        max-width: 600px;
        position: absolute;
        bottom: 40px;
        width: initial;
        top: initial;
        margin-right: 0px;
        left: initial;
        text-align: left;
        margin-left: 0px;
    }

    .page-template-template-sweepstakes-php .header .headerForm input[type=checkbox] {
        width: 15px;
        height: 15px;
        margin: 0px 5px 2px 0px;
        position: relative;
        top: 4px;
        cursor: pointer;
        font-size: 25px;
        display: inline-block;
    }

    .page-template-template-sweepstakes-php .bx-wrapper {
        max-width: 330px !important;
    }

    .page-template-template-sweepstakes-php .header .headerForm input[type=submit] {
        background: #edc715;
        margin: 5px 0px 0px;
        width: 100%;
        font-family: 'TradeGothicLT-bold';
        font-weight: normal;
        margin-bottom: -10px;
        display: block;
        text-transform: uppercase;
        cursor: pointer;
        padding: 5px;
    }

    .page-template-template-sweepstakes-php .tab .row.active {
        margin: 15px 0px;
        padding: 0px 20px;
    }

    .page-template-template-sweepstakes-php .tab .row.active .title h2 {
        width: 100%;
        margin-left: initial;
    }

    .page-template-template-sweepstakes-php .tab.active .row.active .title {
        margin: 10px -10px;
        width: 100%;
    }

    /*.page-template-template-sweepstakes-php .tab.active .row .title h2 {
        width: calc(100% - 30px);
    }*/
    .page-template-template-sweepstakes-php .tab.active .row.active .title h2 {
        width: calc(90% + 30px);
    }

    .page-template-template-sweepstakes-php .arrowBottom {
        width: 30px;
        height: 30px;
        cursor: pointer;
        display: block;
        margin: 0 auto;
        background: url(assets/image/arrow-bottom.png) no-repeat 5px 10px;
    }

    .page-template-template-sweepstakes-php .header .headerForm .terms label {
        clear: both;
        font-size: 10px;
        line-height: 12px;
    }

    .page-template-template-sweepstakes-php .singUp .row {
        padding: 0px;
    }

    .page-template-template-sweepstakes-php .singUp .form .col-12 label {
        margin-top: 0px;
        display: inline-block;
    }

    .page-template-template-sweepstakes-php .singUp .form label {
        clear: both;
        display: block;
        font-family: 'TradeGothicLT-bold';
        font-weight: normal;
        padding-bottom: 5px;
        font-size: 15px;
    }

    .page-template-template-sweepstakes-php .singUp .form input {
        width: calc(100% - 20px);
        display: block;
        border: 0px;
        color: #1e3858;
        font-size: 10px;
        padding: 5px;
    }

    .page-template-template-sweepstakes-php .singUp .form .row:nth-child(1) {
        width: 66%;
        display: inline-block;
        margin-bottom: -9px;
    }

    .page-template-template-sweepstakes-php .singUp .form .row:nth-child(2) {
        width: 30%;
        display: inline-block;
        margin-left: 2.6%;
        margin-bottom: 10px;
    }

    .page-template-template-sweepstakes-php .singUp .form .row:nth-child(3) {
        width: calc(66% - 0px);
    }

    .page-template-template-sweepstakes-php .header h2 {
        font-size: 20px;
    }

    .galleryItem {
        width: calc(50% - 24px);
    }

    .page-template-template-sweepstakes-php .row .content, .page-template-template-video .row .content {
        margin: 0px auto 0px auto !important;
    }

    .page-template-template-sweepstakes-php .tab .row {
        margin: 15px 0px !important;
        padding: 0px 20px !important;
    }

    .page-template-template-sweepstakes-php .tab .row .title {
        max-width: 100% !important;
        margin-right: 20px !important;
        margin-left: 0px;
    }

    .pledge .footer input[type=submit] {
        margin: 0px -10px;
    }

    .pledge .row h2 {
        margin-left: -20px;
    }

    .pledge .row.full-width {
        margin-left: -20px;
        margin-bottom: 0px;
        margin-top: -20px;
    }

    .pledge .full-width .content.meter {
        background-size: 150px !important;
    }

    .pledge .form .row {
        background: #dedfe1;
        margin: 0px 0px 0px -50px;
        width: calc(100% + 50px);
    }

    .pledge .content input[type=submit] {
        margin: 0;
        width: 100%;
    }

    .mobileTab .form .col-12 label {
        margin-top: 20px;
        display: inline-block;
    }

    .show-mobile {
        display: block;
    }

    .show-desktop {
        display: none;
    }

    .show-tablet {
        display: none;
    }

    .hide-mobile {
        display: none;
    }

    .hide-desktop {
        display: block;
    }

    .hide-tablet {
        display: block;
    }

    .contentMessage {
        top: calc(50% - 60px);
        left: calc(100% - 115px);
        font-size: 35px;
    }

    .flipscreen {
        display: none;
    }

    .menu {
        overflow: hidden;
        display: block;
    }

    .nav {
        top: 0px;
        left: inherit;
        right: 0px;
        background: rgba(30, 56, 88, 0.9);
        height: 100%;
        width: 100%;
        max-width: 300px;
        overflow-y: auto;
        display: none;
        z-index: 999999;
    }

    .nav.active {
        display: block;
    }

    .nav ul {
        display: block;
        margin-top: 50px;
    }

    .nav ul li a {
        font-size: 18px;
        text-transform: uppercase;
        color: #ffffff;
        font-weight: normal;
        font-family: 'TradeGothicLT-Bold';
        line-height: 1.4;
        display: block;
        text-align: right;
        margin-right: 20px;
    }

    .nav .find {
        font-size: 18px;
        text-align: right;
        margin: 10px 20px;
        color: #fdce00;
        line-height: 1;
        display: block;
    }

    .nav input.zip {
		background: none;
		border: solid 1px #ffffff;
		height: 26px;
		width: 155px;
		text-align: right;
		padding-right: 20px;
		font-size: 15px;
		text-transform: uppercase;
		color: #ffffff;
		float: right;
		position: absolute;
		right: 50px;
    }

    .nav input.zip::-webkit-input-placeholder {
        color: #ffffff;
    }

    .nav input.zip:-moz-placeholder { /* Firefox 18- */
        color: #ffffff;
    }

    .nav input.zip::-moz-placeholder { /* Firefox 19+ */
        color: #ffffff;
    }

    .nav input.zip:-ms-input-placeholder { /* IE 10+ */
        color: #ffffff;
    }

    .footer input#input_1_1::-webkit-input-placeholder {
        color: #1e3858;
    }

    .footer input#input_1_1:-moz-placeholder { /* Firefox 18- */
        color: #1e3858;
    }

    .footer input#input_1_1::-moz-placeholder { /* Firefox 19+ */
        color: #1e3858;
    }

    .footer input#input_1_1:-ms-input-placeholder { /* IE 10+ */
        color: #1e3858;
    }

    .nav .submit {
        display: inline-block;
        width: 30px;
        height: 20px;
        margin-left: -4px;
        border: 0px;
        padding: 14px 0px;
        background: url(assets/image/submit_blue_icon.png) no-repeat 10px 8px #ffffff !important;
        background-size: 8px !important;
        cursor: pointer;
        position: absolute;
        right: 0;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .nav ul li ul.sub-menu li a {
        color: #ffffff;
        text-transform: initial;
        font-weight: initial;
        line-height: 1.3;
        font-size: 15px;
        font-family: 'TradeGothicLT';

    }

    .nav ul li ul.sub-menu {
        margin-top: 0px;
    }

    .mobile {
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 99999;
        width: 30px;
        height: 25px;
        background: url(assets/image/menu-icon.png) no-repeat 0px 0px;
        background-size: 30px;
        cursor: pointer;
    }

    .close {
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 999;
        width: 30px;
        height: 25px;
        background: url(assets/image/close-menu-icon.png) no-repeat 0px -1px;
        background-size: 30px;
    }

    .navbar-brand {
        position:absolute!important;
        top: 20px;
        left: 0px;
        z-index: 9999;
        width: 140px;
        height: 70px;
        background: url(assets/image/logo.png) no-repeat 8px 11px #3e6f35;
        background-size: 120px;
    }

    .navbar-brand.yellow {
        background: url(assets/image/logo-blue.png) no-repeat 8px 11px #eeca00 !important;
        background-size: 120px !important;
        width: 140px;
        height: 70px;
    }

    h1.title {
        left: calc(50% - 100px);
        max-width: 250px;
        font-size: 3rem;
        top: calc(50% - 72px);
        line-height: 3rem;

    }

    .page-template-template-home h1.title {
        left: calc(50% - 60px);
    }

    .page-template-template-home h1.title {
        text-shadow: 0px 0px 20px #999;
    }

    #container .content {
        padding: 20px !important;
        line-height: 1;
    }

    #container.home .content p span {
        color: #fff;
        text-transform: uppercase;
        font-weight: normal;
        font-size: 21px;
        font-family: 'TradeGothicLT-Bold';
        line-height: 25px;
        margin-bottom: 10px;
        padding-left: 0px;

    }

    #container.home .content p {
        bottom: initial;
        font-size: 16px;
        color: #fff;
        top: 80px;
        left: 20px;
        right: 00px;
        line-height: 20px;
        position: absolute;
        margin-left: 0;
        padding-right: 20px;
    }

    #container .content .bottom {
        position: absolute;
        bottom: 20px;
        left: 10px;
        /*top: initial;*/
        padding-right: 20px;
        font-size: 14px;
        font-weight: normal;
    }
	
	#container .content.members .bottom {
		bottom:174px;
	}

    #container .content .bottom h3 {
        margin-bottom: 10px !important;
        font-size: 28px !important;
        padding-left: 0px !important;
        line-height: 30px !important;
    }

    svg {
        width: 200%;
        min-height: 100%;
        position: absolute;
        top: 0;
        left: -100%;
        z-index: 1;
        background: none;
    }

    .footer {
        padding: 10px 0px;
    }

    .footer p {
        color: #ffffff;
        font-size: 12px;
    }

    .footer .col-1 p {
        padding-left: 15px;
        line-height: 16px;
    }

    .footer .col-2 .mail, .footer .col-2 .facebook, .footer .col-2 .instagram, .footer .col-2 .twitter {
        height: 30px;
        width: 30px;
        background-size: 30px;
        margin: 0px;
    }

    .footer .col-3 p {
        padding-right: 10px;
        margin-bottom: 10px;
        text-transform: uppercase;
    }

    .col-3 {
        width: 30% !important;
    }

    .footer input#input_1_1 {
        width: calc(100% - 52px);
        height: 24px;
        font-size: 10px;
        outline: 0;
    }

    .footer .col-3 #gform_submit_button_1 {
        display: inline-block;
        width: 30px;
        height: 26px;
        margin-left: calc(100% - 50px);
        border: 0px;
        padding: 8px 0px;
        background: url(assets/image/submit_icon_footer.png) no-repeat 7px 7px #ffffff;
        cursor: pointer;
        background-size: 13px;
        margin-top: -26px !important;
    }

    .footer .col-3 .gfield_label {
        padding-right: 0 !important;
    }

    .page-template-template-blog .footer {
        padding-bottom: 10px;
    }

    .news {
        padding: 20px;
        top: 60px;
    }

    .news .item {
        margin-bottom: 10px;
    }

    .news .item h3 {
        font-size: 16px;
        color: #ffffff;
        font-weight: bold;
        margin-bottom: 10px;
        line-height: 22px;
    }

    .news .item span {
        font-size: 10px;
        text-transform: uppercase;
        font-style: italic;
        color: #ffffff;
        border: solid 1px #ffffff;
        padding: 3px 10px;
    }

    /* about */
	#container.about .ms-tableCell {
		position: relative;
	}
    #container.about .content {
        padding: 0px 0px !important;
		position: absolute;
		top: 0px !important;
		width: 100%;
    }

    #container.about .content .bottom {
        color: #fff;
		margin-bottom: 0px;
		padding-right: 20px;
		font-size: 17px;
		position: absolute;
		bottom:35px;
    }

    #container.about .content .bottom h3 {
        font-size: 38px;
        padding: 0px;
        margin-bottom: 0px;
    }

    #container.about .content .bottom h4.green {
        font-size: 20px;
        margin-bottom: 10px;
        padding: 0px;
    }

    #container.about .content .bottom p {
        font-size: 12px;
        line-height: 14px;
        padding-bottom: 15px;
    }

    #container.about .content .bottom h4 {
        font-size: 20px;
        line-height: 20px;
        padding-bottom: 5px;
        margin-top: 10px;
    }

    #container.about .content .bottom p {
        padding-bottom: 5px;
    }

    #container.about .content .bottom a {
        font-size: 11px !important;
    }

    .scrollDown {
        background: url(assets/image/scroll-down-y.png) no-repeat 0px 0px;
        position: fixed;
        width: 25px;
        height: 25px;
        display: block;
        bottom: 10px;
        left: calc(50% - 14px);
        z-index: 9999;
        cursor: pointer;
        background-size: 25px;
    }

    .scrollDownGreen {
        background: url(assets/image/scroll-down-y.png) no-repeat 0px 0px;
        position: fixed;
        width: 25px;
        height: 25px;
        display: block;
        bottom: 10px;
        left: calc(50% - 14px);
        z-index: 9999;
        cursor: pointer;
        background-size: 25px;
    }

    .page-template-template-home .scrollDownGreen {
        width: 140px !important;
        height: 50px !important;
        bottom: 0px !important;
        left: calc(50% - 15px) !important;
    }

    #container.about .content .bottom a.source {
        font-size: 10px;
    }

    #container.about .content .bottom.map {
        left: 0px;
        right: 20px;
        margin-top: 10px;
        padding: 10px;
        padding-right: 10px;
        position: static;
        margin-right: -20px;
    }

    #container.about .content .bottom.map.procent18, #container.about .content .bottom.map.procent33, #container.about .content .bottom.map.procent57, #container.about .content .bottom.map.procent60 {
        background-position-x: calc(100% - 10px);
        background-size: 50px;
    }

    #container.about .content .bottom.map p {
        margin-right: 50px;
        font-size: 14px;
        font-family: 'TradeGothicLT-Bold';
        font-weight: normal;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    #container.about .ms-right .content .bottom.right {
        color: #3a4042;
        text-align: left;
        padding-right: 20px;
        margin-bottom: -20px;
    }

    #container.about .ms-right .content .bottom.right h2 {
        font-size: 16px;
    }

    #container.about .ms-right .content .bottom.right h2 span {
        margin-bottom: 5px;
        font-size: 16px;
    }

    #container.about .ms-right .content .bottom.right p {
        font-size: 14px;
        line-height: 16px;
    }

    #container .content.members .bottom {
        color: #3a4042;
        margin-bottom: 50px;
		bottom:174px;
    }
	
	#container.about .content .bottom a.aboutUrl {
		line-height: 1rem;
	}

    #container.about .content.members .bottom h4 {
        margin-top: 5px;
        padding-bottom: 5px;
        font-size: 11px;
        line-height: 11px;
    }

    #container.about .content.members .bottom p {
        font-size: 12px;
        line-height: 14px;
    }

    #container.about .content.members .bottom .members {
        max-width: 80%;
    }

    #container.about .content.members .bottom .associate-members {
        max-width: 100%;
        margin: 0 auto;
        display: block;
    }

    #container.about .content .bottom p strong {
        font-size: 14px;
    }

    .row {
        padding: 20px;
    }

    .row .content {
        color: #1e3858;
        width: 100%;
        max-width: 100%;
        margin: 0px;
        margin-top: 80px;
    }

    .header h1.title {
        font-size: 30px;
        color: #fdce00;
        max-width: initial;
        position: absolute;
        bottom: 50px;
        width: 100%;
        top: initial;
        left: initial;
        text-align: left;
        margin-left: 20px;
    }

    .row .footer {
        margin-left: -20px;
        padding: 5px 0px;
    }

    /* about */
    .header .description {
        right: initial;
        left: calc(50% - 40px);
        bottom: 50px;
        min-width: 200px;
    }

    .header .description h1.title {
        font-size: 25px;
        margin-bottom: 5px;
        color: #eeca00;
    }

    .header .description p {
        color: #eeca00;
        font-size: 16px;
        line-height: 18px;
    }

    .nav.horizontal {
        max-width: 100%;
        min-height: 15px;
        height: auto;
        display: none;
        z-index: 998;
    }

    .nav.horizontal ul {
        margin-top: 0px;
    }

    .nav.horizontal ul li.title, .nav.horizontal ul li {
        padding: 5px 10px;
        font-size: 12px;
    }

    /* action */
    .row .content.title {
        width: 100%;
        max-width: 860px;
        margin: 0px auto 0px;
    }

    .tab .row.active .content {
        width: 100%;
        max-width: calc(100% - 50px);
    }

    .row .content.title h2 {
        font-size: 20px;
    }

    .tab .row {
        background: #dedfe1;
        margin: 15px -20px;
        padding: 0;
    }

    .tab .row .title {
        max-width: 860px;
        margin: 0 auto;
        margin-left: 20px;
    }

    .tab .row .title .order {
        font-size: 16px;
        width: 34px;
        height: 100%;
        line-height: 40px;
    }

    .tab .row .title h2 {
        font-size: 16px;
        width: calc(100% - 90px);
        margin-bottom: 0px;
        margin-top: 0;
    }

    .faq .tab .row .title h2 {
        margin-top: 2px;
    }

    .page-template-template-sweepstakes-php .tab .row .title h2 {
        font-size: 16px;
        width: calc(90% + 32px);
        margin-bottom: -3px;
        margin-top: -2px;
        margin-left: -12px;
        padding-top: 2px;
    }
	
	#sb_instagram .sb_instagram_header {
		padding:0 !important;
	}

    .tab .row .title h2:after {
        width: 15px;
        height: 15px;
        background-size: 15px;
        background-position: 0px;
        right: -15px;
        height: 100%;
    }

    .tab .row.active .title h2:after {
        width: 15px;
        height: 15px;
        background-size: 15px;
        background-position: 0px;
        right: -15px;
        height: 100%;
    }

    .tab .row .row.full-width {
        margin: 15px -10px;
    }

    input[type=submit] {
        margin: 0px;
        width: 100%;
    }

    .tab .row .row.full-width .content {
        background-size: 150px;
    }

    .form p b, .form p strong {
        margin: 0px 0 -25px 28px;
    }

    .home #container .active .content .description {
        bottom: AUTO;
        color: #fff;
        top: 80px;
        left: 20px;
        right: 0px;
        line-height: 20px;
        position: absolute;
        font-family: 'TradeGothicLT';
    }

    .home #container .content .description {
        bottom: AUTO;
        color: #fff;
        top: 40px;
        line-height: 20px;
        position: absolute;
        font-family: 'TradeGothicLT';
    }

    .home #container .content .description h3 {
        font-size: 21px;
        font-family: 'TradeGothicLT-Bold';
        line-height: 25px;
        margin-bottom: 10px;
        padding-left: 0px;
    }

    /* find */
    .find .header .map {
        position: absolute;
        bottom: 50px;
        left: calc(50% - 200px);
        width: 400px;
    }

    .find .header {
        background-position: right top !important;
        background-size: initial !important;
    }

    .find .header .box-middle .maps {
        margin-left: 0px !important;
        padding-top: 0px;
        margin-top: 0px !important;
    }

    .page-template-template-find-state .header .box-middle {
        margin-left: 0px;
        padding-top: 30px;
    }

    .find .header h1.title {
        text-transform: initial;
        font-size: 18px;
        max-width: calc(50% - 50px);
        margin-left: calc(50% + 50px);
        line-height: 21px;
        bottom: 10px;
    }

    .find .header .box-middle h1.title {
        position: absolute;
        top: auto;
        left: auto;
        right: 0px;
    }

    .find .header .box-middle h2.title {
        font-size: 18px;
        width: calc(50% - 20px);
        color: #fdce00;
        bottom: 0px;
        text-transform: capitalize;
        font-family: 'TradeGothicLT-Bold';
        padding-bottom: 10px;
		padding-right: 30px;
        position: relative;
    }

    .find .header h1.title span {
        margin-bottom: 5px;
    }

    .find .header h1:first-child.title {
        font-size: 16px;
        max-width: 200px;
        bottom: 10px;
        margin-left: 50px;
    }

    .find .row {
        background: #ffffff;
    }

    .find .row.blue {
        margin-left: -20px;
        margin-bottom: -51px;
    }

    .find .row .content {
        margin: 0px auto 20px auto !important;
        padding: 0px 30px 0px 0px;
        color: #1e3858;
        width: calc(100% - 90px);
        max-width: 100%;
        margin: 0px;
        margin-top: 80px;
    }

    .find .row.blue .address {
        margin-left: 0px;
        padding-top: 10px;
        padding-bottom: 30px;
    }

    .row .mobileTab .titleMobile {
        display: block;
    }

    .row .mobileTab {
        display: block;
        background: #9aa9ba;
        margin: 20px -20px;
        padding: 0px 20px;
        position: relative;
    }

    .row .mobileTab .titleMobile h2 {
        background: #1e3858;
        margin: -10px -20px 10px;
        padding: 7px 10px 3px 30px;
        color: #eeca00;
        font-family: 'TradeGothicLT';
        font-weight: normal;
        font-size: 16px;
        text-transform: uppercase;
    }

    .row .mobileTab .titleMobile h2:after {
        content: '';
        background: url(assets/image/+_white.png) no-repeat 0px;
        width: 15px;
        height: 15px;
        background-size: 15px;
        right: 26px;
        position: absolute;
    }

    .row .mobileTab.active .titleMobile h2:after {
        content: '';
        background: url(assets/image/-_white.png) no-repeat 0px;
        background-size: 15px;
        right: 26px;
    }

    .faq .row .mobileTab .titleMobile h2:after {
        content: '';
        background: url(assets/image/+_white.png) no-repeat 0px;
        width: 15px;
        height: 15px;
        background-size: 15px;
        right: 20px;
        position: absolute;
    }

    .faq .row .mobileTab.active .titleMobile h2:after {
        content: '';
        background: url(assets/image/-_white.png) no-repeat 0px;
        background-size: 15px;
        right: 20px;
    }

    .row .mobileTab .content.title h2 {
        color: #ffffff;
        margin-left: 10px;
    }

    .takeMobile {
        display: block;
        font-size: 20px;
        color: #1e3858;
        margin: 0px 10px 30px;
        text-align: left;
        font-family: 'TradeGothicLT-bold';
        text-transform: uppercase;
    }

    .find .col-4 img {
        max-height: 80px;
    }

    .mapMobile {
        display: block !important;
        background: url(/assets/image/find/map.png) !important;
        position: absolute !important;
        padding: 0px !important;
        width: 480px !important;
        height: 320px !important;
        bottom: 50px !important;
        left: calc(50% - 200px) !important;
        zoom: 0.6;
    }

    #container.about .lastSlide .content .bottom {
        margin-bottom: 60px;
    }

    #container.about .content .bottom a.source sup {
        font-size: 5px;
        line-height: 5px;
        padding-right: 3px;
    }

    /* how to page */
    #container.how-to .content .bottom {
        color: #fff;
        margin-bottom: 0px;
        padding-right: 20px;
        font-size: 17px;
        font-weight: bold;
        position: absolute;
    }

    #container.how-to .content .bottom h4 {
        font-size: 0.7em;
        line-height: 1em;
        padding-bottom: 5px;
        margin-top: 0px;
    }

    #container.how-to .content .bottom p {
        font-family: 'TradeGothicLT-Light';
        font-size: 0.7em;
        line-height: 1.2em;
        letter-spacing: 0px;
        font-weight: 300;
        font-style: normal;
        text-transform: none;
        padding-bottom: 15px;
        bottom: 0px;
    }
	
	#container.how-to .content .bottom.why p {
		line-height: 0.9em;
		padding-bottom:10px;
	}

    #container.how-to .content .bottom p strong {
        font-size: 1.1em;
    }

    #container .content.left7 {
        padding: 0px 20px;
        margin-left: 100px;
        text-align: right;
    }

    #container.how-to .content.left7 .bottom {
        margin-bottom: 50px;
    }

    #container.how-to .content.right7 .bottom {
        margin-bottom: 25px;
    }
    
    #container.how-to .content.left8 {
        margin-left: 100px;
    }

    .buttonNext {
        font-size: 0.6em;
        margin-top: -10px;
        margin-bottom: 5px;
    }

    #container.how-to .content .bottom a.source {
        overflow: hidden;
        text-overflow: ellipsis;
        display: flex;
        max-width: 145px;
		font-size:10px;
    }

    /* faq */
    .faq .tab {
        display: block;
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
    }

    .faq .tab .row.active .content {
        width: 100%;
        max-width: calc(100% - 20px);
    }

    .faq .mobileTab .titleMobile h2 {
        font-size: 2em;
        color: #1e3858;
        text-align: left;
        font-family: 'TradeGothicLT-bold';
        width: calc(100% - 400px);
        margin-left: 15px;
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 16px;
    }

    .page-template-template-petition .row .content {
        margin: 40px auto 0px;
        padding: 40px 0px 0px;
    }

    .page-template-template-petition .row.gray .content, .page-template-template-petition .row.blue .content {
        margin: 0px auto;
        padding: 0px 0px 30px;
    }

    .page-template-template-petition .row.gray .content h3 {
        margin-top: -20px;
        margin-bottom: 0px;
    }

    .page-template-template-petition .row.gray .form .col-12 {
        margin-bottom: -40px;
    }

    .form .col-12 label {
        margin-top: 20px;
        display: inline-block;
    }

    .single-post .row .content {
        width: 100%;
    }

}

@media (max-width: 500px) {
	.bx-wrapper {
        max-width: 270px !important;
    }
	
	.page-template-template-sweepstakes-php .bx-wrapper {
        max-width: 270px !important;
    }
	
}

@media (max-width: 360px) {
	.bx-wrapper {
        max-width: 190px !important;
    }
	
	.page-template-template-sweepstakes-php .bx-wrapper {
        max-width: 190px !important;
    }
	
}

/*@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {*/
@media (min-width: 768px) and (max-width: 1024px) {
	
	#searchResult {
		width: 160px;
	}

    #left6 .content .bottom h2 {
        font-size: 25px;
        right: 60px;
        width: 50%;
    }

    #container.how-to #right9 .content .bottom {
        bottom: auto;
        top: 50px;
    }

    .footer .col-3 #gform_submit_button_1 {
        margin-top: -42px !important;
    }

    .tab .row .title {
        max-width: calc(100% - 230px) !important;
        margin: 0px 10px 0px 190px !important;
    }

    .find .header h1.title {
        font-size: 1.9em;
        color: #fdce00;
        max-width: initial;
        position: relative;
        bottom: 80px;
        width: 100%;
        top: 0px;
        left: 0px;
        text-align: left;
        margin-left: calc(50% + 140px);
    }

    .page-template-template-blog-php .content .item {
        width: calc(50% - 23px);
    }

    .page-template-template-sweepstakes-php .tab .row .title h2:after {
        bottom: 2px;
    }

    .galleryItem {
        width: calc(25% - 24px);
    }

    .mobileTab .form .col-12 label {
        margin-top: 20px;
        display: inline-block;
    }

    .show-mobile {
        display: none;
    }

    .show-desktop {
        display: none;
    }

    .show-tablet {
        display: block;
    }

    .hide-mobile {
        display: block;
    }

    .hide-desktop {
        display: block;
    }

    .hide-tablet {
        display: none;
    }

    .navbar-brand {
        position: fixed;
        top: 50px;
        left: 0px;
        z-index: 99999;
        width: 190px;
        height: 70px;
        background: url(assets/image/logo.png) no-repeat 45px 8px #3e6f35;
        -webkit-transition: background 0.5s ease;
        -moz-transition: background 0.5s ease;
        -o-transition: background 0.5s ease;
        transition: background 0.5s ease;
        background-size: 130px;
    }

    .navbar-brand.yellow {
        background: url(assets/image/logo-blue.png) no-repeat 45px 8px #eeca00;
        background-size: 130px;
    }

    .nav {
        position: fixed;
        top: 130px;
        left: 30px;
        max-width: 160px;
    }

    .nav .find {
        font-size: 18px;
    }

    .nav ul li a {
        font-size: 16px;
        line-height: 1.6;
    }

    .nav input.zip {
		height: 30px;
		width: 135px;
		font-size: 12px;
		padding-left: 2px;
    }

    .nav .submit {
        width: 35px;
        background: url(assets/image/submit_icon.png) no-repeat 13px 10px #1e3858;
        background-size: 10px;
        height: 30px;
        padding: 16px 0;
    }

    /* home page */
    #container.home .content p {
        font-size: 1.5em;
        top: 43px;
        color: #fff;
        padding-right: 40px;
        margin-left: 6px;
        position: absolute;
        line-height: 1.25em;
        font-family: 'TradeGothicLT-Light';
    }

    .home #container .content .description {
        bottom: 30px;
        color: #fff;
        top: initial;
        font-size: 0.85em;
        font-style: normal;
        line-height: 1.2em;
        position: absolute;
        font-family: 'TradeGothicLT-Bold';
    }

    #container.home .content p span {
        font-size: 1.1em;
        font-weight: normal;
        font-family: 'TradeGothicLT-Bold';
    }

    .home #container .content .description h3 {
        font-size: 1em;
        font-weight: normal;
        font-family: 'TradeGothicLT-Bold';
        line-height: 2em;
        padding-left: 10px;
        margin-bottom: 0px;
    }

    #container.home .content .bottom h3 {
        font-size: 20px;
    }

    #container.home .content .bottom {
        font-size: 20px;
    }

    h1.title {
        left: calc(50% - 95px);
        max-width: 350px;
        font-size: 4.4rem;
        top: calc(50% - 100px);
    }

    .page-template-template-home h1.title {
        text-shadow: 0px 0px 20px #999;
    }

    /* about */
    #container.about .content {
        padding: 0px 30px !important;
    }

    #container.about .content .bottom {
        padding-right: 20px;
        right: 20px;
        left: 20px;
    }

    #container.about .lastSlide .content .bottom {
        margin-bottom: 90px;
    }

    #container.about .content .bottom p {
        font-size: 20px;
        line-height: 25px;
        padding-bottom: 15px;
    }

    #container.about .content .bottom h4 {
        font-size: 30px;
        line-height: 30px;
        padding-bottom: 15px;
        margin-top: 15px;
    }

    #container.about .content .bottom p {
        padding-bottom: 10px;
    }

    #container.about .content .bottom a {
        font-size: 15px;
    }

    .scrollDown {
        background: url(assets/image/scroll-down-y.png) no-repeat 0px 0px;
        position: fixed;
        width: 35px;
        height: 35px;
        display: block;
        bottom: 15px;
        left: calc(50% - 20px);
        z-index: 9999;
        cursor: pointer;
        background-size: 35px;
    }

    .scrollDownGreen {
        background: url(assets/image/scroll-down-y.png) no-repeat 0px 0px;
        position: fixed;
        width: 35px;
        height: 35px;
        display: block;
        bottom: 15px;
        left: calc(50% - 20px);
        z-index: 9999;
        cursor: pointer;
        background-size: 35px;
    }

    .page-template-template-home .scrollDownGreen {
        /*left: calc(50% + 0px);*/
    }

    #container.about .content .bottom a.source {
        font-size: 15px;
        line-height: 20px;
        overflow: hidden;
        display: flex;
    }

    #container.about .content .bottom.map {
        left: 0px;
        right: 20px;
        padding: 15px;
        padding-right: 15px;
        position: initial;
        margin-right: -40px;
    }

    #container.about .content .bottom.map.procent18, #container.about .content .bottom.map.procent33, #container.about .content .bottom.map.procent57, #container.about .content .bottom.map.procent60 {
        background-position-x: calc(100% - 15px);
        background-size: 70px;
        position: initial;
    }

    #container.about .content .bottom.map p {
        margin-right: 80px;
        font-size: 16px;
        font-family: 'TradeGothicLT-Bold';
        font-weight: normal;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    #container.about .content .bottom p strong {
        font-size: 20px;
    }

    .row .content {
        color: #1e3858;
        width: 100%;
        max-width: calc(100% - 360px);
        margin: 55px 60px 55px 300px;
    }

    #container.about .content.members .bottom .associate-members {
        max-width: 200px;
    }

    #container.about .content.members .bottom .members {
        max-width: 70%;
    }

    #container.about .content.members .bottom h4 {
        margin-top: 5px;
        padding-bottom: 5px;
        font-size: 30px;
    }

    #container.about .content.members .bottom p {
        font-size: 14px;
        line-height: 16px;
    }

    /* action */
    .nav.horizontal {
        min-height: 38px;
    }

    .nav.horizontal ul {
        text-align: left;
        margin-left: 190px;
    }

    .nav.horizontal ul li.title, .nav.horizontal ul li {
        padding: 8px 17px;
        font-size: 18px;
    }

    .tab .row .title {
        color: #1e3858;
        cursor: pointer;
        width: 100%;
        /*        max-width: calc(100% - 360px);
                margin: 0px 60px 0px 300px;*/
        max-width: calc(100% - 160px);
        margin: 0px 60px 0px 60px;
    }

    .row .content.title {
        max-width: calc(100% - 230px) !important;
        margin: 40px 10px 0px 190px !important;
    }

    .page-template-template-sweepstakes-php .tab .row .title {
        margin: 0px !important;
    }

    .page-template-template-sweepstakes-php .tab .row .title h2 {
        padding: 0px 70px 0px 290px;
    }

    .tab .row.active .content {
        color: #1e3858;
        width: 100%;
        max-width: calc(100% - 260px);
        margin: 0px 60px 0px 240px;
    }

    .news .item h3 {
        font-size: 1.3em;
        color: #ffffff;
        font-weight: bold;
        margin-bottom: 15px;
        line-height: 1.3em;
    }

    .news .item span {
        font-size: 0.6em;
    }

    .news .item {
        margin-bottom: 30px;
    }

    .news {
        padding: 80px 80px 60px;
    }

    .find .row .content {
        margin: 0px 0px 0px 300px;
    }

    .takeMobile, .scrollDown {
        display: block;
    }

    .action .takeMobile, .action .scrollDown {
        display: none;
    }

    #container.about .lastSlide .content .bottom {
        margin-bottom: 90px;
    }

    /* how to page */
    #container.how-to .content {
        padding: 0px 65px;
    }

    #container.how-to .content .bottom {
        margin-bottom: -35px;
    }

    #container.how-to .content .bottom h4 {
        font-size: 1em;
        line-height: 1.2em;
        padding-bottom: 0px;
    }

    #container.how-to .content .bottom p {
        font-size: 0.68em;
        line-height: 1.2em;
    }

    #container.how-to .content.left8 {
        padding: 0px 100px;
        margin-left: 155px;
        text-align: right;
    }

    #container.how-to .content.left8 .bottom {
        margin-bottom: 0px;
    }

    #container.how-to .content .bottom a.source {
        font-size: 15px;
        line-height: 20px;
        overflow: hidden;
        display: flex;
        max-width: 400px;
    }

    .faq .tab .row.active .content {
        color: #1e3858;
        width: 100%;
        max-width: calc(100% - 20px);
        margin: 0px 60px 0px 0px;
    }

    .faq .tab {
        display: block;
        width: calc(100% - 360px);
        margin-left: 310px;
    }

    /*  petition */
    .page-template-template-petition .row .content {
        margin: 40px 0px 40px 300px;
    }

    .page-template-template-petition .row.gray .content, .page-template-template-petition .row.blue .content {
        margin: 0px 0px 40px 300px;
    }

    .contentMessage {
        top: calc(50% - 140px);
        left: calc(100% - 200px);
        font-size: 80px;
    }

}

@media (min-width: 1024px) and (max-width: 1369px) {

    .tab .row.active .content {
        color: #1e3858;
        width: 100%;
        max-width: calc(100% - 370px);
        margin: 0px 60px 0px 310px;
    }

    .tab .row .title {
        max-width: calc(100% - 300px);
        margin: 10px 10px 10px 260px;
    }

    .row .content.title {
        max-width: calc(100% - 300px);
        margin: 60px 10px 10px 260px;
    }

    .page-template-template-sweepstakes-php .row .content, .page-template-template-blog-php .content {
        /*margin: 50px 50px 50px 300px!important;
        max-width: 670px!important;*/

        margin: 50px 0px 50px 300px !important;
        max-width: calc(100% - 352px) !important;
    }

    .galleryItem {
        width: calc(25% - 24px);
    }

    .page-template-template-sweepstakes-php .tab .row .title h2 {
        width: calc(100% - 390px) !important;
    }

    .page-template-template-sweepstakes-php .header h2 {
        font-size: 23px;
    }

    .page-template-template-sweepstakes-php .header .headerForm .terms label {
        font-size: 12px;
        line-height: 16px;
    }

    .page-template-template-sweepstakes-php .header .headerForm input[type=checkbox] {
        width: 16px;
        height: 16px;
        margin: 8px 5px -15px 0px;
        top: 2px;
        font-size: 25px;
    }
}

@media (min-width: 1025px) and (max-width: 1280px) {

    #left6 .content .bottom h2 {
        color: #d5b619;
        font-size: 35px;
        font-family: 'TradeGothicLT-Bold';
        font-weight: normal;
        text-transform: uppercase;
        top: 0px;
        position: absolute;
        right: 155px;
        width: 50%;
    }

    .page-template-template-sweepstakes-php .tab .row .title h2 {
        margin: 0px 0px 0px 300px;
    }

    .nav input.zip {
        width: 162px !important;
    }

    #container.about .ms-right .content .bottom.right {
        padding-right: 200px;
    }
}

@media (min-width: 1281px) and (max-width: 1375px) {

    #left6 .content .bottom h2 {
        right: 170px;
    }

    .page-template-template-sweepstakes-php .tab .row .title h2 {
        margin-left: 300px !important;
    }
}

@media (min-width: 678px) and (max-width: 1200px) {

    .page-template-default .row .content {
        color: #1e3858;
        width: 100%;
        max-width: 650px;
        margin: 105px 60px 110px 280px;
    }
}

@media (min-width: 1025px) and (max-width: 1375px) {

    .tab .row .title {
        max-width: calc(100% - 300px);
        margin: 0 10px 0 260px;
    }

    .footer .col-3 #gform_submit_button_1 {
        margin-top: -42px;
    }

    .page-template-template-sweepstakes-php .tab .row .title {
        margin: 0px;
    }

    .page-template-template-sweepstakes-php .tab .row .title h2 {
        width: calc(100% - 160px) !important;
    }

    .pledge .row .content {
        margin: 30px auto 0px auto !important;
    }

    .nav.horizontal {
        min-height: 54px;
    }

    .nav.horizontal ul li, .nav.horizontal ul li.title {
        padding: 12px 21px;
        font-size: 25px;
    }

    #container.about .lastSlide .content .bottom {
        margin-bottom: 90px;
    }

    #container.about .content .bottom.map.procent18, #container.about .content .bottom.map.procent33, #container.about .content .bottom.map.procent57, #container.about .content .bottom.map.procent60 {
        background-position-x: calc(100% - 15px);
        background-size: 70px;
    }

    #container.about .content .bottom.map p {
        margin-right: 80px;
        font-size: 16px;
        font-family: 'TradeGothicLT-Bold';
        font-weight: normal;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    #container.about .content .bottom.map {
        left: 0px;
        right: 20px;
        padding: 15px;
        padding-right: 15px;
        margin-top: 30px;
        position: static;
    }
}

@media (min-width: 1025px) and (max-width: 1600px) {
    .footer .col-3 #gform_submit_button_1 {
        margin-top: -42px;
    }

    .page-template-template-sweepstakes-php .row .content, .page-template-template-blog-php .content {
        margin: 50px 0px 50px 300px !important;
        max-width: calc(100% - 352px) !important;
    }

    .find .header h1.title {
        font-size: 1.9em;
        color: #fdce00;
        max-width: initial;
        position: relative;
        bottom: 80px;
        width: 100%;
        top: 0px;
        left: 0px;
        text-align: left;
        margin-left: calc(50% + 140px);
    }

    .footer .newsletter {
        position: relative;
        top: -10px;
    }

    .footer {
        padding-bottom: 0px;
    }

    .pledge .row .content {
        margin: 30px auto 0px auto !important;
    }

    .navbar-brand {
        top: 58px;
        width: 240px;
        height: 90px;
        background: url(assets/image/logo.png) no-repeat 54px 9px #3e6f35;
        background-size: 170px;
    }

    .navbar-brand.yellow {
        background: url(assets/image/logo-blue.png) no-repeat 54px 9px #eeca00;
        background-size: 170px;
    }

    .nav {
        top: 160px;
        left: 53px;
    }

    #container.home .content p {
        top: 54px;
        margin-left: 21px;
        font-size: 1.88em;
        line-height: 1.2em;
    }

    #container.home .content span {
        letter-spacing: 0.8px;
    }

    .home #container .content .description {
        bottom: 35px;
        top: initial;
        font-size: 1em;
        font-style: normal;
        line-height: 1.3em;
        font-family: 'TradeGothicLT-Bold';
    }

    .home #container .content .description h3 {
        font-size: 1em;
        font-family: 'TradeGothicLT-Bold';
        margin-bottom: 2px;
        line-height: 2.1em;
        padding-left: 13px;
    }

    h1.title {
        font-size: 6em;
        top: calc(50% - 120px);
        line-height: 1em;
    }

    .page-template-template-home h1.title {
        text-shadow: 0px 0px 20px #999;
    }

    /* about */
    #container.about .content.members .bottom .associate-members {
        max-width: 200px;
    }

    #container.about .content.members .bottom .members {
        max-width: 80%;
    }

    #container.about .content.members .bottom h4 {
        margin-top: 5px;
        padding-bottom: 5px;
        font-size: 30px;
    }

    #container .content.members .bottom {
        max-width: calc(100% - 70px);
    }

    .news {
        padding: 100px 100px 60px;
    }

    /* find */
    .find .scrollDown {
        background: url(assets/image/scroll-down-y.png) no-repeat 0px 0px;
        position: absolute;
        width: 37px;
        height: 37px;
        display: block;
        bottom: 45px;
        left: calc(50% - 16px);
        z-index: 9999;
        cursor: pointer;
        background-size: 37px;
    }

    .find .header h1.title {
        margin-left: calc(50% + 95px);
    }

    .find .header h1.title {
        font-size: 1.3em;
    }

    .find .header h1.title {
        bottom: 55px;
    }

    .find .header .map {
        position: absolute;
        bottom: 170px;
        left: calc(50% + 85px);
        width: 500px;
    }

    .find .header h1:first-child.title {
        font-size: 1.8em;
        bottom: 555px;
    }

    .infoCenter h1.title {
        position: initial;
        bottom: inherit !important;
        margin: 0px 0px 30px !important;
    }

    #container.about .lastSlide .content .bottom {
        margin-bottom: 90px;
    }

}

@media (min-width: 1370px) and (max-width: 1600px) {
    .page-template-template-sweepstakes-php .row .content, .page-template-template-video .row .content {
        max-width: 1010px;
        margin: 50px 50px 50px 300px;
    }

    .video-container {
        left: 0px !important;
        right: 0px !important;
        max-width: 900px !important;
        margin: 0px 0px 0px 300px !important;
    }
}

@media (min-width: 1601px) {

    #container.home .footer .col-3 #gform_submit_button_1 {
        margin-top: -32px;
    }

    #left6 .content .bottom {
        top: 70px;
    }

    #left6 .content .bottom h2 {
        right: 220px;
    }

    .footer .newsletter {
        top: 0px !important;
    }

    .page-template-template-about .footer .newsletter {
        top: 0px !important;
    }

    .page-template-template-about .footer .col-3 #gform_submit_button_1 {
        margin-top: -32px;
    }

    #container.how-to #right9 .content .bottom {
        bottom: auto;
        top: 80px;
    }

    .nav.horizontal ul {
        text-align: center;
        margin-left: auto;
    }

    .newsletter .gform_confirmation_wrapper {
        margin-top: 45px;
    }

    .video-container {
        left: 0px !important;
        right: 0px !important;
        max-width: 900px !important;
        margin: 0px auto 0px auto !important;
    }

    .home #container .content .description {
        color: #1e3858 !important;
        background: url(assets/image/bg-homepage.png) no-repeat 0px 0px;
        background-size: 100% 100%;
        padding: 20px 50px 20px 90px !important;
    }

    .single-post .row.page-template-template-blog-php#scrollDown .content {
        max-width: 1015px;
    }

    .single-post .row .content {
        margin: 30px auto 30px auto;
        max-width: 1000px;
    }

    .page-template-template-sweepstakes-php .tab .row .title h2 {
        width: 100%;
    }

    .page-template-template-sweepstakes-php .row .content, .page-template-template-video .row .content {
        max-width: 1010px;
    }

    .page-template-template-sweepstakes-php .tab .row .title {
        margin-left: auto;
    }

    .pledge .row .content {
        margin: 30px auto 0px auto !important;
    }

    /*.navbar-brand {
        width: 360px;
        height: 130px;
        background: url(assets/image/logo.png) no-repeat 105px 20px #3e6f35;
        background-size: 230px;
    }

    .navbar-brand.yellow {
        background: url(assets/image/logo-blue.png) no-repeat 105px 20px #eeca00;
        background-size: 230px;
    }

    .nav {
        top: 220px;
        left: 100px;
        max-width: 300px;
    }

    .nav ul li a {
        font-size: 30px;
    }

    .nav .find {
        font-size: 25px;
    }

    .nav input.zip {
        width: 225px;
    }*/
    .contentMessage {
        top: calc(50% - 190px);
        font-size: 115px;
    }

    .news .item h3 {
        font-size: 40px;
    }

    h1.title {
        top: 60px;
        max-width: 600px;
        font-size: 6.5em;
        left: calc(50% - 170px);
        top: calc(50% - 155px);
    }

    .page-template-template-home h1.title {
        text-shadow: 0px 0px 20px #999;
    }

    .footer .col-3 {
        margin-right: -200px;
        float: right;
    }

    #container .content {
        padding: 0px 90px;
    }

    #container.home .content p span {
        font-size: 1.1em;
    }

    #container.home .content p {
        font-size: 2.4em;
        line-height: 1.22em;
        font-weight: normal;
        top: 80px;
        margin-left: 30px;
    }

    .home #container .content .description h3 {
        font-size: 1em;
        padding-left: 20px;
        line-height: 30px;
        margin-bottom: 15px;
        font-family: 'TradeGothicLT-Bold';
    }

    .news {
        padding: 80px 160px;
        bottom: 0px;
    }

    .news .item {
        margin-bottom: 90px;
    }

    .news .item h3 {
        font-size: 2.5em;
        line-height: 1.2em;
    }

    .news .item span {
        font-size: 1.6em;
        margin-top: 20px;
        display: block;
        width: 146px;
    }

    .find .scrollDown {
        background: url(assets/image/scroll-down-y.png) no-repeat 0px 0px;
        position: absolute;
        background-size: 55px;
        width: 60px;
        height: 60px;
        display: block;
        bottom: 63px;
        left: calc(50% - 22px);
        z-index: 9999;
        cursor: pointer;
    }

    .find .header h1.title {
        font-size: 1.9em;
        color: #fdce00;
        max-width: initial;
        position: relative;
        bottom: 80px;
        width: 100%;
        top: 0px;
        left: 0px;
        text-align: left;
        margin-left: calc(50% + 140px);
    }

    .find .header .map {
        position: absolute;
        bottom: 260px;
        left: calc(50% + 140px);
        width: 730px;
    }

    .find .header h1:first-child.title {
        font-size: 2.7em;
        bottom: 620px
    }

    .infoCenter h1.title {
        position: relative !important;
        bottom: inherit !important;
        margin: 0px 0px 30px !important;
    }

    #container.about .lastSlide .content .bottom {
        margin-bottom: 90px;
    }

    /* how to recycle */
    #container.how-to .content {
        padding: 0px 120px;
    }

    #container.how-to .content .bottom {
        padding-right: 100px;
    }

    #container.how-to .content .bottom h4 {
        font-family: 'TradeGothicLT-Bold' !important;
        font-weight: normal;
        font-size: 2em;
        line-height: 1.2em;
        font-style: normal;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #fff;
        padding-bottom: 5px;
        margin-top: 50px;
    }

    #container.how-to .content .bottom h4.green {
        font-size: 35px;
        padding: 0px;
    }

    #container.how-to .content .bottom p {
        font-family: 'TradeGothicLT-Light';
        font-size: 1.33em;
        line-height: 1.1em;
        letter-spacing: 0px;
        font-weight: 300;
        font-style: normal;
        text-transform: none;
        padding-bottom: 15px;
    }

    #container.how-to .content .bottom p strong {
        font-size: 1.4em;
    }

    #container .content.right7 {
        padding: 0px 120px;
    }

    #container .content.right7 .bottom {
        bottom: 60px;
        margin-bottom: 0px !important;
        padding-right: 90px;
        font-size: 25px;
    }

    #container.how-to .content.right7 .bottom h4 {
        font-size: 1.9em;
        line-height: 1.2em;
        padding-bottom: 30px;
        margin-top: 50px;
    }

    #container.how-to .content.right7 .bottom p {
        font-size: 1.3em;
        line-height: 1.3em;
        letter-spacing: 0px;
        padding-bottom: 10px;
    }

    #container.how-to .content.right7 .bottom p strong {
        font-size: 1.3em;
    }

    #container.how-to .content.left7 .bottom h4 {
        font-size: 1.9em;
        line-height: 1.2em;
    }

    #container .content.left7 {
        padding: 0px 120px;
        margin-left: 250px;
        text-align: right;
    }

    #container .content.left7 .bottom {
        padding-right: 110px;
    }

    #container.how-to .content.left7 .bottom h4 {
        font-size: 1.9em;
        line-height: 1.2em;
        padding-bottom: 30px;
        margin-top: 50px;
    }

    #container.how-to .content.left7 .bottom p {
        font-size: 1.3em;
        line-height: 1.3em;
        letter-spacing: 0px;
        padding-bottom: 50px;
    }

    #container.how-to .content.left8 {
        padding: 0px 120px;
        margin-left: 250px;
        text-align: right;
    }

    #container .content.left8 .bottom {
        padding-right: 120px;
        margin-bottom: 10px;
    }
}

/* test de aici */

.video-container {
    background: rgb(225, 221, 205);
    position: absolute;
    top: 80px;
    right: 50px;
    left: 320px;
    bottom: 30px;
    text-align: center;
    padding: 30px 50px 30px 50px;
    display: block;
    margin: 0 auto;
    max-width: 1000px;
}

.video-frame, .sweepstake-frame {
    width: 100%;
    height: calc(100% - 100px);
}

.text-container {
    color: #1e3858;
    text-align: left;
}

.text-container > h1 {
    font-size: 25px;
    font-family: 'TradeGothicLT-Bold';
    margin: 10px 0 0px 0;
}

/* .page-template-template-video .text-container > h1 {
    text-overflow: ellipsis;
    overflow: hidden;
    height: 40px;
}

.page-template-template-video .text-container > p {
    text-overflow: ellipsis;
    overflow: hidden;
    height: 20px;
} */

.footer .newsletter {
    top: -10px;
}

.page-template-template-about .footer .newsletter {
    top: -10px;
}

.page-template-template-about .footer .col-3 .gfield_label {
    padding-right: 90px;
    margin-bottom: 5px;
    text-transform: uppercase;
    display: block;
}

.page-template-template-about .footer .newsletter .gfield_error .validation_message {
    margin-top: 0px;
}

.row .footer {
    padding: 10px 0 10px 0;
}

@media screen and (max-width: 1600px) {
    .video-container {
        top: 58px;
    }
}

@media screen and (max-width: 1440px) {
    .video-frame, .sweepstake-frame {
        height: calc(100% - 100px);
    }

    .video-container {
        left: 290px;
    }
}

@media screen and (max-width: 1024px) {
    .video-frame, .sweepstake-frame {
        height: calc(100% - 100px);
    }

    .video-container {
        top: 50px;
        left: 265px;
    }
}

@media screen and (max-width: 768px) {
    .video-frame, .sweepstake-frame {
        height: calc(100% - 60px);
    }
}

@media screen and (max-width: 815px) {
	    .video-container iframe {height: 49vh !important;min-width: auto !important;}
	    .video-container iframe body {background: rgb(250, 204, 23) !important;}
}

@media screen and (max-width: 767px) {
	    .video-container iframe {height: 77vh !important;min-width: auto !important;}
	    .tab .row .social-share .subdetail {margin-left: 20px;}
		.header {height:500px;}
}

@media screen and (max-width: 630px) {
	    .video-container iframe {height: 60vh !important;min-width: auto !important;}
}

@media screen and (max-width: 375px) {
	    .video-container iframe {height: 45vh !important;min-width: auto !important;}
	.header {height:500px;}
}

@media screen and (min-width: 768px) {
	.page-template-template-act .scrollDown {display: none;}
	.mapHeader {
		min-height: 855px;
	}

    .home #container .content .description.milk {
        bottom: AUTO;
        /*top: 200px;*/
        top: 30%;
    }

    .home #container .content .description.broth {
        bottom: AUTO;
        /*top: 300px;*/
        top: 40%;
    }

    .home #container .content .description.soy {
        bottom: AUTO;
        /*top: 400px;*/
        top: 53%;
    }

    .home #container .content .description.soup {
        bottom: AUTO;
        /*top: 500px;*/
        top: 66%;
    }

    .home #container .content .description.juice {
        bottom: AUTO;
        /*top: 600px;*/
        top: 79%;
    }

    .home #container .content .description.ice {
        bottom: AUTO;
        /*top: 400px;*/
        top: 53%;
    }

    .home #container .content .description.water {
        bottom: AUTO;
        /*top: 600px;*/
        top: 79%;
    }

    .home #container .content .description.wine {
        bottom: AUTO;
        /*top: 200px;*/
        top: 40%;
    }

}

@media screen and (max-height: 800px) {
	.page-template-template-sweepstakes .header h2 {
		font-size: 18px;
	}	
	.page-template-template-sweepstakes .header p {
		font-size: 16px;
		margin-bottom: -25px;
	}
	
	.page-template-template-sweepstakes .header .gfield_description {
		font-size: 16px;
	}
	.page-template-template-sweepstakes .form label {
		font-size: 16px;
		margin-top: -5px;
	}
	.page-template-template-sweepstakes .header .headerForm input {
		margin-bottom: 10px;
		padding: 5px 10px;
	}
	.page-template-template-sweepstakes .header .form input, .page-template-template-sweepstakes .header .form select {
		margin-bottom: 10px;
		padding: 5px 10px;
	}
}


@media (max-width: 767px) {
	
	#searchResult {
		width: 219px;
	}
	.page-template-template-sweepstakes .header p {
		font-size: 12px;
		margin-bottom: 0px;
	}
	.page-template-template-sweepstakes-php .gfield {
		margin-top: 0px;
	}
	
	.form .col-6 {
		width: calc(50% - 10px);
		display: inline-block;
		float: left;
	}
	
	.page-template-template-sweepstakes .header .gfield_description {
		font-size: 12px;
	}
	
	.page-template-template-sweepstakes-php .header .headerForm .terms label {
		font-size: 10px!important;
	}
	
	.page-template-template-sweepstakes-php .header .headerForm {
		max-width: 100%!important;
	}
	
	.page-template-template-sweepstakes-php .header .headerForm input[type=submit] {
		margin: 5px 0px 0px;
		width: 100%;
		margin-bottom: -15px;
		padding: 3px;
	}
	
	.page-template-template-sweepstakes-php .singUp .form label {
		font-size:12px!important;
		padding-bottom: 0px;
		margin-top: 3px;
	}
	
	.page-template-template-sweepstakes .header .form input, .page-template-template-sweepstakes .header .form select {
		margin-bottom: 0px;
		padding: 2px 10px;
	}
	
	.page-template-template-sweepstakes-php .gfield:nth-child(3){
		width: calc(50% - 10px);
		float: left;
	}
	
	.page-template-template-sweepstakes-php .gfield:nth-child(4){
		float: right;
		width: calc(50% - 10px);
	}
	.page-template-template-sweepstakes .header .form input, .page-template-template-sweepstakes .header .form select {
		font-size: 10px;
	}
	
	.page-template-template-sweepstakes-php .header .headerForm input[type=checkbox] {
		margin: -5px 5px 10px 0px;
	}
	
	.page-template-template-sweepstakes .header h2 {
		font-size: 16px;
		margin-left: 140px;
	}
	
}
.newsletter-popup .ginput_container_email {text-align: center;}
.newsletter-popup .ginput_container_email #input_5_1 {width: 50%;padding: 10px;font-size: 16px;}
#gform_5 .gform_footer {text-align: center;}
#gform_5 #gform_submit_button_5 {
	width: auto;    
	background: #edc715;
    font-family: 'TradeGothicLT-bold';
    font-weight: normal;
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
    border: 0px;
    color: #1e3858;
    font-size: 16px;
    padding: 10px;
    margin:20px 0;
    }
#gform_5 #gform_submit_button_5:hover {
	color: #ffffff}
.wpvq-question img.wpvq-question-img {width: 100%;}
.page-template-template-act .row {padding-top: 0;}

.page-id-599 .entry-title {display: none;}


@media (min-width: 767px) and (max-width: 970px) {
.footer .col-3 {width:32%;}
}

@media (min-width: 980px) {
.row.full-width {float: inherit !important;}
/*.page-template-template-act .row.full-width {float: left !important;} */
.therm {float: inherit !important;}
}

@media (max-width: 480px) {
.footer .col-1, .footer .col-2, .footer .col-3 {width:100% !important;margin-bottom: 20px;}
.footer .col-3 .newsletter {padding-left: 10px;}
.footer input#input_1_1 {max-width: none;}
.footer .col-2 .social-share, .footer .col-2 p {text-align: left;padding-left:15px;}
.faq {height: calc(100% - 228px);}
}

.wpvq-personality-content img {width: 100%;height: auto;}
.faq .tab .row .title h2 {height: 100%;}
#wpvq-ask-before-results .wpvq-who-are-you::after {content: " (You will receive email updates from the Carton Council.)"}

/* CSS for Pledge Gravity Forms Directory on Act page */
.wrap .tablenav:first-child {display: none;}
.tablenav {margin-top: 20px;}
ul.pledge_directory {margin-top: -10px;}
ul.pledge_directory li {list-style: none !important; margin:0; padding: 0;margin-left: 0 !important;}
ul.pledge_directory li ul {margin: 0; padding: 0;}
ul.pledge_directory li ul li:first-child::after {content: " from\00a0"}
ul.pledge_directory li ul li.text {margin: 0; padding: 0; display: inline; float: left;}

@media (max-width:480px) {
	.mapArea {
		display:none;
	}
}

a.act-menu {display: inline-block; height: 54px;}

.gfield_visibility_hidden {
	display: none;
}

/* Optimized Pledge Form Template */
.page-template-template-pledge .row .content ul li {
	list-style: none;
	margin:0;
	padding:0;
}

.page-template-template-pledge .row .content input[type='text'] {
	padding:0.4rem;
	border:1px solid #929292;
	border-radius: 3px;
	font-size: 1.4rem;
	width:95%;
	margin-bottom:1.5rem;
}
.page-template-template-pledge .row .content input[type='submit'] {
	border:0;
	padding:0.5rem;
	font-size:1.4rem;
	border-radius: 3px;
	color:#fff;
}

.page-template-template-pledge .row .content input[type='checkbox'] {
	vertical-align: middle;
	display:inline-block !important;
}

.page-template-template-pledge .row .content .gfield_checkbox li {
	margin-bottom:1.5rem;
}

.page-template-template-pledge #scrollContent .col-6 {
	width:100%;
	float:none;
}

.page-template-template-pledge .footer {

}

@media (max-width: 767px) {
	.page-template-template-pledge .row .content {
		margin-top: 0;
	}
}

.page-template-template-pledge .header {
	height:275px;
}

@media (max-width:1124px) {
	.page-template-template-pledge .header {
		height:525px;
	}
}

@media (max-width:1024px) {
	.page-template-template-pledge .header {
		height:475px;
	}
}

@media (max-width:767px) {
	.page-template-template-pledge .header {
		height:375px;
	}
}

@media (max-width:475px) {
	.page-template-template-pledge .header {
		height:275px;
	}
}

.desktopImage {
	display:none;
}

.col-pledge {
	margin-bottom:1rem;
}

@media (min-width:1125px) {
	.desktopImage {
		display:block;
		margin-bottom:0.5rem;
	}
	
	.page-template-template-pledge .header {
		display:none;
	}
	
	.page-template-template-pledge .row .content {
		max-width:900px;
	}
	
	.colFlex {
		display:flex;
		flex-wrap:wrap;
	}
	
	.col-pledge {
		flex:0 0 48%;
		margin-right:2%;
	}
}

@media (min-width:1325px) { 
	.page-template-template-pledge .row .content {
		max-width:1200px;
	}
}

@media (max-width: 915px) {
    .imageCenter {
	display: none;
    }
}


.larger_text {
	font-size:1.2rem;
}

.page-template-template-blog .headerItem .item, .single-post .headerItem .item {
	text-shadow: 2px 2px 5px #000;
}

/************** Social Meida Menu *************/
#social_menu {
	font-family:"FontAwesome";
	font-size:1.5rem;
	margin:1rem 0;
}

#social_menu a:link, #social_menu a:visited {
	display: inline-block;
	margin-right:1rem;
	color:#1e3858;
}

#social_menu a:hover {
	color:#3e6f35 !important;
}

.white #social_menu a:link, .white #social_menu a:visited {
	color:#fff;
}

.white #social_menu a:hover {
	color:#eeca00 !important;
}

.page-template-template-act #social_menu a:link, .page-template-template-act #social_menu a:visited{
	color:#7086a0;
}

/***** Search box helper text *****/
#searchResult:after {
    
    display: block;
    padding: 0;    
}
#searchResult.error:after {
    content: attr(data-content);
}
#searchResult.error:after {
    padding: 5px;
}

.secondScreen {
	position:relative;
	background-color:#213959;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	padding:10rem 0 10rem 18rem;
}

.icons {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 60%;
	margin-bottom:0;
}

@media (max-width:1100px) {
	.icons {
		width:85%;
	}
}

.icons .icon_box {
    flex: 0 0 25%;
    display: flex;
    flex-direction: column;
    color: #fff;
    font-family: 'TradeGothicLT';
    align-items: center;
	font-size:1.1rem;
}

@media (max-width:800px) {
	.icons .icon_box {
    	flex: 0 0 100%;
		margin-bottom:2rem;
	}
}

.fourthScreen .icons .icon_box {
	color:#213959;
	text-align:center;
}

.fourthScreen .icons .icon_box span{
	color:#82bd51;
}

.icons .icon_box span {
	color:#edbf00;
	font-family: 'TradeGothicLT-Bold';
}

.icons img {
	max-width:146px;
	margin-bottom:1.5rem;
}

.thirdScreen {
	background-color:#7086a1;
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	padding:10rem 1rem;
}

.fourthScreen {
	background-color:#fff;
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	padding:10rem 0 10rem 18rem;
}

.fourthScreen .btn {
	font-family: 'TradeGothicLT-Bold';
    text-transform: uppercase;
	display:inline-block;
	color:#fff;
	background-color:#82bd51;
	padding:5px 10px;
	margin:1rem 0;
	font-size:1.2rem;
	transition:all 0.2s ease-in-out;
	border:1px solid #82bd51;
	margin-bottom:0;
}

.fourthScreen .btn:hover {
	background-color:#fff;
	color:#82bd51;
}

@media (max-width:1200px) {
	.secondScreen, .fourthScreen {
		padding:10rem 0 10rem 12rem;
	}
}

.thirdScreen .video-container {
	width: 100%;
    position: relative;
    top: auto;
    right: 0;
    bottom: 0;
    padding: 0;
    margin: 0 0 0 0 !important;
	padding-left:18rem;
	left:0;
}

@media screen and (max-width: 767px) {
	.thirdScreen .video-container iframe {
		height: 74vh !important;
	}
}

@media screen and (max-width: 630px) {
	.thirdScreen .video-container iframe {
		height: 51vh !important;
	}
}

@media (max-width:767px) {
	.secondScreen, .fourthScreen {
		padding:10rem 0 10rem 0;
	}
	
	.thirdScreen .video-container {
		padding:0 1rem;
	}
	
	.page-template-template-hp-landing .video-container {
		left:0px;
	}
}

@media (min-width:768px) {
	.thirdScreen .video-container {
		width:60%;	
	}
}

.iconTitle {
	font-family: 'TradeGothicLT-Bold' !important;
    font-weight: normal;
    font-size: 40px;
    line-height: 45px;
    font-style: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 30px;
	text-align:center;
}

.iconTitle span {
	color:#fff;
}

.iconTitleBlue {
	font-family: 'TradeGothicLT-Bold' !important;
    font-weight: normal;
    font-size: 40px;
    line-height: 45px;
    font-style: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #213959;
    padding-bottom: 30px;
	text-align:center;
}

.iconTitleBlue span {
	color:#213959;
}

div.list {
	display:flex;
	align-items:center;
}

.number {
	font-family: 'TradeGothicLT-Bold';
    color:#fff;
    font-size: 60px;
    font-style: normal;
    letter-spacing: 1px;
    padding-right: .5rem;
}

.page-template-template-hp-landing .nav ul li a, .page-template-template-hp-landing .nav .find {
	color:#3e6f35;
}

.page-template-template-hp-landing .nav ul li a:hover {
	color:#dddddd !important;
}

.page-template-template-hp-landing .nav input.zip {
	border-color:#3e6f35;
	color:#3e6f35;
}

.page-template-template-hp-landing .nav input.zip::-webkit-input-placeholder {
    color:#3e6f35;
}

.page-template-template-hp-landing .nav input.zip::-moz-placeholder {
    color:#3e6f35;
}

.page-template-template-hp-landing .nav input.zip::-ms-placeholder {
    color:#3e6f35;
}

.page-template-template-hp-landing .nav input.zip::placeholder {
    color:#3e6f35;
}

.page-template-template-hp-landing .nav .submit {
	background-color:#3e6f35;
}

#gform_1 {
	position: relative;
    display: inline-block;
}

#gform_1 .gform_body {
	height: 37px;
}

@media (max-width: 767px) {
	.page-template-template-hp-landing .row {
    	padding:0 20px;
	}
	
	#gform_1 .gform_body {
    	height: 31px;
	}
}

.buttonBox {
	position: absolute;
    bottom: 10px;
    right: 10px;
}

#btn_video {
	border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    padding: 0.3rem 1rem;
    font-weight: bold;
    text-transform: uppercase;
	transition:all 0.3s ease-in-out;
}

#btn_video:hover {
	color:rgb(250, 204, 23);
	background-color:#fff;
}

.fullScreen-video {
	overflow:hidden;
	position:relative;
}

.fullScreen-video video {
    height: 100%;
    width: 177.77777778vh; /* 100 * 16 / 9 */
    min-width: 100%;
    min-height: 56.25vw; /* 100 * 9 / 16 */
	position: fixed;
    left: 50%; /* % of surrounding element */
    top: 50%;
    transform: translate(-50%, -50%); /* % of current element */
}

@media (max-width:800px){
	.fullScreen-video video {
		left:30%;
	}
}

.videoTitle {
	font-family: 'TradeGothicLT-Bold' !important;
    font-weight: normal;
    font-size: 40px;
    line-height: 45px;
    font-style: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 30px;
    text-align: center;
	margin:0 0 0 18rem;
}

.videoTitle span {
	color:#fff;
}

@media (max-width:768px) {
	.videoTitle {
		margin:0 0 0 1rem;
	}	
	
	.ginput_container.ginput_container_email {
		width:165px;
	}
}

@media (min-width:1200px) {
	.fourthScreen .btn {
		margin-bottom:0;
	}
	
	.iconTitleBlue {
		line-height:35px;
	}
	
	.icons {
		margin-bottom:0;
	}
}

li.active > a:first-child, li.current-menu-item > a:first-child {
	text-decoration:underline;
}

.icon_content {
	margin:2rem 0 0 0;
	color:#fff;
}

.icon_content a {
	color:#fff;
	text-decoration:underline;
}

.player__controls, .video__controls {
	background-color:#fff;
}

.player-aspect-ratio {
    padding-top: 0;
    padding-bottom: 0;
}

.addressItem {
	flex:0 0 23%;
	margin-bottom:2rem;
}

@media (max-width:768px) {
	.addressItem {
		flex:0 0 50%;	
	}
	
	.address, .stepTitle {
		padding:1rem;	
	}

	#scrollContentMobile #pledge {
		height:90vh;
		min-height:615px
	}
}