@charset "utf-8";
@import "../../../css/grid.css";
@import "../../../css/fontawesome.css";

/*	CMS by MaxRA / v1.2515 ******/
* {
    margin: 0;
    padding: 0;
    border: 0;
    word-wrap: break-word;
    box-sizing: border-box;
}
html, body {
    width: auto;
    height: 100%;
    font-size: 100%;
    font-family: 'Arial';
    line-height: 120%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    background: #FFF;
    color: #3C414C;
}

/* Fonts */
@font-face {
    font-family: "GothamProLight";
    font-weight: normal;
    font-style: normal;
    src: url("../../../css/fonts/GothamProLight.eot");
    src: url("../../../css/fonts/GothamProLight.eot?#iefix") format("embedded-opentype"),
         url("../../../css/fonts/GothamProLight.woff") format("woff"),
         url("../../../css/fonts/GothamProLight.ttf") format("truetype")
}
@font-face {
    font-family: "GothamProRegular";
    font-weight: normal;
    font-style: normal;
    src: url("../../../css/fonts/GothamProRegular.eot");
    src: url("../../../css/fonts/GothamProRegular.eot?#iefix") format("embedded-opentype"),
         url("../../../css/fonts/GothamProRegular.woff") format("woff"),
         url("../../../css/fonts/GothamProRegular.ttf") format("truetype")
}
@font-face {
    font-family: 'Nautilus Pompilius';
    font-weight: normal;
    font-style: normal;
    src: url('../../../css/fonts/nautilus.eot');
    src: url('../../../css/fonts/nautilus.eot?#iefix') format('embedded-opentype'),
         url('../../../css/fonts/nautilus.woff') format('woff'),
         url('../../../css/fonts/nautilus.ttf') format('truetype')
}
@font-face {
    font-family: 'Museo';
    font-weight: normal;
    font-style: normal;
    src: url('../../../css/fonts/MuseoRegular.eot');
    src: url('../../../css/fonts/MuseoRegular.eot?#iefix') format('embedded-opentype'),
         url('../../../css/fonts/MuseoRegular.woff') format('woff'),
         url('../../../css/fonts/MuseoRegular.ttf') format('truetype')
}
@font-face {
    font-family: 'OpenSans';
    font-weight: normal;
    font-style: normal;
    src: url('../../../css/fonts/OpenSansBold.eot');
    src: url('../../../css/fonts/OpenSansBold.eot?#iefix') format('embedded-opentype'),
         url('../../../css/fonts/OpenSansBold.woff') format('woff'),
         url('../../../css/fonts/OpenSansBold.ttf') format('truetype')
}
@font-face {
    font-family: 'ArialBlack';
    font-weight: normal;
    font-style: normal;
    src: url('../../../css/fonts/ArialBlack.eot');
    src: url('../../../css/fonts/ArialBlack.eot?#iefix') format('embedded-opentype'),
         url('../../../css/fonts/ArialBlack.woff') format('woff'),
         url('../../../css/fonts/ArialBlack.ttf') format('truetype')
}

/* Screen */
.screen {
    position: fixed;
    z-index: 999999;
    left: 0;
    bottom: 0;
    width: auto;
    height: 1.25em;
    padding: 0 .5rem;
    background: rgba(0,0,0,.25);
    border-radius: 0 .5em 0 0;
}
    .screen:after {
        content: "SCREEN: min 1823px";
        top: -.25rem;
        color: #FFF;
        font-size: .75rem;
        font-family: 'Museo';
        line-height: 0;
    }

.siteload {
    position: fixed;
    display: block;
    z-index: 9999;
    width: 8rem;
    height: 1.25rem;
    bottom: 0;
    left: 50%;
    margin-left: -4rem;
    padding: .375rem;
    background: rgba(0,0,0,.25);
    color: #FFF;
    font-family: 'Museo';
    font-size: .75rem;
    line-height: 1;
    text-align: center;
    border-radius: .5em .5em 0 0;
}

/* Font Awesome */
a .fa {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.25rem;
    background: none;
}

/*	WRAPPER *********************/
.wrapper {
    position: relative;
    z-index: 2;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

/*	HEAD ************************/
/* General */
.head, .head.fixed {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 10rem;
    color: #D0D0D0;
}
.head.fixed {
    position: relative;
}
.head [class^="grid-"], .head.fixed [class^="grid-"], .head [class*=" grid-"], .head.fixed [class*=" grid-"] {
    margin: 0 1%;
}
.head [class^="gridin-"], .head.fixed [class^="gridin-"], .head [class*=" gridin-"], .head.fixed [class*=" gridin-"] {
    margin: 0;
}

/* Information */
.head-top {
    position: relative;
    display: block;
    height: 2.5rem;
    padding: .75rem 0 0;
    background: #353535;
    font-size: 1rem;
    font-family: "GothamProRegular";
    line-height: 1;
    text-transform: uppercase;
}
.head .head-top .fa, .head .head-top .fab {
    position: relative;
    display: inline-block;
    width: auto;
    height: 0;
    margin-left: 1.25rem;
    background: none;
    font-size: 1.25rem;
    line-height: 0;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.25s;
    -webkit-transition-timing-function: ease-in;
            transition: .25s ease-in;
}
    .head-top .fa:hover, .head-top .fab:hover {
        color: #00B0E3;
    }

.foot-info span {
    display: table;
    margin-top: .375rem;
    color: #FFF;
    font-family: "ArialBlack";
    font-size: 4.375rem;
    line-height: 1;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.25s;
    -webkit-transition-timing-function: ease-in;
            transition: .25s ease-in;
}
    .foot-info span {
        margin-top: 0;
    }
.foot-info span span {
    margin-top: -.25rem;
    padding: .125rem .21875rem;
    background: #FFF;
    color: #353535;
    font-size: 1.6875rem;
    line-height: 1;
}
    .foot-info span span {
        color: #3A3830;
    }
.head-info a {
    color: #FFF;
}

.head-title {
    position: relative;
    display: block;
    overflow: hidden;
    height: 23rem;
    padding-top: 15rem;
    color: #FFF;
}
.head-title .wallBG {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0,89,125);
    background: -webkit-linear-gradient(left, rgba(0,89,125,.5) 0%, rgba(22,179,203,.5) 100%);
    background: -moz-linear-gradient(left, rgba(0,89,125,.5) 0%, rgba(22,179,203,.5) 100%);
    background: linear-gradient(to right, rgba(0,89,125,.5) 0%, rgba(22,179,203,.5) 100%);
}

/*  MENU ************************/
[id='nav-toggle'] {
    position: absolute;
    display: none
}
.nav {
    position: relative;
    display: block;
    z-index: 999;
    width: 100%;
    height: auto;
    padding: 0;
    text-align: center
}

/* Профиксим баг в Android <= 4.1.2 > см: http://timpietrusky.com/advanced-checkbox-hack */
body {
    -webkit-animation: bugfix infinite 1s;
}
@-webkit-keyframes bugfix {
    to {
        padding: 0;
    }
}

/* Default */
.nav {
    position: relative;
    z-index: 500;
    width: 100%;
    height: 7.5rem;
    background: rgba(15,15,15,.75);
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.25s;
    -webkit-transition-timing-function: ease-out;
    transition: .25s ease-out;
}
.nav .gridin-4 {
    position: relative;
    display: block;
    padding: .5rem 0;
    color: #FFF;
    font-family: "squares-b";
    font-size: 4rem;
    line-height: 4rem;
    text-align: left;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.15s;
    -webkit-transition-timing-function: linear;
    -webkit-transition-delay: 0.025s;
    transition: .15s linear .025s;
}
.nav .gridin-4 img {
    float: left;
    height: 6rem;
    margin: .3125rem 0 0 0;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.25s;
    -webkit-transition-timing-function: ease-out;
    transition: .25s ease-out;
}
.nav .gridin-4 span {
    display: table;
    margin-top: -.375rem;
    color: #FFF;
    font-family: "ArialBlack";
    font-size: 4.375rem;
    line-height: 1;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.25s;
    -webkit-transition-timing-function: ease-in;
    transition: .25s ease-in;
}
.nav .gridin-4 span span {
    margin-top: -.25rem;
    padding: .125rem .21875rem;
    background: #FFF;
    color: #353535;
    font-size: 1.6875rem;
    line-height: 1;
}
.nav .gridin-4 a, .nav .gridin-4 a:hover {
    color: #FFF;
}
.nav ul {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}
.nav li {
    position: relative;
    display: inline-block;
    margin-left: 0;
}
.nav li > a {
    position: relative;
    z-index: 300;
    display: block;
    padding: 3.125rem 1.125rem;
    color: #FFF;
    font-size: 1.125rem;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.25s;
    -webkit-transition-timing-function: linear;
    transition: .25s line;
}
.nav li:hover > a, .nav li > a.active, .nav li:hover > a.active {
    color: #00B0E3;
}
.nav li > a:after {
    content: '';
    position: relative;
    display: block;
    top: .5rem;
    width: 0;
    height: .125rem;
    background: #00B0E3;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.25s;
    -webkit-transition-timing-function: linear;
    transition: .25s linear;
}
.nav li > a.active:after, .nav li:hover > a:after {
    width: 100%;
}

/* Submenu */
.nav .submenu {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: 101;
    min-width: 14rem;
    top: 5rem;
    padding: 1.25rem;
    background: #FFF;
    box-shadow: 0 .5rem .75rem rgba(0,0,0,.125);
    transform-origin: 0% 0%;
    transform-style: preserve-3d;
    transform: rotateX(-90deg);
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.25s;
    -webkit-transition-timing-function: linear;
    -webkit-transition-delay: 0.25s;
    transition: .25s linear .25s;
}
.nav .submenu li {
    position: relative;
    display: block;
}
.nav .submenu li a, .nav.fixed .submenu li a {
    display: block;
    padding: .75rem 0;
    color: #3C414C;
    font-family: 'GothamR';
    font-size: 1rem;
    line-height: 1rem;
    text-transform: none;
    text-align: left;
}
.nav .submenu li:hover a, .nav.fixed .submenu li:hover a {
    color: #3C414C;
}
.nav li:hover > .submenu {
    visibility: visible;
    opacity: 1;
    top: 5.875rem;;
    transform: rotateX(0deg);
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.15s;
    -webkit-transition-timing-function: linear;
    -webkit-transition-delay: 0.025s;
    transition: .15s linear .025s;
}
.nav.fixed li:hover > .submenu {
    top: 3.75rem;
}

.nav .submenu .submenu {
    position: absolute;
    left: 11.5rem;
}
.nav .submenu li:hover > .submenu {
    top: 1rem;
}
.nav ul li:last-of-type .submenu {
    right: 0;
}
.nav ul li:last-of-type .submenu .submenu {
    top: 2.625rem;
    left: 2rem;
}

/* Triangel for submenu */
.nav li span {
    position: absolute;
    width: 0;
    height: 0;
    top: 2.875rem;
    right: .25rem;
    border-style: solid;
    border-width: .375rem .375rem 0 .375rem;
    border-color: #FFF transparent transparent transparent;
    line-height: 0;
    _border-color: #FFFFFF #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.nav li:hover span {
    border-color: #FFDD00 transparent transparent transparent;
}
.nav li span:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: -.75rem;
    right: -.625rem;
    border-style: solid;
    border-width: .625rem .625rem 0 .625rem;
    border-color: #002E5B transparent transparent transparent;
    line-height: 0;
    _border-color: #002E5B #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.nav.fixed li span {
    top: 2.25rem;
}

.nav li .submenu span {
    position: absolute;
    width: 0;
    height: 0;
    top: .875rem;
    right: 0rem;
    border-style: solid;
    border-width: .375rem 0 .375rem .375rem;
    border-color: transparent transparent transparent #002E5B;
    line-height: 0;
    _border-color: #000000 #000000 #000000 #002E5B;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.nav li .submenu span:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: -.5rem;
    right: .125rem;
    border-style: solid;
    border-width: .5rem 0 .5rem .5rem;
    border-color: transparent transparent transparent #FFF ;
    line-height: 0;
    _border-color: #000000 #000000 #000000 #FFFFFF;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

/* Fixed */
.nav.fixed {
    position: fixed;
    height: 4.75rem;
    top: 0;
    margin: 0;
    padding-left: 0;
    border-radius: 0;
}
.nav.fixed .gridin-4 {
    padding: .25rem 0;
    font-size: 3.5rem;
    line-height: 3.5rem;
}
.nav.fixed .gridin-4 img {
    height: 3.625rem;
    margin: .3125rem 0 0 0;
}
.nav.fixed .gridin-4 span {
    margin-top: -.325rem;
    font-size: 3.1875rem;
}
.nav.fixed .gridin-4 span span {
    margin-top: -.1875rem;
    padding: .0625rem .35rem;
    color: #353535;
    font-size: 1.1875rem;
    line-height: 1rem;
}
.nav.fixed li > a {
    padding: 1.875rem 1.25rem;
}

/*  SLIDER **********************/
.slider, .slider2, .slide-3, .slide-4, .slide-5, .crsl {
    position: relative;
    z-index: 60;
    width: 100vw;
    height: 100vh;
    margin: 0;
}
.slider2, .slide-3, .slide-4, .slide-5, .crsl {
    width: 100%;
    height: auto;
}
.slider ul, .slider2 ul, .slide-3 ul, .slide-4 ul, .slide-5 ul, .crsl ul {
    margin-left: 0;
}

/* Reset and Layout */
.slider .bx-wrapper, .slider2 .bx-wrapper, .slide-3 .bx-wrapper, .slide-4 .bx-wrapper, .slide-5 .bx-wrapper, .crsl .bx-wrapper {
    position: relative;
    *zoom: 1;
    margin: auto;
    padding: 0;
}

/* Image */
.slider .bx-wrapper img, .crsl .bx-wrapper img {
    width: 100%;
    height: 100vh;
}
    .crsl .bx-wrapper img {
        height: auto;
    }

/* Theme */
.slider .bx-wrapper li, .slider2 .bx-wrapper li, .slide-3 .bx-wrapper li, .slide-4 .bx-wrapper li, .slide-5 .bx-wrapper li {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100vh;
}
.slider2 .bx-wrapper li, .slide-3 .bx-wrapper li, .slide-4 .bx-wrapper li, .slide-5 .bx-wrapper li {
    height: auto;
}
.crsl .bx-wrapper li {
    width: 16.25em;
    min-width: 16.25em;
    max-width: 16.25em;
    padding: 1rem;
}

/* Loader */
.slider .bx-wrapper .bx-loading, .slider2 .bx-wrapper .bx-loading, .slide-3 .bx-wrapper .bx-loading, .slide-4 .bx-wrapper .bx-loading, .slide-5 .bx-wrapper .bx-loading, .crsl .bx-wrapper .bx-loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 3.125rem;
    height: 100%;
    background: url('../../../css/img/bx_loader.gif') center center no-repeat #FFFFFF;
}

/* Pager nambers */
.slider2 .bx-wrapper .bx-pager {
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center;
}
.slider2 .bx-wrapper .bx-controls-auto .bx-controls-auto-item, .slider2 .bx-wrapper .bx-pager .bx-pager-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    list-style: none;
}
.slider2 .bx-wrapper .bx-pager.bx-default-pager a {
    position: relative;
    display: block;
    outline: 0;
    width: 5rem;
    height: .375rem;
    margin-right: .5rem;
    background: #D0D0D0;
    text-indent: -9999px;
}
.slider2 .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #00B0E3;
}
.slider2 .bx-wrapper .bx-pager.bx-default-pager a:hover, .slider2 .bx-wrapper .bx-pager.bx-default-pager a:hover.active {
    background: #0061aa;
}

/* Turn OFF Pager nambers */
.slider .bx-wrapper .bx-pager, .slide-3 .bx-wrapper .bx-pager, .slide-4 .bx-wrapper .bx-pager, .slide-5 .bx-wrapper .bx-pager, .crsl .bx-wrapper .bx-pager {
    display: none;
}

/* Next / Preview */
.slider .bx-wrapper .bx-controls-direction a, .slider2 .bx-wrapper .bx-controls-direction a, .slide-3 .bx-wrapper .bx-controls-direction a, .slide-4 .bx-wrapper .bx-controls-direction a, .slide-5 .bx-wrapper .bx-controls-direction a {
    position: absolute;
    display: block;
    outline: none;
    top: 50%;
}
.slider .bx-wrapper .bx-controls-direction a {
    margin-top: 3rem;
}
.slider2 .bx-wrapper .bx-controls-direction a {
    margin-top: -3.75rem;
}
.slider .bx-wrapper .bx-prev, .slider .bx-wrapper .bx-next, .slider2 .bx-wrapper .bx-prev, .slider2 .bx-wrapper .bx-next, .slide-3 .bx-wrapper .bx-prev, .slide-3 .bx-wrapper .bx-next, .slide-4 .bx-wrapper .bx-prev, .slide-4 .bx-wrapper .bx-next, .slide-5 .bx-wrapper .bx-prev, .slide-5 .bx-wrapper .bx-next {
    width: 4rem;
    height: 4rem;
    margin-top: -2rem;
    color: #FFF;
    font-size: 3rem;
    font-family: 'AwesomeF1';
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.25s;
    -webkit-transition-timing-function: ease-in-out;
            transition: .25s ease-in-out;
}
    /* PREW */
    .slider .bx-wrapper .bx-prev, .slider2 .bx-wrapper .bx-prev, .slide-3 .bx-wrapper .bx-prev, .slide-4 .bx-wrapper .bx-prev, .slide-5 .bx-wrapper .bx-prev {
        content: '';
        position: absolute;
        display: block;
        left: 2rem;
        width: 4rem;
        height: 4rem;
        background: #007DA2;
        border-radius: 50%;
    }
    .slide-3 .bx-wrapper .bx-prev, .slide-4 .bx-wrapper .bx-prev, .slide-5 .bx-wrapper .bx-prev {
        left: -2rem;
    }
        .slider .bx-wrapper .bx-prev:before, .slider2 .bx-wrapper .bx-prev:before, .slide-3 .bx-wrapper .bx-prev:before, .slide-4 .bx-wrapper .bx-prev:before, .slide-5 .bx-wrapper .bx-prev:before {
            content: '\f060';
            position: absolute;
            display: block;
            top: 1.375rem;
            left: .75rem;
        }
    /* NEXT */
    .slider .bx-wrapper .bx-next, .slider2 .bx-wrapper .bx-next, .slide-3 .bx-wrapper .bx-next, .slide-4 .bx-wrapper .bx-next, .slide-5 .bx-wrapper .bx-next {
        content: '';
        position: absolute;
        display: block;
        right: 2rem;
        width: 4rem;
        height: 4rem;
        background: #007DA2;
        border-radius: 50%;
    }
    .slide-3 .bx-wrapper .bx-next, .slide-4 .bx-wrapper .bx-next, .slide-5 .bx-wrapper .bx-next {
        right: -2rem;
    }
        .slider .bx-wrapper .bx-next:before, .slider2 .bx-wrapper .bx-next:before, .slide-3 .bx-wrapper .bx-next:before, .slide-4 .bx-wrapper .bx-next:before, .slide-5 .bx-wrapper .bx-next:before {
            content: '\f061';
            position: absolute;
            display: block;
            top: 1.375rem;
            left: .75rem;
        }

