@font-face {

src:url(fonts/GothamBold.ttf);
src:url(fonts/GothamBook.ttf);	
src:url(fonts/GothamLight.otf);
src:url(fonts/GothamMedium.ttf);
font-family:Gotham;
	
}
.top-header-date{
    font-size: 0.755rem;
    color: #000;
    margin-top: -0.125rem;
    margin-bottom: 0.075rem;
}
.top-title{
    font-weight: bold;
    font-size: 1.25rem;
    color: #000;
    margin-bottom: 0.075rem;
    margin-top: -0.3rem;
}
.iframe-height{
    height: 350px;
}
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap");

* {
    margin: 0;
    padding: 0
}

html {
    height: 100%;
	overflow-x: hidden;
}

body {

font-family: "Open Sans", sans-serif !important;
background-color: white !important;
overflow-x: hidden;
display: flex;
flex-direction: column;
font-weight: 400;
line-height: 1.5;
color: #212529 !important;
	
}



a:hover {
text-decoration:none !important;	
	
}

button:focus {

outline: none !important;	
	
}

.max-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-left: auto;
    margin-right: auto;
}

.header {
	width: 100%;
	background: #fff;
    border-bottom: 1px solid #d3d3d3;

}

.header .row {
	margin-top: 0.75rem;
    margin-bottom: 0.55rem;
    justify-content: center;
}


.logo {
    text-align: center;
}

.news-games-link{
    color: #9f9f9f !important;
    text-decoration: underline !important;
}
.header .logo img {
    width: auto;
    height: 1.75rem;
    margin-top: 0.18rem;
    margin-bottom: 0rem;
}

body:not(.embedded) {
    min-height: 100vh;
}

#content:not(.embedded) {
    min-height: calc(100vh - 10.875rem);
}


.get-started-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.get-started-logo {
    width: 10.125rem;
    height: 10.125rem;
    margin-bottom: 2rem;
}

.get-started__page-sub-title {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.5rem;
    line-height: 1.7rem;
    width: 23.5rem;
    letter-spacing: 0.001em;
    color: #101739;
    margin-bottom: .5rem;
    margin-top: 0.5rem;
    letter-spacing: .05rem;
}

.get-started__select-container {
    position: relative;
    width: 100%;
    max-width: 345px;
    margin-bottom: 0.5rem;
}

.get-started__select {
    border-color: #aab8c2;
    border-radius: 6px;
    padding: 0.625rem 1rem;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
}

.get-started__select-container:after {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    right: 10px;
    width: 30px;
    text-align: center;
    font-size: 28px;
    line-height: 45px;
    pointer-events: none;
}

.main-page-wrapper {
	
	width:100%;
}


.home-heading {
    font-weight: 700;
}

.get-started__signup-login {
    text-align: center;
}

.get-started__signup-login .signup-btn {
background-color: #0d1436;
    padding: 13px 90px;
    color: white;
    border-radius: 10px;
    float: left;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 12px;
    border: 1px solid #0d1436;
	-webkit-transition: 0.5s;
    transition: 0.5s;
}


.get-started__signup-login .login-btn {
	float: left;
    text-align: center;
    width: 100%;
    background-color: transparent;
    padding: 12px 90px;
    border-radius: 10px;
    border: 1px solid #0d1436;
    color: #0d1436;
	-webkit-transition: 0.5s;
    transition: 0.5s;
}

.get-started__signup-login .signup-btn:hover {
	color: #0d1436;
	background-color: transparent;
	
}

.get-started__signup-login .login-btn:hover {
	background-color: #0d1436;
	 color: white;
	
}

.get-started__signup-login a {
    font-weight: 500;
}

.signup-login-fields .forgot-password {
    float: right;
    font-size: 14px;
}


/* The container-radio */
.container-radio {
display: block;
    position: relative;
    padding-left: 45px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: auto;
}

/* Hide the browser's default radio button */
.container-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark-radio {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #ffffff;
    border-radius: 50%;
    border: 1px solid #9b9b9b;
}

/* On mouse-over, add a grey background color */
.container-radio:hover input ~ .checkmark-radio {
    background-color: #ffffff;
    border: 1px solid #424244;
}

/* When the radio button is checked, add a blue background */
.container-radio input:checked ~ .checkmark-radio {
    background-color: #434345;
    border: 1px solid #434345;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark-radio:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container-radio input:checked ~ .checkmark-radio:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container-radio .checkmark-radio:after {
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: white;
}

.container-radio .title {
    margin-bottom: 0;
}

