@import url('./bootstrap.min.css');
:focus {
    outline: -webkit-focus-ring-color auto 0px;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background: auto;
}

@font-face {
    font-family: '__DINPro_5';
    src: url('../fonts/dinproblack.eot');
    src: local('☺'), url('../fonts/dinproblack.woff') format('woff'), url('../fonts/dinproblack.svg') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: '__DINPro_5';
    src: url('../fonts/dinprobold.eot');
    src: local('☺'), url('../fonts/dinprobold.woff') format('woff'), url('../fonts/dinprobold.svg') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: '__DINPro_5';
    src: url('../fonts/dinpromedium.eot');
    src: local('☺'), url('../fonts/dinpromedium.woff') format('woff'), url('../fonts/dinpromedium.svg') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: '__DINPro_5';
    src: url('../fonts/dinproregular.eot');
    src: local('☺'), url('../fonts/dinproregular.woff') format('woff'), url('../fonts/dinproregular.svg') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: '__Intro _5';
    src: url('../fonts/intro.eot');
    src: local('☺'), url('../fonts/intro.woff') format('woff'), url('../fonts/intro.svg') format('svg');
    font-weight: 400;
    font-style: normal;
}

html {
    font-family: '__DINPro_5';
}

h4 {
    font-family: '__DINPro_5';
}

h2 {
    font-family: '__DINPro_5';
}

.stickytop {
    position: fixed;
    top: 0px;
    margin-top: 0px !important;
}

.row-center {
    width: 100%;
    text-align: center;
}

#under-text {
    font-family: '__Intro _5';
    font-size: 33px;
}

.ico-block p {
    color: #fff;
    font-family: '__Intro _5';
}

.ico-block {
    text-align: center;
    margin-top: 80px;
}

.zvonok {
    width: 228px;
    min-height: 39px;
    border-width: 2px;
    border-style: solid;
    border-color: #000000;
    background-color: #FCEE21;
    font-size: 20px;
    color: #000000;
    text-align: center;
    line-height: 24px;
    font-family: '__Intro _5';
    font-weight: 400;
    margin-top: 15px;
}

.zvonok:hover {
    border-color: #000000;
    background-color: #9C3F9A;
    color: white;
}

.tel {
    font-size: 25px;
    text-align: center;
    line-height: 26px;
    font-family: '__DINPro_5';
    font-weight: 500;
    color: black;
}

#phone {
    background: url("../images/%d1%82%d0%b5%d0%bb%d0%b5%d1%84%d0%be%d0%bd-u11135.png") #fff no-repeat 0px 3px;
}

.head_menu {
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 50px;
    background-color: #9C3F9A;
    margin-top: 25px;
}

.head_menu ul {
    width: 715px;
    margin: 0 auto;
}

.head_menu ul li {
    display: inline-block;
    height: 50px;
    width: 120px;
    text-align: center;
}

.head_menu ul li a {
    color: white;
    line-height: 50px;
    font-family: '__DINPro_5';
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
}

.head_menu ul li a .fa {
    font-size: 40px;
    line-height: 1;
    vertical-align: top;
    padding: 2px 5px;
    display: inline-block;
    margin-top: 3px;
    background-color: #ffffff;
    border-radius: 50%;
    color: #9c3f9a;
}

.head_menu ul li a .fa.fa-vk {
    font-size: 32px;
    padding: 6px 5px;
}

.thumbactive>img {
    height: 509px;
    width: 735px;
}

.headimg {
    min-height: 790px;
    background: #000000 url("../images/img_5023.png") no-repeat center bottom;
    background-size: cover;
    position: relative;
    margin-top: -185px;
    z-index: 1;
    padding-top: 250px;
}

.headform {
    text-align: center;
    width: 839px;
    height: 230px;
    background-color: rgba(106, 54, 105, 0.9);
    ;
    margin: 0 auto;
    margin-top: 200px;
    position: absolute;
    left: 0;
    right: 0;
}

.gift-ul {
    padding: 0px;
    list-style: none;
    color: #fcee21;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-family: '__DINPro_5';
}

.gift-ul span {
    color: #fff;
}

.head-form-text {
    padding-top: 15px;
    width: 750px;
    margin: auto;
}

.head-forms {
    margin-top: 10px;
}

.head-forms input {
    width: 200px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 20px;
    color: #333;
    font-size: 12px;
}

.head-forms input[type=submit] {
    height: 29px;
    border-width: 2px;
    border-style: solid;
    border-color: #000000;
    font-weight: 600;
    text-transform: uppercase;
    width: 200px;
    background: #fcee21;
    padding: 5px;
    font-family: '__DINPro_5';
    margin-top: 10px;
}

.head-forms input[type=submit]:hover {
    cursor: pointer;
    border-width: 2px;
    border-style: solid;
    border-color: #000000;
    background-color: #5BC4BF;
    color: #333;
}

.head-forms p {
    margin-top: 10px;
    opacity: 1;
    color: #fff;
    font-size: 12px;
}

#ruk {
    color: #9C3F9A;
}

form p {
    margin-top: 10px;
    opacity: 0.8;
    color: #333;
    font-size: 12px;
}

