@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700&subset=latin,cyrillic);
* {
    font-family: 'Open Sans', sans-serif;
    color: #1a1a1a;
    text-decoration: none !important;
    list-style-type: none;
}

:focus {
    outline: none;
}

body {
    background-color: #1a1a1a;
}

h1,
h2,
h3 {
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    margin: 0;
}

h1 {
    font-size: 46px;
    color: #fff;
    line-height: 1.2;
    padding: 0 0 10px;
}

h2 {
    font-size: 32px;
}

@media(max-width:767px) {
    h1 {
        font-size: 36px;
        color: #fff;
    }
    
    .downloads{
        flex-direction: column;
    }
}

hr {
    width: 70px;
    height: 3px;
    background: #ffc51e;
    border: none;
    border-radius: 5px;
    margin-top: 15px;
}

section {
    padding: 60px 0;
}

iframe {
    width: 100%;
}

nav img {
    height: 40px;
}


/* Видеофон */

#video-bg {
    width: 100%;
    height: 70vh;
    min-height: 670px;
    position: absolute;
    opacity: 1;
}

.navbar-text {
    font-size: 18px
}

.navbar .icons a {
    float: left;
    padding: 15px 5px;
}

.navbar .icons img {
    width: 26px;
}

.navbar .icons img:hover {
    opacity: 0.5;
}

.vc,
.main .nums div,
.services .row div {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}