.slider .bx-wrapper .bx-next:hover, .slider .bx-wrapper .bx-prev:hover, .slider2 .bx-wrapper .bx-next:hover, .slider2 .bx-wrapper .bx-prev:hover, .slide-3 .bx-wrapper .bx-next:hover, .slide-3 .bx-wrapper .bx-prev:hover, .slide-4 .bx-wrapper .bx-next:hover, .slide-4 .bx-wrapper .bx-prev:hover, .slide-5 .bx-wrapper .bx-next:hover, .slide-5 .bx-wrapper .bx-prev:hover {
    background: #00B0E3;
    color: #DDF8FF;
}
.slider .bx-wrapper .bx-controls-direction a.disabled, .slider2 .bx-wrapper .bx-controls-direction a.disabled, .slide-3 .bx-wrapper .bx-controls-direction a.disabled, .slide-4 .bx-wrapper .bx-controls-direction a.disabled, .slide-5 .bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

/* Image Captions Sale */
.crsl span {
    display: block;
    padding-top: 1em;
    font-size: 1.25em;
    text-align: center;
}
/* Image Captions Slider */
.slider [class^="cap"], .slider [class*=" cap"] {
    position: absolute;
    top: 18rem;
    left: 50%;
    width: 80%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
}

/* Border top, bottom */
.slider [class^="cap"]:before, .slider [class*=" cap"]:before {
    content: '';
    position: absolute;
    display: block;
    top: -3rem;
    width: 33%;
    height: 3rem;
    border-top: .3125rem solid #FFF;
    border-right: .3125rem solid #FFF;
    border-left: .3125rem solid #FFF;
}
    .slider .capL:before {
        left: -.3125rem;
    }
    .slider .capM:before {
        left: 50%;
        margin-left: -16.5%;
    }
    .slider .capR:before {
        right: -.3125rem;
    }
.slider [class^="cap"]:after, .slider [class*=" cap"]:after {
    content: '';
    position: absolute;
    display: block;
    bottom: -3rem;
    width: 33%;
    height: 3rem;
    border-right: .3125rem solid #FFF;
    border-bottom: .3125rem solid #FFF;
    border-left: .3125rem solid #FFF;
}
    .slider .capL:after {
        left: -.3125rem;
    }
    .slider .capM:after {
        left: 50%;
        margin-left: -16.5%;
    }
    .slider .capR:after {
        right: -.3125rem;
    }
.slider .capL {
    border-left: .3125rem solid #FFF;
    text-align: left;
}
.slider .capM {
    text-align: center;
}
.slider .capR {
    border-right: .3125rem solid #FFF;
    text-align: right;
}

/* Head Bottom */
.slider .head-bottom {
    position: absolute;
    height: 10rem;
    bottom: 4rem;
    left: 0;
    width: 100%;
}
.slider .head-bottom .box {
    padding: 2rem;
    background: rgba(255,255,255,.75);
    font-size: 1.125rem;
    line-height: 1.5rem;
}
.slider .head-bottom .gridin-4:nth-of-type(1n) .box {
    border-radius: .75rem 0 0 .75rem;
}
.slider .head-bottom .gridin-4:nth-of-type(2n) .box {
    border-radius: 0;
}
.slider .head-bottom .gridin-4:nth-of-type(3n) .box {
    border-radius: 0 .75rem .75rem 0;
}
.slider .head-bottom .box h2 {
    font-size: 1.25rem;
    text-align: center;
}
.slider .head-bottom .counter .box {
    width: 15rem;
    height: 15rem;
    margin: auto;
    padding-top: 1.75rem;
    background: rgba(0,125,162,.9);
    color: #FFF;
    font-size: 1.25rem;
    text-align: center;
    line-height: 1.875rem;
    border-radius: 50%;
}
    .slider .head-bottom .counter .box:before {
        content: '';
        position: absolute;
        display: block;
        z-index: -1;
        width: 16rem;
        height: 16rem;
        top: -.5rem;
        left: -.5rem;
        background: rgba(255,255,255,.375);
        border-radius: 50%;
    }
    .slider .head-bottom .counter .box h2 {
        color: #FFF;
    }
    .slider .head-bottom .counter .box .num {
        width: 100%;
        margin: 22.5px 0 12px;
        padding: 15px;
        background: #1C1B17;
        font-size: 30px;
        font-weight: 900;
        border-radius: 7.5px;
    }
.slider .head-bottom ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.slider .head-bottom li {
    list-style: none;
    height: 1.625rem;
}
    .slider .head-bottom .good li:before, .slider .head-bottom .no li:before {
        display: inline-block;
        overflow: hidden;
        width: 1.5rem;
        height: 1.5rem;
        margin-right: .5rem;
        color: #007DA2;
        font-family: 'AwesomeF1';
        font-size: 1.25rem;
    }
    .slider .head-bottom .good li:before {
        content: '\f164';
        vertical-align: top;
    }
    .slider .head-bottom .no li:before {
        content: '\f165';
        vertical-align: middle;
    }

.slider [class^="cap"] h1, .slider [class*=" cap"] h1 {
    color: #FFF;
    font-size: 5rem;
    text-transform: uppercase;
    line-height: 1.5em;
    text-shadow: 0 .5rem 1rem rgba(0,0,0,.75);
}
    .slider .capL h1 {
        margin-left: 3rem;
    }
    .slider .capR h1 {
        margin-right: 3rem;
    }
    .slider .capL h1 span, .slider .capM h1 span, .slider .capR h1 span {
        margin: 3.75rem 1rem;
        background: #FFF;
        border-radius: 50%;
        text-shadow: none;
    }
    .slider .capL h1 span, .slider .capR h1 span {
        color: #FFF;
    }

.slider [class^="cap"] .txt1, .slider [class*=" cap"] .txt1 {
    position: relative;
    display: inline-block;
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: rgba(0,125,162,.5);
    color: #FFF;
    font-size: 2rem;
    font-style: italic;
    line-height: 2.75rem;
}
    .slider .capL .txt1 {
        margin-left: 1rem;
    }
    .slider .capR .txt1 {
        margin-right: 1rem;
    }

.slider [class^="cap"] .txt2, .slider [class*=" cap"] .txt2 {
    display: inline-block;
    margin-bottom: 2rem;
    padding: .5rem;
    background: rgba(255,255,255,.75);
    color: #303030;
    font-size: 1.75em;
    font-style: italic;
    line-height: 2rem;
}
    .slider .capL .txt2 {
        margin-left: 5rem;
    }
    .slider .capR .txt2 {
        margin-right: 5rem;
    }

.slide-3pic .three {
    max-width: 27rem;
}
    .slide-3pic .three iframe {
        width: 100%;
        height: 15rem;
    }
.slide-4pic .four {
    max-width: 20rem;
}
.slide-5pic .five {
    max-width: 15.837rem;
}