::-webkit-input-placeholder {
    color: #333;
}

::-moz-placeholder {
    color: #333;
}


/* Firefox 19+ */

:-moz-placeholder {
    color: #333;
}


/* Firefox 18- */

:-ms-input-placeholder {
    color: #333;
}

.headform strong {
    font-size: 26px;
    text-transform: uppercase;
    color: #fff;
    font-family: '__DINPro_5';
}

.headform>.imgf {
    width: 250px;
    height: 250px;
    border-width: 5px;
    border-style: solid;
    border-color: #5BC4BF;
    border-radius: 200px;
    background: rgba(0, 0, 0, 0) url("../images/img_3263_small.jpg") no-repeat center center;
    background-color: transparent;
    background-size: cover;
    margin-top: -20px;
    margin-left: 20px;
    margin-right: 20px;
}

.textf {
    min-height: 71px;
    background-color: transparent;
    color: #5BC4BF;
    text-align: center;
    font-family: '__DINPro_5';
    font-weight: 400;
    margin-top: 35px;
    width: 236px;
}

.formm {
    width: 255px;
    margin-top: 35px;
}

.formm input {
    width: 249px;
    margin-bottom: 5px;
    padding-left: 20px;
    height: 25px;
}

.formm button {
    background: url("../images/u1054-17.png") no-repeat 0px 0px;
    min-height: 37px;
    width: 249px;
    border: 0;
    cursor: pointer;
}

.formm button:hover {
    background: url("../images/u1054-17-r.png") no-repeat 0px 0px;
}

h2 {
    margin: 0 auto;
    color: #5BC4BF;
    text-align: center;
    line-height: 36px;
    font-size: 36px;
    font-weight: 700;
}

#work {
    margin-top: 50px;
    color: black;
}

#work h2 {
    margin-bottom: 25px;
    color: black;
}

#work .row {
    margin-bottom: 25px;
}

.workimg {
    width: 290px;
    height: 200px;
    display: inline-block;
    margin-left: 35px;
}

button.catalog {
    width: 433px;
    min-height: 94px;
    border-width: 2px;
    border-style: solid;
    border-color: #000000;
    background-color: #FCEE21;
    font-size: 24px;
    color: #000000;
    text-align: center;
    line-height: 24px;
    font-family: '__Intro _5';
    font-weight: 400;
    margin: 0 auto;
    margin-left: 28%;
}

button.catalog:hover {
    background-color: #9C3F9A;
    color: white;
}

h2.blue {
    width: 960px;
    min-height: 76px;
    background-color: #5BC4BF;
    font-size: 36px;
    color: #FFFFFF;
    text-align: center;
    line-height: 36px;
    font-family: '__DINPro_5';
    font-weight: 400;
    margin: 0 auto;
    margin-top: 50px;
    padding-top: 25px;
    margin-bottom: 100px;
}

#cifri p {
    text-align: center;
    font-weight: bold;
    padding-top: 25px;
    color: black;
    font-family: '__DINPro_5';
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
}

#cifri img {
    text-align: center;
    margin: 0 auto;
}

#cifri {
    width: 980px;
}

#cifri .col-lg-4 {
    text-align: center;
}

#cifri .col-lg-4 img {
    height: 100px;
}

.col-lg-2 {
    width: 16%;
    float: left;
}

.col-lg-7 {
    width: 57%;
    float: left;
}

.modal-open .modal {
    overflow-x: auto !important;
}

.modal {
    /*position: absolute;*/
}

.carousel-inner {
    /*width: 98% !important;*/
    overflow: hidden !important;
}

#feedback {
    background: #E5E5E5 url("../images/shutterstock_192423320.jpg") no-repeat center top;
    /*height:494px;*/
    margin-top: 50px;
    padding-top: 50px;
    padding-bottom: 100px;
    text-align: center;
    font-weight: bold;
}

.feed img {
    width: auto;
    height: auto;
}

#feedback p {
    height: 100px;
    /*font-weight: 400;*/
}

#feedback .feed {
    width: 192px;
    height: 192px;
    border-width: 4px;
    border-style: solid;
    border-color: #9C3F9A;
    border-radius: 200px;
    background-color: transparent;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 25px;
}

.feeds {
    width: 142px;
    height: 142px;
    border-width: 4px;
    border-style: solid;
    border-color: #9C3F9A;
    border-radius: 200px;
    background-color: transparent;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 25px;
    margin-top: 25px;
    margin-left: 5px;
}

#feedback button {
    width: 175px;
    min-height: 26px;
    border-width: 1px;
    border-style: solid;
    border-color: #9C3F9A;
    background-color: transparent;
    font-size: 12px;
    color: #9C3F9A;
    text-align: center;
    line-height: 12px;
    font-family: '__DINPro_5';
    text-transform: uppercase;
    font-weight: bold;
}

#feedback button:hover {
    background-color: #9C3F9A;
    color: white;
}