.container-radio .title span {
    font-size: 13px;
    color: #a0a0a0;
}

.container-radio .title .off {
    margin-left: 12px;
    font-size: 10px;
    background-color: #aaaaaa;
    padding: 2px 6px;
    border-radius: 5px;
    color: white;
}


footer {
    height: 4rem;
    font-family: sans-serif;
    font-size: 0.725rem;
    letter-spacing: 0.05em;
    color: #9f9f9f;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-top: 1px solid #d3d3d3;
    margin-top: auto;
	width: 100%;
    padding: 0px 12px 0px 12px;
}

footer p, footer p a {
    margin-bottom: 0px;
    color: #9f9f9f;
    font-family: sans-serif !important;
}


.signup-login-fields {
    max-width: 480px;
    width: 100%;
    padding: 0px 12px;
}

.signup-login-fields .form-control {
    height: 45px;
    border-radius: 10px;
    font-size: 15px;
}

.header__site-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.header__site-logo--place img {
    height: fit-content !important;
    max-height: 3.125rem;
    margin-bottom: 0.625rem !important;
}

.header__site-logo--place span:nth-of-type(1) {
    font-weight: bold;
    font-size: 1.25rem;
    color: #000;
    margin-bottom: 0.075rem;
    margin-top: -0.3rem;
}

.partner_text_header, .header__site-logo--place span:nth-of-type(2) {
    font-size: 0.755rem;
    color: #000;
    margin-top: -0.125rem;
    margin-bottom: 0.075rem;
}

.header__site-logo--place span {
    font-family: 'Arimo', sans-serif;
}


.single-poll-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.single-poll {
    max-width: 22rem;
	width: 100%;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0);
    border-radius: 1rem;
    padding-top: 1.8rem;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    padding-bottom: 2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 1.5rem;
    margin-bottom: 1.2rem;
}

.single-poll__footer {
    font-size: 0.725rem;
    line-height: 0.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.02em;
    color: #9f9f9f;
    margin-bottom: 1.5rem;
}

.single-poll__step {
    /* font-size: 1.075rem; */
    font-size: 1.08rem;
    line-height: 1rem;
    letter-spacing: 0em;
    color: #9f9f9f;
    margin-bottom: 1.2rem;
    margin-top: -0.1rem;
}

.single-poll__title.question, .single-poll__headline {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.508rem;
    color: #000000;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
    margin-bottom: 1.7rem;
    text-align: left;
}

.single-poll__title {
    font-size: 1.2rem;
    line-height: 1.625rem;
    font-weight: bold;
    letter-spacing: 0rem;
    color: #000000;
    margin-top: 0.3rem;
    margin-bottom: 1.7rem;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
    text-align: left;
}

.single-poll__headline {
    color: #000000;
    font-weight: normal;
    margin-top: -1.5rem;
    margin-bottom: 1.5rem;
    /* font-size: 1.15rem; */
    font-size: 1.08rem;
    letter-spacing: 0.01em;
    text-align: left;
}

.single-poll__choice, .single-poll__promo_popup__button, .single-poll__promo_popup__close {
    border: 1px solid #4F98D5;
    background-color: #4F98D5;
    color: #ffffff;
}

.single-poll__choice {
    width: 100%;
    height: auto;
    padding-top: 0.90rem;
    padding-bottom: 0.90rem;
    padding-left: 1.2rem;
    padding-right: 2rem;
    border-radius: 0.4rem;
    font-size: 1.08rem;
    line-height: 1.375rem;
    letter-spacing: 0.03em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem;
    cursor: pointer;
    white-space: normal;
}

.single-poll__choice:hover, .single-poll__promo_popup__button:hover, .single-poll__promo_popup__close:hover {
    border-color: #2E5E85;
    background-color: #2E5E85;
    color: #ffffff;
}

body a:hover {
    text-decoration: none;
}

body.place {
    background-color: #FFFFFF;
    font-family: 'Arimo', sans-serif;
}

.single-poll__step.last-result.nope {
    color: #eb3457;
    font-weight: bold;
    font-size: 1.1rem;
    letter-spacing: -0.03em;
}

.single-poll__step.last-result-others {
    font-size: 0.92rem;
    line-height: 0.1rem;
    letter-spacing: 0.02em;
    color: #9f9f9f;
    margin-top: 0.7rem;
    margin-bottom: 1.6rem;
}

.single-poll__step.last-result {
    text-transform: capitalize;
    margin-bottom: 0.25rem;
    margin-top: -0.1rem;
    font-size: 1.2rem;
    letter-spacing: -0em;
}


