*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    font-family: 'Open Sans Condensed', sans-serif;
}
body, html { height: 100%; min-width: 1200px; min-height: 800px; }
.container { margin-bottom: -30px; min-height: 100%;  background: url('../images/glow.png') top center fixed no-repeat; }

body  {
    overflow-y:scroll;
    background: url('../images/bg66.jpg') fixed no-repeat #1a1b22;
    background-size: cover;
}
.wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    background: rgba(255,255,255,0.7);
}
video {
    position: absolute;
    top:0;
    left:0;
}



a { text-decoration: none; }

h2 { font-size: 42px; padding-bottom: 40px; font-weight: bold; }
section .sa-icons p { font-size: 21px; width: 830px; }


header {
    width: 100%;
    height: 200px;
    text-align: center;
}

/*header .logo {    -webkit-transform: skew(-8deg);*/
/*-moz-transform: skew(-8deg);*/
/*-o-transform: skew(-8deg);*/
/*-ms-transform: skew(-8deg);*/
/*display: block;*/
/*margin: 0 auto;*/
/*width: 280px;*/
/*height: 150px;*/
/*x-background: #fff;*/
/*overflow: hidden;*/
/*-webkit-transform: skew(-10deg);*/
/*-moz-transform: skew(-20deg);*/
/*-o-transform: skew(-20deg);*/
/*-ms-transform: skew(-20deg);*/



header .logo img {
    padding-top: 40px;

    /*-webkit-transform: skew(10deg);*/
    /*-moz-transform: none;*/
    /*-o-transform: none;*/
    /*-ms-transform: none;*/
}


section .sa-icons {
    margin: 40px auto 0;
    text-align: center;
}

section .sa-icons .row {
    display: inline-block;
    background: #ffffff;
    width: 219px;
    height: 112px;
    margin: 2px 3px;
    x-box-shadow: 2px 2px 1px #515151;
    x-border: 3px solid #cccccc;

    -webkit-transform: skew(-7deg);
    -moz-transform: skew(-7deg);
    -o-transform: skew(-7deg);
    -ms-transform: skew(-7deg);

}

section .sa-icons .row div a {
    width: 100%;
    height: 100%;
    display: block;
}

section .sa-icons .row:hover {
    box-shadow: 5px 5px 1px #565656;
    border: 3px solid #fafafa;
}

section .sa-icons .row div { width: 100%; height: 100%; cursor: pointer; opacity: 1;
    -webkit-transform: skew(7deg);
    -moz-transform: skew(7deg);
    -o-transform: skew(7deg);
    -ms-transform: skew(7deg);}

section .sa-icons .row .kurier { background: url('../images/logos/StarExpress.jpg') center center no-repeat }
section .sa-icons .row .nrg { background: url('../images/logos/nrg.png') center center no-repeat }
section .sa-icons .row .postman { background: url('../images/logos/postman.png') center center no-repeat }
section .sa-icons .row .tochka { background: url('../images/logos/tochka.png') center center no-repeat }
section .sa-icons .row .pgk { background: url('../images/logos/pgk.png') center center no-repeat }
section .sa-icons .row .prf { background: url('../images/logos/prf.png') center center no-repeat }
section .sa-icons .row .pgkgroupe { background: url('../images/logos/pgkgroupe.png') center center no-repeat }
section .sa-icons .row .loveyou { background: url('../images/logos/lovu.png') center center no-repeat }
section .sa-icons .row .starex_ua { background: url('../images/logos/starexua.jpg') center center no-repeat }
section .sa-icons .row .starex_ru { background: url('../images/logos/starex_ru.jpg') center center no-repeat }
section .sa-icons .row .shutl { background: url('../images/logos/shutl.png') center center no-repeat }


section .sa-icons .row .rivaua { background: url('../images/logos/rivaua.png') center center no-repeat }
section .sa-icons .row .dvbank { background: url('../images/logos/dvbank.jpg') center center no-repeat }
section .sa-icons .row .rivayachtclub { background: url('../images/logos/rivayachtclub.png') center center no-repeat }
section .sa-icons .row .rlsailingschool { background: url('../images/logos/rlsailingschool.png') center center no-repeat }
section .sa-icons .row .median { background: url('../images/logos/median.png') center center no-repeat }
section .sa-icons .row .omnic { background: url('../images/logos/omnic.png') center center no-repeat }

section .sa-icons .text-wrap { width: 100%; min-height: 400px; background: rgba(255,255,255,0.9); display: none; margin-bottom: 5px; border-top: 4px solid #fff; border-bottom: 4px solid #fff; position: relative; }
section .sa-icons .text-wrap div { width: 1030px; margin: 0 auto; padding: 40px 0px; text-align: left; }


section .sa-icons .text-wrap a {
    font-weight: 700;
    font-size: 16px;
    color: #212121;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 10px 20px;
    border: 3px solid #212121;
    display: inline-block;
    margin: 50px 0 0;
    outline: none;
}

section .sa-icons .text-wrap a::before {
    content: '\2192';
    display: inline-block;
    margin-right: 10px;
}

section .sa-icons .text-wrap .close { width: 30px; right: 30px; display: none;  position: absolute; right: 15px; top:15px; cursor:pointer; background: url('../images/cross.png') no-repeat; opacity:0.5; }
footer { color:#fff; text-align: center; height: 30px; text-shadow: 1px 1px 2px #0b0913; }

.slogan{
 color: #5398ce;
    font-size: 34px;
    text-transform: uppercase;
}
section {
    margin-top: 130px;
}