.flex_row {
  display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.steps_column {
  display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.wework {
    width: 950px;
    height: 500px;

    background-size: contain;
    margin-top: 25px;
    font-size: 16px;
    text-align: left;
    line-height: 16px;
    font-family: '__DINPro_5';
    font-weight: 500;
    color: black;
}

#work {
    margin-top: 50px;
    padding-bottom: 50px;
}
.wework .yellow_cifri{
    color:#fcee21;
        font-size: 55px;
    line-height: 60px;
    margin-right: 20px;
    display: inline-block;

}
.wework .wework_text{
    display: inline-block;
}

.wework .purple_cifri {
      font-size: 60px;
    line-height: 65px;
    margin-left: 20px;
   color:#9c3f9a;
}
.ml_20{
margin-left: 20px;
}
.wework .purple_cifri.ml_0{
margin-left: 0px;
}
.wework .purple_ {
      font-size: 12px;
    line-height: 14px;
   color:#9c3f9a;

}

.itogo {
    font-size: 35px;
}

.purple_right {
  float: right;
}

.steps_center div {
    text-align: center;
}

.wework .circle_left{
border-left:2px solid #fcee21;
-webkit-border-radius: 50%;
        border-radius: 50%;
       height:60px;
       width:100%;

}
.wework .circle_right{
border-right:2px solid #fcee21;
-webkit-border-radius: 50%;
        border-radius: 50%;
       height:60px;
       width:100%;


}
.wework .circle_left1,
.wework .circle_left3{
   border-right:2px solid #fcee21;
-webkit-border-radius: 50%;
        border-radius: 50%;
}
.wework .one,
.wework .two,
.wework .three ,
.wework .four ,
.wework .five
.wework .six,
.wework .seven{
    position: relative;
}

.border {
    border-style: solid;
    width: 100%;
    height: 2px;
    border-color: #000000;
    border-width: 0px 0px 2px;
    padding-bottom: 100px;
}

#work button {
    border-color: #000000;
    background-color: #FCEE21;
    font-family: '__Intro _5';
    font-size: 24px;
    padding-top: 5px;
    color: black;
    padding-bottom: 0px;
    min-height: 94px;
    width: 433px;
    text-align: center;
    font-weight: bold;
    margin: 0 auto;
    /*position:absolute;*/
    left: 0;
    right: 0;
    margin-top: 25px;
}

#work button:hover {
    background-color: #9C3F9A;
    color: white;
}

h2.green {
    width: 876px;
    min-height: 55px;
    background-color: #C2D736;
    font-size: 36px;
    color: #000000;
    text-align: center;
    line-height: 55px;
    font-family: '__DINPro_5';
    font-weight: 400;
}

.chto {
    /*width: 1160px;*/
    margin-top: 25px;
    height: 936px;
    background: #444444 url("../images/img_2913(tint).jpg") no-repeat center center;
    background-size: cover;
}

#akcia h2 {
    color: black;
    font-family: '__DINPro_5';
    font-weight: 900;
}

#akcia h2 small {
    font-size: 14px;
    font-family: '__DINPro_5';
    font-weight: 700;
    color: black;
}

#akcia {
    padding-top: 50px;
    text-align: center;
}

#akcia img {
    padding-bottom: 25px;
    padding-top: 25px;
}

#akcia span {
    color: #9C3F9A;
    text-align: center;
    line-height: 16px;
    font-family: '__DINPro_5';
    font-weight: 700;
}

#akcia div.col-lg-3 {
    height: 205px;
}

#akcia div.col-lg-3 div {
    /*position:absolute;*/
    bottom: 0;
    left: 0;
    right: 0;
}

.slide {
    /*width:880px;*/
    width: 100%;
}

.violet {
    width: 876px;
    min-height: 64px;
    background-color: #9C3F9A;
    font-size: 28px;
    color: #FFFFFF;
    text-align: center;
    line-height: 28px;
    font-family: '__DINPro_5';
    font-weight: 700;
    padding-top: 17px;
    margin-top: 100px;
}

#sert {
    height: 482px;
    background-color: #333333;
}

.foto_about {
    /*z-index: 77;*/
    width: 400px;
    height: 400px;
    border-width: 2px;
    border-style: solid;
    border-color: #5BC4BF;
    border-radius: 200px;
    background: transparent url("../images/%d0%be-%d0%ba%d0%be%d0%bc%d0%bf%d0%b0%d0%bd%d0%b8%d0%b8_2.jpg") no-repeat center center;
    background-size: cover;
    position: absolute;
    margin-top: -25px;
}

@media (min-width: 1200px) {
    .col-lg-offset-2 {
        margin-left: 20.666667%;
    }
}

.right-carousel {
    z-index: 872;
    width: 31px;
    height: 30px;
    border-style: solid;
    border-color: #7F7F7F;
    background-color: transparent;
    -webkit-transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, 17, -7);
    -ms-transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, 17, -7);
    transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, 17, -7);
    border-width: 3px 3px 0px 0px;
    float: right;
    margin-top: -270px;
    margin-right: -11px;
}

.left-carousel {
    z-index: 870;
    width: 33px;
    height: 30px;
    border-style: solid;
    border-color: #7F7F7F;
    background-color: transparent;
    -webkit-transform: matrix(-0.7071, -0.7071, 0.7071, -0.7071, 17, 40);
    -ms-transform: matrix(-0.7071, -0.7071, 0.7071, -0.7071, 17, 40);
    transform: matrix(-0.7071, -0.7071, 0.7071, -0.7071, 17, 40);
    float: left;
    margin-top: -318px;
    margin-left: -67px;
    border-width: 3px 3px 0px 0px;
}

