@charset "utf-8";

/*HL STYLE RESET V3.0 with normalize.css v3.0.2 */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}
button,input[type="submit"],input[type="checkbox"],input[type="radio"]{cursor: pointer;border: 0;}table{border-collapse: separate;}input:focus{outline: none;}
i{font-style:normal}.fl {float: left;}.fr {float: right;}.clearfix:before, .clearfix:after,.cols:before, .cols:after,.row:before, .row:after { content: ""; display: table; }.clearfix:after,.cols:after,.row:after { clear: both; }.clearfix,.cols,.row { zoom: 1; }* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.fc {margin: 0 auto;}
body { -webkit-text-size-adjust: none; }

#test-popup {
    padding: 5%
}

.mfp-content {
  background: #FFF;
  width: 40%!important;
}

.success {
    color: green;
    font-size: 1.6em;
    margin: 2% 0;
}

.error {color: red;}
.mfp-content input,
.mfp-content textArea { width: 100%; margin-bottom: 10px;}

.mfp-content input#contactButton {width: 50%; padding: 5px; border-radius: 4px; background: #003049; color: #fff; float: right;}

.mfp-content form {  width: 100%; position: relative; }


#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 82%;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 13%;
	padding-top: 5px;
	font-size: 1.4em;
}


body{
	background: url(../img/bg.jpg) repeat-x top #B2BB37;
	font-family: 'Century Gothic' , sans-serif;
	position: relative;
}


@font-face {
	font-family: 'Century Gothic';
	src: url('../fonts/CenturyGothic.eot');
	src: url('../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/CenturyGothic.woff') format('woff'),
		url('../fonts/CenturyGothic.ttf') format('truetype'),
		url('../fonts/CenturyGothic.svg#CenturyGothic') format('svg');
}
@font-face {
	font-family: 'Century Gothic';
	src: url('../fonts/centurygothic-italic.eot');
	src: url('../fonts/centurygothic-italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/centurygothic-italic.woff') format('woff'),
		url('../fonts/centurygothic-italic.ttf') format('truetype'),
		url('../fonts/centurygothic-italic.svg#CenturyGothicItalic') format('svg');
	font-style: italic;
}

@font-face {
	font-family: 'Century Gothic';
	src: url('../fonts/CenturyGothic-Bold.eot');
	src: url('../fonts/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/CenturyGothic-Bold.woff') format('woff'),
		url('../fonts/CenturyGothic-Bold.ttf') format('truetype'),
		url('../fonts/CenturyGothic-Bold.svg#CenturyGothicBlod') format('svg');
		font-weight: 700;
}
@font-face {
	font-family: 'Century Gothic';
	src: url('../fonts/centurygothic-bolditalic.eot');
	src: url('../fonts/centurygothic-bolditalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/centurygothic-bolditalic.woff') format('woff'),
		url('../fonts/centurygothic-bolditalic.ttf') format('truetype'),
		url('../fonts/centurygothic-bolditalic.svg#CenturyGothicBlodItalic') format('svg');
	font-style: italic;
	font-weight: 700;
}



.container{
	max-width: 1200px;
	padding: 0 10px;
	margin: 0 auto;
}
.sw-table{
	display: table;
        margin: 0 auto;
}


.blue .main .options .option:before,.blue .bar i,.blue .main .button img:hover,.blue .main .options .option .word{
	background: #25D0E4;
}

.mediumblue .main .options .option:before,.mediumblue .bar i,.mediumblue .main .button img:hover,.mediumblue .main .options .option .word{
	background: #018184;
}

.purple .main .options .option:before,.purple .bar i,.purple .main .button img:hover,.purple .main .options .option .word{
	background: #ab30aa;
}
.red .main .options .option:before,.red .bar i,.red .main .button img:hover,.red .main .options .option .word{
	background: #E71860
}
.orange .main .options .option:before,.orange .bar i,.orange .main .button img:hover,.orange .main .options .option .word{
	background: #FE8615
}


.main .button.disabled img, .main .button.disabled:hover img  { 
	background: grey;
}




.main-title .icons.with-hover li.blue:hover a,.header li.blue .current a,.header li.blue a:hover{
	background: #25D0E4;
}
.main-title .icons.with-hover li.mediumblue:hover a,.header li.mediumblue .current a,.header li.mediumblue a:hover{
	background: #018184;
}
.main-title .icons.with-hover li.purple:hover a,.header li.purple .current a,.header li.purple a:hover{
	background: #AC30AA;
}
.main-title .icons.with-hover li.red:hover a,.header li.red .current a,.header li.red a:hover{
	background: #E71860;
}
.main-title .icons.with-hover li.orange:hover a,.header li.orange .current a,.header li.orange a:hover{
	background: #FE8615;
}


