@font-face {
  font-family: "TahomaRegular";
  src: url("../fonts/tahoma/TahomaRegularFont.eot?") format("eot"),
  url("../fonts/tahoma/TahomaRegularFont.woff") format("woff"),
  url("../fonts/tahoma/TahomaRegularFont.ttf") format("truetype");
}
@font-face {
  font-family: "TahomaBold";
  src: url("../fonts/tahoma/TahomaBoldFont.eot?") format("eot"),
  url("../fonts/tahoma/TahomaBoldFont.woff") format("woff"),
  url("../fonts/tahoma/TahomaBoldFont.ttf") format("truetype");
}
*,::after,::before{/*box-sizing:inherit;*/box-sizing:border-box}
/* CONTAINER */
.co{display:block;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media(min-width:576px){.co{max-width:540px}}
@media(min-width:768px){.co{max-width:720px}}
@media(min-width:992px){.co{max-width:960px}}
@media(min-width:1200px){.co{max-width:1140px}}
.cof{width:100%;max-width:1140px;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
/* ROW */
.r0{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.r0>*{position:relative;width:100%;min-height:1px;box-sizing:border-box}
.r{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.r>*{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px;box-sizing:border-box}
.r130{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-65px;margin-left:-65px}
.r130>*{position:relative;width:100%;min-height:1px;padding-right:65px;padding-left:65px;box-sizing:border-box}
/* COL */
.c{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.c1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.c2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.c3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.c4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.c5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.c6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.c7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.c8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.c9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.c10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.c11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.c12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
@media(min-width:576px){.csm{-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%}.sm1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.sm2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.sm3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.sm4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.sm5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.sm6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.sm7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.sm8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.sm9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.sm10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.sm11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.sm12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.osm0{margin-left:0}.osm1{margin-left:8.333333%}.osm2{margin-left:16.666667%}.osm3{margin-left:25%}.osm4{margin-left:33.333333%}.osm5{margin-left:41.666667%}.osm6{margin-left:50%}.osm7{margin-left:58.333333%}.osm8{margin-left:66.666667%}.osm9{margin-left:75%}.osm10{margin-left:83.333333%}.osm11{margin-left:91.666667%}}
@media(min-width:768px){.cmd{-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%}.md1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.md2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.md3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.md4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.md5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.md6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.md7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.md8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.md9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.md10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.md11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.md12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.omd0{margin-left:0}.omd1{margin-left:8.333333%}.omd2{margin-left:16.666667%}.omd3{margin-left:25%}.omd4{margin-left:33.333333%}.omd5{margin-left:41.666667%}.omd6{margin-left:50%}.omd7{margin-left:58.333333%}.omd8{margin-left:66.666667%}.omd9{margin-left:75%}.omd10{margin-left:83.333333%}.omd11{margin-left:91.666667%}}
@media(min-width:992px){.clg{-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%}.lg1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.lg2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.lg3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.lg4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.lg5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.lg6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.lg7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.lg8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.lg9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.lg10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.lg11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.lg12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.olg0{margin-left:0}.olg1{margin-left:8.333333%}.olg2{margin-left:16.666667%}.olg3{margin-left:25%}.olg4{margin-left:33.333333%}.olg5{margin-left:41.666667%}.olg6{margin-left:50%}.olg7{margin-left:58.333333%}.olg8{margin-left:66.666667%}.olg9{margin-left:75%}.olg10{margin-left:83.333333%}.olg11{margin-left:91.666667%}}
@media(min-width:1200px){.cxl{-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%}.xl1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.xl2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.xl3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.xl4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.xl5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.xl6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.xl7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.xl8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.xl9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.xl10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.xl11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.xl12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.oxl0{margin-left:0}.oxl1{margin-left:8.333333%}.oxl2{margin-left:16.666667%}.oxl3{margin-left:25%}.oxl4{margin-left:33.333333%}.oxl5{margin-left:41.666667%}.oxl6{margin-left:50%}.oxl7{margin-left:58.333333%}.oxl8{margin-left:66.666667%}.oxl9{margin-left:75%}.oxl10{margin-left:83.333333%}.oxl11{margin-left:91.666667%}}
/* POSITION */
.cc{display:-ms-flexbox;display:flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;align-items: center;}
.clr{display:-ms-flexbox;display:flex;align-items:center}
.crr{display:-ms-flexbox;display:flex;justify-content:flex-end;align-items:center}
.ccr{display:-ms-flexbox;display:flex;justify-content:center;align-items:center}
.clc{display:-ms-flexbox;display:flex;flex-direction:column;justify-content:center}
.crc{display:-ms-flexbox;display:flex;flex-direction:column;justify-content:center;align-items:flex-end}
.ccc{display:-ms-flexbox;display:flex;flex-direction:column;justify-content:center;align-items:center}
.cbr{display:-ms-flexbox;display:flex;justify-content:center;align-items:flex-end;}
.cjr{-ms-flex-pack:center!important;justify-content:center!important}
.jca{-ms-flex-pack: distribute!important;justify-content: space-around!important;}
.fr{float:right}.fn{float:none}.fl{float:left}
.ri{text-align:right}.ce{text-align:center}.le{text-align:left}
.rel{position:relative}.abs{position:absolute}.fix{position:fixed}
/* NONE-BLOCK */
.none{display:none!important}.block{display:block!important}.in-block{display: inline-block;}
@media(max-width:1199.98px){.lgn{display:none!important}.lgb{display:block!important}}
@media(max-width:991.98px){.mdn{display:none!important}.mdb{display:block!important}}
@media(max-width:767.98px){.smn{display:none!important}.smb{display:block!important}}
@media(max-width:575.98px){.xsn{display:none!important}.xsb{display:block!important}}
@media(max-width:400px){.xssn{display:none!important}.xssb{display:block!important}.xs12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.xs6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}
/*  */
body *{font-family:'Open Sans',sans-serif;outline:none;color:#06405E;}
body{margin:0;overflow-x:hidden;}
a{font-size:inherit;text-decoration:none;font-family:inherit;}
a:hover{text-decoration:none;}
b,i{color:inherit}
address{font-style:normal;}
figure{margin:0;}
figure.fig{margin:0;position:relative}
figure.fig:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:1}
.img{vertical-align:middle;max-width:100%;max-height:100%}
.bimg{background-repeat:no-repeat;background-size:cover;background-position:center center;position:relative}
.mirror{-webkit-transform:scaleX(-1);transform:scaleX(-1)}
.ul{list-style:none;margin:0;padding:0}.ulin{margin:0;padding:0}.ulin>*{display:inline-block;vertical-align:top}
.trans,.transs,.transs *,.btn,*:after,*:before,a,.input,.review img{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.rad3,.btn,.pag a{-webkit-border-radius:3px;border-radius:3px}
.rad50{-webkit-border-radius:50%;border-radius:50%}
.w100{width:100%;display:block!important}
.h100{height:100%;}
.o-h{overflow: hidden;}

.mb1{margin-bottom:10px!important}
.mt1{margin-top:10px!important}
.mb2{margin-bottom:30px!important}
.mt2{margin-top:30px!important}
.mb3{margin-bottom:50px!important}
.mt3{margin-top:50px!important}
.mb4{margin-bottom:70px!important}
.mt4{margin-top:70px!important}
.mb5{margin-bottom:100px!important}
.mt5{margin-top:100px!important}
.mb0{margin-bottom:0!important}
.mt0{margin-top:0!important}
.m0{margin:0!important}
.ma{margin: auto;}

.pb1{padding-bottom:10px!important}
.pt1{padding-top:10px!important}
.pb2{padding-bottom:30px!important}
.pt2{padding-top:30px!important}
.pb3{padding-bottom:50px!important}
.pt3{padding-top:50px!important}
.pb4{padding-bottom:70px!important}
.pt4{padding-top:70px!important}
.pb5{padding-bottom:100px!important}
.pt5{padding-top:100px!important}
.pb0{padding-bottom:0!important}
.pt0{padding-top:0!important}
.p0{padding:0!important}

hr{
    border:none;
    border-top: 1px solid rgba(255,255,255,0.15);
    margin:20px 0;
}
.shadow{box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);}
/*##### COLOR #####*/
.bdark{background-color:#043046;}
.bwhite{background-color:#fff;}
.bblue{background-color:#06405E;}
.bgreen{background-color:#8ABF40;}
.bgray{background-color:#E6EEF2;}

.white,.white *{color:#fff;}
.blue,.blue *{color:#06405E;}
.green,.green *{color:#8ABF40;}
.gray,.gray *{color:#707070;}
/*##### TEXT #####*/
/*##### TEXT #####*/
h1,h2{font-family:"TahomaBold";}
h3,h4,b,strong{font-weight: 700;}
h5,h6,.b{font-weight: 600;}
h1,.h1{
    font-size:55px;
    line-height:65px;
    margin-top:0;
    margin-bottom:15px;
}
h2,.h2{
    font-size:36px;
    line-height:49px;
    margin-top:0;
    margin-bottom:10px;
}
h3,.h3{
    font-size:22px;
    line-height:30px;
    margin-top:0;
    margin-bottom:5px;
}
h4,.h4{
    font-size:18px;
    line-height:24px;
    margin:0;
}
h5,.h5{
    font-size:18px;
    line-height:24px;
    margin:0;
}
h6,.h6{
    font-size:16px;
    line-height:24px;
    margin:0;
}
.f24{font-size:24px;line-height: 30px;}
.f22{font-size:22px;line-height: 28px;}
.f20{font-size:20px;line-height: 26px;}
.f18{font-size:18px;line-height: 24px;}
.f16{font-size:16px;line-height: 25px}
.f14{font-size:14px;line-height: 19px}
.f12{font-size:12px;line-height: 16px}
.btn,.form label{font-weight: 600;}
.trunc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
.op1{opacity: .1;}
.op3{opacity: .3;}
.op5{opacity: .5;}
.op7{opacity: .7;}
.op9{opacity: .9;}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{
    color: #8ABF40!important;
    font-family:inherit;
}
/*##### HEADER #####*/
/*##### HEADER #####*/
/*##### HEADER #####*/
#header{
    padding: 7px 0;
    background-color:#043046;
    position: relative;
    z-index: 3;
}
#header li{
    position: relative;
}
#header .ulin>li:not(:last-child){
    margin-right: 30px;
}
#header .ulin>li>a{
    color: #fff;
    color: rgb(255,255,255,0.7);
    font-size: 14px;
    display: block;
    padding: 4px 0 4px 25px;
    cursor: pointer;
}
#header li img{
    width: 17px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
}
.lang,.lang li{
    margin-right: 0!important;
}
.lang a{
    display: block;
}
.lang ul{
    position: absolute;
    right: 0;
    top: 100%;
    background: #fff;
    padding: 10px 0;
    min-width: 160px;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
}
.lang ul:before{
    content: "";
    position: absolute;
    top: -12px;
    right: 12px;
    border: 6px solid transparent;
    border-bottom: 6px solid #fff;
}
.lang:hover ul{
    visibility: visible;
    opacity: 1;
}
.lang ul a{
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left: 40px;
    font-size: 14px;
}
.lang ul a:hover{
    background-color:#E6EEF2;
}
.lang ul img{
    left: 15px!important;
}
/*##### MOBILE #####*/
@media(max-width:1199.98px){
    
}
@media(max-width:991.98px){  
    
}
@media(max-width:767.98px){
    
}
@media(max-width:575.98px){
    #header .ulin>li:not(:last-child){
        margin-right: 15px;
    }
}
@media(max-width:400px){
    #header .ulin>li:not(:last-child){
        margin-right: 10px;
    }
}
/*##### NAV #####*/
/*##### NAV #####*/
/*##### NAV #####*/
#nav{
    padding: 20px 0;
    background-color:#06405E;
    position: relative;
    z-index: 2;
    border-bottom: 1px solid rgba(255,255,255,0.15);
}
#nav.active{
    z-index: 4;
}
.nav{

}
.nav-one{
    
}
@media(min-width:767.98px){
    .nav{
        text-align: right;
    }
}
.nav-one>li{
    position: relative;
}
.nav-one>li>a{
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 0;
    display: block;
    font-size: 15px;
    cursor: pointer;
}
@media(min-width:767.98px){
    .nav-one>li:hover>a,
    .nav-one>li:hover>a i{
        color: #8ABF40;
    }
    .nav-two{
        min-width: 230px;
        padding: 10px 0;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -115px;
        text-align: left;
        background-color:#043046;
        -webkit-border-radius:3px;
        border-radius:3px;
        box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);
        visibility: hidden;
        opacity: 0;
    }
    .nav-one li:hover ul{
        visibility: visible;
        opacity: 1;
    }
    .nav-two:before{
        content: "";
        position: absolute;
        top: -12px;
        left: 50%;
        margin-left: -6px;
        border: 6px solid transparent;
        border-bottom: 6px solid #043046;
    }
}
.nav-two a{
    display: block;
    padding: 5px 25px;
    font-size: 15px;
}
.nav-two a:hover{
    background: #8ABF40;
}
.btn-nav i{
    cursor: pointer;
}
/*##### MOBILE #####*/
@media(max-width:1199.98px){
    
}
@media(max-width:991.98px){  
    
}
@media(max-width:767.98px){
    #nav{
        padding: 10px 0;
    }
    body.scr_none{overflow:hidden}
    .nav{
        padding: 15px 0;
        background: #06405E;
        position: fixed;
        left: -240px;
        top: 0;
        bottom: 0;
        z-index: 1;
        width: 240px;
        overflow: auto;
        opacity: 0;
        visibility: hidden;
    }
    #nav.active .nav {
        opacity: 1;
        visibility: visible;
        left: 0;
    }
    .nav-one>li{
        display: block;
    }
    .nav-one>li>a{
        padding: 10px 15px;
        position: relative;
    }
    .nav-one>li>a i{
        position: absolute;
        right: 12px;
        top: 50%;
        margin-top: -8px;
    }
    .nav-one>li:hover>a{
        background: #8ABF40;
    }
    .nav-two{
        display: none;
    }
    .nav-one>li.active .nav-two{
        display: block;
    }

    .btn-nav i{
        font-size: 24px;
        cursor: pointer;
    }
    .nav .btn-nav{
        position: fixed;
        background: rgba(0,0,0,0.8);
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        padding-top: 60px;
        padding-right: 256px;
    }
    #nav.active .nav .btn-nav {
        left: 240px;
        right: -240px;
    }
    #nav.active .btn-nav .fa-bars {
        opacity: 0;
        visibility: hidden;
    }
}
@media(max-width:575.98px){

}
@media(max-width:400px){
    
}
/*##### MAIN #####*/
/*##### MAIN #####*/
/*##### MAIN #####*/
#main{
    
}
/*##### BUTTON #####*/
.btn{
    color:#fff;
    background:#8ABF40;
    border:none;
    text-decoration:none;
    padding:18px 36px;
    display:inline-block;
    text-align:center;
    font-size:16px!important;
    cursor:pointer;
    letter-spacing: 1px;
    min-width: 210px;
}
.btn.w100{
    padding-left:16px;
    padding-right:16px;
    min-width: auto;
}
.btn i{
    font-size:inherit;
}
/*##### PAGINATION #####*/
.pag{
    text-align:center;
}
.pag li{
    margin:0 3px;
}
.pag_prev{
    margin-left:0!important;
}
.pag_next{
    margin-right:0!important;
}
.pag a{
    background:#152B36;
    min-width:33px;
    height:33px;
    display:block;
    text-align:center;
    padding:2px;
    padding-top: 7px;
    color: #8ABF40;
}
.pag a:hover,.pag li.active a{
    background:#8ABF40;
    color: #fff;
}
.pag li.active a{
    cursor:default;
}
/*##### FORM #####*/
.form{
    margin-bottom:20px;
}
.form label{
    display:block;
    margin-bottom:0;
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
}
.input{
    width:100%;
    border:0;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    padding:3px 0;
    height: 35px;
    font-size:16px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
select.input {
    padding-right: 20px;
    background-color: #fff;
    background-image: url(../img/icon/down.png) !important;
    background-repeat: no-repeat !important;
    background-position: center right 0px !important;
}
textarea.input{
    min-width:100%;
    max-width:100%;
    min-height:130px;
    display:block;
    padding-top: 6px;
    padding-bottom: 6px;
}
.input:focus{
    border-bottom:1px solid #8ABF40;
}

.c-radio{
    position: relative;
    padding-left: 40px;
    cursor: pointer;
}
.c-radio p{
    margin: 0;
    font-size: 14px;
    line-height: 18px;
}
.c-radio input{
    position: absolute;
    visibility: hidden;
}
.c-radio span{
    width: 24px;
    height: 24px;
    background: #fff;
    border: 4px solid #fff;
    box-shadow: 0px 0px 0px 3px #C3DAFF;
    display: block;
    position: absolute;
    left: 3px;
    top: 50%;
    margin-top: -12px;
    border-radius: 50%;
}
.c-radio input:checked~span{
    background: #8ABF40;
    box-shadow: 0px 0px 0px 3px #8ABF40;
}
/*##### SLIDER #####*/
.slider{
    position: relative;
    z-index: 1;
}
.slider-bg{
    padding: 100px 0;
}

.circle-white{
    width: 260px;
    height: 260px;
    border: 15px solid #8ABF40;
    padding: 20px;
}
.circle-white figcaption{
    font-size: 40px;
    font-weight: 800;
}
.slider-map{
    position: relative;
}
.slider-map>.fig{
    position: absolute;
    top: 0;
    right: -280px;
    bottom: 0;
}
.slider-map>.fig img{
    height: 100%;
    float: right;
}
/*##### PRICE #####*/
.price{
    border:15px solid #fff;
    background-color: #8ABF40;
    width: 300px;
    height: 300px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.price-old{
    position: relative;
}
.price-old:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    border-top: 1px solid #06405E;
}
.price-new{
    font-size: 100px;
    line-height: 100px;
    position: relative;
    font-family:"TahomaBold";
}
.price-new sup{
    font-size: 28px;
    line-height: 34px;
    position: absolute;
    top: 0;
    left: calc(100% + 4px);
}
.price-usd-year{

}
.price-mini{
    border:10px solid #fff;
    width: 150px;
    height: 150px;
    padding: 15px;
}
.price-mini .price-old{
    font-size: 12px;
    line-height: 13px;
}
.price-mini .price-old:before{
    
}
.price-mini .price-new{
    font-size: 40px;
    line-height: 48px;
}
.price-mini .price-new sup{
    font-size: 12px;
    line-height: 13px;
    top: 6px;
    left: calc(100% + 2px);
}
.price-mini .price-usd-year{
    font-size: 12px;
    line-height: 14px;
}
/*##### DOMAIN #####*/
.domain-search-bg{
    background-color: rgba(6, 64, 94, 0.95);
}
.domain-input input{
    height: 59px;
    padding: 18px 23px;
    border:none;
}
.domain-input button{
    border-radius: 0;
    height: 100%;
}
.domain-search-ul li{
    font-weight: 300;
    margin: 10px 15px 0;
}
.domain-search-ul b{
    font-weight: 600;
}
.bwhite .domain-input input{
    border: 1px solid rgba(0,0,0,0.15);
    border-right: 0;
    -webkit-border-radius:3px 0 0 3px;
    border-radius:3px 0 0 3px;
}
/*##### TAB #####*/
.tab {
    overflow: hidden;
}
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 16px 10px;
    transition: 0.3s;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    width: 100%;
    height: 100%;
    min-width: 180px;
}
.tab button:hover {
    background-color: #E6EEF2;
}
.tab button.active {
    background-color: #06405E;
    color: #fff;
}
.tabcontent {
    margin-top: 40px;
    display: none;
    animation: fadeEffect 1s;
}
/* Go from zero to full opacity */
@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
/*##### BATCH #####*/
.batch{
    margin-top: 30px;
    position: relative;
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);
    -webkit-border-radius:0 0 3px 3px;
    border-radius:0 0 3px 3px;
}
.batch .offer,
.batch-d .offer{
    padding: 7px 25px;
    background-color: #8ABF40;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
}
.batch.active .offer,
.batch-d.active .offer{
    display: block;
}
.batch-header{
    background-color: #06405E;
    position: relative;
    padding: 40px 25px 93px;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
.batch.active .batch-header{
    -webkit-border-radius: 0;
    border-radius: 0;
}
.batch.active .batch-header h3{
    color: #8ABF40;
}
.batch-header .price {
    position: absolute;
    bottom: 0;
    margin-bottom: -75px;
    left: 50%;
    margin-left: -75px;
}
.batch-body{
    padding: 90px 25px 20px;
}
.batch-body li{
    padding: 10px 0;
}
.batch-body li i{
    color: #8ABF40;
    margin-right: 5px;
    position: relative;
}
.batch-body li i span{
    position: absolute;
    left: calc(100% + 7px);
    top: -4px;
    background: #222;
    background: rgba(0,0,0,0.9);
    padding: 10px 15px;
    min-width: 200px;
    line-height: 1.4;
    visibility: hidden;
    opacity: 0;
}
.batch-body li i:hover span{
    visibility: visible;
    opacity: 1;
}
.batch-body li i span:before {
    content: "";
    border: 6px solid transparent;
    border-right: 6px solid rgba(0, 0, 0, .9);
    position: absolute;
    top: 5px;
    left: -12px;
}
.batch-footer{
    padding: 0 25px 36px;
    text-align: center;
}
/*##### BACH DOMAIN #####*/
.batch-d{
    background-color: #06405E;
    margin-top: 30px;
    position: relative;
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);
    -webkit-border-radius:3px;
    border-radius:3px;
    display: block;
}
.batch-d.active{
    -webkit-border-radius:0 0 3px 3px;
    border-radius:0 0 3px 3px;
}
.batch-d-header{
    padding: 25px 0 0 0;
    z-index: 3;
    position: relative;
}
.batch-d-header .fig{
    height: 75px;
    background: #fff;
    padding: 10px 25px;
}
.batch-d-header .fig figcaption{
    font-size: 22px;
    font-weight: 800;
}
.batch-d-body{
    padding: 25px 40px 40px 40px;
    overflow: hidden;
    height: 259px;
}
.batch-d:hover .batch-d-body>*{
    -moz-transform: translateY(-99px);
    -webkit-transform: translateY(-99px);
    -o-transform: translateY(-99px);
    -ms-transform: translateY(-99px);
    transform: translateY(-99px);
}
.batch-d:hover .batch-d-desc,
.batch-d-body .btn{
    opacity: 0;
}
.batch-d:hover .batch-d-body .btn{
    opacity: 1;
}
.batch-d-desc{
    min-height: 79px;
}
.batch-d-price{
    padding: 50px 0;
}
.batch-d-new{
    font-size: 40px;
    font-weight: 600;
    position: relative;
}
.batch-d-new small{
    position: absolute;
    bottom: 8px;
    font-size: 18px;
    right: calc(100% + 3px);
    width: 85px;
    text-align: right;
    font-weight: 400;
}
.batch-d-new small span{
    position: relative;
}
.batch-d-new small span:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: calc(50% + 2px);
    border-top: 1px solid #ddd;
}
.batch-d-new sup{
    font-size: 12px;
    position: absolute;
    top: 8px;
    left: calc(100% + 3px);
    font-weight: 400;
}
.batch-d-new sub{
    font-size: 12px;
    position: absolute;
    bottom: 8px;
    left: calc(100% + 3px);
    font-weight: 400;
}
/*##### PAYMENT METHODS #####*/
.payment-methods li{
    margin: 20px 20px 0 20px;
}
/*##### BENEFIT #####*/
.benefit{
    margin-top: 50px;
}
.benefit:nth-child(even){
    flex-direction: row-reverse;
}
.benefit-img{
    border:15px solid #fff;
    background-color: #06405E;
    width: 100%;
    padding-top: calc(100% - 30px);
    position: relative;
}
.benefit-img img{
    position: absolute;
    width: 98px;
    height: 98px;
    left: 50%;
    margin-left: -49px;
    top: 50%;
    margin-top: -49px;
}
/*##### REVIEW #####*/
.review{
    margin-top: 50px!important;
}
/*##### SPECIFICATION #####*/
.specification{
    position: relative;
    padding-left: 32px;
}
.specification i{
    position: absolute;
    font-size: 26px;
    left: 0;
    top: 50%;
    margin-top: -13px;
}
/*##### ACCORDION #####*/
.quest{
    border-top: 1px solid rgba(0,0,0,0.15);
    padding: 15px 0;
}
.quest:last-child{
    border-bottom: 1px solid rgba(0,0,0,0.15);
}
.accordion {
    cursor: pointer;
    position: relative;
    padding-left: 20px;
}
.accordion:before {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 24px;
    margin-top: -12px;
}
.accordion.active:before {
    content: "\f107";
}
.panel {
    padding-left: 20px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
/*##### MINI DOMAIN #####*/
.min-domain{
    /*padding: 0 50px;*/
}
.min-domain strong{
    font-size: 25px;
}
.min-domain b{
    color:#8ABF40;
    font-size: 25px;
    margin-right: 5px;
}
.min-domain span{
    font-size: 18px;
}
/*##### 404 #####*/
.page-404 p{
    font-size: 50px;
    line-height: 60px;
}
.page-404 h1{
    font-size: 200px;
    line-height: 240px;
}
.page-404 h6{
    font-weight: 400;
}
/*##### SUPPORT #####*/
.support-item{
    padding: 15px;
    border:2px solid transparent;
}
.support-item:hover{
    border:2px solid #06405E;
}
.support-item .img{
    height: 100px;
}
/*##### CHART #####*/
@media(min-width:799.89px){
    .chart{
        padding: 125px 130px;
    }
    .chart-bar{
        height: 4px;
        background-color:#06405E;
        position: relative;
        margin: 0;
        padding: 0;
    }
    .chart-bar:before,
    .chart-bar:after{
        content: "";
        border-top: 4px dotted #06405E;
        position: absolute;
        width: 130px;
        top: 0;
        z-index: 1;
    }
    .chart-bar:before{
        left: -130px;
    }
    .chart-bar:after{
        right: -130px;
    }
    .chart-bar>*{
        position: absolute;
        z-index: 2;
        width: 130px;
        height: 100px;
        border: 1px solid rgba(0,0,0,0.15);
        padding: 10px;
        text-align: center;
        display:-ms-flexbox;
        display:flex;
        justify-content:center;
        align-items:center;
        -webkit-border-radius:3px;
        border-radius:3px;
        background: #fff;
    }
    .chart-top{
        top: calc(100% - 130px)
    }
    .chart-bottom{
        bottom: calc(100% - 130px)
    }
    .chart-bottom span{
        position: absolute;
        width: 100px;
        left: 50%;
        margin-left: -50px;
        top: -55px;
        font-size: 13px;
    }
    .chart-1{
        left: -135px;
    }
    .chart-2{
        left: -65px;
    }
    .chart-3{
        width: 100px !important;
        left: 10%;
    }
    .chart-4{
        right: 300px;
    }
    .chart-5{
        right: 175px;
    }
    .chart-6{
        right: 15px;
        width: 100px !important;
    }
    .chart-7{
        right: -65px;
    }
    .chart-8{
        right: -135px;
    }
    .chart-top:before{
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        background: #06405E;
        left: 50%;
        margin-left: -10px;
        bottom: -39px;
        -webkit-border-radius:50%;
        border-radius:50%;
    }
    .chart-6:before{
        content: "";
        position: absolute;
        width: 4px;
        height: 16px;
        margin-left: -10px;
        top: -37px;
        left: 2px;
        background: #06405E;
        -webkit-border-radius:3px;
        border-radius:3px;
    }
    .chart-top:after,
    .chart-bottom:after{
        content: "";
        position: absolute;
        width: 14px;
        height: 14px;
        background: #fff;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .chart-top:after{
        border-right: 1px solid rgba(0,0,0,0.15);
        border-bottom: 1px solid rgba(0,0,0,0.15);
        bottom: -8px;
    }
    .chart-bottom:after{
        border-left: 1px solid rgba(0,0,0,0.15);
        border-top: 1px solid rgba(0,0,0,0.15);
        top: -8px;
    }
}
@media(min-width:991.98px){
    .chart-3{
        left: 21%;
    }
}
@media(max-width:799.89px){
    .chart{
        padding: 130px 125px;
    }
    .chart-bar{
        width: 4px;
        height: 500px;
        background-color:#06405E;
        position: relative;
        margin: 0 auto;
        padding: 0;
    }
    .chart-bar:before,
    .chart-bar:after{
        content: "";
        border-left: 4px dotted #06405E;
        position: absolute;
        height: 130px;
        left: 0;
        z-index: 1;
    }
    .chart-bar:before{
        top: -130px;
    }
    .chart-bar:after{
        bottom: -130px;
    }
    .chart-bar>*{
        position: absolute;
        z-index: 2;
        width: 130px;
        height: 100px;
        border: 1px solid rgba(0,0,0,0.15);
        padding: 10px;
        text-align: center;
        display:-ms-flexbox;
        display:flex;
        justify-content:center;
        align-items:center;
        -webkit-border-radius:3px;
        border-radius:3px;
        background: #fff;
    }
    .chart-top{
        left: calc(100% - 160px)
    }
    .chart-bottom{
        right: calc(100% - 160px)
    }
    .chart-bottom span{
        position: absolute;
        width: 100px;
        right: calc(100% + 30px);
        font-size: 13px;
    }
    .chart-1{
        top: -120px;
    }
    .chart-2{
        top: -50px;
    }
    .chart-3{
        top: 75px;
    }
    .chart-4{
        bottom: 200px;
    }
    .chart-5{
        bottom: 125px;
    }
    .chart-6{
        bottom: 10px;
    }
    .chart-6:before{
        content: "";
        position: absolute;
        height: 4px;
        width: 18px;
        top: 0;
        left: -38px;
        background: #06405E;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }
    .chart-7{
        bottom: -50px;
    }
    .chart-8{
        bottom: -120px;
    }
    .chart-top:before{
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        background: #06405E;
        top: 50%;
        margin-top: -10px;
        right: -39px;
        -webkit-border-radius:50%;
        border-radius:50%;
    }
    .chart-top:after,
    .chart-bottom:after{
        content: "";
        position: absolute;
        width: 14px;
        height: 14px;
        top: 50%;
        margin-top: -7px;
        background: #fff;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .chart-top:after{
        border-top: 1px solid rgba(0,0,0,0.15);
        border-right: 1px solid rgba(0,0,0,0.15);
        right: -8px;
    }
    .chart-bottom:after{
        border-left: 1px solid rgba(0,0,0,0.15);
        border-bottom: 1px solid rgba(0,0,0,0.15);
        left: -8px;
    }
}
/*##### MOBILE #####*/
@media(max-width:1199.98px){
    
}
@media(max-width:991.98px){
    .page-404 p{
        font-size: 45px;
        line-height: 55px;
    }
    .page-404 h1{
        font-size: 180px;
        line-height: 220px;
    }
}
@media(max-width:767.98px){
    .slider-bg .cof.mt3.mb3{
        margin-top: 0!important;
        margin-bottom: 0!important;
    }
    .slider-bg{
        padding: 80px 0;
    }
    .benefit {
        text-align: center;
    }
    .benefit-img {
        margin-bottom: 30px !important;
    }
    .page-404 p{
        font-size: 40px;
        line-height: 50px;
    }
    .page-404 h1{
        font-size: 160px;
        line-height: 195px;
    }
}
@media(max-width:575.98px){
    .tabcontent {
        margin-top: 20px;
    }
    .batch.active {
        margin-top: 69px;
    }
    .bwhite .domain-input input{
        border: 1px solid rgba(0,0,0,0.15);
        border-bottom: 0;
        -webkit-border-radius:3px 3px 0 0;
        border-radius:3px 3px 0 0;
    }
    .price:not(.price-mini) {
        border: 12px solid #fff;
        width: 270px;
        height: 270px;
        padding: 15px;
    }
    .page-404 p{
        font-size: 35px;
        line-height: 44px;
    }
    .page-404 h1{
        font-size: 150px;
        line-height: 175px;
    }
}
@media(max-width:400px){
    .benefit-img img {
        width: 70px;
        height: 70px;
        margin-left: -35px;
        margin-top: -35px;
    }
    .page-404 p{
        font-size: 30px;
        line-height: 38px;
    }
    .page-404 h1{
        font-size: 140px;
        line-height: 165px;
    }
}
/*##### FOOTER #####*/
/*##### FOOTER #####*/
/*##### FOOTER #####*/
#footer{
    background-color: #06405E;
}
.footer-top{
    
}
.social-footer li{
    margin-right: 15px;
}
.social-footer li a i{
    opacity: .5;
    font-size: 18px;
}
.social-footer li a:hover i{
    opacity: 1;
}
.menu-footer li{
    margin-top: 5px;
}
.menu-footer li a:hover{
    text-decoration: underline;
}
.payment-footer{
    
}
.payment-footer li{
    margin: 10px 6px 0 0;
    padding: 4px;
    width: 65px;
    height: 40px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border:1px solid rgba(255,255,255,0.7);
    text-align: center;
}
.footer-bottom{
    border-top: 1px solid rgba(255,255,255,0.15);
}
/*##### MODAL #####*/
.modal_full{
    background-color:#222;
    background-color:rgba(0,0,0,0.8);
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:10000;
    padding:15px;
    padding-top:calc(4% + 10px);
    overflow: auto;
    display: none;
    opacity: 0;
    animation-name: animate;
    animation-duration: 0.2s
}
.modal_full.active{
    display: block;
    opacity: 1;
}
/* Add Animation */
@keyframes animate {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.close_modal{
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:1;
    cursor:default;
}
.modal{
    background:#fff;
    width:100%;
    max-width:700px;
    margin:auto;
    z-index:2;
    animation-name: animatetop;
    animation-duration: 0.2s
}
/* Add Animation */
@keyframes animatetop {
    from {
        -moz-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }
    to {
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
.modal.sm{
    max-width:400px;
}
.modal.lg{
    max-width:800px;
}
.modal .close{
    font-size:1.5rem;
    line-height:0.5;
    color:#000;
    text-shadow:0 1px 0 #fff;
    opacity:.5;
    text-decoration:none;
    height:14px;
    width:14px;
    display:inline-block;
    cursor: pointer;
}
.modal .bblue .close{
    color:#fff;
}
.modal_header .close{
    float:right;
    margin-top:4px;
    position: absolute;
    right: 10px;
    top: 7px;
}
.modal_header{
    padding:40px;
    padding-bottom: 0;
    position:relative;
}
.modal_header .tmd{
    margin:0;
}
.modal_main{
    padding:40px;
    padding-top: 20px;
}
/*##### TO TOP #####*/
.gotoTop{
    position:fixed;
    bottom:30px;
    right:30px;
    cursor:pointer;
    z-index:10;
    background-color:#8ABF40;
    width:40px;
    height:40px;
    text-align:center;
}
.gotoTop i{
    color:#fff;
    font-size:20px;
    position: relative;
    margin-top: -5px;
}
/*##### MOBILE #####*/
@media(max-width:1199.98px){
    
}
@media(max-width:991.98px){

}
@media(max-width:767.98px){

}
@media(max-width:575.98px){
    .gotoTop{
        bottom:15px;
        right:15px;
    }
}
@media(max-width:400px){
    
}
/*##### DOCX #####*/
.docx i,.docx em{font-style:italic;font-size:inherit;font-weight:inherit;line-height:inherit}
.docx sup,.docx sub{font-size:0.7rem!important}
.docx a{cursor:pointer;word-wrap:break-word;color:#8ABF40;font-size:inherit;font-weight:inherit;line-height:inherit}
a.green{color:#8ABF40;}
.link:hover{color: #8ABF40;}
.docx a:hover,a.green:hover{text-decoration:underline;color: #8ABF40;}
.docx span{font-size:inherit;font-weight:inherit}
.docx img{max-width:100%;max-height:100%;display:inline-block;vertical-align:top;margin-bottom: 10px;}
.docx h1,.docx h2,.docx h3,.docx h4,.docx h5,.docx h6{margin-bottom: 15px;}
.docx p{margin: 8px 0;}
/*##### MOBILE #####*/
@media(max-width:1199.98px){
    .r130{margin-right:-50px;margin-left:-50px}
    .r130>*{padding-right:50px;padding-left:50px;}
    .celg{text-align: center;}
}
@media(max-width:991.98px){
    .btn{
        padding:16px 33px;
        min-width: 200px;
    }
    .r130{margin-right:-35px;margin-left:-35px}
    .r130>*{padding-right:35px;padding-left:35px;}
    .cemd{text-align: center;}
    .mb1md{margin-bottom:10px!important}
    h1,.h1{
        font-size:50px;
        line-height:60px;
    }
    h2,.h2{
        font-size:33px;
        line-height:42px;
    }
    .f24{
        font-size:22px;
        line-height: 28px;
    }
}
@media(max-width:767.98px){
    .btn{
        padding:14px 30px;
        min-width: 180px;
    }
    .r130{margin-right:-15px;margin-left:-15px}
    .r130>*{padding-right:15px;padding-left:15px;}
    .cesm{text-align: center;}
    .rism{text-align: right;}
    .fn-sm{float: none;}
    .mxa-sm{margin: auto!important;}
    .mb2sm{margin-bottom:30px!important}
    .mt2sm{margin-top:30px!important}
    .mb3sm{margin-bottom:40px!important}
    .mt3sm{margin-top:40px!important}
    h1,.h1{
        font-size:45px;
        line-height:55px;
    }
    h2,.h2{
        font-size:30px;
        line-height:39px;
    }
    .f24{
        font-size:20px;
        line-height: 26px;
    }

    .mb3{margin-bottom:30px!important}
    .mt3{margin-top:30px!important}
    .mb4{margin-bottom:60px!important}
    .mt4{margin-top:60px!important}
    .mb5{margin-bottom:80px!important}
    .mt5{margin-top:80px!important}

    .pb4{padding-bottom:60px!important}
    .pt4{padding-top:60px!important}
    .pb5{padding-bottom:80px!important}
    .pt5{padding-top:80px!important}
}
@media(max-width:575.98px){
    .mt2xs{margin-top:20px!important}
    .cexs{text-align: center;}
    .btn{
        padding:12px 24px;
        min-width: 160px;
    }
    h1,.h1{
        font-size:40px;
        line-height:50px;
    }
}
@media(max-width:400px){
    h1,.h1{
        font-size:32px;
        line-height:40px;
    }
}