.right-carousel:hover,
.left-carousel:hover {
    border-color: #9C3F9A;
}

.carousel-indicators .active {
    width: 16px;
    height: 16px;
    border-color: #999999;
    background-color: #9C3F9A;
    margin: 1px;
}

.carousel-indicators li {
    width: 16px;
    height: 16px;
    border-color: #DEDEDE;
    background-color: #7F7F7F;
    opacity: 1;
}

.carousel-indicators {
    bottom: 0;
}

.carousel-indicators li:hover {
    background-color: #5BC4BF;
}

.workimg .purple {
    visibility: hidden;
    width: 300px;
    height: 200px;
    background-color: #9C3F9A;
    position: absolute;
    opacity: 0;
    padding-left: 25px;
    padding-top: 15px;
    color: white;
    transition: opacity 0.5s, visibility 0s linear 0.5s;
}

.workimg .purple:hover {
    visibility: visible;
    opacity: 0.9;
    transition-delay: 0s;
}

.purplehover:hover .purple {
    visibility: visible;
    visibility: visible;
    opacity: 0.9;
    transition-delay: 0s;
}

.workimg .blue {
    visibility: hidden;
    width: 300px;
    height: 200px;
    background-color: #5BC4BF;
    position: absolute;
    opacity: 0;
    padding-left: 25px;
    padding-top: 15px;
    color: white;
    transition: opacity 0.5s, visibility 0s linear 0.5s;
}

.workimg .blue:hover {
    visibility: visible;
    visibility: visible;
    opacity: 0.9;
    transition-delay: 0s;
}

.bluehover:hover .blue {
    visibility: visible;
    visibility: visible;
    opacity: 0.9;
    transition-delay: 0s;
}

.workimg .green {
    visibility: hidden;
    width: 300px;
    height: 200px;
    background-color: #C2D736;
    position: absolute;
    opacity: 0;
    padding-left: 25px;
    padding-top: 15px;
    color: white;
    transition: opacity 0.5s, visibility 0s linear 0.5s;
}

.workimg .green:hover {
    visibility: visible;
    visibility: visible;
    opacity: 0.9;
    transition-delay: 0s;
}

.greenhover:hover .green {
    visibility: visible;
    visibility: visible;
    opacity: 0.9;
    transition-delay: 0s;
}

.workimghover h4 {
    font-size: 35px;
    font-weight: bold;
}

.workimghover a {
    color: white;
    text-align: center;
    text-decoration: underline;
    font-weight: bold;
    margin-left: 70px;
}

.workimg {
    cursor: pointer;
}

.catalog2 {
    z-index: 2178;
    width: 433px;
    min-height: 57px;
    border-width: 2px;
    border-style: solid;
    border-color: #9C3F9A;
    background-color: transparent;
    font-size: 24px;
    color: #9C3F9A;
    text-align: center;
    line-height: 24px;
    font-family: '__Intro _5';
    font-weight: 400;
    margin: 0 auto;
}

.catalog2:hover {
    background-color: #9C3F9A;
    color: white;
}

#map iframe {
    width: 100%;
}

#map {
    margin: 0;
    padding: 0;
    margin-top: 100px;
}

.circle1,
.circle2,
.circle3,
.circle4,
.circle5,
.circle6,
.circle7,
.circle8,
.circle9 {
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 200px;
    background-color: #C2D736;
    margin: 0 auto;
    margin-bottom: 15px;
    box-shadow: 0 0 0pt 2pt #C2D736;
    cursor: pointer;
}

div.circle.circ1:hover>div>div,
div.circle.circ2:hover>div>div,
div.circle.circ3:hover>div>div,
div.circle.circ4:hover>div>div,
div.circle.circ5:hover>div>div,
div.circle.circ6:hover>div>div,
div.circle.circ7:hover>div>div,
div.circle.circ8:hover>div>div,
div.circle.circ9:hover>div>div {
    width: 200px;
    height: 200px;
    border-radius: 200px;
    box-shadow: 0 0 0pt 5pt #C2D736;
    margin-top: -168px;
    background: none;
    -webkit-animation: none;
    animation: none;
}

div.circle.circ1:hover>div>div {
    background: url("../images/1%20%d0%bc%d0%b0%d1%81%d1%81%d0%b8%d0%b2.jpg") no-repeat center center;
}

div.circle.circ2:hover>div>div {
    background: rgba(0, 0, 0, 0) url("../images/img_7402.jpg") no-repeat center center;
}

div.circle.circ3:hover>div>div {
    background: rgba(0, 0, 0, 0) url("../images/img_7407.jpg") no-repeat center center;
}

div.circle.circ4:hover>div>div {
    background: rgba(0, 0, 0, 0) url("../images/img_7497.jpg") no-repeat center center;
}

div.circle.circ5:hover>div>div {
    background: rgba(0, 0, 0, 0) url("../images/img_7500.jpg") no-repeat center center;
}

