@charset "UTF-8";

/* Custom Font */
@font-face {
font-family: 'source_sans_proitalic';
src: url('../../css/Fonts/sourcesanspro-italic-webfont.eot');
src: url('../../css/Fonts/sourcesanspro-italic-webfont.eot?#iefix') format('embedded-opentype'),
     url('../../css/Fonts/sourcesanspro-italic-webfont.woff2') format('woff2'),
     url('../../css/Fonts/sourcesanspro-italic-webfont.woff') format('woff'),
     url('../../css/Fonts/sourcesanspro-italic-webfont.ttf') format('truetype'),
     url('../../css/Fonts/sourcesanspro-italic-webfont.svg#source_sans_proitalic') format('svg');
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: 'source_sans_problack';
src: url('../../css/Fonts/sourcesanspro-black-webfont.eot');
src: url('../../css/Fonts/sourcesanspro-black-webfont.eot?#iefix') format('embedded-opentype'),
     url('../../css/Fonts/sourcesanspro-black-webfont.woff2') format('woff2'),
     url('../../css/Fonts/sourcesanspro-black-webfont.woff') format('woff'),
     url('../../css/Fonts/sourcesanspro-black-webfont.ttf') format('truetype'),
     url('../../css/Fonts/sourcesanspro-black-webfont.svg#source_sans_problack') format('svg');
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: 'source_sans_prolight';
src: url('../../css/Fonts/sourcesanspro-light-webfont.eot');
src: url('../../css/Fonts/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
     url('../../css/Fonts/sourcesanspro-light-webfont.woff2') format('woff2'),
     url('../../css/Fonts/sourcesanspro-light-webfont.woff') format('woff'),
     url('../../css/Fonts/sourcesanspro-light-webfont.ttf') format('truetype'),
     url('../../css/Fonts/sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg');
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: 'source_sans_proregular';
src: url('../../css/Fonts/sourcesanspro-regular-webfont.eot');
src: url('../../css/Fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('../../css/Fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
     url('../../css/Fonts/sourcesanspro-regular-webfont.woff') format('woff'),
     url('../../css/Fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
     url('../../css/Fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: 'source_sans_probold';
src: url('../../css/Fonts/sourcesanspro-bold-webfont.eot');
src: url('../../css/Fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
     url('../../css/Fonts/sourcesanspro-bold-webfont.woff2') format('woff2'),
     url('../../css/Fonts/sourcesanspro-bold-webfont.woff') format('woff'),
     url('../../css/Fonts/sourcesanspro-bold-webfont.ttf') format('truetype'),
     url('../../css/Fonts/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: 'source_sans_prosemibold';
src: url('../../css/Fonts/sourcesanspro-semibold-webfont.eot');
src: url('../../css/Fonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
     url('../../css/Fonts/sourcesanspro-semibold-webfont.woff2') format('woff2'),
     url('../../css/Fonts/sourcesanspro-semibold-webfont.woff') format('woff'),
     url('../../css/Fonts/sourcesanspro-semibold-webfont.ttf') format('truetype'),
     url('../../css/Fonts/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');
font-weight: normal;
font-style: normal;

}

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }

html { width: 100%; height: 100%; }
body { font-family: 'source_sans_proregular', Helvetica, Arial, sans-serif; color: #000; height: 100%; -webkit-font-smoothing: subpixel-antialiased; overflow: hidden; background-color: #ecf0f4!important; }

/* global */
.maincolor { color: #fbcf4b; }
.main-bgcolor { background-color: #fbcf4b; }
.secundarycolor { color: #1a2128; }
.secundary-bgcolor { background-color: #1a2128; }
.font-light { font-family: 'source_sans_prolight', Helvetica, Arial, sans-serif; }
.font-regular { font-family: 'source_sans_proregular', Helvetica, Arial, sans-serif; }
.font-semibold, .semi_bold { font-family: 'source_sans_prosemibold', Helvetica, Arial, sans-serif; }
.font-bold { font-family: 'source_sans_probold', Helvetica, Arial, sans-serif; }
.font-black { font-family: 'source_sans_problack', Helvetica, Arial, sans-serif; }

/* form wrapper */
#form-wrapper { width: 100%; height: 100%; position: relative; overflow-y: hidden; box-sizing: border-box; -moz-box-sizing: border-box; background-color: #ecf0f4; }

	/* form */
	#sr_form { background-color: #FFF; width: 450px; margin: auto; -webkit-transform: translateY(-50%) scale(0.95); -ms-transform: translateY(-50%) scale(0.95); transform: translateY(-50%) scale(0.95); -moz-transform: translateY(-50%) scale(0.95); position: relative; top: 50%; box-sizing: border-box; -moz-box-sizing: content-box; box-sizing: border-box; -moz-box-sizing: border-box; height: auto;  opacity: 0;}
	#sr_form.animated { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; }
	
		/* logo */
		#sr_form_logo_text { font-size: 26px; padding-top: 30px; color: #2c2c2c;}
		#sr_form_logo_wrapper { box-sizing: border-box; -moz-box-sizing: border-box; padding: 30px 90px 20px 90px;  text-align: center; }
		#sr_form_logo { margin: auto; max-width: 100%; max-width: 100%; max-height: 140px; margin-bottom: 8px;}
		
		/* paragraph */
		#sr_form_paragraph { font-size: 18px; line-height: 24px; text-align: center; padding: 0px 50px; color: #2c2c2c;}
		#sr_form_paragraph a { color: #192451; }
		
		/* inputs */
		#sr_form_inputs { padding: 50px 50px 50px 50px; }
		#sr_form_inputs h4 { font-size: 12px; color: rgba(0,0,0,0.75); text-transform: uppercase; padding-bottom: 8px;}
		#sr_form_inputs .input { padding-bottom: 20px; }
		#sr_form_inputs .input input[type="text"] { width: 100%; height: 45px; border: 0; border: 0; box-shadow: inset 0 0 0 2px rgba(0,0,0,0.14); font-size: 16px; padding: 0 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; transition: all 0.25s ease; }
		#sr_form_inputs .input input[type="text"]:focus { outline: none; }
		
		#sr_form_submit { width: 100%; height: 53px; background-color: #69c0af; color: #FFF; line-height: 53px; font-size: 17px; text-transform: uppercase; cursor: pointer; text-align: center; margin-top: 9px; position: relative;}
		#sr_form_submit:hover { opacity: 0.8; }
		
		/* abuse */
		#report-abuse { text-transform: uppercase; font-size: 12px; color: #919191; text-align: center; margin-top: 24px;}
		.abuse, .resubscribe { cursor: pointer;  }
		
/* global */
.hidden { display: none; }

/* Pop Up API Styling */
#popupOverlay { width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background-color: rgba(0,0,0,0.5); z-index: 999; opacity: 0; }
#popup { background-color: #FFF; width: 600px; padding: 50px 50px 130px 50px; margin: auto; -webkit-transform: translateY(-50%) scale(0.8); -ms-transform: translateY(-50%) scale(0.8) ; transform: translateY(-50%) scale(0.8); -moz-transform: translateY(-50%) scale(0.8); position: relative; top: 50%; z-index: 99999; box-shadow: 0px 30px 30px rgba(0,0,0,0.12); opacity: 0;}

	#popup h3 { font-size: 22px; padding-bottom: 14px; line-height: 30px; text-align: center; color: #4a4a4a; text-transform: uppercase; font-family: 'source_sans_probold', Helvetica, Arial, sans-serif!important;}
	#popup p { color: #919191; padding-bottom: 46px; line-height: 30px; text-align: center; font-size: 16px; }
	#popup input[type="button"], #popup input[type="submit"] { border: 0px; position: absolute; bottom: 0px; margin: 0px; height: 80px; color: #FFF; font-size: 16px; text-transform: uppercase; cursor: pointer; width: 100%;}
	#popup .btnTrue, #popup input[type="submit"] { background-color: #69c0af;  }
	#popup .btnTrue:hover,  #popup input[type="submit"]:hover { background-color: #5caa9a; }
	
	#popup .btnTrue.invert, #popup input[type="submit"].invert { background-color: #ececec; color: #919191; }
	#popup .btnTrue.invert:hover,  #popup input[type="submit"].invert:hover { background-color: #d6d6d6 }
	
	#popup .btnTrue2 { background-color: #ececec;  }
	#popup .btnTrue2:hover { background-color: #d6d6d6; }
	
	#popup .btnFalse { background-color: #ececec; }
	#popup input[type="button"].btnFalse { color: #919191; }
	#popup input[type="button"].btnTrue2 { color: #919191; }
	#popup .btnFalse:hover { background-color: #d6d6d6 }
	#popup .btnFalse.invert { background-color: #69bfae; color: #FFF!important; }
	#popup .btnFalse.invert:hover { background-color: #70a598; }
	
	#popup textarea { width: 100%; resize: none; border: 0px; box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.12); height: 150px; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; color: #4a4a4a; font-size: 16px; line-height: 24px; }
	
	#popup input[type="text"], #popup input[type="password"] { width: 100%; border: 0px; box-shadow: 0px 0px 0px 1px #d8d8d8; height: 50px; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; color: #4a4a4a; font-size: 16px; line-height: 18px; margin-bottom: 8px; color: #4a4a4a; }
	
/* notification */
.notification { width: 100%; height: 45px; position: fixed; top: 0px; left: 0px; display: none; text-align: center; font-size: 13px; text-transform: uppercase; color: #FFF; z-index: 99999999; opacity: 0.95; }

.feedback_headline { padding-bottom: 12px; color: #4a4a4a; }

/* feedback */
#feedback_wrapper ul { list-style-type: none; padding-bottom: 16px;}
#feedback_wrapper li { padding-left: 30px; box-sizing: border-box; -moz-box-sizing: border-box; position: relative; line-height: 40px; color: #4a4a4a;}
#feedback_wrapper .radio-button { width: 18px; height: 18px; box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.25); background-color: #FFF; position: absolute; left: 0px; top: 50%; margin-top: -9px; border-radius: 100%; cursor: pointer; }
#feedback_wrapper .radio-button.active { background-image: url(../../dashboard/img/icons/check.png); background-repeat: no-repeat; background-position: center 7px; background-size: 9px; box-shadow: none; width: 20px; height: 20px;}

#feedback_input { width: 300px; height: 100%; position: absolute; right: 0; top: 0px; box-sizing: border-box; -moz-box-sizing: border-box; padding-top: 40px; padding-bottom: 40px; padding-right: 30px; }
#feedback_input textarea { resize: none; width: 100%; height: 100%; box-sizing: border-box; -moz-box-sizing: border-box; padding-bottom: 40px; background-color: transparent; border: none; padding-left: 20px; font-size: 16px; color: #4a4a4a; background-color: #FFF; box-shadow: 0 1px 0 #FFF, -1px 0 0 rgba(0,0,0,0.16);}
#feedback_input textarea:focus { outline: none; }
.chars-left { position: absolute; font-size: 12px; text-transform: uppercase; color: #4a4a4a; right: 20px; top: 18px; text-align: right;}

.error { background-color: #df4b33; color: #FFF; }
.error::-webkit-input-placeholder { color: #FFF; }
.error:-moz-placeholder { color: #FFF; }
.error::-moz-placeholder{ color: #FFF; }
.error:-ms-input-placeholder { color: #FFF; }

/* spinner */
.spinner {
  width: 70px;
  text-align: center;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  top: 50%;
  margin-top: -25px;
  
}

.spinner > div {
  width: 14px;
  height: 14px;
  background-color: #FFF;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0); -moz-transform: scale(0);  }
  40% { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
  }
}

@media only screen and (max-width: 550px) {
	
	body { overflow: auto!important; }
	#form-wrapper { width: 100%!important; position: relative!important; padding: 11px; box-sizing: border-box; -moz-box-sizing: border-box; overflow: scroll; -webkit-overflow-scrolling: touch; }
	#form_wrapper { width: 100%!important; }
	#sr_form { width: 100%!important; min-height: 100%!important; height: auto!important; position: relative!important; -webkit-transform: none!important; -moz-transform: none!important; top: 0!important;}
	#sr_form_inputs { padding: 50px 24px 30px 24px; }
	#sr_form_paragraph { font-size: 21px; line-height: 27px; }
	#feedback_input { padding-top: 35px; padding-bottom: 50px;}
	#feedback_input textarea { margin-left: 5px; }
	#popup { width: 300px!important; padding: 20px 0 90px 0!important; }
	.btnFalse, #reportAbuse { border-radius: 0!important; }
	#popup p { display: none!important; }
	#popup h3 { font-size: 20px; padding-bottom: 2px; }
	
	
}

input {
    -webkit-appearance: none;
}