.main-title{
	margin-bottom: 48px;
}
.main-title .container{
	position: relative;
	padding-top: 32px;
	overflow: hidden;
}
.main-title .bg{
	position: absolute;
	top: 0;
	left: 10px;
	max-width: 100%;
	z-index: -1;
}
.main-title .people{
	display: block;
	margin: 0 auto;
	max-width: 90%;
}
.main-title .hgroup{
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	max-width: 915px;
	margin: 0 auto;
}
.main-title .hgroup h3{
	padding-bottom: 10px;
	font-weight: 700;
	font-size: 44px;
	line-height: 50px;
	border-bottom: 2px solid #fff;
}
.main-title .hgroup h2{
	font-size: 53px;
	line-height: 66px;
	border-bottom: 4px solid #fff;
	padding: 10px 0;
}
.main-title .hgroup h1{
	font-weight: 700;
	font-size: 67px;
	line-height: 90px;
}
.main-title .icons{
	margin-top: 30px;
}
.main-title .icons ul{
	text-align: center;
	font-size: 0;
}
.main-title .icons li{
	display: inline-block;
	vertical-align: top;
	margin-left: 50px;
}
.main-title .icons li:first-child{
	margin-left: 0;
}
.main-title .icons li a{
	display: table-cell;
	border: 3px solid #fff;
	border-radius: 100px;
	width: 128px;
	height: 128px;
	vertical-align: middle;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.main-title .icons img{
	display: block;
	margin: 0 auto;
	height: auto;
}
.main-title .icons.with-hover li:hover a{
	background: #AB30AA;
	transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    -ms-transform:scale(1.2);
}
.main-title .icons li .txt{
	font-size: 24px;
	line-height: 30px;
	letter-spacing: .04em;
	font-weight: 700;
	opacity: 0;
	color: #fff;
	margin-top: 20px;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.main-title .icons.with-hover li:hover .txt{
	opacity: 1;
}

.main-title .contents{
	margin-top: 5px;
}
.main-title .item{
	min-height: 39px;
	color: #fff;
	font-size: 22px;
	line-height: 28px;
	font-weight: 700;
	text-align: center;
}
.main-title .item .txt{
	display: inline-block;
	vertical-align: middle;
}
.main-title .item .form{
	font-size: 0;
	display: inline-block;
	vertical-align: top;
	margin-left: 30px;
}
.main-title .item input{
	border: 2px solid #fff;
  	border-radius: 7px;
 	width: 210px;
 	padding: 4px 10px;
  	vertical-align: top;
  	background: none;
  	font-size: 22px;
  	height: 36px;
}
.main-title .item button{
	margin-left: 30px;
	background: none;
  	vertical-align: top;
  	-webkit-transition: background .5s ease-out;
  	-moz-transition: background .5s ease-out;
  	-ms-transition: background .5s ease-out;
  	-o-transition: background .5s ease-out;
  	transition: background .5s ease-out;
	border-radius: 10px;
}
.main-title .icons button:hover{
	background: #AC30AA;
}








.header{
	padding: 20px 0;
	background: #003148;
	font-size: 20px;
	line-height: 23px;
	color: #fff;
	text-transform: uppercase;
}
.header .green{
	color: #b2bb37;
        display: block;
}
.header .icon{
	font-size: 0;
	display: inline-block;
	vertical-align: top;
}
.header .icon li{
	display: inline-block;
	margin-left: 10px;
}
.header .icon li:first-child{
	margin-left: 0px;
}
.header .icon a,.header .info-home li a{
	display: table-cell;
	vertical-align: middle;
	border: 2px solid #fff;
	border-radius: 100px;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
	height: 50px;
	width: 50px;
	opacity: .5;
}
.header .icon a img,.header .info-home li img{
	max-width: 33px;
	max-height: 23px;
	height: auto;
	display: block;
	margin: 0 auto;
}
.purple .header .icon .current a,.header .icon a:hover{
	background: #ab30aa;
	opacity: 1;
}
.red .header .icon .current a,.header .icon a:hover{
	background: #E71860;
	opacity: 1;
}
.orange .header .icon .current a,.header .icon a:hover{
	background: #FE8615;
	opacity: 1;
}

.blue .header .icon .current a,.header .icon a:hover{
    background: #25D0E4;
    opacity: 1;
}

.mediumblue .header .icon .current a,.header .icon a:hover{
    background: #018184;
    opacity: 1;
}



.header .info-home{
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin-left: 15px;
}
.header .info-home:before{
	content: "";
  	background-color: rgba(0, 114, 142,.2);
  	width: 5px;
  	height: 62px;
  	position: absolute;
  	top: -5px;
  	left: -5px;
}
.header .info-home li{
	display: inline-block;
	margin-left: 10px;
}
.header .info-home li a {
	border: 0;
	border-radius: 0;
	width: auto;
	opacity: 1;
        color: #fff;
        text-align: center;
        font-size: 0.8em;
        text-decoration: none;
}

.header .info-home li a span {margin-top: 0.2em;}





.main{
	padding-top: 84px;
	padding-bottom: 20px;
	position: relative;
}
.main:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/faint.png) center top;
	background-size: cover;
	z-index: -1;
}
.main h2{
	font-size: 30px;
	line-height: 36px;
	color: #fff;
	text-align: center;
	font-weight: 700;
	border-bottom: 2px solid #fff;
	padding-bottom: 20px;
	margin: 0 auto;
	max-width: 890px;
}
.main h2 i{
	background: url(../img/info.png);
	width: 20px;
	height: 20px;
	background-size: cover;
	display: inline-block;
	cursor: pointer;
}
.main .detail{
	margin: 0 auto;
	max-width: 890px;
	overflow: hidden;
}
.main .detail .box{
	background: #00304d;
	background: rgba(0,48,77,.4);
	position: relative;
	padding: 15px;
	border-radius: 0 0 4px 4px;
	color: #fff;
	font-size: 16px;
	line-height: 22px;
	font-style: italic;
	display: none;
}
.main .detail i{
	position: absolute;
	background: url(../img/up.png) center no-repeat;
	width: 24px;
	height: 24px;
	right: 0px;
	bottom: 0px;
	display: block;
	cursor: pointer;
}