div.circle.circ6:hover>div>div {
    background: rgba(0, 0, 0, 0) url("../images/img_7415.jpg") no-repeat center center;
    background-size: cover;
}

div.circle.circ7:hover>div>div {
    background: rgba(0, 0, 0, 0) url("../images/img_7354.jpg") no-repeat center center;
}

div.circle.circ8:hover>div>div {
    background: rgba(0, 0, 0, 0) url("../images/img_7511.jpg") no-repeat center center;
}

div.circle.circ9:hover>div>div {
    background: rgba(0, 0, 0, 0) url("../images/img_2908.jpg") no-repeat center center;
}

.circle1,
.circle2 {
    -webkit-animation: jello 1.5s infinite ease-in-out;
    animation: jello 1.5s infinite ease-in-out;
}

.circle3,
.circle4 {
    -webkit-animation: jello 2s infinite ease-in-out;
    animation: jello 2s infinite ease-in-out;
}

.circle5,
.circle6 {
    -webkit-animation: jello 2.5s infinite ease-in-out;
    animation: jello 2.5s infinite ease-in-out;
}

.circle7,
.circle8,
.circle9 {
    -webkit-animation: jello 3s infinite ease-in-out;
    animation: jello 3s infinite ease-in-out;
}

.circle p {
    color: white;
    text-align: center;
    font-family: '__DINPro_5';
    font-weight: 700;
    line-height: 7px;
    font-size: 14px;
}

.circle p:nth-child(2) {
    padding-top: 7px;
}

.circle {
    position: absolute;
    width: 200px;
    cursor: pointer;
}

@-webkit-keyframes jello {
    from,
    to {
        box-shadow: 0 0 0pt 9pt #C2D736;
    }
    50% {
        box-shadow: 0 0 0pt 2pt #C2D736;
    }
}

@keyframes jello {
    from,
    to {
        box-shadow: 0 0 0pt 9pt #C2D736;
    }
    50% {
        box-shadow: 0 0 0pt 2pt #C2D736;
    }
}


/*.circus{
    width:64px;
    height:64px;
    margin:0 auto;
}*/

button.otprav {
    min-height: 67px;
    width: 212px;
    background: url("../images/u22758-17.png") no-repeat 0px 0px;
    border: 0;
    float: left;
    margin-left: 25px;
}

button.otprav:hover {
    background: url("../images/u22758-17-r.png") no-repeat 0px 0px;
}

input.otprav {
    margin-top: -25px;
    font-family: '__Intro _5';
    font-size: 18px;
    text-transform: uppercase;
    min-height: 67px;
    width: 212px;
    background: #fff;
    color: #5BC4BF;
    border: solid 2px #5BC4BF;
    float: left;
    margin-left: 25px;
}

.modal-footer p {
    margin-top: 10px;
    text-align: center;
    opacity: 0.8;
    color: #333;
    font-size: 12px;
}

input.otprav:hover {
    background: #5BC4BF;
    color: #fff;
}

#u8531-2 {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 18px;
    padding-top: 33px;
    font-family: '__DINPro_5';
    font-weight: 500;
    text-align: center;
    color: black;
}

#u8531-6 {
    text-transform: none;
    line-height: 14px;
    font-family: '__DINPro_5';
    font-weight: 400;
    text-align: center;
}

.smallborder {
    width: 206px;
    height: 11px;
    border-style: solid;
    border-color: #5BC4BF;
    background-color: transparent;
    margin: 0 auto;
    border-width: 0px 0px 2px;
}

.modal-header {
    border: none;
}

.modal-body input[type=text],
.modal-body textarea {
    width: 179px;
    min-height: 14px;
    font-style: normal;
    padding: 3px 6px 3px 2px;
    color: #4F4F4F;
    font-family: '__DINPro_5';
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-align: center;
}

label.name {
    vertical-align: top;
    width: 20px;
    height: 20px;
    background: url("../images/%d0%b8%d0%bc%d1%8f-u11133.png") no-repeat 0px 0px;
    position: absolute;
    margin-top: -24px;
    margin-left: 4px;
}

label.comm {
    vertical-align: top;
    width: 20px;
    height: 20px;
    background: url("../images/%d0%ba%d0%be%d0%bc%d0%bc%d0%b5%d0%bd%d1%82%d0%b0%d1%80%d0%b8%d0%b9-u11186.png") no-repeat 0px 0px;
    position: absolute;
    margin-top: 18px;
    margin-left: -173px;
    float: left;
}

#zvonok form {
    text-align: center;
    margin: 0 auto;
}

#catalogs form,
#zaproject form,
#vopros form,
#contacts2 form,
#technika form {
    text-align: center;
    margin: 0 auto;
}

input#tel {
    margin-top: 10px;
}

input#mail {
    padding-left: 25px;
    width: 180px;
    border: 1px solid grey;
    background: url("/images/comment-u11186.png") #fff no-repeat 0px 2px;
    margin-top: 10px;
}

label.tel {
    vertical-align: top;
    width: 20px;
    height: 20px;
    background: url("../images/%d1%82%d0%b5%d0%bb%d0%b5%d1%84%d0%be%d0%bd-u11135.png") no-repeat 0px 0px;
    position: absolute;
    left: 57px;
    top: 57px;
}

