/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@font-face { 
	font-family: 'FbSpoiler-Bold'; 
	src: url('fonts/FbSpoiler-Bold.otf'); 
} 

@font-face { 
	font-family: 'FbSpoiler-Regular'; 
	src: url('fonts/FbSpoiler-Regular.otf'); 
}

@font-face { 
	font-family: 'NarkisBlockMF-Thin'; 
	src: url('fonts/NarkisBlockMF-Thin.otf'); 
}


@font-face { 
	font-family: 'NarkisBlockMF-Bold'; 
	src: url('fonts/NarkisBlockMF-Bold.ttf'); 
} 

@font-face { 
	font-family: 'NarkisBlockMFMedium'; 
	src: url('fonts/NarkisBlockMFMedium.ttf'); 
}



.nrkb{font-family:'NarkisBlockMF-Bold',helvetica,arial,sans-serif;}
.nrkm{font-family:'NarkisBlockMFMedium',helvetica,arial,sans-serif;}
.nrkt{font-family:'NarkisBlockMF-Thin',helvetica,arial,sans-serif;}
.spb{font-family:'FbSpoiler-Bold',helvetica,arial,sans-serif;}
.spr{font-family:'FbSpoiler-Regular',helvetica,arial,sans-serif;}
 

* {
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
font-size:21px; color:#fff; line-height:26px; 	font-family:'NarkisBlockMFMedium',helvetica,arial,sans-serif;
}



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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
 
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background-color:#f2eff1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{text-decoration:none;}
address{font-style:normal;}
.relative{position:relative;}
.absolute{position:absolute;}
.flc{clear:both;}
.flr{float:right;}
.fll{float:left;}
.col-1-1{width:100%;}
.page_wrap{width:1300px;   position:relative; margin:auto; background-color:#ffffff; box-shadow:0px 0px 20px rgba(0,0,0,0.6);}
.page_inner{width:1146px; margin:auto;}
.header{padding:10px 0;}
.nav{margin-top:18px;}
.nav a{width:130px; height:40px; margin-left:2px; background-color:#c1c1c6; text-align:center; font-size:20px; line-height:42px; color:#282472;}
.nav a:nth-child(2){background-color:#282472; color:#fff;}
.nav a:nth-child(3){background-color:#ff7920; color:#fff;}
.nav a:nth-child(4){background-color:#7c51a1; color:#fff;}

.nav a.current{background-color:#a6a6ad;}
.nav a.current:nth-child(2){background-color:#ae7fd2;}
.nav a.current:nth-child(3){background-color:#9762c4;}
.nav a.current:nth-child(4){background-color:#ae7fd2;}

.nav a:hover{background-color:#a6a6ad;}
.nav a:nth-child(2):hover{background-color:#4a46a7;}
.nav a:nth-child(3):hover{background-color:#9762c4;}
.nav a:nth-child(4):hover{background-color:#9762c4;}
.callus{height:78px;  margin-left:25px; padding-left:25px;     border-left:1px solid #282472;}
.callus span{line-height:78px;     direction: ltr; color:#282472; font-size:55px;} 
.callus img{margin-top:24px;}
.thanks{background:url('thnk.jpg') no-repeat; height:653px; background-size:100% auto;}
.thanks img{display:block; width:630px; margin:260px auto 0;}


.alignmiddle{top:50%; position:absolute;
  -webkit-transform: translateY(-50%);   
      -ms-transform: translateY(-50%);  
          transform: translateY(-50%);  
          
}
.hthead{right:140px;}
h1{font-size:36px; line-height:36px;}
h2{font-size:54px; margin-top:2px; line-height:50px;}
h3{font-size:33px; line-height:31px; color:#282472;}
h4{font-size:33px; line-height:31px; color:#282472;}


.loader{width:0; position:fixed; height:0; z-index:7000;right:0; top:0; opacity:0; background-color:#282472; overflow:hidden;}
.loader.active{width:100%; height:100%; opacity:1;}
.loader_inner{
	width:100%; text-align:center; 
	top:50%; position:absolute;
  -webkit-transform: translateY(-50%);   
      -ms-transform: translateY(-50%);  
          transform: translateY(-50%);  
	}
.load_img{width:50px; height:50px; margin:0 auto 30px auto;}
.loadwaiting{color:#fff; font-size:21px; line-height:27px;}
.load_img img {
	position:relative;  
 
 animation: spin 5s linear infinite;
     display:inline-block; 
}
 
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}




.quiz_temp h1{font-size:54px; line-height:50px;}
.quiz_temp h2{font-size:28px; line-height:28px; font-family:'NarkisBlockMF-Thin',helvetica,arial,sans-serif;}


.underbanner{background:url('grd.png') no-repeat;}
.head_top{}
.bullet_row{margin-bottom:8px;}
.right_col{width:470px; margin-top:30px; margin-right:140px;}
.bullet_row span{color:#282472; font-size:26px; margin-right:30px;line-height:33px; }
.footer{height:44px; margin:40px 0 0px 0; }
.rights{line-height:30px; font-size:13px; font-family:arial; direction:ltr; color:#282472; text-align:left;
	padding:0 25px;
}
.foo_right{height:44px; text-align:center; color:#fff; font-size:20px; line-height:44px; width:837px; background:url('r.png'); }
.foo_right span{color:#918ddb; font-size:20px; line-height:44px;}
.foo_right div{display:inline;}
.foo_left{height:44px; width:205px; background:url('l.png'); }
.foo_center{width:255px; text-align:center; line-height:44px; font-size:26px; color:#282472; font-family:arial;}
.foo_center:hover{    text-decoration: underline;}
.form_left{width:470px;  right:690px; top:-90px; z-index:500; background-color:#eaeaea; padding:20px 25px; }
.form_outer{margin-top:10px; }
.form_outer label{width:70px; line-height:30px;  margin-bottom:20px; font-size:20px; color:#282472;}
.form_outer button{cursor:pointer; width:120px; border:0; height:35px; line-height:35px; color:#fff; background-color:#ff7920; text-align:center; font-size:23px;}
p.note{color:#282472;  font-size:16px;}
.ex_credit{width:13px; left:30px; top:35px;}
.form_outer input{width:350px; margin-bottom:20px; height:30px; padding:5px; font-size:20px; color:#282472;}
.form_outer button:hover{background-color:#faae00;}

.cont_inn{width:1025px; margin:40px auto 0 auto;}
.cont_r{width:470px;}
.cont_r,.cont_r *,.cont_wrd{color:#282472; text-align:justify; font-size:20px; line-height:26px;}
.cont_r ul li{margin-bottom:12px; padding-right:25px; position:relative; }
.cont_r ul li span{position:absolute;     font-family: 'NarkisBlockMFMedium',helvetica,arial,sans-serif;right:0; top:0;}
.cont_wrd{    margin-bottom: 20px;    font-size: 24px;    width: 1085px; line-height:29px;}
 .f_spr{margin:0 2px;}


.form_left.company_form{padding:20px 0 0 ; margin-top:40px; width:100%; border-top:1px solid #282472;  background-color:transparent;}
.form_left.company_form input{width:280px; background-color:#f1f0f0; border:1px solid #9a9a9a; margin-left:20px; height:35px;    padding: 7px 5px 5px 5px;}
.form_left.company_form button{background-color:#7c51a1;}

.company_form .foo_right{width:auto; padding:0; background:transparent; color:#282472;    text-align: right;}
.company_form .foo_right span{color:#773ea6;}
.company_form .foo_center{width:auto;}
.company_temp{margin-bottom:20px;}
.company_temp .footer{margin-top:0px;}
.cont_wrd{width:100%;}

.analyz_form label,.analyz_form .label{margin-bottom:20px; float:right; font-family:'NarkisBlockMF-Thin',helvetica,arial,sans-serif;  color:#282472; width:535px; line-height:30px; font-size:26px;}
.analyz_form label.label_radio{width:100px;}
.analyz_form input[type="text"]{margin-bottom:20px;  color:#282472;  font-family:'NarkisBlockMF-Thin',helvetica,arial,sans-serif; background-color:#f1f0f0; border:1px solid #9a9a9a;  width:350px; height:30px; font-size:26px;    padding: 7px 5px 5px 5px;}
.analyz_form input[type="radio"]{display:none;}
.check{margin-left:12px;background:url('check.png'); width:29px; height:30px; float:right;}	 
.checked{display:none;background:url('checked.png'); width:29px; height:30px; float:right;}	 
.analyz_form input[type="radio"]:checked + label .checked{display:block;}	 
.analyz_form button{cursor:pointer; width:140px; height:40px; background-color:#ff791f; border:0; line-height:40px; color:#fff; font-size:25px; text-align:center; }
.quiz_note{margin-top:10px;font-size:18px;  color:#282472; line-height:18px; font-family:'NarkisBlockMF-Thin',helvetica,arial,sans-serif; }
.tbk_row span{line-height:30px; font-size:26px; }
.tbk_row span.fll{margin-left:25px; }
.tbk_row span.perce{width:100px; }
.tbk_row{border-bottom:1px solid #6b649b; padding-bottom:10px; margin-bottom:20px;}
.tbk_row.last_row{border-bottom:0px solid #6b649b;}


.tnk_img{margin:100px auto 80px; display:block;}
.cont_int_share{text-align:center; margin-bottom:50px;}
.cont_int_share a{display:inline-block; margin:0 13px; vertical-align:middle;}
.quiz_result_img{width:100%;}



.formpopup{width:0; position:fixed; height:0; z-index:7000;right:0; top:0; opacity:0; background-color:rgba(255,255,255,0.9); overflow:hidden;}
.formpopup.active{width:100%; height:100%; opacity:1;}
.formpopup_inner{padding:25px 45px; margin:120px auto; background-color:#ececec; width:520px;     box-shadow: 5px 4px 7px 0px rgba(0, 0, 0, 0.3);}
.formcloser{position:absolute; top:20px; right:20px; width:19px; height:19px;     font-size: 11px;
    line-height: 16px; text-align:center; border:2px solid #282472; color:#282472;
font-family:arial;   }
.formpopup_inner h3{margin:0 0 10px 0; font-size:36px; line-height:34px; text-align:center;}
.formpopup_inner h4{margin:0 0 20px 0; font-weight: 400; font-size:27px; line-height:34px; text-align:center;}
.formpopup_inner .f_t_label{color:#282472; line-height:31px; width:71px;  margin-bottom:20px;}
.formpopup_inner .f_t_label.not_fr4h47f{font-size:18px; line-height:36px; width:130px;  margin-bottom:0px;}
.formpopup_inner input{border:0; border-top:1px solid #9a9a9a; height:31px; width:359px; margin-bottom:20px;}

@media (max-width:1340px){
	.form_left.company_form input{width:230px;}
	.analyz_form input[type="text"]{width:290px;}
	.page_wrap{width:1100px; }
	.hthead{right:110px;}
	.right_col{margin-right:110px;}
	.page_inner{width:970px;}
	.form_left{width:400px; right:570px;}
	h3,h4{font-size:28px;}
	.form_outer input{width:280px;}
	.formpopup_inner input{border:0; border-top:1px solid #9a9a9a; height:31px; width:359px; margin-bottom:20px;}
	
	.foo_right{width:720px; font-size: 18px;}
	.foo_center{font-size: 18px;}
	.cont_wrd{width: 915px;}
		.cont_r, .cont_r *, .cont_wrd {    font-size: 16px;    line-height:20px;}
	.cont_r{width:400px;}
	.cont_inn{width:880px;}
	.foo_left{width:124px;    background-position: right top;}
	.thanks{ height:550px; } 
.thanks img{width:530px; margin:220px auto 0;}
}
.mobile{display:none;}



@media (max-width:1140px){
	.cont_inn{margin:auto;     width: 88%;}
	.foo_right div.desktop{display:none;}
		.thanks{ height:653px; background:url('thnkmob.jpg') no-repeat; background-size:100% auto;} 
 
	.mobile{display:block;} 
	
	
	.mob_menu_toggle{width:68px; margin:40px 22px 0 0}
	.mob_menu_toggle small{height:8px; background-color:#282472; margin-bottom:10px;}
	 .callus{margin-left:18px;height:55px; margin-top:31px;  padding-left:18px;}
	.callus img{     margin-top: 3px;}
	img{display:block;}
	.desktop{display:none;}
	.page_wrap,.page_inner{width:100%; }
 	.nav{margin:0 -33px 0 0 ;  }
 
 .nav a{height:70px; width:120px;
 padding-top: 13px;
  text-align:center;
line-height: 25px;
  margin-left:5px; font-size:30px;}
  
   .nav a:first-child{padding:0; line-height:70px;}
   .nav a:nth-child(2){padding:0; line-height:70px;}
  
 	.logo{height:60px; margin:6px 0px 0 0;}
 	 .formpopup_inner{width:440px;}
	.hthead { padding:30px 60px;}
	.header{padding:0; height:75px;}
	 .foo_center,.company_form .foo_center{border-top:1px solid #918ddb;width:100%; margin-top:20px; padding-top:20px;}
	.head_top{margin-bottom:40px;  overflow:hidden;}
	.head_top img{  width: 100%;   } 
	.form_left{padding:20px 40px; position:static; padding-bottom:50px; width:100%; margin:auto;}
	.footer{height:auto;background-color:#282472; margin:0; padding:25px 40px;  }
	h1{font-size:44px; line-height:45px; color:#282472;}
h2{font-size:67px; line-height:60px; color:#282472;}
	h3,h4{  font-size:48px;     line-height: 48px; margin:10px 0; margin-bottom:30px; font-family:'NarkisBlockMFMedium',helvetica,arial,sans-serif;}
	.cont_r,.cont_wrd{width:100%;}
 .mobile.form_left h3.nrkt {margin-bottom:0;}
	.underbanner {    background: none;}
	.cont_inn2{width:100%; padding:0 40px;}
	.cont_r, .cont_r *, .cont_wrd {    font-size:28px;    line-height:36px;}
	.form_outer{width:100%; margin:auto; float:none;}
	.form_outer label{margin-bottom:0;}
	.form_outer label,.form_outer input{margin-bottom:20px; width:440px; height:55px; line-height:55px; font-size:26px; }
	.form_outer label{width:120px;}
	.form_outer label{height:40px; line-height:40px; margin-top:10px;}
	.form_outer button,p.note{margin-top:30px; line-height:70px;  height:70px;}
	.form_outer button{width:230px; font-size:50px;font-family:'NarkisBlockMF-Thin',helvetica,arial,sans-serif; }
	p.note{font-size:25px;}
	.right_col{width:100%; margin:30px auto; padding:0px; float:none;}
	.foo_left,.foo_right,.foo_center{background:none; background-color:#282472; height:auto; width:100%; text-align:center;}
	.foo_left,.foo_right,.foo_center,.foo_right span,.company_form .foo_right{font-size:26px; line-height:40px;color:#fff;}
	.foo_right span,.company_form .foo_right span{    color: #918ddb;}
	.bullet_row {padding:0 40px; }
	.ex_credit{display:none;}
	.bullet_row span{font-size:30px;}
	.right_cot_index{margin:0 40px 20px 0;}
	.cont_inn.company_temp{width:100%; }
	.qiiz_rgfbnhuy{margin-top:60px;}
	.analyz_form label, .analyz_form .label{margin-bottom:5px;width:100%;height:45px;line-height:45px; }
	.analyz_form input[type="text"]{width:100%; height:45px;}
.check{background-size:100% 100%; width:44px; height:45px;  }	 
.checked{background-size:100% 100%; width:44px; height:45px;}
	.analyz_form label.label_radio{width:170px;}
	.quiz_note{font-size:26px; line-height:26px;margin-top:30px;  margin-bottom:30px;}
	.analyz_form button{width:100%; height:60px; line-height:60px;}
	.quiz_res_tbk{margin-top:60px;}
	.company_form .foo_right{text-align:center;}
	
	
 	.formpopup_inner{width:520px;}
	.formpopup_inner input{width:359px;}
	.formpopup_inner button{margin-top:0;}
	.formpopup_inner .f_t_label{line-height:55px; }
	
}