.main .options{
	margin-top: 50px;
	margin-bottom: 30px;
}
.main .options .option{
	position: relative;
	width: 48%;
	border-radius: 4px;
	background-color: rgb(255, 255, 255);
	padding: 35px 30px;
	color: #8a8a8a;
	font-size: 22px;
	line-height: 26px;
	letter-spacing: .04em;
	font-weight: 700;
	cursor: pointer;
        margin-bottom: 40px;
}
.main .options .option img{
	width: 100%;
	display: block;
}


.main .options .option:before{
	z-index: 1;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 4px;
	border: 2px solid #fff;
	background: #ab30aa;
	width: 100%;
	height: 100%;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
	opacity: 0;
}
.main .options .option:after{
	content: "";
	background: url(../img/choose.png);
	width: 155px;
	height: 140px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -77px;
	margin-top: -70px;
	z-index: 1;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
	opacity: 0;
}
.main .options .option.selected:before,.main .options .option:hover:before,.main .options .option.selected:after,.main .options .option:hover:after{
	opacity: .8;
}
.main .option > .clearfix + .clearfix{
	margin-top: 25px;
}
.main .option .title{
	text-align: center;
	width: 25%;
}
.main .option .info{
	width: 70%;
	position: relative;
}
.main .option .info .precent{
	padding-right: 40px;
}
.main .option .info .precent i{
	height: 45px;
	display: block;
	background: #badebc;
}
.main .option .info .num{
	position: absolute;
	right: 0;
	top: 10px;
}
.main .options .option .word{
	position: absolute;
	bottom: 0;
	left: 0;
	background: #ab30aa;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px;
	line-height: 1em;
	padding: 5px 10px;
	color: #fff;
	border-radius: 0 0 0 4px;
}



.main .button{
	background: none;
	margin: 0 auto;
	display: block;
}
.main .button img{
	display: block;
	margin: 0 auto;
	border-radius: 12px;
	-webkit-transition: background .5s ease-out;
	-moz-transition: background .5s ease-out;
	-ms-transition: background .5s ease-out;
	-o-transition: background .5s ease-out;
	transition: background .5s ease-out;
}
.main .button img:hover{
	background: #ab30aa;
}
.main .skip{
	text-align: right;
}
.main .part-two .button{
	margin-bottom: 25px;
}