.modal-footer {
    border: none;
}

button.close {
    position: absolute;
    min-height: 32px;
    min-width: 32px;
    vertical-align: top;
    height: 32px;
    width: 32px;
    top: -32px;
    float: right;
    right: -40px;
    background: url("../images/close40-u8526.png") no-repeat 0px 0px;
    opacity: 1;
}

button.close:hover {
    background: url("../images/close40-u8526-r.png") no-repeat 0px 0px;
}

.thumbphoto {
    margin-top: 10px;
    margin-bottom: 27px;
    cursor: pointer;
}

.thumbphoto:hover img {
    box-shadow: 0px 0px 0px 4px #C2D736;
}

#u21728,
#u21728-4,
#u21728-9,
#u21728-12,
#u21728-15,
#u21727,
#u21709-5,
#u21683,
#u21683-4,
#u21683-7,
#u21683-10,
#u21683-13,
#u21683-16,
#u21684,
#u21685-6,
#u21556,
#u21556-6,
#u21556-9,
#u21556-12,
#u21556-15,
#u21558,
#u21557-5,
#u21600,
#u21600-4,
#u21600-7,
#u21600-10,
#u21600-13,
#u21600-16,
#u21601,
#u21602-5,
#u21491,
#u21491-4,
#u21491-7,
#u21491-10,
#u21491-13,
#u21489,
#u21490-5,
#u21645,
#u21645-4,
#u21645-7,
#u21645-10,
#u21645-14,
#u21645-17,
#u21646,
#u21644-5,
#u21641,
#u21641-4,
#u21641-7,
#u21641-10,
#u21641-14,
#u21639,
#u21640-5,
#u21750,
#u21750-4,
#u21750-7,
#u21750-10,
#u21750-13,
#u21750-16,
#u21748-3,
#u21749-5,
#u21792,
#u21792-4,
#u21792-7,
#u21792-10,
#u21792-13,
#u21792-16,
#u21793,
#u21794-5,
#u21531,
#u21531-4,
#u21531-7,
#u21531-10,
#u21531-13,
#u21529,
#u21530-5,
#u21841,
#u21841-4,
#u21841-7,
#u21841-12,
#u21841-13,
#u21841-18,
#u21841-21,
#u21842,
#u21843-5,
#u21820,
#u21820-4,
#u21820-7,
#u21820-10,
#u21820-13,
#u21821,
#u21819-5,
#u21534,
#u21534-4,
#u21534-7,
#u21534-10,
#u21534-13,
#u21534-16,
#u21534-19,
#u21535,
#u21536-5,
#u21690,
#u21690-4,
#u21690-7,
#u21690-10,
#u21690-13,
#u21689,
#u21688-5,
#u21816,
#u21816-4,
#u21816-7,
#u21816-10,
#u21816-13,
#u21814,
#u21815-5,
#u21496,
#u21496-6,
#u21496-9,
#u21496-12,
#u21496-15,
#u21496-18,
#u21494,
#u21495-5,
#u21753,
#u21753-4,
#u21753-7,
#u21753-10,
#u21753-13,
#u21754,
#u21755-5,
#u21596,
#u21596-4,
#u21596-7,
#u21596-10,
#u21596-13,
#u21596-16,
#u21596-19,
#u21596-22,
#u21597,
#u21595-5 {
    font-family: '__DINPro_5';
    font-weight: 700;
}

p {
    font-family: '__DINPro_5';
}

#projects p {
    line-height: 14px;
    margin: 0 0 3px;
}

#u21709-2,
#u21685-2,
#u21557-2,
#u21602-2,
#u21490-2,
#u21644-2,
#u21640-2,
#u21749-2,
#u21794-2,
#u21530-2,
#u21843-2,
#u21819-2,
#u21536-2,
#u21688-2,
#u21815-2,
#u21495-2,
#u21755-2,
#u21595-2 {
    font-size: 33px;
    line-height: 41px;
    letter-spacing: -2px;
    padding-left: 0px;
    color: #C2D736;
    font-family: '__Intro _5';
    padding-bottom: 15px;
}

.p1,
.p2,
.p3,
.p4 {
    display: none;
}


/*.t1:hover .p1{
    display:block;
}
.t1:hover.p2,.t1:hover.p3,.t1:hover.p4{
    display:none;
}
.t2:hover.p1,.t2:hover.p3,.t2:hover.p4{
    display:none;
}
.t3:hover.p1,.t3:hover.p2,.t3:hover.p4{
    display:none;
}
.t4:hover.p1,.t4:hover.p2,.t4:hover.p3{
    display:none;
}
.t2:hover .p2{
    display:block;
}
.t3:hover.p3{
    display:block;
}
.t4:hover.p4{
    display:block;
}*/

.thumbactive {
    display: block;
}

#widgetu10286_input {
    padding-top: 6px;
    padding-bottom: 6px;
    width: 179px;
    margin-top: 10px;
    min-height: 126px;
    padding: 6px 6px 6px 25px;
    margin-left: -4px;
}

