html {
    background:#fff;
    height:100% !important
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display:block}

body {
    height:100%;
    width:100%;
    margin:0;
    padding:0;
    font-family:arial,helvetica,sans-serif;
    line-height:1.5;
    color:#050505;
    font-size:100%;
}

strong,b {font-weight:bold}
a img {border:none}

.clear,.pg,.main {clear:both}

a {color:#2EA8FF;
   outline:none;
   text-decoration:none;
   border-bottom:1px solid rgba(0,0,0,0.3);
   padding-bottom:3px;
}

a:hover {
    color:#51B856;
    border-bottom:1px dotted
}

h1 {
    font-size:333%;
    line-height:1.2;
    text-transform:uppercase
}

h2 {font-size:300%}

.hline:before {
    background:#97C987;
    bottom: 0;
    content: "";
    height: 3px;
    left: 50%;
    position: absolute;
    transition: all 0.25s ease 0s;
    width: 50px;
    margin-left:-25px;}

h3 {font-size:130%;color:#a0a4a9;}
h4 {font-size:160%}
h5 {font-size:150%;margin-bottom:10px}

h1,h2,h4,h5 {
    position:relative;
    font-weight:bold
}

p span {
    padding:3px 7px;
    background:#2EA8FF;
    border-radius:7px;
    color:#fff
}

.dark-line {
    padding:9px;
    background:#505D66;
    color:#fff;
}

.hero h2 {font-size:190%;}

.main {
    margin:0 auto;
    position:relative;
    max-width:1100px;
    z-index:10
}

header {
    margin-bottom:40px;
    text-align:center
}

.pg {
    padding:80px 0px;
    position:relative
}

.hero {
    background-repeat:no-repeat;
    background-position:center;
    background-size:100%;
    background-image:url(../img/hero.jpg);
    position:relative;
    z-index:1
}

.hero-op {
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    background:rgba(255,255,255,0.7);
    z-index:5;
}

.w-line {background:#EEF1F2}

.w-line:before {
    background:url(../img/w-w-t.png) repeat-x;
    height:7px;
    left:0;
    top:-7px;
}

.w-line:after {
    background:url(../img/w-w-b.png) repeat-x;
    height:7px;
    left:0;
    bottom:-7px;
}

.w-line:before,
.w-line:after {
    width:100%;
    position:absolute;
    content:"";
    display:block;
    z-index:999
}

.desc {
    max-width:700px;
    margin:0 auto;
    margin-top:60px
}

.desc p {font-size:140%}
p.small {font-size:110%}

.desc li p {position:relative;font-size:120%;}
li p:before {content:'\2014\a0'}
li strong {font-size:115%}

.desc ul, .akc {
    padding:25px;
    background:#EEF1F2;
    border-radius:20px
}

.box-img {
    width:100%;
    max-width:90%;
    border-radius:15px;
    display:block;
    margin:0 auto;
    opacity:0.8
}

.w-line .akc {background:#fafbfc;}

.akc-alt {text-align:center;}

.arr {
    display:table;
    margin:0 auto;
    background:#2EA8FF;
    border-radius:50%;
    height:59px;
    width:59px;
    color:#fff
}

.arr b {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    font-size:139%
}

.akc-alt .arr {
    width:35px;
    height:35px;
    margin-top:13px;
    margin-bottom:13px;
    background:#9DAAB3
}

.akc-alt b {font-size:80%}

.st-wp {
    background:#e5e3e1;
    background-repeat:no-repeat;
    background-position:center;
    background-size:50%;
    border-radius:11px;
    overflow:hidden;
    width:100%;
    max-width:666px;
    margin:0 auto
}

.st-wp,.st-wp a {color:#fff}

.st-wp a {
    display:block;
    padding:25px;
    background:rgba(255,158,32,0.8);
    text-shadow:1px 1px 0px rgba(0,0,0,0.2);
    border:0px;
    font-size:166%;
    text-align:center
}

.st-wp a:hover {
    background:rgba(46,169,255,0.8)
}

.s-vzlet {background-image:url(../img/vzlet.jpg)}
.s-tds {background-image:url(../img/tds.jpg)}
.s-teaser {background-image:url(../img/teaser.jpg)}
.s-lp {background-image:url(../img/lp.jpg)}

.hl {
    position:relative;
    margin:0 auto
}

.hr {position:relative;
     display:table;
     clear:both;
     width:100%;
     height:auto;
     margin:50px 0px
}

.hli {
    width:100%;
    position:absolute;
    height:1px;
    left:0;
    width:100%;
    border-top:1px solid #cEd1d2
}

.hlb {
    border-radius:3px;
    height:14px;
    width:14px;
    border-width:1px;
    border-style:solid;
    display:block;
    position:absolute;
    left:50%;
    margin-left:-5px;
    margin-top:-8px;
    background:#EEF1F2;
    border-color:#cEd1d2
}

.w-line .hlb {background:#fff}

.ws {padding:60px 0px 120px 0px}
.ws header {margin-bottom:70px}
.ws .inner-p {padding:0px 20px}
.ws p {color:#363636}

.ws h4, .check {position:relative;}
.ws h4:before, 
.check:before {
    content:"";
    background:url(../img/check.png) center no-repeat;
    width:25px;
    height:21px;
    left:-33px;
    top:8px;
    position:absolute
}
.top-foot {font-size:77%}
.top-foot, .top-foot a {color:#606D76}

.footer {background:#505D66;
         color:#9DAAB3}
ul {list-style-type:none}
.footer li {padding-bottom:9px}
.footer a {color:#fff;border-bottom:1px solid rgba(255,255,255,0.5)}
.footer a:hover {color:#51B856;border-bottom:1px solid;}
.w-25,
.w-30,
.w-33,
.w-50,
.w-70 {
    position:relative;
    float:left
}
.w-25 {width:25%}
.w-30 {width:30%}
.w-33 {width:33.33333%}
.w-50 {width:50%}
.w-70 {width:70%}

@media screen and (max-width:720px) {
    .w-25,.w-30,.w-33,.w-50,.w-70 {
        float:none;
        width:100%;
        margin:20px 0px
    }
    html,body {
        width:auto;
        height:auto;
        font-size:90%
    }
    .main {padding:20px}
    h4 {font-size:140%}
    h2 {font-size:190%}
    h1 {font-size:220%}
    .pg {padding:20px 0px}
}

@media screen and (max-width:820px) {
    .main {padding:20px}
}