@charset "utf-8";
/*
Theme Name: Save The Day
Author: Versus Creative
Version: 1.0
*/
@font-face {
    font-family:'dosis.medium';
    src: url('fonts/dosis/medium/dosis.medium.eot');
    src: url('fonts/dosis/medium/dosis.medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/dosis/medium/dosis.medium.woff') format('woff'),
         url('fonts/dosis/medium/dosis.medium.ttf') format('truetype'),
         url('fonts/dosis/medium/dosis.medium.svg#dosis.medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'dosis.semibold';
    src: url('fonts/dosis/semibold/dosis.semibold.eot');
    src: url('fonts/dosis/semibold/dosis.semibold.eot?#iefix') format('embedded-opentype'),
         url('fonts/dosis/semibold/dosis.semibold.woff') format('woff'),
         url('fonts/dosis/semibold/dosis.semibold.ttf') format('truetype'),
         url('fonts/dosis/semibold/dosis.semibold.svg#dosis.semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'dosis.bold';
    src: url('fonts/dosis/bold/dosis.bold.eot');
    src: url('fonts/dosis/bold/dosis.bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/dosis/bold/dosis.bold.woff') format('woff'),
         url('fonts/dosis/bold/dosis.bold.ttf') format('truetype'),
         url('fonts/dosis/bold/dosis.bold.svg#dosis.bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, .ui-widget { font-family:'dosis.medium'; font-size:18px; line-height:28px; color:#000000; letter-spacing:2px;overflow:hidden; overflow-y:auto;}
a { text-decoration:none; transition:0.5s; color:#000;}
a:hover {}

p {margin:15px 0px;}
/* Responsive Images */
img {outline:0; max-width:100%; height:auto; vertical-align:middle;}
/*========== Clear fixing =======*/
.clearfix:after {clear:both; content:''; display:block;}
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
ul {margin:0px; list-style-type:none; padding:0px;}
ul li {list-style-type:disc; margin:10px 0; list-style-position:inside;}

h1, h2, h3, h4, h5, h6 { margin:0px; font-weight:normal; font-family:'dosis.bold'; line-height:40px;}
h1 {font-size:40px;}
h2 {font-size:34px;}
h3 {font-size:30px;}
h4 {font-size:22px;}
h5 {font-size:20px;}
h6 {font-size:18px;}

strong, b {font-family:'dosis.semibold';}
input:focus, textarea:focus, select:focus, button:focus { outline:none;}
select, input, textarea, button { -webkit-appearance: none;  -moz-appearance: none;  appearance: none; border-radius:0px;}


/*========== main css starts here =======================*/
.wrapper {width:100%;}
.container {width:1280px; margin:0px auto; padding:0px 15px;}
html, body, .wrapper, .main_content_wrapper, #Register_to_vote {}
header {/*background-color:#cd4b4b; */ background-color:#4f8e8e;left:0; padding:32.5px 40px; position:fixed; top:0; width:100%; z-index:20;}
header .row {}
.logo {width:255px; float:left;}
.logo a {display:block;}
nav { float:right; padding:11px 0px;}
nav ul {}
nav ul li {float:left; list-style-type:none; margin:0px 28px;}
nav ul li a {display:block; padding:0px 0px; color:#fff; text-transform:uppercase;font-size:18px; line-height:26px; font-family:'dosis.bold'; border-bottom:2px solid transparent; border-top:2px solid transparent;}
nav ul li:hover a, nav ul li.active a {border-bottom-color:#fff;}

.social {float:right; padding:8.5px 0px;}
.social ul {}
.social ul li {float:left; list-style-type:none; margin:0px 21px;}
.social ul li:last-child {margin-right:0px;}
.social ul li a {display:block; color:#fff; font-size:33px; line-height:35px; }
.social ul li:hover a {color:#4f8e8e;}
.step2-iframe-container {text-align:center;}
#Register_to_vote {
    /*background:url(images/crowd-heads-bg_03.jpg) repeat;
    position:relative; margin-top:117px;
    min-height:780px;*/
    background: rgba(0, 0, 0, 0) url("images/Main.jpg") no-repeat scroll center center / cover ;
    margin-top: 117px;
    min-height: 780px;
    position: relative;
    }

.register_to_vote {max-width:403px; width:100%; margin:0px auto;}
.threed_logo {padding:50px 0px 30px; text-align:center;}

.register_to_vote_form {}
.register_to_vote_form h3 {font-family:'dosis.medium'; color:#fff; font-size:23px; letter-spacing:3px; margin-bottom:5px; text-transform:uppercase; text-align:center;margin-top:15px;}
.select_wrap {position:relative;}
.select_wrap:after {content:""; display:block; width:20px; height:12px; background:url(images/select-arrow-dwn.png) no-repeat; position:absolute;
top:30px; right:20px; pointer-events:none;}
input, select, button {background:rgba(255,255,255,0.8); transition:0.5s; letter-spacing:2px; font-size:19px; color:#1d2425; border:none; width:100%; padding:10px; height:56px; margin:6px 0px; text-transform:uppercase;  font-family:'dosis.semibold';}
input:hover, select:hover, input:focus, select:focus {background:rgba(255,255,255,1);}
button {background:rgba(1,5,5,0.8); color:#fff; height:75px; cursor:pointer;}
button:hover {background:rgba(1,5,5,1);}



::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#1d2425;
   opacity:1;
}
::-moz-placeholder { /* Firefox 19+ */
  color:#1d2425;
   opacity:1;
}
:-ms-input-placeholder { /* IE 10+ */
  color:#1d2425;
   opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
  color:#1d2425;
   opacity:1;
}

.scroll_down {
    left: 50%;
    padding: 15px 0;
    position: relative;
    text-align: center;
    transform:translate(-50%); -webkit-transform:translate(-50%); -moz-transform:translate(-50%);
}
.scroll_down h6 {font-size:19px; margin-bottom:10px; text-transform:uppercase; color:#fff; font-family:'dosis.semibold'; }
.scroll_down img {transition:0.5s;}
.scroll_down:hover img {opacity:0.7;}


#Our_Mission {
    background-color:#4F8E8E;
    padding:80px 150px;
    text-transform:uppercase;
    letter-spacing:3px;
    text-align:center;
    color:#fff;
    line-height:40px;
    font-size:22px;
    font-family:'dosis.bold';
    }

#The_Vids {}
.the_videos, .instagram_feed { position:relative; background-color:#262627;}
.the_videos h3, .instagram_feed h3 {color:#fff; text-align:center; text-transform:uppercase; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50, -50%);}

.follow_uson {background-color:#4f8e8e; text-align:center; padding:61px 0px;}
.follow_uson h3, #The_Team h3 {color:#fff; text-transform:uppercase; font-size:23px; text-align:center;font-family:'dosis.semibold'; letter-spacing:8px;}
.follow_uson .social {float:none; margin-top:25px; padding:0px;}
.follow_uson .social ul {display:table; margin:0px auto;}
.follow_uson .social ul li {margin:0px 20px;}
.follow_uson .social ul li:hover a {color:#cd4c4c;}
.follow_uson .social ul li:last-child {margin-right:20px;}
.follow_uson .social ul li a {font-size:32px; line-height:32px;}

.press {}
.press h3 {background-color:#cd4c4c; padding:100px 0px; color:#fff; text-transform:uppercase; text-align:center;font-family:'dosis.semibold'; letter-spacing:8px; font-size:23px;}

ul.press_items {}
ul.press_items li {float:left; background-color:#212122; list-style-type:none; margin:0px; width:33.33%; height:460px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
ul.press_items li:nth-child(2n+2) {background-color:#262627}
ul.press_items li .overlay {
    /*background:rgba(79,142,142,0.9);*/
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    width:100%;
    height:100%;
    position:relative;
    opacity:0;
    visibility:hidden;
    transition:0.5s;
    }
ul.press_items li .overlay h2 {color:#fff; text-align:center; font-size:23px; line-height:32px; font-family:'dosis.semibold'; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); width:100%; padding:0px 150px;}
ul.press_items li:hover .overlay {opacity:1; visibility:visible;}


#The_Team {background:url(images/crowd-heads-bg.jpg) center center no-repeat; background-size:cover; padding:80px 0px; position:relative;}
.team_overlay {width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:0; background:rgba(85,148,147,0.7);}
.post_content {max-width:980px; width:100%; margin:0px auto; color:#fff; text-align:center; position:relative; z-index:1;}
.post_content p {font-size:23px; line-height:37px; margin:20px 0px;} 
#The_Team h3 {margin-bottom:30px;}



footer {background-color:#000; padding:61px 0px;}
.footer_wrap {text-align:center;}
.footer_wrap .social {float:none; display:table; margin:0px auto 13px; }
.footer_wrap .social ul li {margin:0px 25px;}
.footer_wrap .social ul li:last-child {margin-right:25px;}
.footer_wrap .social ul li:hover a {color:#cd4b4b;}
.copyright { color:#fff; font-family:'dosis.semibold'; margin-top:21px;}

.mobile_navbar {display:none; position:relative; height:100%;}
.slide_menu {position:fixed; right:0px; top:0px; width:75%; z-index:30; padding-right:15px; background-color:#4f8e8e; height:100%; opacity:0; visibility:hidden;}
/*.slide_menu:after {background-color:#4f8e8e; position:absolute; top:0px; right:0px; width:75%; z-index:1; height:100%; content:""; display:block;}*/

/*======== hamburger button start here ============*/
.mobile_menu_btn {display:none; position:fixed; top:0px; right:0px; padding:22px 15px; width:75%; z-index:32;}
.c-hamburger {
  display:block;
  position:relative;
  overflow:hidden;
  margin:0; float:right;
  padding:0;
  width:30px;
  height:24px;
  font-size:0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
}

.c-hamburger:focus {outline:none;}
.c-hamburger span {
  display: block;
  position: absolute;
  top:10px;
  left:0px;
  right:0px;
  height:3px;
  background:#fff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height:3px;
  background-color:#fff;
  content: "";
  border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;
}

.c-hamburger span::before {top:-7px;}
.c-hamburger span::after {bottom:-7px;}
.c-hamburger--htx {background-color:transparent !important; border:none !important; padding:0px !important;}
.c-hamburger--htx span {transition:background 0s 0.3s;}
.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}
.c-hamburger--htx span::before {transition-property:top, transform;}
.c-hamburger--htx span::after {transition-property: bottom, transform;}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
  background-color: #373d48;
  position:absolute;
}

.c-hamburger--htx.is-active span {background:none;}
.c-hamburger--htx.is-active span::before {top: 0;  transform: rotate(45deg);}
.c-hamburger--htx.is-active span::after {bottom: 0; transform: rotate(-45deg);}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.3s;
}
/*======== hamburger button End's here ============*/


input:-webkit-autofill {background-color:#ffffff !important;}

.step2-iframe-container {
		margin: 0 auto;
		width: 90%;
	}
	
	#oas-full-overlay-search.open {
    opacity: 1;
    position: fixed;
    visibility: visible;
    -webkit-overflow-scrolling: touch;
  	overflow-y: scroll;
}
#oas-full-overlay-search.close {
    display:none
}
#oas-full-overlay-search {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: 0;
    top: 0;
	bottom:0;
	right:0;
    transition: opacity 0.5s linear 0s;
    visibility: hidden;
    width: 100%;
    z-index: 999998;
	overflow-y: scroll;
}

#oas-full-overlay-search a.close {
       background: transparent none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    font-size: 36px;
    font-weight: 700;
    opacity: 1;
    position: fixed;
    right: 35px;
    top: 7px;
    width: 32px;
    z-index: 999999;
}
#oas-full-overlay-search a.close:hover {color:#cd4b4b;}
.oas-full-overlay-search-container {
    height: auto;
    margin: 0 auto;
    top: 40px;
    width: 100%;
	
}
.oas-searchbox-container {
    margin: 55px auto 30px;
    width: 80%;
	text-align: center; position:relative;
}
.body-stop-scroll{
	overflow-y:hidden !important;
    position:relative; 
}

.loading-class {
    color: #fff;
    font-size: 20px;
    position: relative;
    top: 200px;
	display: none;
}
.deadline-heading {
    color: #fff;
    font-size: 17px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.deadline-container {}

.registration-overlay-contaitner {
    background: #fff none repeat scroll 0 0;
	color: #000;
    left: 50%;
    min-width: 28%;
    padding: 40px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, +50%);
}
.registration-overlay-contaitner-cityname {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 5px 0;
    text-transform: uppercase;
}

.registration-title,.early-voting-title {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
    margin: 5px 0;
    text-transform: uppercase;
}
.registration-title-date,.early-voting-date {
    color: #cd4b4b;
}
.my_menu_The_Team {
    display: none;
}
.the_team a {
    border-bottom: 2px solid #ffffff;
    color: #ffffff;
    font-family: 'dosis.bold'; }
@media screen and (max-width:1420px){
header {padding:20px 40px;}
nav {padding: 9px 0;}
nav ul li {margin:0px 15px;}
nav ul li a {font-size:16px;}
.social {padding:6.5px 0;}
.social ul li {margin:0px 10px;}
ul.press_items li .overlay h2 {padding:0px 80px;}
.logo {width:220px;}	
#Register_to_vote {margin-top:88px; min-height:590px;}
.register_to_vote {max-width:360px;}
.threed_logo {padding: 20px 0; width: 290px; margin:0px auto;}
input, select, button {height:50px; font-size:16px;}
button {height:60px;}
.scroll_down a {width:45px; margin:0px auto; display:table;}
.scroll_down h6 {margin-bottom:5px;}
}
@media screen and (max-width:1279px){
.container {width:980px;}
header {padding:20px 20px;}
.logo {width:180px;}
.social {padding:2px 0;}
.social ul li {margin:0 8px;}
header .social ul li a {font-size:30px;}
nav {padding:4.5px 0;}
nav ul li {margin:0 10px;}
ul.press_items li {height:360px;}
#Our_Mission {padding:50px;}
#Register_to_vote {margin-top:79px;}
	
}

@media screen and (max-width:979px){
body {letter-spacing:1px;}
.container {width:768px;}
header {padding:23px 15px;}
.logo {width:160px;}
.social {padding:0;}
.social ul li { margin:0 5px;}
header .social ul li a {font-size: 24px; line-height:33px;}
nav {padding: 1.5px 0;}
nav ul li {margin:0 8px;}
nav ul li a {font-size: 14px;}
#Our_Mission {font-size:23px; line-height:37px;}
ul.press_items li {height: 260px;}
ul.press_items li .overlay h2 {padding: 0 15px;}
}

@media screen and (max-width:767px){
body {font-size:16px; line-height:24px;}
.container {width:100%;}
header {padding:0;background-color:transparent;}
.logo {padding:15px 0 15px 15px; /*background-color:#cd4b4b;*/ background-color:#4f8e8e; width:100%;}
.logo a {width:180px;}
.mobile_navbar {display:block;}
.mobile_menu_btn {display:block;}
.slide_menu {transition:0.5s; padding:68px 20px 30px 20px; right:-75%;}
.slide_menu.mobile_menu_active {opacity:1; visibility:visible; right:0;}
header .row {display:none;}
nav { float: none; padding:0px 0px 0px; width: 100%;}
nav ul li {float: none; margin:15px 0;}
nav ul li a { padding:0px 0px; font-size:18px; display:inline-block;}
.social {float:none; margin-top:30px;}
.slide_menu .social ul li {margin-right:28px;}
.slide_menu .social ul li a {font-size:35px;}
.threed_logo {width:220px;}
#Register_to_vote {margin-top:67px;/* padding:0px 15px;*/ min-height:470px;}

#vip_information h3 {
    color: #fff;
    font-family: "dosis.medium";
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 3px;
    margin-bottom: 5px;
    margin-top: 15px;
    text-align: center;
    text-transform: uppercase;
}

#_vit input[type=text] {
    -webkit-user-select: text;
    margin: 0;
    padding: 12px;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    font-size: 16px!important;
    font-family: sans-serif;
    color: #ffffff!important;
    color: #ffffff!important;
    width: 100%;
    background-color: #fafafa;
    box-shadow: 1px 1px 6px 0px #cccccc;
}

.register_to_vote_form h3 {font-size:20px; letter-spacing:2px; margin:0px;}
.select_wrap::after { content: ""; right: 15px; top:20px; width: 15px;background-size: contain;}
input, select, button {font-size:14px;  padding:5px 10px; letter-spacing:1px; height:40px; margin:3px 0px;}
.scroll_down h6 {font-size:14px; margin:0px;}
.scroll_down a {width:36px;}
#Our_Mission {font-size:18px; line-height:36px; padding:20px 15px; letter-spacing:1px;}
.follow_uson {padding:30px 0px;}
.follow_uson .social {margin-top:10px;}
.follow_uson .social ul li { margin:0 15px;}
.follow_uson .social ul li:last-child {margin-right:15px;}
.follow_uson .social ul li a { font-size: 30px; line-height: 28px;}
.follow_uson h3, #The_Team h3 {letter-spacing:10px;}
.press h3 {padding:30px 0px;}
ul.press_items {text-align:center;}
ul.press_items li {
   /* height:290px;
    width:290px;
    float:none;
    display:inline-block;*/
    height: 180px;
    width: 50%;
    float: left;
    display: inline-block;
    }
#The_Team {padding:30px 15px 10px;}
#The_Team h3 { margin-bottom:0px;}
.post_content p {font-size:18px; line-height:30px;}

.follow_uson h3, .press h3, #The_Team h3{font-size:20px; letter-spacing:5px;}
ul.press_items li .overlay h2 {font-size:20px; line-height:24px;}

footer {padding:30px 15px;}
.footer_wrap .social {margin: 0 auto 3px;}
.copyright {margin-top:10px;}
.footer_wrap .social ul li:last-child {margin-right: 15px;}
.footer_wrap .social ul li {margin: 0 15px;}
.social ul li a {font-size:30px;}

.deadline-heading {font-size:14px; line-height:18px; text-align:center; margin-bottom:10px;}
#oas-full-overlay-search a.close {width: 22px; right:20px; top:16px;}
.registration-overlay-contaitner {padding:15px; width:290px;}
.oas-searchbox-container {width:92%;}
}

@media screen and (max-width:599px){
.threed_logo {width:180px;}
.post_content > p strong {display:block;}
.post_content > p br {margin-bottom:5px;}

#vip_information h3 {
    color: #fff;
    font-family: "dosis.medium";
    font-size: 16px!important;
    line-height: 19px!important;
    letter-spacing: 3px;
    margin-bottom: 5px;
    margin-top: 15px;
    text-align: center;
    text-transform: uppercase;
}

#_vit input[type=text] {
    -webkit-user-select: text;
    margin: 0;
    padding: 12px;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    font-size: 16px!important;
    font-family: sans-serif;
    color: #ffffff!important;
    color: #ffffff!important;
    width: 100%;
    background-color: #fafafa;
    box-shadow: 1px 1px 6px 0px #cccccc;
}


}

@media all and (max-width:1420px) and (min-width:768px){
    .deadline-heading{
        font-size: 14px;
        text-align: center
    }
     
}

a {
    text-decoration: none;
    transition: 0.5s;
    color: #fff;
}
.tolb-counter {
    display: none !important;
}