.ts-----_1 {
    color: #4C4C4C;
    font-family: '__DINPro_5';
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    padding: 0px;
}

.ts-----_ {
    color: #4C4C4C;
    font-family: '__DINPro_5';
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    text-align: left;
    padding: 0px 0px 8px;
}

h2#u22563 {
    font-size: 18px;
    color: #4C4C4C;
    text-align: center;
    line-height: 20px;
    font-family: '__DINPro_5';
    font-weight: 500;
    margin-top: 10px;
    margin-right: -25px;
}

.width90 {
    width: 90%;
}

.width990 {
    width: 990px;
}

.width980 {
    width: 980px;
}

div.width920 {
    width: 920px;
}















    .workimghover.blue img {
        max-width: 100%;
    }
    .workimghover.purple {
        max-width: 100%;
    }


    .workimg .blue {
        width: 100%;
        /*height: 100%;*/
        max-width: 100%;
    }
    .workimghover a {
        margin-left: 0;
    }
    .workimghover h4 {
        font-size: 30px;
    }
    .workimg .purple {
        width: 100%;
        padding-left: 10px;
    }
    .workimg img {
        width: 100% !important;
        padding-left: 10px;
        padding-right: 10px;
    }
    .workimg .blue {
        padding-left: 10px;
        padding-right: 10px;
    }



    .foto_about {
        /*display: none;*/
    }


    .col-sm-12 {
        /*width: 980px !important;*/
    }
    .col-lg-offset-5 {
        margin-left: 0;
    }
    body>div:nth-child(14)>div>div.col-lg-7.col-lg-offset-5.col-sm-12.col-xs-12.col-sm-offset-0.col-xs-offset-0 {
        width: 980px;
    }
    body {
        width: 1000px;
    }
    #first_form {
        height: 60px;
    }



#map {
    background: url(../images/map.jpg) center center no-repeat;
    width: 100%;
    height: 450px;
    margin-bottom: 70px;
}

.contacts {
    width: 485px;
    background-color: #9C3F9A;
    opacity: 0.95;
    height: 385px;
    float: right;
    margin-right: 150px;
    margin-top: 30px;
}

#u837-12 {
    z-index: 60;
    width: 480px;
    min-height: 214px;
    background-color: transparent;
    padding-left: 26px;
    padding-top: 65px;
}

#u837-2 {
    font-size: 29px;
    text-transform: uppercase;
    line-height: 35px;
    padding-bottom: 12px;
    font-family: '__DINPro_5';
    font-weight: 500;
    color: black;
}

#u837-4 {
    font-size: 46px;
    line-height: 55px;
    font-family: '__DINPro_5';
    font-weight: 700;
    color: black;
}

#u837-10 {
    font-size: 29px;
    line-height: 31px;
    margin-top: -15px;
    color: #FFFFFF;
    font-family: '__DINPro_5';
    font-weight: 700;
}

#u3918 {
    text-decoration: underline;
    color: #FFFFFF;
    /*line-height: 36px;*/
    font-size: 30px;
    font-family: '__DINPro_5';
    font-weight: 700;
}

.modal-content {
    padding-bottom: 37px !important;
    border-radius: 0px !important;
}

a:focus {
    outline: none !important;
}

input#name,
.formm#name {
    background: url("../images/%d0%b8%d0%bc%d1%8f-u11133.png") #fff no-repeat 0px 2px;
    border: 1px solid grey;
}

input#tel,
.formm#tel {
    background: url("../images/%d1%82%d0%b5%d0%bb%d0%b5%d1%84%d0%be%d0%bd-u11135.png") #fff no-repeat 0px 2px;
    border: 1px solid grey;
}

textarea#comm {
    background: url("../images/%d0%ba%d0%be%d0%bc%d0%bc%d0%b5%d0%bd%d1%82%d0%b0%d1%80%d0%b8%d0%b9-u11186.png") no-repeat 0px 2px;
    border: 1px solid grey;
    margin-top: 10px;
    height: 130px;
}

#email {
    padding: 2px 4px;
    text-align: center;
    background: url("../images/email-u8241.png") #fff no-repeat 0px 2px;
    border: 1px solid grey;
    /*padding-left:23px;*/
}

.formm form #tel {
    margin-top: 0;
}

#otzv0,
#otzv1,
#otzv2,
#otzv3,
#otzv4,
#otzv5,
#otzv6,
#otzv7,
#otzv8,
#otzv9,
#otzv10,
#otzv11 {
    display: none;
    height: auto !important;
    font-weight: 400;
}

.moreotzv2 {
    width: 26px;
    height: 27px;
    background: url(../images/strelkiniz.png) center center no-repeat;
    margin: 0 auto;
    display: block;
}

.otzvopen {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

textarea {
    resize: none;
}

#u3918:hover {
    color: #C2D736;
}

#instagram {
    display: inline-block;
    background: url("../images/%d0%ba%d0%bd%d0%be%d0%bf%d0%ba%d0%b8-%d1%81%d0%be%d1%86%d1%81%d0%b5%d1%82%d0%b5%d0%b9_%d0%b8%d0%bd%d1%81%d1%82%d0%b0%d0%b3%d1%80%d0%b0%d0%bc-u1133.png") no-repeat 0px 0px;
    background-size: cover;
    width: 64px;
    height: 64px;
    vertical-align: middle;
}