.main .summary{
	margin: 55px 0;
}
.main .summary .box{
	background: #fff;
	border-radius: 4px;
	padding: 30px 20px;
}
.main .summary .box > .clearfix + .clearfix{
	border-top: 1px solid #cccccc;
	padding-top: 30px;
	margin-top: 30px;
}
.main .summary .box .data{
	width: 35%;
	color: #8a8a8a;
	font-size: 17px;
	line-height: 21px;
	letter-spacing: .04em;
	font-weight: 700;
}
.main .summary .box .data > .clearfix + .clearfix{
	margin-top: 22px;
}
.main .summary .box .data .title{
	text-align: center;
	width: 25%;
}
.main .summary .box .data .info{
	width: 70%;
	position: relative;
}
.main .summary .box .data .precent{
	padding-right: 40px;
}
.main .summary .box .data .precent i{
	height: 35px;
	display: block;
	background: #badebc;
}
.main .summary .box .data .info .num{
	position: absolute;
	right: 0;
	top: 6px;
}
.main .summary .box img{
	float: left;
	width: 35%;
}

.main .summary .box .text{
	width: 62%;
	color: #002e4b;
	letter-spacing: .04em;
}
.main .summary .box h3.hide{
	display: none;
}
.main .summary .box h3{
	font-weight: 700;
	font-size: 26px;
	line-height: 32px;
	margin-bottom: 6px;
	color: #002e4b;
}
.main .summary .box .text p{
	font-size: 18px;
	line-height: 24px;
}
.main .part-two button{
	margin-bottom: 60px;
}





.main .additional{
	background: #fff;
	border-radius: 5px;
	padding: 22px 0;
	margin: 45px 0;
}
.main .additional h3{
	color: #002e4b;
	font-size: 30px;
	line-height: 37px;
	text-align: center;
	font-weight: 700;
	margin-bottom: 18px;
}
.main .additional .item{
	padding: 28px 0 16px;
	width: 50%;
	float: left;
	text-align: center;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	position: relative;
}
.main .additional .item:nth-child(2n+1){
	clear: both;
	border-left: 0;
}
.main .additional .item:nth-child(1),.main .additional .item:nth-child(2){
	border-top: 0;
}
.main .additional .item img{
	display: block;
	margin: 0 auto 15px;
}
.main .additional .item .title{
	font-size: 21px;
	line-height: 23px;
	color: #002e4b;
}

.main .additional .title i{
	background: url(../img/info-black.png);
	width: 20px;
	height: 20px;
	display: inline-block;
	cursor: pointer;
}




.main .additional .item .txt{
	font-size: 16px;
	line-height: 18px;
	font-style: italic;
	color: #0195a4;
	max-width: 380px;
	margin: 0 auto;
}
.main .additional .item .close{
	background: url(../img/close.png);
	background-size: cover;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 25px;
	top: -5px;
	cursor: pointer;
}
.main .additional .hide{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 28px;
	left: 0;
	display: none;
        cursor: pointer;
}
.main .additional .active .normal{
	visibility: hidden;
}
.main .additional .active .hide{
	display: block;
}










.bar{
	background: #ebebeb;
	height: 10px;
}
.bar i{
	display: block;
	height: 10px;
	background: #AB30AA;
}




.bottom-txt .txt{
	position: relative;
	text-align: center;
}
.bottom-txt p{
	position: absolute;
	font-size: 13px;
	line-height: 16px;
	color: #fff;
	padding: 0 180px;
	top: 12px;
	left: 0;
}



.footer.fixed{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}


.footer-top{
	padding: 12px 0;
	background: #006782;
	background-image: -moz-linear-gradient( 0deg, rgb(0,70,105) 25%, rgb(1,159,172) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(0,70,105) 25%, rgb(1,159,172) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(0,70,105) 25%, rgb(1,159,172) 100%);
}
.footer-top .fr{
	padding-top: 30px;
}
.footer-bottom{
	background: #002E4B;
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	color: rgba(255,255,255,.5);
	font-size: 12px;
	line-height: 28px;
	padding: 6px 0;
}
.footer-bottom a{
	color: #fff;
	color: rgba(255,255,255,.5);
}
.footer-bottom a:hover{
	text-decoration: underline;
}
.footer-bottom .fr{
	padding-top: 6px;
}
.footer-bottom .fr img{
	display: block;
        margin: 0 auto;
}

.main .additional .item a {text-decoration: none; color: #002e4b; }