.hc {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.w {
    color: #fff;
}

.wb {
    background: #fafafa;
}

.wwb {
    background: #fff;
}

.dark {
    background: #1a1a1a;
}

.light {
    font-weight: 300;
}

.player {
    width: 100%;
    height: 100%;
    position: absolute;
}

.button div,
input[type="submit"] {
    width: 270px;
    padding: 15px 0;
    border-radius: 100px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    border: none;
}

.button div:hover,
input[type="submit"]:hover,
.modal-footer button:hover {
    background: #f2bc1b;
}

.modal-footer button {
    padding: 10px 15px;
    border-radius: 100px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    border: none;
    font-size: 12px !important;
}

.bt-dark {
    background: #1a1a1a;
}

.bt-y {
    background: #ffcc33;
    color: #1a1a1a;
}

.gradient {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.9;
}

.main {
    width: 100%;
    max-height: 670px;
    min-height: 500px;
    position: relative;
    z-index: 100;
    background: rgba(26, 26, 26, 0.8);
}

.main h1 {
    margin: 0;
}

.main h2 {
    font-size: 25px !important;
}

.main .button {
    margin: 60px 0 0 0;
}

.main .container {
    height: 100%;
}

.main .nums {
    width: 100%;
    position: relative;
    bottom: 0;
    margin: 30px 0 0;
}

.main .nums div {
    max-width: 250px;
    width: 100%;
    text-align: center;
    color: #fff;
}

.main .nums div p {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

.main .nums div span {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 42px
}

.main .nums img {
    height: 70px;
}


/* Услуги */

.i1 {
    background: url(../img/icons/services/1.svg) no-repeat 50% 50%;
    background-size: 40%;
}

.i1:hover {
    background: url(../img/icons/services/1-hover.svg) no-repeat 50% 50%;
    background-size: 40%;
}

.i2 {
    background: url(../img/icons/services/2.svg) no-repeat 50% 50%;
    background-size: 40%;
}

.i2:hover {
    background: url(../img/icons/services/2-hover.svg) no-repeat 50% 50%;
    background-size: 40%;
}

.i3 {
    background: url(../img/icons/services/3.svg) no-repeat 50% 50%;
    background-size: 40%;
}

.i3:hover {
    background: url(../img/icons/services/3-hover.svg) no-repeat 50% 50%;
    background-size: 40%;
}

.i4 {
    background: url(../img/icons/services/4.svg) no-repeat 50% 50%;
    background-size: 40%;
}

.i4:hover {
    background: url(../img/icons/services/4-hover.svg) no-repeat 50% 50%;
    background-size: 40%;
}

.i5 {
    background: url(../img/icons/services/5.svg) no-repeat 50% 50%;
    background-size: 40%;
}

.i5:hover {
    background: url(../img/icons/services/5-hover.svg) no-repeat 50% 50%;
    background-size: 40%;
}

.i6 {
    background: url(../img/icons/services/6.svg) no-repeat 50% 50%;
    background-size: 40%;
}

.i6:hover {
    background: url(../img/icons/services/6-hover.svg) no-repeat 50% 50%;
    background-size: 40%;
}

.i7 {
    background: url(../img/icons/services/7.svg) no-repeat 50% 50%;
    background-size: 40%;
}

.i7:hover {
    background: url(../img/icons/services/7-hover.svg) no-repeat 50% 50%;
    background-size: 40%;
}

.i8 {
    background: url(../img/icons/services/8.svg) no-repeat 50% 50%;
    background-size: 40%;
}

.i8:hover {
    background: url(../img/icons/services/8-hover.svg) no-repeat 50% 50%;
    background-size: 40%;
}

.services {
    position: relative;
    z-index: 3;
}

.services .row p {
    margin: 10px 0 20px;
}

.services .icon {
    width: 150px;
    height: 150px;
    background-color: #333;
    border-radius: 200px;
}

.services .icon:hover {
    background-color: #ffcc33;
}

.services p {
    color: #fff;
    text-align: center;
}

@media(max-width:991px) {
    .services .container {
        max-width: 550px;
    }
}


/* Наши работы */

.works {
    box-shadow: 0px 5px 30px #ddd;
    position: relative;
    z-index: 1;
}

.works .container-fluid .row div {
    padding: 0;
}

.works .container-fluid .row div img {
    width: 100%;
}


/* Производство */

.manufacture {
    position: relative;
    z-index: 0;
}

.desc {
    text-align: center;
    font-size: 22px;
}

.item {
    margin: 15px !important;
}

.item .bottom-box {
    background-color: #eaeaea;
    padding: 15px;
    min-height: 140px;
    border-bottom: 7px solid #dbdbdb;
}

.manufacture .item {
    margin: 15px 0;
    font-size: 16px;
    text-align: left !important;
}

@media(max-width:767px) {
    .manufacture .item p {
        text-align: center;
        max-width: 500px;
        margin: 15px auto 30px;
    }
    .manufacture img {
        margin: 0 auto;
        width: 100%;
    }
}


/* Промо */

.promo {
    background: url(../img/btl-bg.jpg) no-repeat 50% 0%;
    background-size: cover;
}

.promo p,
.promo h2 {
    color: #fff;
}


/* Клиенты */

.logo-slider {
    margin: 0 auto;
    overflow: hidden;
}

.logo-slider div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.logo-slider img {
    margin: 0 auto;
    align-items: center;
    max-height: 100px;
}


/* Преимущества */

.advantage {
    background: #fff;
    overflow: hidden;
    padding-top: 0px;
    padding-bottom: 0px;
}

.advantage ul {
    padding: 0;
}

.advantage .box-r {
    flex-direction: column;
    background: #1a1a1a;
    color: #fff;
}

.advantage .box-l {
    background: #ffcc33;
    color: #fff;
    justify-content: center;
    align-items: center;
}

.advantage .box-l p {
    font-size: 50px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
}

.box-r,
.box-l {
    padding-top: 60px;
    padding-bottom: 60px;
    display: flex;
}

.advantage .row {
    position: relative;
    display: flex;
}

.advantage .box-r img {
    margin: 0 15px 0 0;
}

.advantage .box-r p {
    color: #fff;
    margin: 0;
    font-size: 22px;
}

.advantage li {
    display: flex;
    align-items: center;
    margin: 15px auto;
    max-width: 520px;
}


/* Сертификаты */

.certificates .item img {
    border: 10px solid #1a1a1a;
    margin: 0 auto;
}

.certificates a {
    display: inline-block;
}

.certificates div {
    text-align: center;
}

@media(max-width:767px) {
    .certificates .row div {
        margin: 0 auto 15px;
    }
}


/* Форма захвата */

.leads {
    background: url(../img/leads-bg.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.leads h2,
.leads p {
    color: #fff;
}

.leads label {
    color: #fff;
    font-weight: normal;
    font-family: 'Open Sans'
}

.leads label span {
    color: #ff1e41;
}

.leads input[type='text'],
.leads input[type='tel'],
.leads input[type='email'] {
    display: block;
    width: 100%;
    height: 50px;
    margin: 0 0 10px 0;
    border: none;
    border-radius: 3px;
    padding: 0 10px;
    font-size: 16px;
}

.leads textarea {
    width: 100%;
    height: 220px;
    border: none;
    border-radius: 3px;
    padding: 10px;
    font-size: 16px;
}


/* Подвал */

footer {
    background: #1a1a1a;
    padding: 30px 0;
}

footer .row div {
    align-items: center;
}

footer p,
footer b {
    color: #fff;
    font-size: 16px;
}

footer img {
    max-width: 100px
}

footer .phone {
    font-size: 22px;
}

footer .social a {
    margin: 10px 0 0 0;
    ;
}

@media(max-width:767px) {
    footer .row {
        text-align: center;
    }
}

.thanks img {
    width: 120px;
}

.fullwidth-carousel .item {
    margin: 0 !important;
    padding: 0;
}

.captcha {
    padding-top: 15px;
}

.error {
    border: 2px solid rgb(255, 5, 0) !important;
}

.help-block {
    color: rgb(255, 5, 0) !important;
    font-size: 18px;
}

.newyear {
    display: flex;
    /*background: url(/img/nybg.jpg);*/
    background-position: 50% 0;
    background-color: rgb(44, 28, 54);
    background-repeat: repeat-x;
    color: #fff;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
}

.newyear h2{
    z-index: 2;
}

.overlay{
    background: rgba(163, 18, 18, 0.9);
    position: absolute;
    display:none;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.downloads {
    margin: 30px 0 0;
    display: flex;
    z-index: 2;
}

.adv {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-width: 200px;
    z-index: 2;
    margin: 0 15px;
}

.adv span {
    color: #fff;
    margin: 15px;
}

.adv a {
    color: #000;
    padding: 15px 30px;
    background: #ffcc33;
    min-width: 150px;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 100px;
}.adv a:hover {
    background: #f2bc1b;
}