.single-poll__choice .emoji {
    margin-right: 6px!important;
}

.single__company__logo {
    width: 100%;
    text-align: center;
    margin: 8px 0px 8px 0px;
}

.single__company__logo img {
    width: 100%;
}

img.wp-smiley, img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 0.07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}

.single-poll__step.last-result.correct {
    color: #377d22;
    font-weight: bold;
    font-size: 1.1rem;
    letter-spacing: -0.03em;
}

.single-poll__step.last-result {
    text-transform: capitalize;
    margin-bottom: 0.25rem;
    margin-top: -0.1rem;
    font-size: 1.2rem;
    letter-spacing: -0em;
}

footer.place {
    background-color: #f5f8fa;
}

.single-poll__choice:last-child {
    margin-bottom: -4px;
}


.single-poll-score-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 1.5rem;
    padding-bottom: 3.625rem;
}


.single-poll-finish {
   max-width: 22rem;
	width:100%;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0);
    border-radius: 0rem;
    padding-top: 1.8rem;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    padding-bottom: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 0rem;
    margin-bottom: 1.2rem;
}

.single-poll-score__page-title {
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 2.1rem;
    width: 23.5rem;
    letter-spacing: .02em;
    color: #101739;
    margin-bottom: 1rem;
}

img.wp-smiley, img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 0.07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}

.single-poll-score__page-title {
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 2.1rem;
    width: 23.5rem;
    letter-spacing: .02em;
    color: #101739;
    margin-bottom: 1rem;
}

.single-poll-score__message {
    font-size: 1rem;
    text-align: center;
    line-height: 1.5rem;
    margin-top: -0.33rem;
    margin-bottom: 0.625rem;
    max-width: 20rem;
    width: 100%;
}

.single-poll-score__share-buttons {
    display: flex;
    margin-top: -0.2rem;
    margin-bottom: 0rem;
    align-items: center;
    justify-content: center;
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}

.single-poll-score__share-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: 0.5px solid #000000;
    background: #e5e5e5;
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
    font-size: 0.875rem;
    transition-duration: 0.2s;
}

.single-poll-score__subscribe-submit {
    width: 18rem;
    height: 2.6875rem;
    border: 1px solid #657786;
    border-radius: .4rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: auto;
    margin-bottom: 1.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.03em;
    cursor: pointer;
    border-color: #657786;
    color: #000;
    padding-left: 55px;
}

.single-poll-score__subscribe-submit img {
    margin-right: .2rem;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    object-fit: contain;
    object-position: center;
}

.single-poll-score__poll-summaries {
	max-width: 20rem;
    margin-left: 3%;
    width: 100%;
    padding: 0px 12px 0px 12px;
}

.single-poll-score__poll-summaries li, .single-poll-score__poll-summaries li a {
    color: #1988c8;
    line-height: 1.3;
    padding: 8px 0px;
}

.view-details-modal .modal-content {
    border-radius: 22px;
}


.view-details-modal .modal-footer {
    border-top: 1px solid transparent;
}

.view-details-modal .modal-footer .btn-secondary {
    width: 100%;
    background-color: #4F98D5;
    border-color: #4F98D5;
}

.view-details-modal .modal-footer .btn-secondary:hover {
	    border-color: #2E5E85;
    background-color: #2E5E85;
}



/*--Responsive media queries--*/

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




}



@media all and (min-width:768px) and (max-width: 991px) { 



}



@media all and (min-width:580px) and (max-width: 767px) { 

#content:not(.embedded) {
    min-height: calc(100vh - 9.125rem);
}

.get-started__page-sub-title {
	width:100%;
}

footer p, footer p a {
    text-align: center;
}

.view-details-modal {
    padding: 8px !important;
}

}




@media all and (min-width:127px) and (max-width: 579px) { 

#content:not(.embedded) {
    min-height: calc(100vh - 9.125rem);
}

.get-started__page-sub-title {
	width:100%;
	font-size: 1.2rem;
}

footer p, footer p a {
    text-align: center;
}

.single-poll-score__poll-summaries li, .single-poll-score__poll-summaries li a {

    /* font-size: 14px; */
    font-size: 1rem;
}

.home-heading {
    font-weight: 700;
    font-size: 1.5rem;
}


.single-poll__headline {
    /* font-size: 1rem; */
    font-size: 1.08rem;
}

.view-details-modal {
    padding: 8px !important;
}

}