html,body{ padding:0;  margin:0;  font-family:Dinot_Regular, arial;   font-size:13px;line-height:18px;  text-align:left; }
a,img{ padding:0;  margin:0;  border:0;  outline:0;  vertical-align:top;  text-decoration:none; }
ul, ul li, ol, ol li, form, input, textarea, label { padding:0;  margin:0;  list-style:none;  border:0; }
p,h1,h2,h3,h4,h5,h6{ padding:0;  margin:0;  font-weight:normal; }
input{ background:none;  border:none; }
input[type=button], input[type=submit]{ cursor:pointer;  border:0; }
input:focus{ outline: none; box-shadow:0px; }
.clear{ clear:both; }
img { max-width: 100%; }
header, nav, section, article, aside, footer, hgroup{  display: block; }
/* [ EXTERNAL FONTS ] */
	/* DIN OT - Regular */
	@font-face { 
	    font-family: 'Dinot_Regular'; 
	    src: url('../fonts/DINOT.eot'); 
	    src: url('../fonts/DINOT.eot') format('embedded-opentype'),
	         url('../fonts/DINOT.woff') format('woff'),
	         url('../fonts/DINOT.ttf') format('truetype'),
	         url('../fonts/DINOT.svg#DINOT') format('svg'); 
		font-weight: normal; 
	    font-style: normal; 
		}

	/* DIN OT - Medium */
	@font-face { 
	    font-family: 'Dinot_Medium'; 
	    src: url('../fonts/DINOT-Medium.eot'); 
	    src: url('../fonts/DINOT-Medium.eot') format('embedded-opentype'),
	         url('../fonts/DINOT-Medium.woff') format('woff'),
	         url('../fonts/DINOT-Medium.ttf') format('truetype'),
	         url('../fonts/DINOT-Medium.svg#DINOT-Medium') format('svg'); 
		font-weight: normal; 
	    font-style: normal; 
		}

	/* DIN OT - Bold */
	@font-face { 
	    font-family: 'Dinot_Bold'; 
	    src: url('../fonts/DINOT-Bold.eot'); 
	    src: url('../fonts/DINOT-Bold.eot') format('embedded-opentype'),
	         url('../fonts/DINOT-Bold.woff') format('woff'),
	         url('../fonts/DINOT-Bold.ttf') format('truetype'),
	         url('../fonts/DINOT-Bold.svg#Dinot_Bold') format('svg'); 
		font-weight: normal; 
	    font-style: normal; 
		}

	/* Rockwell - Light */
	@font-face { 
	    font-family: 'Rockwell_Light'; 
	    src: url('../fonts/rockwell_light.eot'); 
	    src: url('../fonts/rockwell_light.eot') format('embedded-opentype'),
	         url('../fonts/rockwell_light.woff') format('woff'),
	         url('../fonts/rockwell_light.ttf') format('truetype'),
	         url('../fonts/rockwell_light.svg#Rockwell_Light') format('svg'); 
		font-weight: normal; 
	    font-style: normal; 
		}

	/* Rockwell - Regular */
	@font-face { 
	    font-family: 'Rockwell_Regular'; 
	    src: url('../fonts/rockwell_regular.eot'); 
	    src: url('../fonts/rockwell_regular.eot') format('embedded-opentype'),
	         url('../fonts/rockwell_regular.woff') format('woff'),
	         url('../fonts/rockwell_regular.ttf') format('truetype'),
	         url('../fonts/rockwell_regular.svg#Rockwell_Regular') format('svg'); 
		font-weight: normal; 
	    font-style: normal; 
		}

	/* Rockwell - Bold */
	@font-face { 
	    font-family: 'Rockwell_Bold'; 
	    src: url('../fonts/rockwell_bold.eot'); 
	    src: url('../fonts/rockwell_bold.eot') format('embedded-opentype'),
	         url('../fonts/rockwell_bold.woff') format('woff'),
	         url('../fonts/rockwell_bold.ttf') format('truetype'),
	         url('../fonts/rockwell_bold.svg#Rockwell_Bold') format('svg'); 
		font-weight: normal; 
	    font-style: normal; 
		}

    /* Roboto - Regular */
    @font-face {
        font-family: 'Roboto-Regular';
        src: url('../fonts/roboto/Roboto-Regular-webfont.eot');
        src: url('../fonts/roboto/Roboto-Regular-webfont.eot') format('embedded-opentype'),
        url('../fonts/roboto/Roboto-Regular-webfont.woff') format('woff'),
        url('../fonts/roboto/Roboto-Regular-webfont.ttf') format('truetype'),
        url('../fonts/roboto/Roboto-Regular-webfont.svg#Roboto-Regular') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    /* Roboto - Medium */
    @font-face {
        font-family: 'Roboto-Medium';
        src: url('../fonts/roboto/Roboto-Medium-webfont.eot');
        src: url('../fonts/roboto/Roboto-Medium-webfont.eot') format('embedded-opentype'),
        url('../fonts/roboto/Roboto-Medium-webfont.woff') format('woff'),
        url('../fonts/roboto/Roboto-Medium-webfont.ttf') format('truetype'),
        url('../fonts/roboto/Roboto-Medium-webfont.svg#Roboto-Regular') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    /* Roboto - Bold */
    @font-face {
        font-family: 'Roboto-Bold';
        src: url('../fonts/roboto/Roboto-Bold-webfont.eot');
        src: url('../fonts/roboto/Roboto-Bold-webfont.eot') format('embedded-opentype'),
        url('../fonts/roboto/Roboto-Bold-webfont.woff') format('woff'),
        url('../fonts/roboto/Roboto-Bold-webfont.ttf') format('truetype'),
        url('../fonts/roboto/Roboto-Bold-webfont.svg#Roboto-Bold') format('svg');
        font-weight: normal;
        font-style: normal;
    }

/* Dinot_Regular */
.dinot-regular { font-family:"Dinot_Regular", Arial, Helvetica, sans-serif !important; }
/* Dinot_Medium */
.dinot-medium, .datacard-ques, .likelyoutcome-option-holder label span, .empty-title, .empty-loading-text { font-family:"Dinot_Medium", Arial, Helvetica, sans-serif !important; }
/* Rockwell_Regular */
.rockwell-regular {font-family:Rockwell_Regular;}
/* Rockwell_Bold */
.rockwell-bold { font-family:Rockwell_Bold;}
.arial, .datacard-options, .competitors-idk{ font-family: "Arial"; }
.font-8 { font-size: 8px; }
.font-9 { font-size: 9px; }

.desktop-only{ display:inline; }
.desktop-none{ display:none; }
.tab-only{ display:none; }
.mobile-only{ display:none; }
.mobile-none{ display:block; }
.display-none{ display: none; }
.d-block{ display: block !important;}
.fa{ background-image:none !important;}
.width-90{ width:90%; }
.width-95{ width:95%; }
.width-100{ width:100%; }
.width-inherit{ width: inherit;}
.min-width-100{ min-width: 100%; }
.display-table{ display: table; }
.display-table-cell{ display: table-cell;}
.v-align-middle{ vertical-align: middle; }

.thanks-page-wrapper { float: left; width: 100%; }
.container-600{ margin: 0 auto; max-width: 600px;text-align:center; }
.thanks-page-container{ position: relative; margin-top: 45px; }
.thanks-container{padding-bottom:20px; border-bottom: 1px solid #D9D9D9;margin-bottom:20px;}
.unlock-test .thanks-container{border-bottom: 0px solid #D9D9D9;}
.thanks-title, .thanks-text{font-family: Arial;font-size:22px;color:#FF8100;line-height: 24px;}
.thanks-title{font-weight: bold;}
.company-logo img{ width: auto !important; height: auto !important; max-width: 116px; max-height: 46px; }
.insight-text, .insight-blue-text{font-family: Arial;font-size:22px;color:#000;line-height: 24px;}
.insight-text{padding:20px 20px;}
.insight-text span img{width:60px;}
.insight-blue-text{color:#999;font-size: 16px;padding-bottom: 10px;}
.insight-blue-text img{padding-right: 5px;}
.invite-email-container p {width:100%;display: table;}
.invite-email-container p input{display: table-cell;width:370px;font-style: italic;font-size:14px;color:#9F9F9F;line-height: 15px;padding: 14px;margin: 0 auto;background-color:#DADADA;border-radius:5px;}
.invite-email-container p i{margin-left: 10px;}
.invite-email-container p.email2 i, .invite-email-container p.email3 i{visibility: hidden;}
.invite-email-container p.email1, .invite-email-container p.email2{margin-top:5px;}
.invite-email-container p.email1 i {width:0px;color:#58b5ee;font-size:40px !important;vertical-align: middle;cursor:pointer;}
.select-from-contacts{margin:0 auto;margin-top:12px;font-family: Arial;font-size: 12px;margin-left:-10px;}
.select-contacts{color:#999;cursor: pointer;font-size:12px;}
.select-contacts span{color:#00acec;display:inline-block;padding:0 5px;font-size: 12px;}
.select-contacts-text{color:#35495B !important;font-size: 12px;}
.data-container .checkbox input, .radio input {
    display: none;
}
.data-container .checkbox input + label, .data-container .radio input + label {
    background: url(../images/os_custom_elements.png);
}
.data-container .checkbox input + label {
    width: auto;
    height: 13px;
    display: inline-block;
    position: relative;
    padding-left: 20px;
    background-repeat: no-repeat;
    cursor: pointer;
    line-height: 14px;
}
.data-container .checkbox input:checked + label, .checkbox input:checked + label:after {
    background-position: 0 -63px;
}
.data-container .anonymous{
	color: #999;
    padding-top: 10px;
}
.anonymous span{display:block;padding: 10px 60px 0 60px;}


/* Referral page */
#datacard-template .dc-ans-holder{width:auto;margin:0 10px 5px 10px;width:72px;height:72px;}
#datacard-template .datacard-ans-container{width:auto;display: table;margin: 0 auto;}
.datacard-section, .datacard-ques, .datacard-ans, .datacard-ans-idk, .dc-container{width:100%;float:left;}
.datacard-section, .datacard-ques, .datacard-ans, .datacard-ans-idk, .dc-container{width:100%;float:left;}
.datacard-competitor{position: relative;display:inline;}
.datacard-ques, .dc-ans-idk {text-align:center;}
.datacard-ques {font-size: 24px;line-height: 30px;color: #000;font-weight: bold;padding-bottom: 10px;}
.dc-ans-holder{width:33%;display:table-cell;float:left;cursor:pointer;margin:0 0 10px 0;}
.dc-ans-img{margin-bottom:5px;}
.dc-ans-img img {width:auto !important;height:auto !important;max-width: 72px; max-height: 72px;}
.dc-ans-option {font-weight: bold;}
.datacard-desc {font-size: 11px; color: #747474; line-height: 11px;padding-top: 27px;}
.email-text{width:100%;padding-bottom:10px;font-size:30px;color:#000000;line-height:34px;padding-top: 30px;}
.email-submit{box-shadow: #0087c1 0 2px 0 !important;font-size: 22px;color: #ffffff !important;background: #00b5ff !important;border: 0 none;border-radius: 5px;height: 55px;line-height: 30px;outline: 0 none;padding: 0px 34px;cursor: pointer;margin-left: 10px;font-family: Dinot_Regular;}
.referral-email-container p {width:100%;display: table;}
.referral-email-container p input{display: table-cell; width: 340px;font-style: italic;font-size: 22px;color: #9F9F9F;line-height: 15px;padding: 15px 20px;margin: 0 auto;background-color: #DADADA; border-radius: 5px;}
.referral-container .thanks-container{border: 0;}

@media only screen and (min-width: 0px) and (max-width: 640px){
    .thanks-page-container{margin-top:25px;}
    .insight-text{padding:15px;}
    .invite-email-container p input{width:230px;}
    .invite-email-container p i{margin-left: 5px;}
    .select-from-contacts {margin-left:-5px;font-size: 12px;}
	.thanks-container{margin-left:15px; margin-right:15px;}
	.thanks-text{max-width:250px; margin: 0 auto;}
	.ref-key-icon{display:none;}
	.insight-blue-text{padding: 0 40px 2px 40px;}
	#datacard-template .dc-ans-holder{margin:0 10px 5px 0;}
	.email-text{text-align: left;font-size: 24px;padding: 36px 0 35px 20px;width: auto !important;}
	.email-submit{margin-top: 5px;}
	.referral-email-container p input{width: 240px;}
}
/*********** Referral Page Styles ********************/

/****************** Interstitial Popup styles start *************************************/
#interstitial-popup-container{position:fixed;width:506px;top:50%;left:50%;transform:translate(-50%,-50%);padding:31px 58px 15px;z-index:100;background:#FFF;}
.interstitial-popup-overlay{position:fixed;width:100%;height:100%;top:0;left:0;opacity:0.8;background:#000;z-index:99;}
.interstitial-popup-close-icon{position:absolute;top:6px;right:6px;color:#DADADA;font-size:18px;cursor:pointer;}
.interstitial-popup-title{font-family: 'Roboto-Medium';color:#EF6C00;font-size:24px;line-height:30px;}
.interstitial-popup-desc{font-family: 'Roboto-Regular';color:#808183;font-size:18px;line-height:24px;margin-top:18px;}
.interstitial-popup-portfolio-link{margin-top:17px;}
.interstitial-popup-portfolio-link-img {display:block;background: url(../images/follow_graphic.png);width:254px;height:52px;margin:0 auto;cursor:pointer;}
@media only screen and (min-width: 0px) and (max-width: 640px){
    #interstitial-popup-container{padding:36px 25px 31px;width:250px;}
    .interstitial-popup-desc{margin-top:18px;}
    .interstitial-popup-portfolio-link{margin-top:17px;}
}
/****************** Interstitial Popup styles end *************************************/