#vk {
    display: inline-block;
    background: url("../images/vk-grey.png") no-repeat 0px 0px;
    background-size: cover;
    width: 64px;
    height: 64px;
    vertical-align: middle;
}

#ok {
    display: inline-block;
    background: url("../images/%d0%ba%d0%bd%d0%be%d0%bf%d0%ba%d0%b8-%d1%81%d0%be%d1%86%d1%81%d0%b5%d1%82%d0%b5%d0%b9_%d0%be%d0%b4%d0%bd%d0%be%d0%ba%d0%bb%d0%b0%d1%81%d1%81%d0%bd%d0%b8%d0%ba%d0%b8-u1147.png") no-repeat 0px 0px;
    background-size: cover;
    width: 80px;
    height: 81px;
    vertical-align: middle;
}

#instagram:hover {
    background: url("../images/%d0%ba%d0%bd%d0%be%d0%bf%d0%ba%d0%b8-%d1%81%d0%be%d1%86%d1%81%d0%b5%d1%82%d0%b5%d0%b9_%d0%b8%d0%bd%d1%81%d1%82%d0%b0%d0%b3%d1%80%d0%b0%d0%bc-u1133-r.png") no-repeat 0px 0px;
    background-size: cover;
    width: 64px;
    height: 64px;
}

#vk:hover {
    background: url("../images/vk-color.png") no-repeat 0px 0px;
    background-size: cover;
    width: 64px;
    height: 64px;
}

#top_button {
    position: fixed;
    float: left;
    bottom: 20px;
    left: 20px;
    vertical-align: bottom;
    width: 40px;
    height: 40px;
    background: url("../images/advance6-u3532.png") no-repeat 0px 0px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    z-index: 9999999;
}

#otzv0,
#otzv1,
#otzv2,
#otzv3,
#otzv4,
#otzv5,
#otzv6,
#otzv7,
#otzv7,
#otzv9,
#otzv10,
#otzv11 {
    width: 306.656px !important;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .circle1,
    .circle2,
    .circle3,
    .circle4,
    .circle5,
    .circle6,
    .circle7,
    .circle8,
    .circle9 {
        background: url(../images/point-jello-10.gif);
        width: 64px;
        height: 64px;
        background-size: cover;
        border: none;
        border-radius: 0px;
        background-color: none;
        margin: 0 auto;
        margin-bottom: 10px;
        box-shadow: 0 0 0pt 0pt #C2D736;
        cursor: pointer;
        animation: none;
    }
    div.circle.circ1:hover>div>div,
    div.circle.circ2:hover>div>div,
    div.circle.circ3:hover>div>div,
    div.circle.circ4:hover>div>div,
    div.circle.circ5:hover>div>div,
    div.circle.circ6:hover>div>div,
    div.circle.circ7:hover>div>div,
    div.circle.circ8:hover>div>div,
    div.circle.circ9:hover>div>div {
        width: 200px;
        height: 200px;
        border-radius: 200px;
        box-shadow: 0 0 0pt 5pt #C2D736;
        margin-top: -168px;
        background: none;
        -webkit-animation: none;
        animation: none;
    }
    div.circle.circ1:hover>div>div {
        margin-bottom: 42px;
        background: url("../images/1%20%d0%bc%d0%b0%d1%81%d1%81%d0%b8%d0%b2.jpg") no-repeat center center;
    }
    div.circle.circ2:hover>div>div {
        margin-bottom: 42px;
        background: rgba(0, 0, 0, 0) url("../images/img_7402.jpg") no-repeat center center;
    }
    div.circle.circ3:hover>div>div {
        margin-bottom: 42px;
        background: rgba(0, 0, 0, 0) url("../images/img_7407.jpg") no-repeat center center;
    }
    div.circle.circ4:hover>div>div {
        margin-bottom: 42px;
        background: rgba(0, 0, 0, 0) url("../images/img_7497.jpg") no-repeat center center;
    }
    div.circle.circ5:hover>div>div {
        margin-bottom: 42px;
        background: rgba(0, 0, 0, 0) url("../images/img_7500.jpg") no-repeat center center;
    }
    div.circle.circ6:hover>div>div {
        margin-bottom: 42px;
        background: rgba(0, 0, 0, 0) url("../images/img_7415.jpg") no-repeat center center;
        margin-bottom: 42px;
        background-size: cover;
    }
    div.circle.circ7:hover>div>div {
        margin-bottom: 42px;
        background: rgba(0, 0, 0, 0) url("../images/img_7354.jpg") no-repeat center center;
    }
    div.circle.circ8:hover>div>div {
        margin-bottom: 42px;
        background: rgba(0, 0, 0, 0) url("../images/img_7511.jpg") no-repeat center center;
    }
    div.circle.circ9:hover>div>div {
        margin-bottom: 42px;
        background: rgba(0, 0, 0, 0) url("../images/img_2908.jpg") no-repeat center center;
    }
}

a[href^="tel:"] {
    color: #000;
}



}