/*	CONTENT *********************/
	.content {
		position: relative;
		display: block;
		overflow: hidden;
		z-index: 0;
        padding-bottom: 21.5rem;
		background: #FFF }

    /* Sort by */
        .sort {
            display: block;
            margin: 0 0 1rem;
            padding: .5rem;
            background: #EDEEF5;
            color: #606060 }
        .sort p {
            display: inline-block;
            vertical-align: middle;
            height: 2.125rem;
            box-shadow: inset -.0625rem 0 0 #606060 }
            .sort p:last-child {
                box-shadow: none }
            .sort .txt-1x {
                font-size: 1rem;
                line-height: 2.125rem }

    /* Pagination */
        .pagination {
            display: block;
            margin: 0;
            text-align: center }
        .pagination a {
            display: inline-block;
            width: 3rem;
            height: 3rem;
            margin: .25rem;
            padding: .9375rem 0;
            border: .0625rem solid #FFF;
            color: #444;
            font-size: 1rem;
            line-height: 1;
            text-align: center;
            text-decoration: none;
            border-radius: 50% }
            .sort .pagination a {
                width: auto;
                height: auto;
                margin: 0 .5rem;
                padding: 0;
                border: none;
            }
            .pagination a:hover,
            .pagination a.active {
                /*background: #007DA2;*/
	            border: .125rem solid #007DA2;
                color: #007DA2 }
                .sort .pagination a:hover,
                .sort .pagination a.active {
                    border: none;
                    text-decoration: underline }

	/* For map */
        .map-water {
            position: relative;
            display: block;
            height: 38rem;
            min-height: 38rem }
            .map-water form {
                position: absolute;
                width: 100%;
                bottom: 0 }
		#map {
            position: relative;
			width: 100%;
			height: 540px }
		#map form {
            position: absolute;
            z-index: 99999;
            bottom: 2rem;
            left: 50%;
            -webkit-transform: translateX(-50%);
                    transform: translateX(-50%) }

	/* Wall background */
        .wallG {
            width: 100%;
            height: 100%;
            background: rgb(0,89,125);
            background: -webkit-linear-gradient(left, rgba(0,89,125,1) 0%, rgba(22,179,203,1) 100%);
            background: -moz-linear-gradient(left, rgba(0,89,125,1) 0%, rgba(22,179,203,1) 100%);
            background: linear-gradient(to right, rgba(0,89,125,1) 0%, rgba(22,179,203,1) 100%);
            color: #FFF }
        .wallGL {
            width: 100%;
            height: 100%;
            background: rgb(0,89,125);
            background: -webkit-linear-gradient(left, rgba(0,89,125,.35) 0%, rgba(22,179,203,.35) 100%);
            background: -moz-linear-gradient(left, rgba(0,89,125,.35) 0%, rgba(22,179,203,.35) 100%);
            background: linear-gradient(to right, rgba(0,89,125,.35) 0%, rgba(22,179,203,.35) 100%);
            color: #FFF }

	/* Box */
		[class^="box"],
		[class*=" box"] {
			position: relative;
			padding: 0 }

		.box-in {
			padding: 24px;
			font-size: 24px;
			line-height: 36px;
			border-radius: 5px }

    /* Worker */
        .worker {
            position: relative;
            padding: 4.5rem 1.5rem 0;
            text-align: center }
        .worker .box {
            background: #FFF;
            padding: 11.5rem 1.5rem 4rem;
            -webkit-transition-property: all;
            -webkit-transition-duration: 0.15s;
            -webkit-transition-timing-function: linear;
                    transition: .15s linear
        }
            .worker:hover .box {
                padding-top: 14.5rem;
                padding-bottom: 1rem;
                box-shadow: 0 0 .625rem .125rem rgba(0,0,0,.125) }
        .worker img {
            position: absolute;
            width: 14rem;
            height: 14rem;
            top: -2rem;
            left: 50%;
            margin-left: -7rem;
            -webkit-transition-property: all;
            -webkit-transition-duration: 0.15s;
            -webkit-transition-timing-function: linear;
                    transition: .15s linear }
            .worker:hover img {
                top: 1rem }
        .worker hr {
            width: 70%;
            margin: 1rem auto;
            border-top: .0625rem solid #E0E0E0 }

    /* Product */
        .product .two {
            display: block;
            margin-bottom: 2rem;
            padding: 0 1rem }
        .product .two .box {
            display: block;
            overflow: hidden;
            background: #FFF;
            -webkit-transition-property: all;
            -webkit-transition-duration: 0.15s;
            -webkit-transition-timing-function: linear;
                    transition: .15s linear }
            .product .two:hover .box {
                box-shadow: 0 0 .625rem .125rem rgba(0,0,0,.125) }
        .product .two p {
            margin: 1.5rem 1.5rem 1.5rem 17rem }
        .product .two span {
            display: block }
        .product .two img {
            float: left;
            width: 15.5rem;
            height: 16.5rem;
            padding: 1rem;
            background: #F1F1F1 }

	/* Why box */
        #why.wall {
            position: relative;
            width: 100%;
            height: 100%;
            background: url('../UI/bg-plan.jpg') no-repeat;
            background-size: cover;
            background-color: #FFF }
        #why p {
            padding: 0 .5rem 2rem;
            color: #999;
            font-size: 1.25rem;
            line-height: 1.5rem }
        #why img {
            position: relative;
            z-index: 1;
            width: 8rem;
            height: 8rem;
            padding: 1.125rem;
        }
        #why i {
            position: relative;
            display: block;
            float: left;
            overflow: hidden;
            width: 8rem;
            height: 8rem;
            margin: 0 1.25rem 3rem 0;
            border-radius: 50% }
            #why p:nth-of-type(1n) i { background: #F5291D }
            #why p:nth-of-type(2n) i { background: #8EBF16 }
            #why p:nth-of-type(3n) i { background: #007DA2 }
            #why p:nth-of-type(4n) i { background: #084884 }
            #why p:nth-of-type(5n) i { background: #FDB807 }
            #why p:nth-of-type(6n) i { background: #793ECA }
            #why i:after {
                content: '';
                position: absolute;
                display: block;
                z-index: 0;
                width: 8rem;
                height: 8rem;
                top: 0;
                left: -8rem;
                background: #353535;
                border-radius: 50%;
                -webkit-transition-property: all;
                -webkit-transition-duration: 0.25s;
                -webkit-transition-timing-function: ease-in-out;
                        transition: .25s ease-in-out }
                #why p:hover i:after {
                    left: 0 }
        #why p > span {
            display: block;
            margin-bottom: .5rem;
            color: #353535;
            font-size: 1.625rem;
            line-height: 2rem;
            font-weight: 600;
            text-transform: uppercase }

	/* Stages box */
		#stages.wall {
			width: 100%;
			height: 100%;
			background: url('../UI/bg-stages.png') no-repeat center center fixed;
			background-size: cover }

		#stages .box {
			padding: 0 }
		#stages .box .num {
			position: absolute;
			z-index: 3;
			top: 0;
			left: 0;
            /*color: #F5291D;*/
			font-size: 12rem;
			font-weight: 700;
			line-height: 10rem;
			text-align: center;
			text-shadow: 0 10px 10px rgba(0,0,0,.5);
            -webkit-transition-property: all;
            -webkit-transition-duration: 0.15s;
            -webkit-transition-timing-function: linear;
					transition: .15s linear }
			#stages .box:hover .num {
				box-shadow: none;
	            -webkit-transform: scale(.75) rotate(-45deg);
	                    transform: scale(.75) rotate(-45deg) }
		#stages .box img {
			position: relative;
			display: block;
			z-index: 2;
			width: 15.625rem;
			height: 15.625rem;
			margin: auto;
			border: .375rem solid rgba(255,255,255,.375);
			border-radius: 50%;
			box-shadow: 0 .3125rem .3125rem rgba(0,0,0,.25);
            -webkit-transition-property: all;
            -webkit-transition-duration: 0.25s;
            -webkit-transition-timing-function: linear;
					transition: .25s linear }
			#stages .box:hover img {
				box-shadow: none;
	            -webkit-transform: scale(1.2) rotate(360deg);
						transform: scale(1.2) rotate(360deg) }
		#stages .box .txt {
			display: block;
			padding: .75rem 2rem 1rem;
            font-size: 1.25rem;
            line-height: 1.5rem;
			text-align: center }
		#stages .box .arrow {
			position: absolute;
			display: block;
			z-index: 1;
			top: 134px;
			right: -125px;
			width: 250px;
			height: 30px;
			background: url('../UI/arrow.png') repeat-x }
			#stages .box:nth-of-type(3n+3) .arrow,
			#stages .box:last-of-type .arrow {
				display: none }

    /* Service box */
        #service .choose {
            color: #F5291D }
        #service .box {
            display: block;
            float: left;
            width: 31.333333333333%;
            margin: 0 1% 1rem;
            border: .1875rem solid #E1E1E1;
            border-radius: .75rem }
            #service .box:nth-of-type(1n),
            #service .box:nth-of-type(1n) .price {
                background: #E3E3E1;
                border-color: #007DA2 }
            #service .box:nth-of-type(2n),
            #service .box:nth-of-type(2n) .price {
                background: #FEEBBA;
                border-color: #FDB807 }
            #service .box:nth-of-type(3n),
            #service .box:nth-of-type(3n) .price {
                background: #F4FCE2;
                border-color: #8EBF16 }
            #service .box:nth-of-type(n) .price {
                background: #FFF }
            #service .box:nth-of-type(1n) .title {
                background: #007DA2 }
            #service .box:nth-of-type(2n) .title {
                background: #FDB807 }
            #service .box:nth-of-type(3n) .title {
                background: #8EBF16 }

        #service .box .title {
            width: 100%;
            margin-bottom: 5.25rem;
            padding: 2.5rem .8125rem 5.8125rem;
            background: red;
            color: #FFF;
            font-size: 1.75rem;
            font-weight: 700;
            text-transform: uppercase;
            text-align: center;
            border-radius: .5625rem .5625rem 0 0 }
        #service .box .price {
            position: absolute;
            display: block;
            overflow: hidden;
            top: 4.375rem;
            left: 50%;
            width: 10rem;
            height: 10rem;
            margin-left: -5rem;
            padding: 3.75rem 0 0;
            border: .1875rem solid #000;
            color: #555;
            font-size: 2rem;
            font-weight: 900;
            line-height: 1.5rem;
            text-align: center;
            border-radius: 50% }
            #service .price > span {
                display: block;
                background: #FFF !important;
                font-size: 1.125rem;
                text-transform: uppercase }
        #service .box ul {
            overflow: hidden;
            margin: auto;
            padding: 0 .3125rem;
            text-align: center }
        #service .box p {
            padding: 1rem;
            font-weight: 700 }
        #service .box li {
            display: inline-block;
            vertical-align: top;
            list-style: none;
            width: 32.333333333333%;
            margin-bottom: .3125rem;
            background: #FFF;
            border-radius: .625rem;
            text-align: center }
        #service .box li img {
            width: 85%;
            margin-top: .5rem;
            border-radius: 1.25rem }
        #service .box li span {
            position: relative;
            display: block;
            padding: .375rem 0;
            background: rgba(0,0,0,.75);
            color: #FFF;
            font-size: .75rem;
            font-weight: 600;
            line-height: .75rem;
            border-radius: 0 0 .5rem .5rem }
            #service .box li span:before {
                content: '';
                position: absolute;
                z-index: 999;
                width: 0;
                height: 0;
                top: -.625rem;
                left: 50%;
                margin-left: -.625rem;
                border-style: solid;
                border-width: 0 .625rem .625rem .625rem;
                border-color: transparent transparent rgba(0,0,0,.75) transparent;
                line-height: 0;
                _border-color: #000000 #000000 rgba(0,0,0,.75) #000000;
                _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000') }
            #service .box:nth-of-type(1n) span {
                background: #007DA2 }
            #service .box:nth-of-type(1n) span:before {
                border-color: transparent transparent #007DA2 transparent }
            #service .box:nth-of-type(2n) span {
                background: #FDB807 }
            #service .box:nth-of-type(2n) span:before {
                border-color: transparent transparent #FDB807 transparent }
            #service .box:nth-of-type(3n) span {
                background: #8EBF16 }
            #service .box:nth-of-type(3n) span:before {
                border-color: transparent transparent #8EBF16 transparent }

        #service .six {
            text-align: center
        }
        .ser {
            position: relative;
            display: block;
            z-index: 999;
            width: auto;
            margin: 1.25rem auto -4.0625rem;
            padding: 1.25rem 2.5rem;
            background: #007DA2;
            border-right: .3125rem solid #FFF;
            border-left: .3125rem solid #FFF;
            color: #FFF;
            font-size: 2.5rem;
            font-weight: 700;
            line-height: 2.5rem;
            text-align: center;
            text-transform: uppercase;
            border-radius: .9375rem }
            .ser:after {
                content: '';
                position: absolute;
                z-index: 100;
                bottom: -2.5rem;
                left: 50%;
                width: 0;
                height: 0;
                margin-left: -4.375rem;
                border-style: solid;
                border-width: 2.5rem 4.375rem 0 4.375rem;
                border-color: #00779B transparent transparent transparent;
                line-height: 0 }

        /* Buttons */
            #service .butt {
                display: block;
                overflow: hidden;
                margin: 1rem 0 0;
                padding: 0;
                background: none;
                border-radius: 0 }
                #service .box:nth-of-type(1n) .butt {
                    background: #007DA2 }
                #service .box:nth-of-type(2n) .butt {
                    background: #FDB807 }
                #service .box:nth-of-type(3n) .butt {
                    background: #8EBF16 }
            #service .butt a,
            #service .butt input {
                display: block;
                cursor: pointer;
                width: 100%;
                margin: .125rem 0 0;
                padding: .5rem .25rem;
                background: rgba(255,255,255,.325);
                color: #FFF;
                font-size: 1.125rem;
                font-family: 'Arial';
                font-weight: 500;
                line-height: 1;
                text-align: center;
                border-radius: 1.25rem;
                -webkit-transition-property: all;
                -webkit-transition-duration: 0.25s;
                -webkit-transition-timing-function: ease-in;
                        transition: .25s ease-in }
                #service .butt a:hover,
                #service .butt input:hover {
                    background: rgba(255,255,255,.625);
                    color: #303030 }

	/* Stock box */
        #stock .box-brd {
            width: 100%;
            height: 100%;
            margin: 0 1rem 1.25rem;
            padding: 15rem 0 0;
            background: rgba(255,255,255,.875);
            color: #333;
            border-radius: 1.5rem;
        }
        #stock p.top {
            position: relative;
            display: block;
            margin-top: -16rem;
            margin-bottom: 9rem;
            padding: 3.5rem;
            background: #007DA2;
            vertical-align: middle;
            border-radius: 1.5rem 1.5rem 0 0;
        }
        #stock p.top span {
            position: absolute;
            display: block;
            width: 13rem;
            height: 13rem;
            top: 0rem;
            left: 50%;
            margin-left: -6.5rem;
            border: .5rem solid #007DA2;
            background: #007DA2;
            color: #FFF;
            font-size: 4.5rem;
            font-weight: bold;
            line-height: 1;
            text-align: center;
            padding: 3.75rem 0;
            border-radius: 50%;
            box-shadow: inset 0 0 0 .25rem #FFF;

            -webkit-animation-name: heartBeat;
            -webkit-animation-duration: 1.3s;
            -webkit-animation-timing-function: ease-in-out;
            -webkit-animation-iteration-count: infinite;
            animation-name: heartBeat;
            animation-duration: 1.3s;
            animation-timing-function: ease-in-out;
            animation-iteration-count: infinite;
        }
            #stock p.top span:before {
                content: '';
                position: absolute;
                display: block;
                width: 12rem;
                height: 12rem;
                top: 50%;
                left: 50%;
                margin-top: -6.5rem;
                margin-left: -6.5rem;
                border: .5rem solid #007DA2;
                border-radius: 50%;
                -webkit-animation: upcall0 1.5s infinite;
                animation: upcall0 1.5s infinite;
            }
            #stock p.top span:after {
                content: '';
                position: absolute;
                display: block;
                width: 10rem;
                height: 10rem;
                top: 50%;
                left: 50%;
                margin-top: -6rem;
                margin-left: -6rem;
                border: 1rem solid #007DA2;
                border-radius: 50%;
                -webkit-animation: upcall0 .75s infinite;
                animation: upcall0 .75s infinite;
            }
        #stock p.top i {
            font-size: 2.75rem;
            line-height: .5;
        }
        #stock p.text {
            padding: 0 3rem 3rem;
            font-size: 1.5rem;
            line-height: 1.5;
            text-align: center;
        }
        #stock p.text span {
            color: #C61F06;
            font-weight: bold;
        }
        #stock hr {
            width: 90%;
            margin: auto;
            border-color: #CCC;
        }
        #stock p.info {
            padding: 1rem 3rem 1.25rem;
            color: #999;
            font-size: .75rem;
            text-align: center;
        }

        #stock.wall {
            width: 100%;
            height: 100%;
            background: url('../../../data/user/sales5000.png') no-repeat center center;
            background-size: cover }

		/* Timer */
			.timer {
                display: block;
                overflow: hidden;
				width: 100%;
				margin: 0;
                background: #494949;
                background: -webkit-radial-gradient(center, ellipse cover, #494949 0%, #000000 100%);
                background: -moz-radial-gradient(center, ellipse cover, #494949 0%, #000000 100%);
                background: radial-gradient(ellipse at center, #494949 0%, #000000 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#000000',GradientType=1 ) }
			#timer {
				padding: 0 1.5rem 1.5rem;
				font-family: 'Impact';
				text-align: center }
				#timer p {
					position: relative;
					display: inline-block;
					width: 9rem;
					margin: 2rem .75rem 1rem;
					padding: .5rem;
					background: #191919;
					background: -moz-linear-gradient(top, #191919 0%, #18191D 49.9%, #000000 50%,#1D1E20 50.9%, #1F1F21 100%);
					background: -webkit-linear-gradient(top, #191919 0%,#18191D 49.9%,#000000 50%,#1D1E20 50.9%,#1F1F21 100%);
					background: linear-gradient(to bottom, #191919 0%,#18191D 49.9%,#000000 50%,#1D1E20 50.9%,#1F1F21 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191919', endColorstr='#191919',GradientType=0 );
					border-top: .125rem solid #181818;
					border-bottom: .25rem solid #111111;
					border-radius: .125rem;
					color: #FFF;
					font-size: 6rem;
					line-height: 1;
					box-shadow: 0 .25rem .0625rem .0625rem rgba(0,0,0,.9), 0 .25rem .5rem .25rem rgba(0,0,0,.5) }
				#timer p:before {
					content: '';
					position: absolute;
					display: block;
					width: 8.875rem;
					height: 100%;
					top: -.0625rem;
					left: .0625rem;
					border-top: .0625rem solid #282828;
					border-bottom: .0625rem solid #38383A }
				#timer p:after {
					content: '';
					position: absolute;
					display: block;
					width: 100%;
					top: -2rem;
					left: 0;
					color: #F6F6F6;
					font-size: 1.5rem;
					text-align: center;
					text-shadow: 0 .0625rem .125rem rgba(0,0,0,.5) }
				#timer p.day:after { content: 'дни' }
				#timer p.hour:after { content: 'часы' }
				#timer p.min:after { content: 'минуты' }
				#timer p.sec:after { content: 'секунды' }


			#timer span {
				position: relative;
				display: block;
				background: linear-gradient(to bottom, #999 0%, #FFF 49.5%, #000000 50%,#FFF 50.9%, #999 100%);
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent; }
				#timer span:before,
				#timer span:after {
					content: '';
					position: absolute;
					display: block;
					width: 120%;
					height: 1rem;
					top: 50%;
					margin-top: -.5rem;
					border-image: linear-gradient(to bottom, #000 0%,#555 50%,#000 100%);
					border-image-slice: 1 }
				#timer span:before {
					right: -.5rem;
					border-right: .125rem solid }
				#timer span:after {
					left: -.5rem;
					border-left: .125rem solid }

		/* Hide original checkbox */
			#stock .checkbox {
				display: none }

			/* Задаем внешний вид карточек */
				#stock label {
					position: relative;
					cursor: pointer;
					display: block;
					vertical-align: middle }
				#stock .front,
				#stock .back {
					display: block;
                    overflow: hidden;
					width: 26.25rem;
					height: 15.5rem;
                    margin-left: .75rem;
					background: #FFF;
					color: #606060;
					text-align: center;
					line-height: 1.5rem;
					border-radius: .5rem;
		            -webkit-transition-property: all;
		            -webkit-transition-duration: 0.5s;
		            -webkit-transition-timing-function: ease-out;
							transition: all .5s ease-out }
				#stock .front {
					position: absolute;
                    border-right: .25rem solid #000;
                    border-bottom: .25rem solid #000;
					-webkit-transform: rotateY(0deg);
							transform: rotateY(0deg);
						-webkit-backface-visibility: visible;
								backface-visibility: visible }
				#stock .checkbox:checked ~ .front {
					-webkit-transform: rotateY(180deg);
							transform: rotateY(180deg);
					-webkit-backface-visibility: hidden;
							backface-visibility: hidden }
    				#stock .three:nth-of-type(1n) .front { color: #F5291D; border-color: #F5291D }
    				#stock .three:nth-of-type(2n) .front { color: #8EBF16; border-color: #8EBF16 }
    				#stock .three:nth-of-type(3n) .front { color: #007DA2; border-color: #007DA2 }
    				#stock .three:nth-of-type(4n) .front { color: #084884; border-color: #084884 }
    				#stock .three:nth-of-type(5n) .front { color: #FDB807; border-color: #FDB807 }
    				#stock .three:nth-of-type(6n) .front { color: #793ECA; border-color: #793ECA }
                #stock .front img {
                    position: absolute;
                    width: auto;
                    height: 17rem;
                    top: -1rem;
                    left: -3rem }
				#stock .back {
					color: #FFF;
					-webkit-transform: rotateY(180deg);
							transform: rotateY(180deg);
					-webkit-backface-visibility: hidden;
							backface-visibility: hidden }
					#stock .checkbox:checked ~ .back {
						-webkit-transform: rotateY(0deg);
								transform: rotateY(0deg) }
                    #stock .three:nth-of-type(1n) .back { background: #F5291D }
                    #stock .three:nth-of-type(2n) .back { background: #8EBF16 }
                    #stock .three:nth-of-type(3n) .back { background: #007DA2 }
                    #stock .three:nth-of-type(4n) .back { background: #084884 }
                    #stock .three:nth-of-type(5n) .back { background: #FDB807 }
                    #stock .three:nth-of-type(6n) .back { background: #793ECA }

                #stock p.front span.txt,
                #stock p.back span.txt {
                    position: absolute;
                    top: 0;
                    right: 0;
                    width: 55%;
                    padding: .75rem 1rem;
                    font-size: 1.5rem;
                    font-weight: 400;
                    line-height: 1.875rem;
                    text-align: right }
                #stock p.front span.button-rev {
                    position: absolute;
                    right: 1rem;
                    bottom: 1rem }
                #stock p.back span.txt {
                    width: 100%;
                    top: 50%;
                    font-size: 1.25rem;
                    line-height: 1.5rem;
                    text-align: inherit;
                    -webkit-transform: translateY(-50%);
                            transform: translateY(-50%) }

            /* Style for custom checkbox */
                #stock .checkbox-cust {
                    position: absolute;
                    display: block;
                    z-index: 100;
                    opacity: 0;
                    right: 0;
                    bottom: 0;
                    width: 0;
                    height: 0;
                    font-size: 0;
                    line-height: 1;
                    -webkit-transition-property: all;
                    -webkit-transition-duration: 0.5s;
                    -webkit-transition-timing-function: ease-out;
                    -webkit-transition-delay: 0.25s;
                            transition: all .5s ease-out .25s }

                /* Если реальный чекбокс у нас отмечен, то тогда добавляем данный признак и к нашему кастомному чекбоксу  */
                    #stock .checkbox:checked + .checkbox-cust {
                        opacity: 1;
                        right: 2rem;
                        bottom: 2rem;
                        width: 2rem;
                        height: 2rem;
                        font-size: 2.5rem;
                        line-height: 1 }
                    #stock .checkbox:checked + .checkbox-cust:after {
                        content: '\f00c';
                        font-family: 'AwesomeF1' }

	/* Reviews */
        /* For main */
            #reviews.wall {
                width: 100%;
                height: 100%;
                background: url('../UI/bg-reviews.png') no-repeat;
                background-size: cover }
    		#reviews .quote {
                position: relative;
                display: block;
                overflow: hidden;
                width: 90%;
                margin: 0 auto 4rem;
                padding: 3rem 5rem 2rem;
                background: #F2F2F2;
                border: none;
                color: #606060;
                font-size: 1.5rem;
                line-height: 2rem;
                border-radius: 3rem;
                box-shadow: 0 2rem 1rem -2rem rgba(0,0,0,.25) }
                #reviews .quote:after {
                    content: '';
                    position: absolute;
                    width: 0;
                    height: 0;
                    bottom: -4rem;
                    left: 5rem;
                    border-style: solid;
                    border-width: 5rem 5rem 0 0;
                    border-color: #F2F2F2 transparent transparent transparent;
                    line-height: 0px;
                    _border-color: #F2F2F2 #000000 #000000 #000000;
                    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000') }
    		#reviews .text {
                position: relative;
    			display: block }
                #reviews .text em:before,
                #reviews .text em:after {
                    font-size: 1.5rem;
                    font-family: "AwesomeF1";
                    line-height: 0 }
                #reviews .text em:before {
                    content: '\f10d';
                    position: absolute;
                    top: 0;
                    left: -2.5rem }
                #reviews .text em:after {
                    content: ' \f10e' }
    		#reviews .name {
    			display: block;
    			text-align: right }

        /* For page */
            .quote {
                display: block;
                margin: 1rem;
                padding: 2rem;
                background: #F2F2F2;
                border: .125rem solid #C0C0C0;
                font-size: 1.25rem;
                line-height: 1.625rem;
                border-radius: .5rem
            }
            .quote .name {
                display: block;
                text-align: right }

    /* Partners */
        #partners .six {
            height: 6.25rem;
            padding: 0 .5rem;
            line-height: 6.25rem;
            text-align: center  }
        #partners img {
            width: 100%;
            vertical-align: middle }

	/* Photo box */
		#photo.wall {
            width: 100%;
            height: 100%;
            background: url('../UI/bg-why.jpg') no-repeat center center;
            background-size: cover }

	/* Maping box */
        #mapg.wall {
            position: relative;
            width: 100%;
            height: 100%;
            background: url('../UI/bg-plan.jpg') no-repeat;
            background-size: cover }
		[id^="mapg"],
		[id*=" mapg"]
		#mapg {
			position: relative;
			display: block;
			overflow: hidden }
        #mapg .box {
            position: relative;
            z-index: 0;
            display: block;
            margin: 0 1rem;
            background: #EDEEF5;
            border-radius: 1rem }
        #mapg .box p {
            padding: 1rem;
            font-weight: 700 }
        #mapg .box .title {
            width: 100%;
            padding: 2rem;
            font-size: 2.5rem;
            font-weight: 700;
            line-height: 2rem;
            text-transform: uppercase;
            text-align: center }
        #mapg .box .price {
            position: relative;
            width: 115%;
            margin-left: -7.5%;
            background: #007DA2;
            color: #FFF;
            font-size: 2.25rem;
            font-weight: 900;
            line-height: 2rem;
            text-align: center;
            box-shadow: 0 1rem .5rem -.5rem rgba(0,0,0,.375)  }
            #mapg .two:nth-of-type(1n) .price {
                background: #8EBF16 }
            #mapg .two:nth-of-type(2n) .price {
                background: #007DA2 }
            #mapg .price span {
                width: 100% }
                #mapg .price span.tri:before {
                    content: '';
                    position: absolute;
                    bottom: -.625rem;
                    left: 0;
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 0 .625rem .625rem 0;
                    border-color: transparent #004E64 transparent transparent;
                    line-height: 0px;
                    _border-color: #000000 #004E64 #000000 #000000;
                    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000') }
                #mapg .price span.tri:after {
                    content: '';
                    position: absolute;
                    bottom: -.625rem;
                    right: 0;
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: .625rem .625rem 0 0;
                    border-color: #004E64 transparent transparent transparent;
                    line-height: 0px;
                    _border-color: #004E64 #000000 #000000 #000000;
                    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000') }
                    #mapg .two:nth-of-type(1n) .price span.tri:before {
                        border-color: transparent #3d7d01 transparent transparent;
                        _border-color: #000000 #3d7d01 #000000 #000000 }
                    #mapg .two:nth-of-type(2n) .price span.tri:before {
                        border-color: transparent #004E64 transparent transparent;
                        _border-color: #000000 #004E64 #000000 #000000 }
                    #mapg .two:nth-of-type(1n) .price span.tri:after {
                    border-color: #3d7d01 transparent transparent transparent;
                    _border-color: #000000 #3d7d01 #000000 #000000 }
                    #mapg .two:nth-of-type(2n) .price span.tri:after {
                        border-color: #004E64 transparent transparent transparent;
                        _border-color: #000000 #004E64 #000000 #000000 }
        #mapg .box ul {
            margin: auto;
            padding: 0 2rem 1.5rem;
            font-size: 1.25rem;
            line-height: 1.875rem }
        #mapg .box li {
            position: relative;
            list-style: none;
            margin: 0 0 .5rem 3.5rem }
        #mapg .km {
            position: relative;
            display: inline-block;
            width: 3rem;
            height: 2rem;
            margin-left: -3.5rem;
            background: #084884;
            border: .125rem solid #FFF;
            color: #FFF;
            text-align: center;
            border-radius: .5rem;
            box-shadow: 0 .5rem .5rem -.25rem rgba(0,0,0,.25)}
            #mapg .km:after {
                content: '';
                position: absolute;
                display: block;
                top: 1.875rem;
                right: .5rem;
                width: .625rem;
                height: 1.25rem;
                background: #FFF;
                border-bottom: 1rem solid #404040;
                box-shadow: inset 0 .5rem .5rem -.25rem rgba(0,0,0,.25), inset -.0625rem 0 .125rem .0625rem rgba(0,0,0,.25)}
        #mapg p.mm {
            padding: 0;
            color: #007DA2;
        }

	/* Contacts box */
        /*#contacts {
            font-size: 2rem;
            line-height: 1;
            font-family: "ArialBlack" }
        #contacts .fa {
                width: 9rem;
                height: 9rem;
                margin: 0 auto 1rem;
                padding: 2rem 0;
                background: none;
                font-size: 5rem;
                line-height: 1  }
                #contacts .three:nth-of-type(1n) .fa { background: #F5291D }
                #contacts .three:nth-of-type(2n) .fa { background: #FDB807 }
                #contacts .three:nth-of-type(3n) .fa { background: #8EBF16 }
        #contacts a {
            color: #FFF }
        #contacts p {
            display: block;
            width: 100%;
            line-height: 1;
            text-align: center }*/

        .ic-cont {
            display: block;
            width: auto;
            height: 6.25rem }
        .ic-cont:before {
            content: '';
            position: absolute;
            display: block;
            top: .125rem;
            left: 0;
            width: 6.25rem;
            height: 6.25rem }
            .grid-4:nth-of-type(2n) .ic-cont:before {
                background: url('../UI/ic-eml.png') no-repeat center center;
                background-size: cover }
            .grid-4:nth-of-type(3n) .ic-cont:before {
                background: url('../UI/ic-loc.png') no-repeat center center;
                background-size: cover }
            .grid-4:nth-of-type(4n) .ic-cont:before {
                background: url('../UI/ic-phn.png') no-repeat center center;
                background-size: cover }
        .ic-cont:after {
            content: '';
            position: absolute;
            display: block;
            top: .125rem;
            right: 0;
            width: 2.1875rem;
            height: 6.25rem
        }
            .grid-4:nth-of-type(2n) .ic-cont:after {
                background: url('../UI/ic-eml-e.png') no-repeat center center;
                background-size: cover }
            .grid-4:nth-of-type(3n) .ic-cont:after {
                background: url('../UI/ic-loc-e.png') no-repeat center center;
                background-size: cover }
            .grid-4:nth-of-type(4n) .ic-cont:after {
                background: url('../UI/ic-phn-e.png') no-repeat center center;
                background-size: cover }
        .ic-cont span {
            display: block;
            width: auto;
            height: 6.25rem;
            max-height: 6.25rem;
            margin-top: .125rem;
            margin-left: 6.25rem;
            margin-right: 1rem;
            padding: 1.5rem 0 .75rem;
            color: #FFF;
            font-size: 1.375rem;
            font-weight: 900;
            line-height: 3.4375rem;
            text-shadow: .125rem .125rem 0 #007300;
            text-align: center
        }
            .grid-4:nth-of-type(2n) .ic-cont span {
                background: url('../UI/ic-eml-bg.png');
                background-repeat: repeat-x;
                background-size: contain;
                text-shadow: .125rem .125rem 0 #005493 }
            .grid-4:nth-of-type(3n) .ic-cont span {
                background: url('../UI/ic-loc-bg.png');
                background-repeat: repeat-x;
                background-size: contain;
                text-shadow: .125rem .125rem 0 #C97300 }
            .grid-4:nth-of-type(4n) .ic-cont span {
                background: url('../UI/ic-phn-bg.png');
                background-repeat: repeat-x;
                background-size: contain;
                font-size: 2.5rem;
                text-shadow: .125rem .125rem 0 #007300 }

	/* Gallery */
		.gallery img {
			padding: .5rem;
			border-radius: .75rem }

/*	MODALBOX ********************/
    .modal-back {
        position: fixed;
        z-index: 100000;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0,0,0,.5)
    }

    .page-loader {
        position: absolute;
        display: block;
        background: url('../UI/logo_infinity2.gif');
        width: 15.625rem;
        height: 15.625rem;
        top: 50%;
        left: 50%;
        margin: -7.8125rem 0 0 -7.8125rem;
        box-shadow: 0 1.5rem 3rem 1.5rem rgba(0,0,0,.25);
        border-radius: 50%
    }

    [class^="popup-"],
    [class*=" popup-"] {
		position: relative;
		display: block;
		top: 50%;
		left: 50%;
		padding: 2.5rem;
		background: #FFF;
		font-size: 1rem;
		font-family: 'GothamProRegular';
		line-height: 1.375;
		border-radius: 1rem;
		box-shadow: 0 1rem 2.5rem 1rem rgba(0,0,0,.375);
        -webkit-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%) }
		.popup-25 { width: 25% }
		.popup-30 { width: 33% }
		.popup-40 { width: 40% }
		.popup-50 { width: 50% }

		[class^="popup-"] input[type="text"],
		[class*=" popup-"] input[type="text"],
        #form1 input[type="text"],
        #form2 input[type="text"],
        #stock input[type="text"] {
            font-size: 1.125rem;
            font-family: 'GothamProRegular';
            line-height: 1.75rem;
            text-align: center }
            #form1 input[type="text"],
            #form2 input[type="text"],
            #stock input[type="text"] {
                outline: none;
                width: 100%;
                height: 3rem;
                padding: 0 2rem;
                background: #FFF;
                color: #3A3830;
                font-size: 1.125rem;
                font-weight: 700;
                line-height: 3rem;
                text-align: center;
                border-radius: 1.5rem; }
            #stock .err input[type="text"],
            #stock .err input[type="password"] {
                background: #FCE3DC;
                color: #DB4416 }

	[class^="popup-"] .close,
	[class*=" popup-"] .close {
		position: absolute;
		display: block;
		cursor: pointer;
		width: 3rem;
		height: 3rem;
		top: -1rem;
		right: -1rem;
		background: #F0F0F0;
		border-radius: 50%;
		box-shadow: -.25rem .25rem .25em -.0625em rgba(0,0,0,.125) }
		[class^="popup"] .close:after,
		[class*=" popup"] .close:after {
			content: '\2716';
			position: relative;
			display: block;
			top: .5rem;
			color: #C0C0C0;
			font-size: 2rem;
			font-weight: 700;
			line-height: 1;
			text-align: center }
			[class^="popup"] .close:hover:after,
			[class*=" popup"] .close:hover:after {
				color: #777 }

	[class^="popup"] h2,
	[class*=" popup"] h2 {
		margin-bottom: 1rem;
		font-size: 1.5rem;
		font-family: 'OpenSans';
		line-height: 1;
		text-align: center }

    /* Fancybox */
        [class^="fpopup-"],
        [class*=" fpopup-"] {
            border-radius: 1rem;
            box-shadow: 0 1rem 2.5rem 1rem rgba(0,0,0,.375) }
        .fancybox-slide [class^="fpopup-"],
        .fancybox-slide [class*=" fpopup-"] {
            padding: 2.5rem }
        .fpopup-25 { width: 25% }
        .fpopup-30 { width: 33% }
        .fpopup-40 { width: 40% }
        .fpopup-50 { width: 50% }

/*	FOOT ************************/
	.foot {
		position: absolute;
		display: block;
        overflow: hidden;
		width: 100%;
		min-height: 15rem;
        bottom: 0;
        left: 0;
        padding: 3rem 0 1rem;
		background: #3A3830;
		color: #8F8F8F;
    }
	.foot [class^="grid-"],
	.foot [class*=" grid-"] {
		margin: 0 1%;
    }
	.foot [class^="gridin-"],
	.foot [class*=" gridin-"] {
		margin: 0;
    }
    .foot a {
        color: #8F8F8F;
    }
    .foot-info img {
        width: 100%;
    }
    .foot-info a {
        color: #007DA2;
        -webkit-transition-property: all;
        -webkit-transition-duration: 0.125s;
        -webkit-transition-timing-function: ease-in;
                transition: .125s ease-in;
    }
        .foot a:hover,
        .foot-info a:hover,
        .fab:hover {
            color: #FFF;
        }
    .foot h2 {
        padding-bottom: .75rem;
        color: #FFF;
        font-family: 'OpenSans';
    }
    .foot .fa,
    .foot .fab {
        position: relative;
        display: inline-block;
        width: 2rem;
        height: auto;
        padding: .375rem 0;
        background: none;
        font-size: 1rem;
        font-family: 'AwesomeF1';
        line-height: 1;
        vertical-align: middle;
        box-shadow: none;
    }
    .foot .fab {
        margin-right: .5rem;
        padding: 0;
        font-size: 1.85rem;
        font-family: 'Font Awesome 5 Brands';
    }

/*	LINKS STYLE *****************/
	a {
		outline: none;
		color: #007DA2;
		text-decoration: none }
		a:hover {
			color: #606060 }

/*  FORMS ***********************/
    /* Label */
        /*label {
            position: relative;
            display: block;
            width: 100%;
            top: -1rem;
            left: 0
        }
            label:after {
                content: "";
                position: absolute;
                display: block;
                top: -.125rem;
                left: 50%;
                width: 0%;
                height: .125rem
            }
                input:focus ~ label:after {
                    position: absolute;
                    z-index: 21;
                    left: 0%;
                    width: 100%;
                    background: #1AB394;
                    -webkit-transition: all .3s linear;
                       -moz-transition: all .3s linear;
                        -ms-transition: all .3s linear;
                         -o-transition: all .3s linear;
                            transition: all .3s linear
                }
                .err input:focus + label:after {
                    background: #DB4416;
                }*/

    /* Input, Textarea, Select etc. */
        input[type="text"],
        input[type="password"],
        input[type="email"],
        input[type="url"],
        input[type="search"],
        input[type="tel"],
        input[type="color"],
        input[type="file"],
        textarea {
        	position: relative;
            display: inline-block;
            vertical-align: inherit;
            outline: none;
            padding: 1rem .5rem 0;
            width: 100%;
            margin-bottom: 1rem;
            border-bottom: .0625rem solid #E5E6E7;
            color: #3A3830;
            font-size: 1.125rem;
            font-family: 'cuprum';
            box-shadow: none;
            -webkit-transition-property: all;
            -webkit-transition-duration: 0.25s;
            -webkit-transition-timing-function: ease-out;
                    transition: all .25s ease-out }
			input ~ span {
				content: '';
                position: absolute;
                display: block;
                z-index: 21;
                width: 0%;
                height: .125rem;
                bottom: 1rem;
                left: 50%;
                background: #8EBF16;
	            -webkit-transition-property: all;
	            -webkit-transition-duration: 0.3s;
	            -webkit-transition-timing-function: linear;
                        transition: all .3s linear }
				input:focus ~ span {
	                width: 100%;
	                left: 0% }
			input:focus,
	        textarea:focus {
	        	border-color: inherit  }
        input.spinner {
        	width: auto }
        textarea {
        	resize: vertical }
        input[type="file"] {
            padding: .375rem;
            color: #999;
            font-size: 1rem }

    /* Alerts For input */
        .err input[type="text"],
        .err input[type="password"] {
            border-bottom: .0625rem solid #DB4416;
            color: #DB4416 }
        .suc input[type="text"],
        .suc input[type="file"],
        .suc input[type="password"] {
            border-bottom: .0625rem solid #1AB394;
            color: #1AB394 }

        /* For input > SPAN */
            form p { position: relative }
            .reg-check,
            .reg-cross,
            .reg-loader,
            .reg-info {
                position: relative;
                display: block;
                width: auto;
                font-size: .875rem }
            /* Saccess */
                .reg-check {
                    position: absolute;
                    z-index: 400;
                    width: 1.125rem;
                    height: 1.125rem;
                    top: 1.125rem;
                    right: 0;
                    color: #FCE1DA; }
                    .reg-check:before {
                        content: '\2714';
                        display: block;
                        width: 1rem;
                        height: 1rem;
                        color: #1AB394;
                        font-size: 1.125rem;
                        text-align: center;
                        line-height: 1 }
            /* Error */
                .reg-cross {
                    position: absolute;
                    z-index: 400;
                    width: 95%;
                    top: 3rem;
                    left: 50%;
                    margin: -.5rem 0 0;
                    padding: .25rem .25rem .25rem 2.3125rem;
                    background: #FCE1DA;
                    border: .0625rem solid #DB4416;
                    color: #DB4416;
                    border-radius: .25rem;
                    box-shadow: 0 .5rem 1rem -.75em rgba(0,0,0,1);
                    -webkit-transform: translate(-50%,0);
                            transform: translate(-50%,0) }
                    .reg-cross:before {
                        content: '\0021';
                        position: absolute;
                        display: block;
                        width: 1rem;
                        height: 1rem;
                        top: 50%;
                        left: .625rem;
                        margin-top: -.0625rem;
                        border: .0625rem solid #DB4416;
                        color: #DB4416;
                        font-size: 1rem;
                        font-family: 'GothamB';
                        text-align: center;
                        line-height: 1;
                        border-radius: 50%;
                        -webkit-transform: translate(0,-50%);
                                transform: translate(0,-50%) }
                    .reg-cross:after {
                        content: '';
                        position: absolute;
                        width: 0;
                        height: 0;
                        top: -.375rem;
                        left: 50%;
                        margin-left: -.375rem;
                        border-style: solid;
                        border-width: 0 .375rem .375rem .375rem;
                        border-color: transparent transparent #DB4416 transparent;
                        line-height: 0;
                        _border-color: #000000 #000000 #DB4416 #000000;
                        _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000') }
            /* Loading */
                .reg-loader {
                    background: grey }

    /* Button */
        [class^="button"],
        [class*=" button"] {
            position: relative;
			display: inline-block;
			cursor: pointer;
			outline: none;
			width: auto;
			height: 3rem;
			padding: 0 2rem;
			background: #8EBF16;
			color: #FFF;
			font-size: 1.125rem;
			font-weight: 700;
			font-family: 'GothamProRegular';
			line-height: 3rem;
			text-align: center;
			border-radius: 1.5rem;
            -webkit-transition-property: all;
            -webkit-transition-duration: 0.25s;
            -webkit-transition-timing-function: ease-out;
                    transition: all .25s ease-out }
        [class^="button"]:disabled,
        [class*=" button"]:disabled,
        [class^="button"]:disabled:hover,
        [class*=" button"]:disabled:hover {
            cursor: not-allowed;
            background: #F5F5F5;
            color: #858585 }
            .button-blue {
                background: #007DA2 }
            .button-red {
                background: #F5291D }

        .button-rev,
        input.button-rev {
            background: #F5F5F5;
            color: #858585 }
            .button:hover,
            a.button:hover,
            .button-blue:hover,
            .button-red:hover {
                background: #BE1F16;
                color: #FFF }
            .button-rev:hover {
                color: #282828 }

        /* Button size */
            [class^="button"].bsXS,
            [class*=" button"].bsXS,
            .button-rev.bsXS {
                height: 2rem;
                padding: 0 1rem;
                font-size: .75rem;
                line-height: 2rem;
                border-radius: 1rem }

    /* Select, Check, Radio */
        /* Checbox */
            .page_box label,
            .gallery label {
                position: absolute;
                cursor: pointer;
                display: block;
                bottom: .5rem;
                left: .5rem }
        /* Скрываем реальный чекбокс */
            .checkbox { display: none }

            /* Задаем внешний вид для нашего кастомного чекбокса. */
                .checkbox-custom {
                    position: relative;
                    display: block;
                    outline: none;
                    z-index: 95;
                    width: 2.5rem;
                    height: 1.5rem;
                    background: #FFF;
                    border: .0625rem solid #DFDFDF;
                    -webkit-transition-property: all;
                    -webkit-transition-duration: 0.25s;
                    -webkit-transition-timing-function: ease-out;
                            transition: all .25s ease-out;
                    border-radius: .75rem }
                .checkbox-custom::after {
                    content: '';
                    position: absolute;
                    display: block;
                    outline: none;
                    width: 1.5rem;
                    height: 1.5rem;
                    top: -.1875rem;
                    right: .75rem;
                    background: #FFF;
                    border: .0625rem solid #DFDFDF;
                    -webkit-transition-property: all;
                    -webkit-transition-duration: 0.25s;
                    -webkit-transition-timing-function: ease-out;
                            transition: all .25s ease-out;
                    border-radius: 50%;
                    box-shadow: 0 .125rem .125rem -.0625rem rgba(0,0,0,.5) }

                /* Если реальный чекбокс у нас отмечен, то тогда добавляем данный признак и к нашему кастомному чекбоксу  */
                    .checkbox:checked + .checkbox-custom {
                        background: #1AB394;
                        /*border: .0625rem solid #1AB394*/ }
                    .checkbox:checked + .checkbox-custom::after {
                        right: -.0625rem;
                        /*border: .0625rem solid #1AB394;*/ }

    /* Placeholder */
        ::-webkit-input-placeholder { color: rgba(0,0,0,.7) }
        :-ms-input-placeholder { color: rgba(0,0,0,.7) }
        :-ms-input-placeholder { color: rgba(0,0,0,.7) }
        ::placeholder { color: rgba(0,0,0,.7) }
            :focus::-webkit-input-placeholder { color: rgba(0,0,0,.7) }
            :focus:-ms-input-placeholder { color: rgba(0,0,0,.7) }
            :focus:-ms-input-placeholder { color: rgba(0,0,0,.7) }
            :focus::placeholder { color: rgba(0,0,0,.7) }

        .err input::-webkit-input-placeholder { color: #DB4416 }
        .err input:-ms-input-placeholder { color: #DB4416 }
        .err input:-ms-input-placeholder { color: #DB4416 }
        .err input::placeholder { color: #DB4416 }
        .suc input::-webkit-input-placeholder { color: #15A866 }
        .suc input:-ms-input-placeholder { color: #15A866 }
        .suc input:-ms-input-placeholder { color: #15A866 }
        .suc input::placeholder { color: #15A866 }

/*	LIST ************************/
	ul, ol {
		margin-left: 1.25em }
	li {
		list-style: disc }
	ol li {
		padding: .625em 0 }

/*  ALERT ***********************/
    .error {
        display: block;
        padding: 1rem;
        background: #FCE1DA;
        border: .0625rem solid #DB4416;
        color: #DB4416;
        font-size: 1.125rem;
        line-height: 1.125;
        text-align: center;
        border-radius: .125rem }
        input.error,
        textarea.error {
            border-color: #DB4416;
            color: #DB4416; }
    .success {
        display: block;
        padding: 1rem;
        background: #D2F9E8;
        border: .0625rem solid #15A866;
        color: #15A866;
        text-align: center;
        border-radius: .25rem }
    /* Information */
        .reg-info {
            display: block;
            padding: 1rem;
            background: #EAF9FF;
            border: .0625rem solid #71D8FF;
            color: #00A5E1;
            font-size: 1.125rem;
            line-height: 1.125;
            text-align: center;
            border-radius: .125rem }
            .reg-info:before {
                content: 'i';
                position: absolute;
                display: block;
                width: .8125rem;
                height: 1.125rem;
                top: 50%;
                left: .5rem;
                padding-top: .0625rem;
                padding-left: .4375rem;
                background: #FFF;
                border: .0625rem solid #3F5DA1;
                color: #3F5DA1;
                font-size: 1.25rem;
                font-family: 'GothamB';
                line-height: .875;
                border-radius: 50%;
                -webkit-transform: translate(0,-50%);
                        transform: translate(0,-50%) }

    /* Loader, Edit & etc. */
        .loader,
        .mes-edit {
            position: fixed;
            display: none;
            z-index: 500;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            background: rgba(200,200,200,.75) }
            .loader span {
		        position: absolute;
		        display: block;
		        /*background: url('../images/logo_infinity2.gif');*/
		        width: 15.625rem;
		        height: 15.625rem;
		        top: 50%;
		        left: 50%;
		        margin: -7.8125rem 0 0 -7.8125rem }
            .mes-edit div {
                position: absolute;
                display: block;
                min-width: 20rem;
                max-width: 40%;
                left: 50%;
                top: 50%;
                padding: 2.5rem 3rem;
                background: #FFF;
                box-shadow: 0 1.5rem 2.5rem 0rem rgba(0,0,0,.25);
                font-size: 1.125rem;
                -webkit-transform: translate(-50%,-50%);
                        transform: translate(-50%,-50%);
                border-radius: .25rem }
                .mes-edit .cross {
                    cursor: pointer;
                    position: absolute;
                    top: .5rem;
                    right: .5rem;
                    font-size: 2rem;
                    font-weight: bold;
                    font-family: 'arial' }
                .mes-edit input.cross {
                    cursor: pointer;
                    position: absolute;
                    top: .5rem;
                    right: .5rem;
                    font-size: 2rem;
                    font-weight: bold;
                    font-family: 'arial' }

/*  ALIGN ***********************/
    .taR {
        text-align: right }
    .taL {
        text-align: left }
    .taC {
        text-align: center }
    .taJ {
        text-align: justify }

    .verT {
        vertical-align: top }
    .verM {
        vertical-align: middle }
    .verB {
        vertical-align: bottom }

    .left {
        float: left }
    .right {
        float: right }
    .left:after,
    .right:after {
        content: "";
        display: block;
        overflow: hidden;
        visibility: hidden;
        clear: both;
        width: 0;
        height: 0 }
    .center {
        margin: auto }
    .mcenter {
        position: absolute;
        width: 100vw;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%) }

/*  MARGIN & PADDING ************/
    /* Margin */
        .mc { margin: auto }

        .mt0    { margin-top: 0 }
        .mt50   { margin-top: .5rem }
        .mt100  { margin-top: 1rem }
        .mt150  { margin-top: 1.5rem }
        .mt200  { margin-top: 2rem }
        .mt250  { margin-top: 2.5rem }
        .mt300  { margin-top: 3rem }
        .mt350  { margin-top: 3.5rem }
        .mt400  { margin-top: 4rem }
        .mt500  { margin-top: 5rem }

        .mt-50  { margin-top: -.5rem }
        .mt-100 { margin-top: -1rem }
        .mt-150 { margin-top: -1.5rem }
        .mt-200 { margin-top: -2rem }
        .mt-250 { margin-top: -2.5rem }
        .mt-300 { margin-top: -3rem }
        .mt-350 { margin-top: -3.5rem }
        .mt-400 { margin-top: -4rem }
        .mt-500 { margin-top: -5rem }

        .mb100  { margin-bottom: 1rem }
        .mb150  { margin-bottom: 1.5rem }
        .mb200  { margin-bottom: 2rem }
        .mb250  { margin-bottom: 2.5rem }
        .mb300  { margin-bottom: 3rem }
        .mb350  { margin-bottom: 3.5rem }
        .mb400  { margin-bottom: 4rem }
        .mb500  { margin-bottom: 5rem }

        .mb-100 { margin-bottom: -1rem }
        .mb-150 { margin-bottom: -1.5rem }
        .mb-200 { margin-bottom: -2rem }
        .mb-250 { margin-bottom: -2.5rem }
        .mb-300 { margin-bottom: -3rem }
        .mb-350 { margin-bottom: -3.5rem }
        .mb-400 { margin-bottom: -4rem }
        .mb-500 { margin-bottom: -5rem }

        .mtb050 { margin: .5rem 0 }
        .mtb100 { margin: 1rem 0 }
        .mtb150 { margin: 1.5rem 0 }
        .mtb200 { margin: 2rem 0 }
        .mtb250 { margin: 2.5rem 0 }
        .mtb300 { margin: 3rem 0 }
        .mtb350 { margin: 3.5rem 0 }
        .mtb400 { margin: 4rem 0 }

    /* Padding */
        .pt0    { padding-top: 0 }
        .pt50   { padding-top: .5rem }
        .pt75   { padding-top: .75rem }
        .pt100  { padding-top: 1rem }
        .pt125  { padding-top: 1.25rem }
        .pt150  { padding-top: 1.5rem }
        .pt175  { padding-top: 1.75rem }
        .pt200  { padding-top: 2rem }
        .pt250  { padding-top: 2.5rem }
        .pt225  { padding-top: 2.25rem }
        .pt300  { padding-top: 3rem }
        .pt350  { padding-top: 3.5rem }
        .pt400  { padding-top: 4rem }
        .pt500  { padding-top: 5rem }

        .pr100  { padding-right: 1rem }

        .pb0    { padding-bottom: 0 }
        .pb50   { padding-bottom: .5rem }
        .pb100  { padding-bottom: 1rem }
        .pb150  { padding-bottom: 1.5rem }
        .pb200  { padding-bottom: 2rem }
        .pb250  { padding-bottom: 2.5rem }
        .pb300  { padding-bottom: 3rem }
        .pb350  { padding-bottom: 3.5rem }
        .pb400  { padding-bottom: 4rem }
        .pb500  { padding-bottom: 5rem }

        .pl100  { padding-left: 1rem }
        .pl200  { padding-left: 2rem }
        .pl300  { padding-left: 3rem }
        .pl400  { padding-left: 4rem }

        .pad0 { padding: 0 }
            .pad0.two:nth-child(odd)  { padding: 0 .25rem 0 0 }
            .pad0.two:nth-child(even) { padding: 0 0 0 .25rem }

            .pad0.three:nth-child(3n+1) { padding: 0 .25rem 0 0 }
            .pad0.three:nth-child(3n+2) { padding: 0 .25rem 0 .25rem }
            .pad0.three:nth-child(3n+3) { padding: 0 0 0 .25rem }

            .pad0.four:nth-child(4n+1) { padding: 0 .25rem 0 0 }
            .pad0.four:nth-child(4n+2) { padding: 0 .25rem 0 .25rem }
            .pad0.four:nth-child(4n+3) { padding: 0 .25rem 0 .25rem }
            .pad0.four:nth-child(4n+4) { padding: 0 0 0 .25rem }

            .pad0.five:nth-child(5n+1) { padding: 0 .25rem 0 0 }
            .pad0.five:nth-child(5n+2) { padding: 0 .25rem 0 .25rem }
            .pad0.five:nth-child(5n+3) { padding: 0 .25rem 0 .25rem }
            .pad0.five:nth-child(5n+4) { padding: 0 .25rem 0 .25rem }
            .pad0.five:nth-child(5n+5) { padding: 0 0 0 .25rem }

            .pad0.six:nth-child(6n+1) { padding: 0 .25rem 0 0 }
            .pad0.six:nth-child(6n+2) { padding: 0 .25rem 0 .25rem }
            .pad0.six:nth-child(6n+3) { padding: 0 .25rem 0 .25rem }
            .pad0.six:nth-child(6n+4) { padding: 0 .25rem 0 .25rem }
            .pad0.six:nth-child(6n+5) { padding: 0 .25rem 0 .25rem }
            .pad0.six:nth-child(6n+6) { padding: 0 0 0 .25rem }

            .pad0.seven:nth-child(7n+1) { padding: 0 .25rem 0 0 }
            .pad0.seven:nth-child(7n+2) { padding: 0 .25rem 0 .25rem }
            .pad0.seven:nth-child(7n+3) { padding: 0 .25rem 0 .25rem }
            .pad0.seven:nth-child(7n+4) { padding: 0 .25rem 0 .25rem }
            .pad0.seven:nth-child(7n+5) { padding: 0 .25rem 0 .25rem }
            .pad0.seven:nth-child(7n+6) { padding: 0 .25rem 0 .25rem }
            .pad0.seven:nth-child(7n+7) { padding: 0 0 0 .25rem }

            .pad0.eight:nth-child(8n+1) { padding: 0 .25rem 0 0 }
            .pad0.eight:nth-child(8n+2) { padding: 0 .25rem 0 .25rem }
            .pad0.eight:nth-child(8n+3) { padding: 0 .25rem 0 .25rem }
            .pad0.eight:nth-child(8n+4) { padding: 0 .25rem 0 .25rem }
            .pad0.eight:nth-child(8n+5) { padding: 0 .25rem 0 .25rem }
            .pad0.eight:nth-child(8n+6) { padding: 0 .25rem 0 .25rem }
            .pad0.eight:nth-child(8n+7) { padding: 0 .25rem 0 .25rem }
            .pad0.eight:nth-child(8n+8) { padding: 0 0 0 .25rem }

            .pad0.nine:nth-child(9n+1) { padding: 0 .25rem 0 0 }
            .pad0.nine:nth-child(9n+2) { padding: 0 .25rem 0 .25rem }
            .pad0.nine:nth-child(9n+3) { padding: 0 .25rem 0 .25rem }
            .pad0.nine:nth-child(9n+4) { padding: 0 .25rem 0 .25rem }
            .pad0.nine:nth-child(9n+5) { padding: 0 .25rem 0 .25rem }
            .pad0.nine:nth-child(9n+6) { padding: 0 .25rem 0 .25rem }
            .pad0.nine:nth-child(9n+7) { padding: 0 .25rem 0 .25rem }
            .pad0.nine:nth-child(9n+8) { padding: 0 .25rem 0 .25rem }
            .pad0.nine:nth-child(9n+9) { padding: 0 0 0 .25rem }

            .pad0.ten:nth-child(10n+1) { padding: 0 .25rem 0 0 }
            .pad0.ten:nth-child(10n+2) { padding: 0 .25rem 0 .25rem }
            .pad0.ten:nth-child(10n+3) { padding: 0 .25rem 0 .25rem }
            .pad0.ten:nth-child(10n+4) { padding: 0 .25rem 0 .25rem }
            .pad0.ten:nth-child(10n+5) { padding: 0 .25rem 0 .25rem }
            .pad0.ten:nth-child(10n+6) { padding: 0 .25rem 0 .25rem }
            .pad0.ten:nth-child(10n+7) { padding: 0 .25rem 0 .25rem }
            .pad0.ten:nth-child(10n+8) { padding: 0 .25rem 0 .25rem }
            .pad0.ten:nth-child(10n+9) { padding: 0 .25rem 0 .25rem }
            .pad0.ten:nth-child(10n+10) { padding: 0 0 0 .25rem }

        .p050 { padding: .5rem }

        .ptb050 { padding: .5rem 0 }
        .ptb100 { padding: 1rem 0 }
        .ptb200 { padding: 2rem 0 }
        .ptb300 { padding: 3rem 0 }
        .ptb400 { padding: 4rem 0 }
        .ptb500 { padding: 5rem 0 }

/*  TEXT STYLE ******************/
    .txt {
        line-height: 1.5rem }
    .txt h4 {
        margin: 1rem 0 0;
        color: #545A69;
        font-size: 1.625rem;
        line-height: 0 }
    .txt li {
        list-style: disc;
        margin: 0 0 -1rem 2rem }

    /* Size */
        .txt-xs {
            font-size: .75em;
            line-height: 1.25 }
        .txt-s {
            font-size: 1.25rem;
            line-height: 1.25rem }
        .txt-m {
            font-size: 1.25rem;
            line-height: 2rem }
        .txt-1x {
            font-size: 1em;
            line-height: 1.25rem }

        .txt-2x {
            font-size: 2em;
            line-height: 1 }

        .txt-3x {
            font-size: 3em;
            line-height: 3rem }

        .txt-4x {
            font-size: 4em;
            line-height: 1 }

        .txt-5x {
            font-size: 5em;
            line-height: 1 }

        .txt-6x {
            font-size: 6em;
            line-height: 1 }

        .txt-7x {
            font-size: 7em;
            line-height: 1 }

        .txt-8x {
            font-size: 8em;
            line-height: 1 }

        .txt-9x {
            font-size: 9em;
            line-height: 1 }

        .txt-10x {
            font-size: 10em;
            line-height: 1 }

    /* Color */
        .txt-grey {
            color: #3C414C }
        .txt-lightgrey {
            color: #C0C0C0 }
        .txt-darkgrey {
            color: #2B2F37 }
            .foot .darkgrey_tx {
                text-shadow: 1px 1px 0 #525867 }
        .txt-white {
            color: #FFF }
        .txt-blue {
            color: #00A9C8 }
        .txt-darkblue {
            color: #007CBB }
        .txt-red {
            color: #F5291D }
        .txt-purple {
            color: #793ECA }
        .txt-pink {
            color: #E24379 }

    /* Alert */
        [class^="alert-"],
        [class*=" alert-"] {
            position: relative;
            display: inline-block;
            width: auto;
            padding: 1rem 1rem 1rem 4rem;
            background: none;
            border: .0625rem solid #FFF;
            color: initial;
            border-radius: 1.625rem }
        .alert-attention {
            background: #FEE0DE;
            border-color: #F5291D;
            color: #F5291D }
        .alert-inform {
            background: #D9F2FF;
            border-color: #007CBB;
            color: #007CBB }
            .alert-inform:before {
                content: '\f05a';
                position: absolute;
                top: 50%;
                left: 1rem;
                margin-top: -1rem;
                font-family: 'AwesomeF1';
                font-size: 2rem;
                line-height: 1;
            }

/*	TITLE ***********************/
	/* H1 - H5 */
		h1 {
			font-size: 2.5rem;
			line-height: 1rem }

		h2 {
            font-family: 'OpenSans';
            font-size: 1.3125rem;
            font-weight: 800;
            /*letter-spacing: -.25rem;*/
            line-height: 1.75rem;
            color: #353535;
            text-transform: uppercase }
            .head-title h2 {
                font-size: 2rem }
            h2.u {
                margin-bottom: .5rem;
                padding-bottom: .1rem;
                border-bottom: .0416666666666667rem solid #353535 }
            h2.uW {
                margin-bottom: .5rem;
                padding-bottom: .1rem;
                border-bottom: .0416666666666667rem solid #FFF }
            h2 > span {
                position: relative;
                font-size: 2.5em;
                border-bottom: .0625rem solid #606060 }
                h2 > span:after {
                    content: '';
                    position: absolute;
                    width: 5rem;
                    height: .5rem;
                    bottom: -.25rem;
                    left: 50%;
                    margin-left: -2.5rem;
                    background: #007DA2;
                    border-radius: 1.5625rem }

			form h2 {
				/*font-size: 2.5em;*/
				padding: 0 0 .5rem;
				text-transform: none;
				letter-spacing: 1px }
			form h2 > span {
				/*font-size: 60px*/ }

		h3 {
            position: relative;
			font-size: 1.75rem;
			line-height: 2rem }

		h4 {
			font-size: 2rem;
			line-height: 1rem;
			text-transform: uppercase;
			margin-bottom: .5rem;
			padding: .5rem 0;
			border-bottom: .0416666666666667rem solid #FFF }

		h5 {
			font-size: 2.5rem;
			line-height: 2.5rem }

    .wallG h2,
	.wallGL h2,
	.yellow h2,
	.blue h2,
	.green h2,
	.red h2,
    .head-title h2,
    .head-title h3 {
		color: #FFF }
        .wallG h2 > span,
        .wallGL h2 > span,
        .head-title h2 > span {
            border-color: #FFF }
        .wallG h2 > span:after,
        .wallGL h2 > span:after,
        .head-title h2 > span:after {
            background: #FDB807 }

/*	COLORS **********************/
	.white {
		position: relative;
		background: #FFF;
		color: #606060
	}
	.yellow {
		position: relative;
		background: #FDB807;
		color: #FFF
	}
	.blue {
		position: relative;
		background: #007DA2;
		color: #FFF
	}
	.darkblue {
		position: relative;
		background: #084884;
		color: #FFF
	}
	.blight {
		position: relative;
		background: #E6E7E9
	}
	.green {
		position: relative;
		background: #8EBF16;
		color: #FFF
	}
	.red {
		position: relative;
		background: #F5291D;
		color: #FFF
	}

/*	UP & CALL *******************/
	.go-up {
		position: fixed;
		display: none;
		z-index: 9999;
		cursor: pointer;
		right: 1.25em;
		bottom: 6em;
		width: 4em;
		height: 4em;
		background: #F5291D;
        font-family: 'AwesomeF1';
        line-height: 1rem;
        border-radius: 50%;
		box-shadow: 0 0 .25em .125em rgba(0,0,0,.125);
        -webkit-transition-property: all;
        -webkit-transition-duration: 0.25s;
        -webkit-transition-timing-function: ease-out;
				transition: all .25s ease-out }
		.go-up:hover {
			background: #BE1F16 }
		.go-up:before {
            content: '\f077';
            position: absolute;
            z-index: 9999;
            width: 4rem;
            height: 4rem;
            top: 0;
            left: 0;
            color: #FFF;
            font-size: 2.25rem;
            line-height: 4rem;
            text-align: center }

	.callback {
		position: fixed;
		display: block;
		z-index: 9999;
		cursor: pointer;
		right: 1.25rem;
		bottom: 1.25rem;
		width: 4rem;
		height: 4rem;
		font-family: 'AwesomeF1';
		line-height: 1rem;
		border-radius: 50% }
		.callback:before {
			content: '\f095';
			position: absolute;
			z-index: 9999;
			width: 4rem;
			height: 4rem;
			top: 0;
			background: #8EBF16;
			color: #FFF;
			font-size: 2.25rem;
			line-height: 4rem;
			text-align: center;
			border-radius: 50%;
			box-shadow: 0 0 .25em .125em rgba(0,0,0,.125);
			-webkit-animation: upcall 5s infinite;
					animation: upcall 5s infinite;
			-webkit-transition-property: all;
			-webkit-transition-duration: 0.25s;
			-webkit-transition-timing-function: ease-out;
					transition: all .25s ease-out }
		.callback:hover:before {
			background: #BE1F16;
			-webkit-animation: upcall 0s;
					animation: upcall 0s }
	.callback span {
		position: absolute;
		display: block;
		width: 12rem;
		height: 3rem;
		top: .5rem;
		right: 3.25rem;
		background: #8EBF16;
		color: #FFF;
		font-size: 2rem;
		font-weight: 700;
		font-family: 'ArialBlack';
		line-height: 3rem;
		text-align: center;
		border-radius: 1.5rem 0 0 1.5rem;
		-webkit-transition-property: all;
		-webkit-transition-duration: 0.25s;
		-webkit-transition-timing-function: ease-out;
				transition: all .25s ease-out }
		.callback:hover span {
			background: #BE1F16 }

/*  COLUMNS *********************/
    .cont {
        position: relative;
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box
    }
        .cont:after {
            content: "\0020";
            display: block;
            clear: both;
            visibility: hidden;
            height: 0
        }
    .ten,
    .nine,
    .eight,
    .seven,
    .six,
    .five,
    .four,
    .three,
    .two,
    .one {
        position: relative;
        display: inline-block;
        float: left
    }
    .ten {
        max-width: 10%;
        width: 10%
    }
    .nine {
        max-width: 11.11111111111111%;
        width: 11.11111111111111%
    }
    .eight {
        max-width: 12.5%;
        width: 12.5%
    }
    .seven {
        max-width: 14.28571428571429%;
        width: 14.28571428571429%
    }
    .six {
        max-width: 16.66666666666667%;
        width: 16.66666666666667%
    }
    .five {
        max-width: 20%;
        width: 20%
    }
    .four {
        max-width: 25%;
        width: 25%
    }
    .three {
        max-width: 33.333333333333%;
        width: 33.333333333333%
    }
    .two {
        max-width: 50%;
        width: 50%
    }
    .one {
        width: 100%
    }
        .ten:after,
        .nine:after,
        .eight:after,
        .seven:after,
        .six:after,
        .five:after,
        .four:after,
        .three:after,
        .two:after,
        .one:after {
            content: "\0020";
            display: block;
            clear: both;
            visibility: hidden;
            height: 0
        }

/*  JQUERY-UI *******************/
    .ui-dialog .ui-dialog-titlebar { /* Заголовок (рамка) в диалоговом окне */
        padding: .4em 1em;
        position: relative
    }
    .ui-dialog .ui-dialog-title { /* Заголовок (текст) в диалоговом окне */
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 1.5rem
    }
    .ui-dialog .ui-dialog-titlebar-close { /* Кнопка закрыть в диал.окне */
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px;
    }
    .ui-widget-header { /* Шапка заголовка */
        border: none;
        background: none;
        color: #3C414C;
        /*font-family: 'GothamM';*/
        line-height: 1
    }
    .ui-widget-header a { /* Шапка заголовка цвет ссылки */
        color: #3C414C;
    }

    .ui-checkboxradio-label .ui-icon-background { /* рамка чекбокса */
        box-shadow: inset .0625rem .0625rem .0625rem #CCC;
        border-radius: 1rem;
        border: none;
    }
        .ui-checkboxradio-label.ui-button {
            background: none;
            border: none
        }
        .ui-state-active,
        .ui-widget-content .ui-state-active,
        .ui-widget-header .ui-state-active,
        a.ui-button:active,
        .ui-button:active,
        .ui-button.ui-state-active:hover {
            background: #FFF;
            border: .0625rem solid #FFF;
            font-size: 1rem;
            font-family: 'cuprum';
            color: #1AB394
        }
            .lightgrey_tx .ui-state-active,
            .lightgrey_tx .ui-widget-content .ui-state-active,
            .lightgrey_tx .ui-widget-header .ui-state-active,
            .lightgrey_tx a.ui-button:active,
            .lightgrey_tx .ui-button:active,
            .lightgrey_tx .ui-button.ui-state-active:hover {
                color: #C0C0C0
            }
            .lightgrey_tx .ui-state-default a,
            .lightgrey_tx .ui-state-default a:link,
            .lightgrey_tx .ui-state-default a:visited,
            .lightgrey_tx a.ui-button,
            .lightgrey_tx a:link.ui-button,
            .lightgrey_tx a:visited.ui-button,
            .lightgrey_tx .ui-button {
                color: #C0C0C0
            }

        .ui-checkboxradio-checked:active,
        .ui-checkboxradio-checked.ui-state-active:hover {
            background: none;
            border: none;
        }
        .lightgrey_tx .ui-state-hover,
        .lightgrey_tx .ui-widget-content .ui-state-hover,
        .lightgrey_tx .ui-widget-header .ui-state-hover,
        .lightgrey_tx .ui-state-focus,
        .lightgrey_tx .ui-widget-content .ui-state-focus,
        .lightgrey_tx .ui-widget-header .ui-state-focus,
        .lightgrey_tx .ui-button:hover,
        .lightgrey_tx .ui-button:focus { /* hover эффект */
            color: #C0C0C0;
            font-weight: normal
        }

    /* For menu-buttons */
        form .ui-button {
            padding: .875em .5625em;
            margin: 0;
            border-color: #1AB394;
            text-transform: none;
            border-radius: 0 .125rem .125rem 0
        }
            form .menu-buttons label {
                display: inline;
                vertical-align: middle;
                margin: 1.25rem -.375rem 0 0;
                padding: .9375em .5625em .625em;
                background: #1AB394;
                color: #FFF;
                border-radius: .125rem 0 0 .125rem
            }
            form .menu-buttons .ui-state-active,
            form .menu-buttons .ui-widget-content .ui-state-active,
            form .menu-buttons .ui-widget-header .ui-state-active,
            form .menu-buttons a.ui-button:active,
            form .menu-buttons .ui-button:active,
            form .menu-buttons .ui-button.ui-state-active:hover {
                border: .0625rem solid #1AB394;
                color: #1AB394
            }

/*	IMAGES **********************/

/*  OPACITY, LINE & etc *********/
    .op-05 {
        opacity: .5 }
    .op-10 {
        opacity: 1 }
    hr {
        margin: 1rem 0;
        border-top: .0625rem solid #8F8F8F }

/*	CLEAN ***********************/
	.clean {
        content: "\0020";
        display: block;
        clear: both;
        visibility: hidden;
        height: 0
	}

/* 	ANIMATION *******************/
@-webkit-keyframes upcall0 {
    0%   { transform: scale(1); opacity: 1 }
    5%   { transform: scale(1.05); opacity: .95 }
    10%  { transform: scale(1.1); opacity: .9 }
    15%  { transform: scale(1.15); opacity: .85 }
    20%  { transform: scale(1.2); opacity: .8 }
    25%  { transform: scale(1.25); opacity: .75 }
    30%  { transform: scale(1.3); opacity: .7 }
    35%  { transform: scale(1.35); opacity: .65 }
    40%  { transform: scale(1.4); opacity: .6 }
    45%  { transform: scale(1.45); opacity: .55 }
    50%  { transform: scale(1.5); opacity: .5 }
    55%  { transform: scale(1.55); opacity: .45 }
    60%  { transform: scale(1.6); opacity: .4 }
    65%  { transform: scale(1.65); opacity: .35 }
    70%  { transform: scale(1.7); opacity: .3 }
    75%  { transform: scale(1.75); opacity: .25 }
    80%  { transform: scale(1.8); opacity: .2 }
    85%  { transform: scale(1.85); opacity: .15 }
    90%  { transform: scale(1.9); opacity: .1 }
    95%  { transform: scale(1.95); opacity: .05 }
    100% { transform: scale(2); opacity: 0 }
}
@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

	@-webkit-keyframes upcall {
		0%, 9.75%, 12.75%, 14.75%, 15.75%, 100% { transform: scale(1) rotate(0deg) }
		1% { transform: scale(1.25) rotate(10deg) }
		2% { transform: scale(1.5) rotate(20deg) }
		3% { transform: scale(1.75) rotate(30deg) }
		4% { transform: scale(2) rotate(40deg) }
		5% { transform: scale(1.75) rotate(50deg) }
		6% { transform: scale(1.5) rotate(60deg) }
		7% { transform: scale(1.25) rotate(70deg) }
		8% { transform: scale(1) rotate(80deg) }
		9%, 13.5%, 14% { transform: scale(1) rotate(90deg) }
		9.25%, 13.25%, 14.25% { transform: scale(1) rotate(60deg) }
		9.5%, 13%, 14.5% { transform: scale(1) rotate(30deg) }
		10%, 12.5%, 15% { transform: scale(1) rotate(-30deg) }
		10.25%, 12.25% { transform: scale(1) rotate(-60deg) }
		10.5%, 12% { transform: scale(1) rotate(-90deg) }
		10.75%, 11.75% { transform: scale(1) rotate(-120deg) }
		11%, 11.5% { transform: scale(1) rotate(-150deg) }
		11.25% { transform: scale(1) rotate(-180deg) }
		13.75% { transform: scale(1) rotate(120deg) }
		15.25% { transform: scale(1) rotate(-20deg) }
		15.5%  { transform: scale(1) rotate(-10deg) }
	}
	@-moz-keyframes upcall {
		0%, 9.75%, 12.75%, 14.75%, 15.75%, 100% { transform: scale(1) rotate(0deg) }
		1% { transform: scale(1.25) rotate(10deg) }
		2% { transform: scale(1.5) rotate(20deg) }
		3% { transform: scale(1.75) rotate(30deg) }
		4% { transform: scale(2) rotate(40deg) }
		5% { transform: scale(1.75) rotate(50deg) }
		6% { transform: scale(1.5) rotate(60deg) }
		7% { transform: scale(1.25) rotate(70deg) }
		8% { transform: scale(1) rotate(80deg) }
		9%, 13.5%, 14% { transform: scale(1) rotate(90deg) }
		9.25%, 13.25%, 14.25% { transform: scale(1) rotate(60deg) }
		9.5%, 13%, 14.5% { transform: scale(1) rotate(30deg) }
		10%, 12.5%, 15% { transform: scale(1) rotate(-30deg) }
		10.25%, 12.25% { transform: scale(1) rotate(-60deg) }
		10.5%, 12% { transform: scale(1) rotate(-90deg) }
		10.75%, 11.75% { transform: scale(1) rotate(-120deg) }
		11%, 11.5% { transform: scale(1) rotate(-150deg) }
		11.25% { transform: scale(1) rotate(-180deg) }
		13.75% { transform: scale(1) rotate(120deg) }
		15.25% { transform: scale(1) rotate(-20deg) }
		15.5%  { transform: scale(1) rotate(-10deg) }
	}
	@keyframes upcall {
		0%, 9.75%, 12.75%, 14.75%, 15.75%, 100% { transform: scale(1) rotate(0deg) }
		1% { transform: scale(1.25) rotate(10deg) }
		2% { transform: scale(1.5) rotate(20deg) }
		3% { transform: scale(1.75) rotate(30deg) }
		4% { transform: scale(2) rotate(40deg) }
		5% { transform: scale(1.75) rotate(50deg) }
		6% { transform: scale(1.5) rotate(60deg) }
		7% { transform: scale(1.25) rotate(70deg) }
		8% { transform: scale(1) rotate(80deg) }
		9%, 13.5%, 14% { transform: scale(1) rotate(90deg) }
		9.25%, 13.25%, 14.25% { transform: scale(1) rotate(60deg) }
		9.5%, 13%, 14.5% { transform: scale(1) rotate(30deg) }
		10%, 12.5%, 15% { transform: scale(1) rotate(-30deg) }
		10.25%, 12.25% { transform: scale(1) rotate(-60deg) }
		10.5%, 12% { transform: scale(1) rotate(-90deg) }
		10.75%, 11.75% { transform: scale(1) rotate(-120deg) }
		11%, 11.5% { transform: scale(1) rotate(-150deg) }
		11.25% { transform: scale(1) rotate(-180deg) }
		13.75% { transform: scale(1) rotate(120deg) }
		15.25% { transform: scale(1) rotate(-20deg) }
		15.5%  { transform: scale(1) rotate(-10deg) }
	}


/*	GRID for 1224 ***************/
	@media only screen and (min-width: 1224px) and (max-width: 1823px), only screen and (min-device-width: 1224px) and (max-device-width: 1823px) {
        .screen:after { content: "SCREEN: min 1224px max 1823px" }
        /*  HEAD ************************/
            /* General */
                .head,
                .head.fixed {
                    height: 8.5rem }
                .head .fa,
                .head.fixed .fa {
                    width: 4.5rem;
                    height: 4.5rem;
                    padding: .875rem 0;
                    font-size: 2.75rem;
                    line-height: 2.75rem }

            /* Information */
                .head-top {
                    height: 2rem;
                    padding: .5rem 0 0; }
                    .head .head-top .fa {
                        width: 2rem;
                        height: 2rem;
                        padding: .375rem 0;
                        background: none;
                        font-size: 1.25rem;
                        line-height: 1;
                        box-shadow: none }
                .head-info {
                    height: 6.5rem }
                .head-info img {
                    height: 4.25rem;
                    margin: 1.125rem .5rem 0 0 }
                .head-info span,
                .foot-info span {
                    margin-top: -.125rem;
                    font-size: 3.9125rem;
                    line-height: 1.0625 }
                .head-info span span,
                .foot-info span span {
                    font-size: 1.5rem;
                    line-height: 1.0625 }
                    .head-info a:before {
                        left: -8.875rem }

        /*  MENU ************************/
            /* Default */
                #menu {
                    height: 2.75rem }
                #menu li > a {
                    padding: 2.875rem 1.125rem;
                    font-size: 1rem }
            /* Fixed */
                #menu.fixed .head-info span {
                    margin-top: -.25rem;
                    font-size: 3.0625rem }
                    #menu.fixed .head-info span span {
                         margin-top: -.25rem;
                        font-size: 1.135rem;
                        line-height: .75rem }

        /*  SLIDER **********************/
            /* Next / Preview */
                .slider .bx-wrapper .bx-controls-direction a {
                    margin-top: 3rem }
            /* Image Captions Slider */
                .slider [class^="cap"],
                .slider [class*=" cap"] {
                    top: 13rem }
            .slider [class^="cap"] h1,
            .slider [class*=" cap"] h1 {
                font-size: 4rem }

            .slider [class^="cap"] .txt1,
            .slider [class*=" cap"] .txt1 {
                font-size: 1.5rem;
                line-height: 2.25rem }

            .slider [class^="cap"] .txt2,
            .slider [class*=" cap"] .txt2 {
                font-size: 1.25em;
                line-height: 1.75rem }

            .slide-3pic .three {
                max-width: 25em }
                .slide-3pic .three iframe {
                    width: 100%;
                    height: 15rem }
            .slide-4pic .four {
                max-width: 18.25rem }
            .slide-5pic .five {
                max-width: 15.837rem }

        /*  CONTENT *********************/
            /* Why box */
                #why p {
                    height: 12.5rem;
                    padding: 0 .5rem;
                    font-size: 1.125rem;
                    line-height: 1.25rem }
                #why img {
                    width: 6.5rem;
                    height: 6.5rem;
                    margin: 0 .75rem 3rem 0; }
                #why img {
                    width: 6.5rem;
                    height: 6.5rem;
                    padding: 1.125rem }
                #why i {
                    width: 6.5rem;
                    height: 6.5rem;
                    margin: 0 1.25rem 3rem 0 }
                    #why i:after {
                        width: 6.5rem;
                        height: 6.5rem;
                        left: -6.5rem }
                #why p > span {
                    margin-bottom: .5rem;
                    font-size: 1.5rem;
                    line-height: 1.75rem }

            /* Product */
                .product .two img {
                    width: 16.5rem;
                    height: 16.5rem }

            /* Maping box */
                #mapg .box .price {
                    width: 116%;
                    margin-left: -8%  }

            /* Stock box */
                        #stock .front,
                        #stock .back {
                            width: 23.25rem;
                            height: 13.5rem }
                        #stock .front img {
                            position: absolute;
                            width: auto;
                            height: 16rem;
                            top: 0rem;
                            left: -6.5rem }
                        #stock p.front span.txt,
                        #stock p.back span.txt {
                            font-size: 1.375rem;
                            line-height: 1.75rem }

        /*  UP & CALL *******************/
            .go-up {
                right: .5rem;
                bottom: 5rem }
            .callback {
                right: .5rem;
                bottom: .5rem }
        .ic-cont span {
            font-size: 1.225rem;
            line-height: 3.4375rem;
        }
	}

/*	GRID for 996 ****************/
	@media only screen and (min-width: 996px) and (max-width: 1223px), only screen and (min-device-width: 996px) and (max-device-width: 1223px) {
		.screen:after { content: "SCREEN: min 996px max 1223px" }
        /*  HEAD ************************/
            /* General */
            /* Information */
                .head-top {
                    height: 1.5rem;
                    padding: .3125rem 0 0;
                    font-size: .875rem }
                    .head .head-top .fa,
                    .head .head-top .fab {
                        margin-left: .5rem;
                        font-size: 1rem }

                .nav .gridin-4 span,
                .foot-info span {
                    margin-top: -.125rem;
                    font-size: 3.5rem }
                .nav .gridin-4 span span,
                .foot-info span span {
                    font-size: 1.34375rem }

                .head-title {
                    height: 18rem;
                    padding-top: 11rem }

        /*  MENU ************************/
            /* Default */
                .nav {
                    height: 6rem }
                .nav li > a {
                    padding: 2.25rem .75rem;
                    font-size: 1rem }
            /* Fixed */
                .nav.fixed li > a {
                    padding: 1.5rem .5rem }
                .nav.fixed .head-info span {
                    margin-top: -.25rem;
                    font-size: 3.0625rem }
                    .nav.fixed .head-info span span {
                        margin-top: -.125rem }

        /*  SLIDER **********************/
            /* Pager nambers */
                .slider2 .bx-wrapper .bx-pager.bx-default-pager a {
                    width: 3rem;
                    height: .375rem;
                    margin-right: .5rem;
                    background: #D0D0D0;
                    text-indent: -9999px }
            .slider [class^="cap"] h1,
            .slider [class*=" cap"] h1 {
                font-size: 3rem }

            .slider [class^="cap"] .txt1,
            .slider [class*=" cap"] .txt1 {
                font-size: 1.25rem;
                line-height: 1.75rem }

            .slider [class^="cap"] .txt2,
            .slider [class*=" cap"] .txt2 {
                font-size: 1em;
                line-height: 1.5rem }

            .slide-3pic .three {
                max-width: 30rem }
            .slide-4pic .four {
                max-width: 19.75rem }
            .slide-5pic .five {
                max-width: 15.837rem }

        /*  CONTENT *********************/
            /* Why box */
                #why p {
                    height: 12.5rem;
                    padding: 0 .5rem;
                    font-size: 1.125rem;
                    line-height: 1.25rem }
                #why img {
                    width: 5.5rem;
                    height: 5.5rem;
                    padding: 0 }
                #why i {
                    width: 5.5rem;
                    height: 5.5rem;
                    margin: 0 .5rem 5rem 0 }
                    #why i:after {
                        width: 5.5rem;
                        height: 5.5rem;
                        left: -5.5rem }
                #why p > span {
                    margin-bottom: .5rem;
                    font-size: 1.25rem;
                    line-height: 1.5rem }

            /* Stages box */
                #stages .box .num {
                    font-size: 8rem;
                    line-height: 8rem }
                #stages .box img {
                    width: 12.625rem;
                    height: 12.625rem;
                    border: .25rem solid rgba(255,255,255,.375) }
                #stages .box .txt {
                    font-size: 1rem;
                    line-height: 1.25rem }
                #stages .box .arrow {
                    top: 5.375rem;
                    right: -125px }

            /* Service box */
                #service .box li {
                    width: 32% }

                /* Buttons */
                    #service .butt a,
                    #service .butt input {
                        font-size: .75rem }

            /* Product */
                .product .two {
                    display: block;
                    margin-bottom: 2rem;
                    padding: 0 1rem }
                .product .two p {
                    margin: 1.5rem }
                    .product .two p:before {
                        content: '';
                        position: absolute;
                        display: block;
                        z-index: 0;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 12rem;
                        background: #F1F1F1 }
                .product .two img {
                    position: relative;
                    float: none;
                    z-index: 1;
                    width: 12rem;
                    height: 12rem;
                    left: 50%;
                    margin-left: -6rem }

            /* Stock box */
                #stock .front,
                #stock .back {
                    width: 19rem;
                    height: 11.5rem }
                #stock .front img {
                    height: 13rem;
                    left: -4.5rem }
                #stock p.front span.txt {
                    padding: .5rem;
                    font-size: 1.25rem;
                    line-height: 1.5rem }

            /* Reviews */
                /* For main */
                    #reviews .quote {
                        margin: 0 auto 3rem;
                        padding: 2rem 4rem 1rem;
                        font-size: 1.25rem }
                        #reviews .quote:after {
                            bottom: -3rem }

                /* For page */
                    .quote {
                        padding: 1.5rem;
                        font-size: 1.125rem }

            /* Maping box */
                #mapg .box .price {
                    width: 122%;
                    margin-left: -11%;
                    font-size: 1.875rem  }
                #mapg .box ul {
                    padding: 0 1.5rem 1.5rem;
                    font-size: 1.125rem }

            /* Contacts box */
                #contacts {
                    font-size: 1.5rem }
                #contacts .fa {
                    width: 8rem;
                    height: 8rem;
                    font-size: 4rem;
                    line-height: 1  }

        /*  FOOT ************************/
            .foot h2 {
                font-size: 1.25rem }
            .foot .fab {
                margin-right: 0;
                font-size: 1.5rem }

        /*  TITLE ***********************/
            /* H1 - H5 */
                h1 {
                    font-size: 2.5rem;
                    line-height: 1rem }

                h2 {
                    font-size: 1.3125rem;
                    line-height: 1.75rem }
                    .head-title h2 {
                        font-size: 1.75rem }

                    h2 > span {
                        font-size: 2.125em }

                h3 {
                    position: relative;
                    font-size: 1.5rem;
                    line-height: 1.75rem }

                h4 {
                    font-size: 2rem;
                    line-height: 1rem;
                    text-transform: uppercase;
                    margin-bottom: .5rem;
                    padding: .5rem 0;
                    border-bottom: .0416666666666667rem solid #FFF }

                h5 {
                    font-size: 2.5rem;
                    line-height: 2.5rem }

        /*  UP & CALL *******************/
            .go-up {
                right: .5rem;
                bottom: 5rem }
            .callback {
                right: .5rem;
                bottom: .5rem }

        .ic-cont span {
            margin-left: 6rem;
            font-size: .8rem;
            line-height: 3.4375rem;
        }
        .grid-4:nth-of-type(4n) .ic-cont span {
            font-size: 2rem;
         }
	}

/*	GRID for 768 ****************/
	@media only screen and (min-width: 768px) and (max-width: 995px), only screen and (min-device-width: 768px) and (max-device-width: 995px) {
		.screen:after { content: "SCREEN: min 768px max 995px" }
        html, body {
        font-size: 90% }
        /*  HEAD ************************/
            /* General */
            /* Information */
                .head-top {
                    height: 1.125rem;
                    padding: .25rem 0 0;
                    font-size: .625rem }
                    .head .head-top .fa,
                    .head .head-top .fab {
                        margin-left: .5rem;
                        padding: .125rem 0 0;
                        font-size: .625rem;
                        line-height: .75 }

                .nav .gridin-4 span,
                .foot-info span {
                    margin-top: 0;
                    font-size: 2.5rem }
                .nav .gridin-4 span span,
                .foot-info span span {
                    margin-top: -.125rem;
                    font-size: .95rem }

                .head-title {
                    height: 18rem;
                    padding-top: 11rem }

        /*  MENU ************************/
            /* Default */
                .nav {
                    height: 4.75rem }
                .nav li > a {
                    padding: 1.875rem .5rem;
                    font-size: .75rem }
            /* Fixed */
                .nav.fixed { height: 3.375rem }
                .nav.fixed li > a {
                    padding: 1.252rem .5rem }
                .nav.fixed .gridin-4 span {
                    margin-top: -.25rem;
                    font-size: 2rem }
                    .nav.fixed .gridin-4 span span {
                        margin-top: -.125rem;
                        font-size: .725rem}

        /*  SLIDER **********************/
            .slider {
                height: 35rem }
            /* Image */
            .slider .bx-wrapper img {
                width: 100%;
                height: 35rem }
            /* Theme */
            .slider .bx-wrapper li {
                height: 35rem }
            .slider .bx-wrapper .bx-controls-direction a {
                margin-top: 0 }
            /* Image Captions Slider */
            .slider [class^="cap"],
            .slider [class*=" cap"] {
                position: absolute;
                top: 14rem }
            /* Pager nambers */
                .slider2 .bx-wrapper .bx-pager.bx-default-pager a {
                    width: 3rem;
                    height: .375rem;
                    margin-right: .5rem;
                    background: #D0D0D0;
                    text-indent: -9999px }
            /* Border top, bottom */
            .slider [class^="cap"]:before,
            .slider [class*=" cap"]:before {
                top: -2rem;
                height: 2rem; }
            .slider [class^="cap"]:after,
            .slider [class*=" cap"]:after {
                bottom: -2rem;
                height: 2rem; }
            .slider [class^="cap"] h1,
            .slider [class*=" cap"] h1 {
                font-size: 2.5rem }

            .slider [class^="cap"] .txt1,
            .slider [class*=" cap"] .txt1 {
                margin-bottom: .5rem;
                font-size: 1.125rem;
                line-height: 1.25rem }

            .slider [class^="cap"] .txt2,
            .slider [class*=" cap"] .txt2 {
                margin-bottom: 1rem;
                font-size: 1em;
                line-height: 1.5rem }

            .slide-3pic .three {
                max-width: 26rem }
            .slide-4pic .four {
                max-width: 16.5rem }
            .slide-5pic .five {
                max-width: 15.837rem }

        /*  CONTENT *********************/
            /* Why box */
                #why p {
                    height: 16.5rem;
                    padding: 0 .5rem;
                    font-size: 1.125rem;
                    line-height: 1.25rem }
                #why img {
                    width: 5.5rem;
                    height: 5.5rem;
                    padding: 0 }
                #why i {
                    float: none;
                    width: 5.5rem;
                    height: 5.5rem;
                    margin: 0 auto .25rem }
                    #why i:after {
                        width: 5.5rem;
                        height: 5.5rem;
                        left: -5.5rem }
                #why p > span {
                    margin-bottom: .5rem;
                    font-size: 1.25rem;
                    line-height: 1.5rem;
                    text-align: center }

            /* Stages box */
                #stages .box .num {
                    font-size: 7rem;
                    line-height: 7rem }
                #stages .box img {
                    width: 11.625rem;
                    height: 11.625rem;
                    border: .25rem solid rgba(255,255,255,.375) }
                #stages .box .txt {
                    font-size: 1rem;
                    line-height: 1.25rem }
                #stages .box .arrow {
                    top: 5rem;
                    right: -125px }

            /* Service box */
                #service .box {
                    margin: 0 1% 1rem; }
                #service .box li {
                    width: 31% }
                #service .box .price {
                    width: 8rem;
                    height: 8rem;
                    margin-left: -4rem;
                    padding: 2.75rem 0 0; }
                /* Buttons */
                #service .butt a,
                #service .butt input {
                    display: block;
                    cursor: pointer;
                    width: 100%;
                    margin: .125rem 0 0;
                    padding: .25rem .375rem;
                    font-size: .625rem; }
                #service .box .title {
                    margin-bottom: 4.25rem;
                    padding: 2.5rem .8125rem 4.8125rem; }
                #service .box p {
                    padding: .5rem;
                    font-weight: 700 }

            /* Product */
                .product .two {
                    display: block;
                    margin-bottom: 2rem;
                    padding: 0 1rem }
                .product .two p {
                    margin: 1.5rem }
                    .product .two p:before {
                        content: '';
                        position: absolute;
                        display: block;
                        z-index: 0;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 12rem;
                        background: #F1F1F1 }
                .product .two img {
                    position: relative;
                    float: none;
                    z-index: 1;
                    width: 12rem;
                    height: 12rem;
                    left: 50%;
                    margin-left: -6rem }

            /* Stock box */
                #stock .front,
                #stock .back {
                    width: 24.5rem;
                    height: 13.5rem }
                #stock .front img {
                    height: 14rem;
                    left: -3rem }
                #stock p.front span.txt {
                    padding: .5rem;
                    font-size: 1.25rem;
                    line-height: 1.5rem }
                #stock .three  {
                    max-width: 50%;
                    width: 50%
                }

            /* Reviews */
                /* For main */
                    #reviews .quote {
                        margin: 0 auto 3rem;
                        padding: 2rem 4rem 1rem;
                        font-size: 1.25rem }
                        #reviews .quote:after {
                            bottom: -3rem }

                /* For page */
                    .quote {
                        padding: 1.5rem;
                        font-size: 1.125rem }

            /* Maping box */
                #mapg .box .price {
                    width: 127%;
                    margin-left: -13.5%;
                    font-size: 1.5rem  }
                #mapg .box ul {
                    padding: 0 1.5rem 1.5rem;
                    font-size: 1.125rem }

            /* Contacts box */
                #contacts {
                    font-size: 1.5rem }
                #contacts .fa {
                    width: 8rem;
                    height: 8rem;
                    font-size: 4rem;
                    line-height: 1  }
                #contacts .grid-4 {
                    width: 100%;
            text-align: center;
        }
                #map .grid-4 { width: 31.333333% }
                .ic-cont {
                    position: relative;
                    left: 50%;
                    width: 30rem;
                    margin-left: -17rem;
                    height: 6.25rem }
                .ic-cont:before {
                    top: 0;
                }
                .ic-cont:after {
                    top: 0;
                    left: 29rem;
                }

            /* Partners */
            #partners .six {
                max-width: 20%;
                width: 20%;
                height: 5rem;
                padding: 0 .25rem;
                line-height: 5rem;
                text-align: center  }

        /*  FOOT ************************/
            .foot h2 {
                font-size: 1.25rem }
            .foot .fab {
                margin-right: 0;
                font-size: 1.5rem }

        /*  TITLE ***********************/
            /* H1 - H5 */
                h1 {
                    font-size: 2.5rem;
                    line-height: 1rem }

                h2 {
                    font-size: 1.3125rem;
                    line-height: 1.75rem }
                    .head-title h2 {
                        font-size: 1.75rem }

                    h2 > span {
                        font-size: 2.125em }

                h3 {
                    position: relative;
                    font-size: 1.5rem;
                    line-height: 1.75rem }

                h4 {
                    font-size: 2rem;
                    line-height: 1rem;
                    text-transform: uppercase;
                    margin-bottom: .5rem;
                    padding: .5rem 0;
                    border-bottom: .0416666666666667rem solid #FFF }

                h5 {
                    font-size: 2.5rem;
                    line-height: 2.5rem }

        /*  UP & CALL *******************/
            .go-up {
                right: .5rem;
                bottom: 5rem }
            .callback {
                right: .5rem;
                bottom: .5rem }
        .go-up:before {
            top: -.25rem;
            left: -.25rem; }
    }

