@import "fonts.css";
@media (min-width: 1200px) {
    .container {
        width: 80%;
    }
}
.btn-success{
    background-color: #95bc3d;
}
.btn-disabled {
   pointer-events:none;
   opacity:0.6;
}
.error {
    color: red;
}
.bg-gray {
    background-color: #E5E5E5;
}
.bg-gray h1 {
    color: #333;
}
.container-p {
    box-sizing: border-box;
    width:  90%;
    max-width: 1024px;
    background-color: #fff;
    margin: 0 auto;
    padding: 50px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
}

.input_lines label{
	font-size: 9pt;
	color: #999;
	font-weight: normal;
	border-color: #999;
}

/* Base for label styling */

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
    position: relative;
    padding-left: 1.95em;
    cursor: pointer;
    margin-bottom: 15px;
    color: #999;
}
[type="checkbox"]:checked + label a {
    color: #999;
    border-bottom: 1px solid rgba(0,0,0,0.3);
}
.modal [type="checkbox"] + label {
    position: relative;
    padding-left: 1.95em;
    cursor: pointer;
    margin-bottom: 15px;
    color: #fff;
}
.modal [type="checkbox"] + label a {
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,0.3);
}

/* checkbox aspect */

[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0.25em;
    top: 0.25em;
    width: 1em;
    height: 1em;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 0px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
}


/* checked mark aspect */

[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
    content: '\2714';
    position: absolute;
    top: calc(0.25em + 2px);
    left: calc(0.25em + 1px);
    font-size: 1em;
    line-height: 0.8;
    color: #0d0000;
    transition: all .2s;
}
@media screen and (max-device-width: 900px) {
	[type="checkbox"]:not(:checked) + label:after,
	[type="checkbox"]:checked + label:after {
		font-size: 1em;
	}
}


/* checked mark aspect changes */

[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

[type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}


/* disabled checkbox */

[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

[type="checkbox"]:disabled:checked + label:after {
    color: #999;
}

[type="checkbox"]:disabled + label {
    color: #aaa;
}
span{
    display: block;
}
a:hover{
    text-decoration: none;
}
.zahh{
    display: none;
}
.title {
    text-align: center;
    margin: 60px 0;
}
header.navbar {
    background-color: #3f3d94;
    border: none;
    margin: 0;
    color: #fff;
    border-radius: 0;
}
div.osnova{
    margin-top: 15vh;

}
.logoText,
.logo {
    float: left;
    margin: 15px;
}
.logoText {
    font-family: GothamProLight;
    margin-top: 30px;
}
a.form {
    float: right;
    margin-top: 25px;
    padding: 10px 45px;
    font-size: 18px;
    background: #95bc3d;
    border: none;
    margin-bottom: 0;
}
div.contact {
    float: right;
    margin-top: 15px;
    margin-right: 20px;
}
div.contact > p{
    margin: 0;
    font-size: 10px;
}
span.glyphicon-earphone{
    color: #95bc3d;
    margin-right: 5px;
}
div.contact > h3 {
    margin: 5px;
    font-size: 18px;
}
.phone{
    margin: 5px;
    font-size: 18px;
	font-family: GothamProBlack;
}
.phone span {
	display: inline;
}
.phone_header {
	color: #fff;
}

.phone_header:hover{
	color: #fff;
}
.phone_footer{
	color: #333;
}
.phone_footer:hover{
	color: #333;
}

p.email {
    border-bottom: 1px solid rgba(158,158,158,0.5);
    color: #fff;
    font-size: 11px;
}
#two > div > div:nth-child(4){
    margin-top: 100px;
}
p.email > i {
    letter-spacing: 3px;
    font-size: 11px;
    margin-left: 5px;
}
#form{
    background: #fff;
    padding: 40px;
    border-radius: 4px;
}
form.send > input {
    width: 100%;
    margin: 10px 0;
    padding: 6px;
    border-radius: 5px;
    border: 1px solid rgba(128,128,128,0.75);
}
form.send > input[type="submit"]{
    padding: 15px 0;
    font-family: GothamProBlack;
    font-size: 20px;
}
form.send > h4{
    margin-top: 0;
    line-height: 27px;
}
section {
    display: flex;
}
section.main {
    background: url(../image/bg.jpg);
    height: 90vh;
    color: #fff;
}
#about {
    font-size: 17px;
    margin: 5% 0;
}
#mouse{
    margin-left: 10px;
}
.annotations{
    font-family: GothamProLight;
    font-size: 12px;
    color: #333;
}
div.special > h1 {
    color: #3f3d94;
    font-size: 50px;
}
div.special > p {
    color: #000;
}
div.special {
    text-align: center;
}
#O_nas{
    margin-bottom: 10%;
    position: relative;
}
#O_nas:before{
    content: '';
    background: url("../image/o_nas.png");
    width: 395px;
    height: 330px;
    position: absolute;
    top: 30%;
    left: 37%;
}
#two{
    background: #f2f1f6;
    position: relative;
}
#two:before{
    content: '';
    background: url("../image/CoolMan.png");
    width: 369px;
    height: 511px;
    position: absolute;
    bottom: 0;
    right: 10%;

}
h1.two {
    margin: 5% 0;
}
p.com{
    text-align: center;
    margin: 20% 0;
}
img.com {
    margin: 0 auto;
    display: flex;
    width: 100%;
}
span#etc{
    margin: 0 auto;
    margin-top: 30%;
}
p.more{
    text-align: right;
    font-size: 20px;
}
a.more {
    font-size: 16px;
    padding: 20px 0;
    width: 100%;
    position: relative;
}
#two > div.container{
    margin-bottom: 100px;
}
/*a.more:before{*/
    /*content: '';*/
    /*background: url("../image/CoolMan.png");*/
    /*width: 369px;*/
    /*height: 516px;*/
    /*position: absolute;*/
