@charset "utf-8";

.sec {display:block;position:relative;padding:120px 20px;overflow:hidden;}

.sec .cont {display:block;position:relative;width:100%;max-width:1280px;margin:0 
auto;} .sec .cont:after {display:block;visibility:hidden;clear:both;content:""} 
.sec .text, .sec .img {display:block;position:relative;z-index:1;} .sec .text 
{padding:0 40px;} .sec .img {text-align:center;} .sec h2 
{display:block;font-size:60px;font-weight:300;line-height:120%;letter-spacing:-1
px;word-break:keep-all;} .sec h2 strong {color:#195257;font-weight:800;} .sec h3 
{display:block;font-size:30px;font-weight:500;line-height:120%;letter-spacing:-1
px;word-break:keep-all;} .sec h3 strong {color:#195257;font-weight:800;} .sec p 
{font-size:20px;font-weight:300;line-height:150%;letter-spacing:0.5px;word-break
:keep-all;} .sec a 
{display:block;width:160px;color:#fff;font-size:18px;font-weight:500;text-align:
center;line-height:50px;background:#195257;border-radius:5px;}

.table {display:table;table-layout:fixed;width:100%;}
.table .cell {display:table-cell;width:50%;vertical-align:middle;}

@media screen and (max-width:980px) {
.sec {padding:80px 20px;}

.sec h2 {font-size:48px;}
.sec h3 {font-size:24px;}
.sec p {font-size:16px;}
.sec a {width:140px;font-size:16px;}
.sec .text {margin:0 0 40px 0;padding:0 20px;}

.table {display:block;width:100%;}
.table .cell {display:block;width:100%;max-width:640px;margin:0 auto;}
}

@media screen and (max-width:480px) {
.sec {padding:60px 20px;}

.sec .text {padding:0 20px;}
.sec h2 {font-size:36px;}
.sec h3 {font-size:20px;}
.sec p {font-size:14px;}
.sec a {width:140px;font-size:14px;line-height:40px;}
}


/* ifrma response */
.embed-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;} 
.embed-container iframe, 
.embed-container object, 
.embed-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}



.sec01:after {content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background:url(../img/sv_img01_bg.png) no-repeat 105% 105%;background-size:70% auto;opacity:0.03;}
.sec01 h2 {margin:0 0 40px 0;text-align:center;}
.sec01 p.b {margin:0 0 40px 0;font-size:30px;text-align:center;}
.sec01 .img {border-bottom:solid 1px #ddd;}
.sec01 .img img {width:80%;max-width:440px;}
.sec01 a {margin:0 auto;}

@media screen and (max-width:980px) {
.sec01:after {background:url(../img/sv_img01_bg.png) no-repeat 101% 101%;background-size:80% auto;}
.sec01 p.b {font-size:24px;}
}

@media screen and (max-width:480px) {
.sec01:after {background:url(../img/sv_img01_bg.png) no-repeat 101% 101%;background-size:90% auto;}
.sec01 h2 {margin:0 0 30px 0;}
.sec01 p.b {margin:0 0 30px 0;font-size:18px;}
}


#counter {padding:60px 20px;background:#f6f6f6;}
#counter ul {width:100%;max-width:1280px;margin:0 auto;}
#counter ul:after {display:block;visibility:hidden;clear:both;content:""}
#counter ul li {display:block;float:left;width:33.33%;text-align:center;border-right:solid 1px #ddd;}
#counter ul li:after {display:block;visibility:hidden;clear:both;content:""}
#counter ul li:last-child {border-right:none;}
#counter label {display:block;margin:0 0 10px 0;font-size:18px;}
#counter .count {display:block;font-size:48px;letter-spacing:-2px;}
#counter .count strong {font-size:60px;font-weight:700;}

@media screen and (max-width:980px) {
#counter {padding:40px 20px;}
#counter ul li {float:none;width:100%;padding:8px 0;text-align:left;line-height:50px;border-right:none;border-bottom:solid 1px #ddd;}
#counter ul li:last-child {border-bottom:none;}
#counter label {float:left;font-size:16px;}
#counter .count {display:block;float:right;font-size:30px;}
#counter .count strong {font-size:48px;}
}

@media screen and (max-width:480px) {
#counter label {font-size:14px;}
#counter .count {font-size:24px;}
#counter .count strong {font-size:36px;}
}


.sec02 h3 {margin:0 0 30px 0;}
.sec02 p {margin:0 0 30px 0;}
.sec02 .img img {width:90%;max-width:600px;}

@media screen and (max-width:980px) {
.sec02 .text {margin:0;}
.sec02 .img {margin:0 0 40px 0;}

.sec02 h3 {margin:0 0 20px 0;}
.sec02 p {margin:0 0 20px 0;}
}


.video {width:100%;max-width:960px;margin:0 auto;border-radius:20px;overflow:hidden;}
.video .browser_top {padding:0 10px;line-height:40px;background:#f00001;}


.sec04 h3 {margin:0 0 30px 0;text-align:right;}
.sec04 p {text-align:right;}
.sec04 .img img {width:100%;max-width:640px;}

@media screen and (max-width:980px) {
.sec04 .text {margin:0 0 40px 0;}
.sec04 .img {padding:0 20px;}

.sec04 h3 {margin:0 0 40px 0;}
}


.sec05 h3 {margin:0 0 30px 0;text-align:left;} .sec05 p {text-align:left;} 
.sec05 .img img {width:100%;max-width:640px;}

@media screen and (max-width:980px) {
.sec05 .text {}
.sec05 .img {margin:0 0 40px 0;padding:0 20px;}

.sec05 h3 {margin:0 0 40px 0;}
}


.sec06 {background:#3f424b}
.sec06 .text {padding:0;}
.sec06 h2 {margin:0 0 10px 0;color:#fff;}
.sec06 h2 strong {color:#fff;font-weight:600;}
.sec06 p {margin:0 0 80px 0;color:#c7cad1;}
.sec06 p.b {font-size:24px;}
.sec06 a.btn_reg {display:inline-block;width:180px;line-height:60px;}
.sec06 a.btn_reg.btn_reg_pro {margin:0 20px 0 0;background:#f75665}
.sec06 a.btn_reg.btn_reg_user {background:#569ffd}

.sec06 .img {padding:30px 0 0 0;border-bottom:solid 1px #666875;overflow:hidden;}
.sec06 .img img {width:100%;height:auto;}
.sec06 .img .main {display:block;position:relative;width:60%;max-width:380px;margin:0 auto;z-index:2}
.sec06 .img .sub {display:block;position:absolute;left:10px;right:10px;top:0;z-index:1}

@media screen and (max-width:980px) {
.sec06 .img {margin:0 0 40px 0;}
.sec06 .text {margin:0;text-align:center;}

.sec06 p.b {font-size:20px;}
.sec06 a.btn_reg {width:160px;}
}

@media screen and (max-width:480px) {

.sec06 p.b {font-size:18px;}
.sec06 p.b {margin:0 0 60px 0;}
.sec06 a.btn_reg {width:140px;line-height:50px;}
.sec06 a.btn_reg.btn_reg_pro {margin:0 10px 0 0;}
}

.gab {margin-top:10px;} .crewtor {color: #195257 !important;}