/*	Mobile **********************/
    @media only screen and (min-width: 401px) and (max-width: 767px), only screen and (min-device-width: 401px) and (max-device-width: 767px) {
		.screen:after { content: "SCREEN: min 401 max 767px" }
        /*  HEAD ************************/
        .head-top {
            height: 2.5rem;
            padding: 0;
            font-size: .6975rem;
            line-height: 1.25rem;
            text-align: center
        }
        .head .head-top .fa,
        .head .head-top .fab {
            margin-left: .5rem;
            font-size: 1rem
        }
        .head-top .taR {
            text-align: center
        }

        .nav .gridin-4 span,
        .foot-info span {
            margin: -.125rem auto 0;
            font-size: 2.75rem
        }
        .nav .gridin-4 span span,
        .foot-info span span {
            margin-top: -.125rem;
            font-size: 1.05125rem;
            line-height: .75
        }

        html,
        body {
            margin: 0;
            overflow-x: hidden;
        }

        /**
         * Кнопка переключения панели
         * тег <label>
         */
        .nav-toggle {
            position: absolute;
            z-index: 2001;
            cursor: pointer;
            width: 6rem;
            right: 320px;
            top: 2.5rem;
            padding: .5rem;
            background: rgba(15,15,15,.75);
            color: #dadada;
            font-size: 1.2rem;
            line-height: 1;
            -webkit-transition-property: color;
            -webkit-transition-duration: 0.25s;
            -webkit-transition-timing-function: ease-in-out;
            transition: color .25s ease-in-out
        }
        .nav-toggle:after {
            content: 'MENU \2630';
            text-decoration: none;
        }
        .nav-toggle:hover {
            color: #f4f4f4;
        }

        [id='nav-toggle']:checked ~ .nav > .nav-toggle {
            width: auto;
            left: auto;
            right: 2px;
            top: 2px;
        }
        [id='nav-toggle']:checked ~ .nav > .nav-toggle:after {
            content: '\2715';
        }

        .nav {
            position: fixed;
            z-index: 2000;
            width: 320px;
            height: 100%;
            top: 0;
            right: -320px;
            bottom: 0;
            margin: 0;
            padding: 1rem 0;
            background: rgba(15,15,15,.75);
            -webkit-transition-property: right;
            -webkit-transition-duration: 0.3s;
            transition: right 0.3s
        }

        /**
         * Когда флажок установлен, открывается панель
         * используем псевдокласс:checked
         */
        [id='nav-toggle']:checked ~ .nav {
            overflow-y: auto;
            right: 0;
            -webkit-box-shadow: -.25rem 0 1.125rem 0 rgba(0, 0, 0, .5);
            -moz-box-shadow: -.25rem 0 1.125rem 0 rgba(0, 0, 0, .5);
            box-shadow: -.25rem 0 1.125rem 0 rgba(0, 0, 0, .5)
        }

        /* MENU style */
        .nav li {
            display: inline-block;
            width: 100%
        }
        .nav li > a {
            padding: .5rem 1rem;
            font-weight: 700;
            text-align: left
        }

        /* Submenu */
        .nav .submenu {
            position: relative;
            visibility: visible;
            opacity: 1;
            top: 0rem;
            padding: .5rem 2rem;
            background: none ;
            border-left: none
        }
        .nav .submenu li {
            position: relative;
            display: block
        }
        .nav .submenu li > a,
        .nav.fixed .submenu li > a {
            font-weight: normal
        }
        .nav li:hover > .submenu {
            top: 0rem
        }

        .nav .submenu .submenu {
            position: relative;
            left: 0
        }
        .nav .submenu li:hover > .submenu {
            top: 0
        }

        /* Triangel for submenu */
        .nav li span {
            display: none
        }
        .nav li span:before {
            content: '';
            display: none
        }
        .nav li:hover span {
            display: none
        }

        .nav li .submenu span {
            display: none
        }
        .nav li .submenu span:before {
            content: '';
            display: none
        }
        .nav li .submenu li:hover span {
            display: none
        }

        /* фон затемнения на основной контент
         * при этом элементы блокируютя
         * спорная такая фича, если оно вам надо
         * просто раскомментируйте
        */
        .mask-content {
            display: block;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1000;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.4);
            visibility: hidden;
            opacity: 0;
        }

        [id='nav-toggle']:checked ~ .mask-content {
            visibility: visible;
            opacity: 1;
            -webkit-transition: opacity .5s, visibility .5s;
            transition: opacity .5s, visibility .5s;
        }
	}


    /*	Phone */
    @media only screen and (max-width: 400px), only screen and (max-device-width: 400px) {
		.screen:after {
            content: "SCREEN: max 400px"
        }
        /*  HEAD ************************/
        .head-top {
            height: 2.5rem;
            padding: 0;
            font-size: .6975rem;
            line-height: 1.25rem;
            text-align: center
        }
        .head .head-top .fa,
        .head .head-top .fab {
            margin-left: .5rem;
            font-size: 1rem
        }
        .head-top .taR {
            text-align: center
        }

        .nav .gridin-4 span,
        .foot-info span {
            margin: -.125rem auto 0;
            font-size: 2.75rem
        }
        .nav .gridin-4 span span,
        .foot-info span span {
            margin-top: -.125rem;
            font-size: 1.05125rem;
            line-height: .75
        }

        html,
        body {
            margin: 0;
            overflow-x: hidden;
        }

        /**
         * Кнопка переключения панели
         * тег <label>
         */
        .nav-toggle {
            position: absolute;
            z-index: 2001;
            cursor: pointer;
            width: 6rem;
            right: 320px;
            top: 2.5rem;
            padding: .5rem;
            background: rgba(15,15,15,.75);
            color: #dadada;
            font-size: 1.2rem;
            line-height: 1;
            -webkit-transition-property: color;
            -webkit-transition-duration: 0.25s;
            -webkit-transition-timing-function: ease-in-out;
            transition: color .25s ease-in-out
        }
        .nav-toggle:after {
            content: 'MENU \2630';
            text-decoration: none;
        }
        .nav-toggle:hover {
            color: #f4f4f4;
        }

        [id='nav-toggle']:checked ~ .nav > .nav-toggle {
            width: auto;
            left: auto;
            right: 2px;
            top: 2px;
        }
        [id='nav-toggle']:checked ~ .nav > .nav-toggle:after {
            content: '\2715';
        }

        .nav {
            position: fixed;
            z-index: 2000;
            width: 320px;
            height: 100%;
            top: 0;
            right: -320px;
            bottom: 0;
            margin: 0;
            padding: 1rem 0;
            background: rgba(15,15,15,.75);
            -webkit-transition-property: right;
            -webkit-transition-duration: 0.3s;
            transition: right 0.3s
        }

        /**
         * Когда флажок установлен, открывается панель
         * используем псевдокласс:checked
         */
        [id='nav-toggle']:checked ~ .nav {
            overflow-y: auto;
            right: 0;
            -webkit-box-shadow: -.25rem 0 1.125rem 0 rgba(0, 0, 0, .5);
            -moz-box-shadow: -.25rem 0 1.125rem 0 rgba(0, 0, 0, .5);
            box-shadow: -.25rem 0 1.125rem 0 rgba(0, 0, 0, .5)
        }

        /* MENU style */
        .nav li {
            display: inline-block;
            width: 100%
        }
        .nav li > a {
            padding: .5rem 1rem;
            font-weight: 700;
            text-align: left
        }

        /* Submenu */
        .nav .submenu {
            position: relative;
            visibility: visible;
            opacity: 1;
            top: 0rem;
            padding: .5rem 2rem;
            background: none ;
            border-left: none
        }
        .nav .submenu li {
            position: relative;
            display: block
        }
        .nav .submenu li > a,
        .nav.fixed .submenu li > a {
            font-weight: normal
        }
        .nav li:hover > .submenu {
            top: 0rem
        }

        .nav .submenu .submenu {
            position: relative;
            left: 0
        }
        .nav .submenu li:hover > .submenu {
            top: 0
        }

        /* Triangel for submenu */
        .nav li span {
            display: none
        }
        .nav li span:before {
            content: '';
            display: none
        }
        .nav li:hover span {
            display: none
        }

        .nav li .submenu span {
            display: none
        }
        .nav li .submenu span:before {
            content: '';
            display: none
        }
        .nav li .submenu li:hover span {
            display: none
        }

        /* фон затемнения на основной контент
         * при этом элементы блокируютя
         * спорная такая фича, если оно вам надо
         * просто раскомментируйте
        */
        .mask-content {
            display: block;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1000;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.4);
            visibility: hidden;
            opacity: 0;
        }

        [id='nav-toggle']:checked ~ .mask-content {
            visibility: visible;
            opacity: 1;
            -webkit-transition: opacity .5s, visibility .5s;
            transition: opacity .5s, visibility .5s;
        }

        /*  SLIDER **********************/
            .slider {
                display: none;
            }
            .slider2,
            .slide-3,
            .slide-4,
            .slide-5 {
                height: auto }

            /* PREW */
            .slider2 .bx-wrapper .bx-prev,
            .slide-3 .bx-wrapper .bx-prev,
            .slide-4 .bx-wrapper .bx-prev,
            .slide-5 .bx-wrapper .bx-prev {
                left: 0;
                width: 2.75rem;
                height: 3rem;
                border-radius: 0 50% 50% 0 }
            .slide-3 .bx-wrapper .bx-prev,
            .slide-4 .bx-wrapper .bx-prev,
            .slide-5 .bx-wrapper .bx-prev {
                left: 0 }
            .slider2 .bx-wrapper .bx-prev:before,
            .slide-3 .bx-wrapper .bx-prev:before,
            .slide-4 .bx-wrapper .bx-prev:before,
            .slide-5 .bx-wrapper .bx-prev:before {
                font-size: 2.25rem;
                top: .875rem;
                left: .25rem }
            /* NEXT */
            .slider2 .bx-wrapper .bx-next,
            .slide-3 .bx-wrapper .bx-next,
            .slide-4 .bx-wrapper .bx-next,
            .slide-5 .bx-wrapper .bx-next {
                right: 0;
                width: 2.75rem;
                height: 3rem;
                border-radius: 50% 0 0 50% }
            .slide-3 .bx-wrapper .bx-next,
            .slide-4 .bx-wrapper .bx-next,
            .slide-5 .bx-wrapper .bx-next {
                right: 0 }
            .slider2 .bx-wrapper .bx-next:before,
            .slide-3 .bx-wrapper .bx-next:before,
            .slide-4 .bx-wrapper .bx-next:before,
            .slide-5 .bx-wrapper .bx-next:before {
                font-size: 2.25rem;
                top: .875rem;
                left: .5rem }
            /* Theme */
            .slide-5 .bx-wrapper li {
                position: relative;
                overflow: hidden;
                width: 100%;
                height: 25rem }

            .slide-3pic .three {
                max-width: 30rem
            }
            .slide-4pic .four {
                max-width: 31rem
            }
            .slide-5pic .five {
                max-width: 15.837rem
            }

        /*	CONTENT *********************/
        .content {
            padding-bottom: 0;  }

            /* Why box */
                #why p {
                    height: auto;
                    padding: 0 .5rem;
                    font-size: 1.125rem;
                    line-height: 1.25rem
                }
                #why img {
                    width: 5.5rem;
                    height: 5.5rem;
                    padding: 0
                }
                #why i {
                    width: 5.5rem;
                    height: 5.5rem;
                    margin: 0 .5rem 5rem 0
                }
                    #why i:after {
                        width: 5.5rem;
                        height: 5.5rem;
                        left: -5.5rem
                    }
                #why p > span {
                    margin-bottom: .5rem;
                    font-size: 1.25rem;
                    line-height: 1.5rem
                }

            /* Stages box */
                #stages .box .num {
                    left: 50%;
                    margin-left: -10rem;
                    font-size: 8rem;
                    line-height: 8rem
                }
                #stages .box img {
                    width: 12.625rem;
                    height: 12.625rem;
                    border: .25rem solid rgba(255,255,255,.375)
                }
                #stages .box .txt {
                    font-size: 1rem;
                    line-height: 1.25rem
                }
                #stages .box .arrow {
                    display: none;
                }

            /* Service box */
                #service .box {
                    width: 98%;
                }
                #service .box li {
                    width: 32%
                }
                #service .box p {
                    padding: .5rem;
                }

                /* Buttons */
                    #service .butt a,
                    #service .butt input {
                        font-size: .75rem
                    }

            /* Product */
                .product .two {
                    display: block;
                    margin-bottom: 2rem;
                    padding: 0 1rem
                }
                .product .two p {
                    margin: 1.5rem
                }
                    .product .two p:before {
                        content: '';
                        position: absolute;
                        display: block;
                        z-index: 0;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 12rem;
                        background: #F1F1F1
                    }
                .product .two img {
                    position: relative;
                    float: none;
                    z-index: 1;
                    width: 12rem;
                    height: 12rem;
                    left: 50%;
                    margin-left: -6rem
                }

            /* Stock box */
                #stock .front,
                #stock .back {
                    width: 93vw;
                    min-height: 12.5rem;
                }
                #stock .front img {
                    height: 13rem;
                    left: -4.5rem
                }
                #stock p.front span.txt {
                    padding: .5rem;
                    font-size: 1.25rem;
                    line-height: 1.5rem
                }

            /* Reviews */
                /* For main */
                    #reviews .quote {
                        margin: 0 auto 3rem;
                        padding: 2rem 4rem 1rem;
                        font-size: 1.25rem
                    }
                        #reviews .quote:after {
                            bottom: -3rem
                        }

                /* For page */
                    .quote {
                        padding: 1.5rem;
                        font-size: 1.125rem
                    }

            /* Maping box */
                #mapg .box .price {
                    width: 122%;
                    margin-left: -11%;
                    font-size: 1.875rem
                }
                #mapg .box ul {
                    padding: 0 1.5rem 1.5rem;
                    font-size: 1.125rem
                }
                #mapg .box .title {
                    padding: 0 0 1rem }
                #service .alert-inform,
                #mapg .alert-inform {
                    font-size: .75rem }

            /* Contacts box */
                #contacts {
                    font-size: 1.5rem
                }
                #contacts .fa {
                    width: 8rem;
                    height: 8rem;
                    font-size: 4rem;
                    line-height: 1
                }

            /* Partners */
            #partners .six {
                max-width: 30%;
                width: 33%;
                height: 5rem;
                padding: 0 .25rem;
                line-height: 5rem;
                text-align: center  }

        /*	FOOT ************************/
            .foot {
                position: relative }

        /*  MODALBOX ********************/
            [class^="popup-"],
            [class*=" popup-"] {
                padding: 1.25rem;
                font-size: .875rem;
                line-height: 1;
                border-radius: .625rem
            }
                .popup-25,
                .popup-30,
                .popup-40,
                .popup-50 {
                    width: 90%
                }

            [class^="popup-"] input[type="text"],
            [class*=" popup-"] input[type="text"],
            #form1 input[type="text"],
            #form2 input[type="text"],
            #stock input[type="text"] {
                font-size: 1rem;
                line-height: 1.5rem
            }

            [class^="popup-"] .close,
            [class*=" popup-"] .close {
                width: 2rem;
                height: 2rem
            }
                [class^="popup"] .close:after,
                [class*=" popup"] .close:after {
                    top: .25rem;
                    font-size: 1.5rem
                }

            [class^="popup"] h2,
            [class*=" popup"] h2 {
                font-size: 1.25rem
            }

            /* Fancybox */
                [class^="fpopup-"],
                [class*=" fpopup-"] {
                    border-radius: 1rem;
                    box-shadow: 0 1rem 2.5rem 1rem rgba(0,0,0,.375) }
                .fancybox-slide [class^="fpopup-"],
                .fancybox-slide [class*=" fpopup-"] {
                    padding: 2.5rem }
                .fpopup-25 { width: 25% }
                .fpopup-30 { width: 33% }
                .fpopup-40 { width: 95% }
                .fpopup-50 { width: 50% }


        /*  FOOT ************************/
            .foot {
                padding: 1rem;
            }
            .foot [class^="grid"],
            .foot [class*=" grid"] {
                padding-bottom: 1rem;
            }
            .foot li {
                list-style: none;
            }
            .foot .pl300 {
                padding-left: 0;
            }
            .foot h2 {
                font-size: 1.25rem
            }
            .foot .fab {
                margin-right: 0;
                font-size: 1.5rem
            }

        /*  TITLE ***********************/
            /* H1 - H5 */
                h1 {
                    font-size: 2.5rem;
                    line-height: 1rem
                }

                h2 {
                    font-size: 1.3125rem;
                    line-height: 1.75rem
                }
                    .head-title h2 {
                        font-size: 1.75rem
                    }

                    h2 > span {
                        font-size: 1.5em
                    }

                h3 {
                    position: relative;
                    font-size: 1.5rem;
                    line-height: 1.75rem
                }

                h4 {
                    font-size: 2rem;
                    line-height: 1rem;
                    text-transform: uppercase;
                    margin-bottom: .5rem;
                    padding: .5rem 0;
                    border-bottom: .0416666666666667rem solid #FFF
                }

                h5 {
                    font-size: 2.5rem;
                    line-height: 2.5rem
                }

        /*  COLUMNS *********************/
            .ten,
            .nine,
            .eight,
            .seven,
            .six,
            .five,
            .four,
            .three,
            .two,
            .one {
                position: relative;
                display: inline-block;
                float: left;
                max-width: 98%;
                width: 98%
            }

        /*  UP & CALL *******************/
            .go-up {
                right: .5rem;
                bottom: 5rem }
            .callback {
                right: .25rem;
                bottom: .25rem }

    }