/*}*/
div.plus {
    text-align: center;
    margin-bottom: 20px;
}
div.plus > div.border > span.Light{
    font-size: 15px;
    margin-top: 5px;
}
div.plus > div.border > img{
    height: 60px;
    margin-bottom: 5px;
}
.border{
    border: 1px solid rgba(0,0,0,0.2);
    height: 280px;
    padding: 15px;
}
#tree > div > h4 {
    text-align: center;
    color: #3f3d92;
    margin-top: 60px;
    margin-bottom: 100px;
}
#four{
    background: #f2f1f6;
}
.stock > span {
    display: initial;
}
.stock > img {
    margin: 0 10px 8px 0;
    float: left;
}
.stock > span.Light{
    font-size: 15px;
}
.stock > span.Bold {
    display: block;
}
span.add.Light {
    display: block;
    margin-top: 10px;
    font-size: 12px;
}
#four > div > div.row {
    margin: 50px 0;
}
#four > div > div.other.row > div> h2 > span{
    color: #3f3d94;
}
ul.other{
    list-style-type: none;
}
ul.other > li:before{
    content: "\2605";
    color: #95bc3d;
    margin-right: 5px;
}
ul.other > li {
    margin: 3% 0;
    color: #3f3d94;
    font-family: GothamProMedium;
}
.skoba{
    display: inline;
    font-family: GothamProLight;
    margin: 5px;
    font-size: 61px;
    color: #95bc3d;
}
.form {
    background: #fff;
    padding: 5%;
    border-radius: 5px;
    margin-bottom: 5%;
    -webkit-box-shadow: 0px 34px 57px -21px rgba(0,0,0,0.57);
    -moz-box-shadow: 0px 34px 57px -21px rgba(0,0,0,0.57);
    box-shadow: 0px 34px 57px -21px rgba(0,0,0,0.57);
}
div.form > form > div > div > input[type="text"]{
    padding: 8px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid rgba(0,0,0,.25);
    margin: 5px 0;
}
div.form > form{
    display: flex;
    margin-top: 3%;
}
div.form > form > div > div > input[type="submit"]{
    padding: 20px;
    border: none;
    width: 100%;
    font-family: GothamProBlack;
}
#five > div > h1 {
    width: 100%;
    text-align: center;
    color: #414042;
}
#five {
    background: -moz-linear-gradient(270deg, rgba(242,241,246,1) 0%, rgba(255,255,255,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(242,241,246,1)), color-stop(100%, rgba(255,255,255,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(270deg, rgba(242,241,246,1) 0%, rgba(255,255,255,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(270deg, rgba(242,241,246,1) 0%, rgba(255,255,255,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(270deg, rgba(242,241,246,1) 0%, rgba(255,255,255,1) 100%); /* ie10+ */
    background: linear-gradient(180deg, rgba(242,241,246,1) 0%, rgba(255,255,255,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f1f6', endColorstr='#ffffff',GradientType=0 ); /* ie6-9 */
}
div.client {
    margin-top: 5%;
}
.control{
    position: absolute;
    top: 50%;
    font-size: 21px;
    color: #4c4b4d;
}
.control.left{
    left: -50px;
}
.control.right{
    right: -50px;
}
.carousel-indicators{
    bottom: -40px;
}
.content{
    background: #f3f3f4;
    padding: 25px;
    border-radius: 15px;
    height: 450px;
    position: relative;
}
.pencil:before{
    content: '';
    background: url("../image/pencil.png");
    width: 15px;
    height: 15px;
    position: absolute;
    left: -20px;
}
.flag:before{
    content: '';
    background: url("../image/flag.png");
    width: 15px;
    height: 15px;
    position: absolute;
    left: -20px;
}
.star:before{
    content: '';
    background: url("../image/star.png");
    width: 15px;
    height: 15px;
    position: absolute;
    left: -20px;
}
.star,
.flag,
.pencil {
    margin: 10px 20px;
    position: relative;
}
#myCarousel > ol > li.active{
    background: #414042;
}
#myCarousel > ol > li {
    background: #c6c5c6;
    width: 12px;
    height: 12px;
    margin: 0;
}
.content:before{
    content: '';
    background: url("../image/pattern.png") no-repeat;
    width: 327px;
    height: 322px;
    position: absolute;
    right: 0;
    bottom: 0;
}
section#nine{
    margin-top: 100px;
}
#nine{
    text-align: center;
}
#nine > div > p{
    margin-top: 25px;
}
.delivery{
    margin-top: 80px;
    position: relative;
}
.delivery:before{
    content: '';
    background: url(../image/packeg.png) no-repeat;
    background-size: 100%;
    width: 424px;
    height: 416px;
    position: absolute;
    left: 30%;
    top: -20%;
}
.fura{
    text-align: right;
}
img.fura{
    float: left;
    width: 60%;
}
div.row.fura{
    margin-top: 100px;
}
p.fura{
    margin-top: 10px;
    font-size: 17.5px;
}
div.delivery.row > div > p > span{
    margin-top: 20px;
    height: 40px;
    font-size: 16px;
}
div.delivery.row > div > img{
    height: 80px;
}
#nine > div > div.delivery.row > div > span{
    font-size: 15px;
    line-height: 21px;
}
#nine > div > p.sclad{
    margin-top: 100px;
    font-size: 22px;
}
a.sclad.control.right{
    right: 0;
}
a.sclad.control.left{
    left: 0;
}
span.cklad.Light{
    margin-top: 50px;
    font-size: 12px;
}
#nine > div > p.category{
    font-size: 30px;
    margin-top: 70px;
}
p.postavki {
    font-size: 18px;
}
img.brend{
    height: 50px;
}
span.brend.Light{
    margin-top: 32px;
    font-size: 13px;
}
div.brend.row{
    margin-top: 55px;
    margin-bottom: 63px;
}
div.zayvka.row{
    margin-top: 28px;
    margin-bottom: 22px;
}
p.zayvka{
    display: inline;
    margin-top: 15px;
}
a.zayvka{
    display: inline;
    font-size: 14px;
    padding: 15px 53px;
    border: none;
    margin-right: 25px;
}
span.yeba{
    margin-bottom: 25px;
    font-size: 24px !important;
}
div.yeba{
    text-align: center;
}
div.yeba > p {
    margin-right: 25px;
}
#sex{
    background: #f2f1f6;
    padding-top: 100px;

}
#mobile{
    display: none;
}
span.zagolovok.medium{
    font-size: 30px;
}
.resheniy.row {
    margin-top: 70px;
    margin-bottom: 85px;
}
.solutions{
    padding: 20px 25px;
    color: #3f3d94;
    background: #fff;
    border-radius: 7px;
    margin: 15px 0;
    height: 80px;
}
span.counter{
    font-family: GothamProBlack;
    color: #95bc3d;
    font-size: 55px;
    text-align: center;
    margin-top: 15px;
}
.prob{
    position: relative;
    margin-top: 35px;
    height: 70px;
}
section#eight {
    text-align: center;
    padding: 100px 0;
}
img.dover {
    width: 13%;
    filter: grayscale(100%);
}
img.dover:hover {
    filter: none;
}
p.dover {
    font-size: 22px;
}
div.dover {
    margin-top: 70px;
}
span.nehvat{
    color:#fff;
    font-size: 36px;
    margin-top: 70px;
}
p.nehvat{
    margin-top: 30px;
    color: #95bc3d;
}
section#callback2,
section#callback{
    background: url("../image/footerbg.png") no-repeat;
    text-align: center;
    background-size: 100%;
}
section#callback2{
    background-color: #f2f1f6;
    min-height: 100%;
}
div.row.kredit{
    background: #fff;
    border-radius: 15px;
    text-align: left;
    padding: 40px;
    -webkit-box-shadow: 0px 13px 30px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 13px 30px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 13px 30px 0px rgba(0,0,0,0.5);
    margin-bottom: 50px;
}
span.medium.kredit{
    margin-top: 20px;
}
input.kredit{
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.3);
    padding: 5px 10px;
    width: 100%;
    margin-top: 15px;

}
input.kredit[type=submit]{
    font-family: GothamProBlack;
    background: #95bc3d;
    color: #fff;
    border: none;
    font-size: 14px;
    padding: 18px;
    margin: 0;
    margin-top: 0;
}
p.kompaniy{
    color: rgba(65,64,66,0.5);
    font-size: 10px;
    margin-top: 15px;
    margin-bottom: 40px;
}
p.location{
    font-size: 12px;
    position: relative;
}
p.location:before{
    content: '';
    position: absolute;
    background: url("../image/location.png");
    width: 26px;
    height: 39px;
    left: -50px;
    bottom: 0;
}
.scoba{
    position: relative;
}
.scoba:before{
    content: '';
    background: url("../image/scoba1.png");
    background-repeat: no-repeat;
    background-size: 75%;
    width: 23px;
    height: 85px;
    position: absolute;
    left: 0;
    bottom: -10px;
}
.scoba:after{
    content: '';
    background: url("../image/scoba2.png");
    background-repeat: no-repeat;
    background-size: 75%;
    width: 23px;
    height: 85px;
    position: absolute;
    right: 0;
    bottom: -10px;
}
span.callfree.Light{
    display: inline;
    font-size: 10px;
}
div.callfree{
    text-align: right;
}
span.ProBlack.callfree{
    font-size: 18px;
}
span.email.Light{
    color: black;
    display: inline;
    font-size: 11px;
    letter-spacing: 3px;
    border-bottom: 1px solid rgba(0,0,0,0.3);
}
button.callfree{
    background: #95bc3d;
    color: #fff;
    border: none;
    margin-top: 20px;
    border-radius: 5px;
    font-family: GothamProBlack;
    font-size: 14px;
    padding: 10px 45px;

}
footer{
    margin-bottom: 80px;
}
.pro-expert{
    background: #404892;
    position: relative;
}
.zvonok,
div.expert{
    padding-top: 25vh;
}
div.pro-expert > h1{
    position: absolute;
    top: -100px;
    left: 15px;
    font-size: 50px;

}
.pro-expert > .modal-body{
    margin-top: 100px;
}
label.expertplus{
    margin-bottom: 18px;
    color: #fff;
    font-family: GothamProLight;
}
input.expertplus{
    margin-bottom: 18px;
    width: 100%;
    background: initial;
    border: none;
    border-bottom: 2px solid #fff;
    color: #fff;
}
input.expertplus[type="submit"]{
    font-family: GothamProRegular;
    border: none;
    background: #96ba2b;
    padding: 15px;
    font-size: 22px;
    color: #fff;
    border-radius: 5px;
}
span.expertplus{
    position: absolute;
    right: -50px;
    color: #fff;
    font-size: 3em;
}
a.fancybox > img{
    width: 100%;
}
#seven{
    text-align: center;
    color: #fff;
    background: url("../image/seven.png") no-repeat;
    min-width: 100%;
    background-size: 100%;
}
span.screen{
    font-size: 26px;
    letter-spacing: 1px;
    margin-top: 75px;
    margin-bottom: 50px;
}
img.screen{
    width: 90%;
}
a.screen{
    width: 100%;
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 15px;
    margin-bottom: 90px;
    margin-top: 40px;
    position: relative;
}
span.file{
    background: url(../image/file.png);
    background-repeat: no-repeat;
    font-size: 29px;
    display: inline;
    margin-left: 15px;
}
span.bolshe_plus{
    position: absolute;
    right: 0;
    color: #fff;
    font-size: 3em;
}
.bolshe_plus > h1 {
    text-align: center;
}
div.bolshe_plus > div > div > p{
    color: #fff;
}
div.bolshe_plus{
    background: #404892;
}
#modaltext > form > div > div.col-md-5 > input{
    width: 100%;
    padding: 10px;
    border-radius: 5px;
}
#modaltext > form > div > div.col-md-5 > input[type="submit"]{
    font-family: GothamProBlack;
    background: #95bc3d;
    color: #fff;
    border: none;
}
#modaltext{
    padding: 30px 60px;
    text-align: justify;
}
#modaltext label {
	text-align: left!important;
}
header.navbar{
    position: fixed;
    width: 100%;
    z-index: 99;
}
section.main{
    height: 100vh;
    padding-top: 50px;
}
body > footer > div > div > div.col-md-2 > a{
    text-decoration: underline;
    color: rgba(65,64,66,0.5);
    font-size: 12px;
    margin-top: 10px;
    display: block;
}
@media (max-width: 991px) {
    section.main{
        height: 90vh;
        padding-top: 0;
    }
    header.navbar{
        width: auto;
        position: static;
        text-align: center;
    }
    h1{
        font-size: 30px;
        line-height: 40px;
    }
    p.fura{
        text-align: center;
        font-size: 15px;
    }
    div.delivery.row > div{
        margin: 20px 0 ;
    }
    #modaltext > form > div > div.col-md-offset-1.col-md-5 > input[type="text"]{
        margin: 20px 0;
    }
    div.stock {
        margin: 20px 0;
    }
    p.more {
        text-align: center;
        margin-top: 30px;
    }
    #two > div > div:nth-child(4) > div.col-md-2{
        text-align: center;
    }
    div.pro-expert > h1{
        font-size: 32px;
        line-height: 32px;
        top: -67px;
    }
    .delivery:before{
        display: none;
    }
    img.logo{
        float: none;
        margin: 10px 0;
    }
    .logoText{
        font-size: 11px;
        display: block;
        width: 100%;
        margin: 10px 0;
    }
    ul.other{
        padding: 0;
    }
    .solutions{
        height: auto;
    }
    input.expertplus[type="submit"]{
        font-size: 15px;
    }
    .border{
        height: 300px;
    }
    #four > div > div.row{
        margin: 0;
    }
    #seven,
    section#callback2, section#callback{
        background-size: auto;
    }
    footer{
        text-align: center;
    }
    span.nehvat{
        font-size: 24px;
        margin-top: 22px;
    }
    #callback{
        margin-bottom: 40px;
    }
    div.row.kredit{
        padding: 40px 0;
        margin: 0;
    }
    #callback > div > div > form > div:nth-child(3) > input{
        margin-top: 10px;
    }
    .scoba:after{
        right: 80px;
        width: 15px;
        height: 55px;
    }
    .scoba:before{
        left: 80px;
        width: 15px;
        height: 55px;
    }
    #two > div > div:nth-child(4){
        margin-top: 0;
    }
    img.com{
        width: 50%;
    }
    .border{
        margin: 0 15%;
    }
    #mobile{
        display: block;
    }
    #two:before,
    #O_nas:before,
    #media,
    body > header > div > a.form,
    #mouse,
    #two > div > div:nth-child(3) > div:nth-child(4),
    #form{
        display: none;
    }
    div.callfree{
        text-align: center;
    }
    p.com{
        margin-top: 10px;
    }
    p.zayvka,
    div.zayvka.row,
    div.row.fura{
        text-align: center !important;
    }
    a.zayvka,
    img.fura{
        float: none;
    }
    a.fancybox > img{
        width: 80%;
    }
    div.osnova{
        margin-top: 50px;
    }
    div.yeba > p{
        display: block;
        margin-top: 0;
        margin-bottom: 25px;
    }
    div.zahh{
        display: block;
        text-align: center;
        background: #fff;
        padding: 30px 0;
        border-radius: 5px;
        -webkit-box-shadow: 0px 21px 59px 12px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 21px 59px 12px rgba(0,0,0,0.75);
        box-shadow: 0px 21px 59px 12px rgba(0,0,0,0.75);
        margin-top: 25px;
    }
    div.contact{
        float: none;
        display: inline-block;
        width: 100%;
        text-align: center;
        margin: 0;
    }
    p.email{
        border: none;
    }
    div.zahh > button{
        font-family: "GothamProBlack";
        width: 80%;
        padding: 20px 0;
        background: #95bc3d;
        border: none;
        border-radius: 5px;
    }
    div.special > h1{
        font-size: 30px;
    }
	#four > div > div.form > form > div{
		margin: 0;
	}
    div.expert{
        padding-top: 10vh;
    }
    #modaltext{
        padding: 15px;
    }
    .control.left{
        top: inherit;
        bottom: -40px;
        left: 50px;
    }
    .control.right{
        top: inherit;
        bottom: -40px;
        right: 50px;
    }
    .carousel-indicators{
        bottom: -45px;
    }
    span.expertplus{
        position: absolute;
        right: 0;
        top: -67px;
        color: #fff;
        font-size: 3em;
    }
}

.terms_button {
font-size: 18pt;
cursor: pointer;
}

@media screen and (min-width: 600px) {
.terms_button {
font-size: 1em;
padding: 1.8rem 2rem;
border-radius: 2.7rem;
border: 1px solid #337ab7;
}
}