/* --- Reset --- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*Fonts*/

@font-face {
  font-family: 'FuturaPTMedium';
  src: url("../fonts/FuturaPTMedium.otf");
  src: local("O"), url("../fonts/FuturaPTMedium.otf") format('opentype');
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'FuturaPTLight';
  src: url("../fonts/FuturaPTLight.otf");
  src: local("O"), url("../fonts/FuturaPTLight.otf") format('opentype');
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'FuturaPTBold';
  src: url("../fonts/FuturaPTBold.otf");
  src: local("O"), url("../fonts/FuturaPTBold.otf") format('opentype');
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'FuturaPTBook';
  src: url("../fonts/FuturaPTBook.otf");
  src: local("O"), url("../fonts/FuturaPTBook.otf") format('opentype');
  font-weight: 400;
  font-style: normal; }  
@font-face {
  font-family: 'FuturaPTDemi';
  src: url("../fonts/FuturaPTDemi.otf");
  src: local("O"), url("../fonts/FuturaPTDemi.otf") format('opentype');
  font-weight: 400;
  font-style: normal; }  
@font-face {
  font-family: 'FuturaPTHeavy';
  src: url("../fonts/FuturaPTHeavy.otf");
  src: local("O"), url("../fonts/FuturaPTHeavy.otf") format('opentype');
  font-weight: 400;
  font-style: normal; }  

/*Общие*/

body {
    font-family: 'FuturaPTBook';
    color: #000;
    font-size: 18px;
    line-height: 25px;   
    padding: 0 !important;
}

a:hover {
    text-decoration: none;
}

a:focus {
    outline: none;
}

a:visited {
    
}

.section-header {
    text-align: center;
    font-family: 'FuturaPTMedium';
    line-height: 60px;
    font-size: 48px;
    letter-spacing: -0.6px;
}

.submit-button {
/*    width: 307px !important;*/
/*    margin-bottom: 110px !important;*/
    cursor: pointer;
    border: none;
    outline: none;
/*    -webkit-box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.2);*/
/*    box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.2);*/
}

input, .feedback-input, textarea {
	margin: 20px 0 30px;
	margin-right: 1.33%;
	padding: 18px 17px 17px 20px;
	width: 23.5%;	
/*	color: #828282;*/
	border: 2px solid transparent;
    border-radius: 2px;
	outline: none;
    font-family: 'FuturaPTBook';
    line-height: 25px;
    font-size: 18px;    
}

textarea {
    height: 6em;
}

.feedback-input:focus {
	outline: none;
}

input[type=text].dirty,
input[type=tel].dirty,
input[type=email].dirty,
textarea.dirty {
  	padding: 20px 16px 16px 16px;
}

input[type=text].dirty,
input[type=tel].dirty,
input[type=email].dirty {
/*  	height: 60px;*/
}

.form-div {
	display: inline;
	width: auto;
	position: relative;
}

.note {
  font-size: 13px;
  font-weight: 300;
  color: #666666;
  position: absolute;
  top: -18px;
  left: 18px;
  text-align: left;
}

.error {
  font-size: 13px;
  font-weight: 300;
  color: #ff6a00;
  position: absolute;
  bottom: -18px;
  left: 18px;
  text-align: left;
}

.color-back {
    background-color: #F3F3F3;
}

.owl-theme .owl-nav { 
    margin-top: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
}

.owl-theme .owl-nav [class*=owl-] {        
    display: inline-block;
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 2px;
    position: relative;
}

.owl-theme .owl-nav .owl-prev {
    background: url(../img/left.svg);    
}

.owl-theme .owl-nav .owl-prev:hover {         
    background: url(../img/left.svg);
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 1, 0, 0.25);
    box-shadow: 0 10px 20px 0 rgba(0, 1, 0, 0.25);
}

.owl-theme .owl-nav .owl-next {
    background: url(../img/right.svg);
}

.owl-theme .owl-nav .owl-next:hover {        
    background: url(../img/right.svg);        
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 1, 0, 0.25);
    box-shadow: 0 10px 20px 0 rgba(0, 1, 0, 0.25);
}

.owl-theme .owl-dots {
    position: relative;
    z-index: 5;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 5px;
    background: #c6c6c6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span {
    background: #000;
}

.owl-theme .owl-dots .owl-dot:hover span {
    background: #000;
}

.sizes-button {
    display: block;
    width: 100%;    
    padding: 15px 15px;
    color: #fff;
    background-color: #000;        
    font-size: 22px;
    line-height: 35px;
    text-align: center;    
    border-radius: 2px;
}

.size-button: hover {    
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 1, 0, 0.25);
    box-shadow: 0 10px 20px 0 rgba(0, 1, 0, 0.25);
}

.sizes-button:hover,
.sizes-button:visited,
.sizes-button:focus {    
    background-color: #2A2A2A;
    text-decoration: none;    
    outline: none;
}

.sizes-button:visited {
    color: #fff;
    background-color: #000;
}

.sizes-button.white {
    background-color: #fff;
}

.sizes-button.yellow {
    background-color: #ffe000;
    margin-bottom: 15px;
}

.sizes-button.black:hover,
.sizes-button.yellow:hover {
    color: #fff;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}

.sizes-button.black:active,
.white:active,
.yellow:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.sizes-button.black:hover {
    color: #ffe000;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}

.sizes-button .arrow,
.products-btn .arrow,
.products-btn .arrow-black,
.sizes-button .arrow-black{
    display: inline-block !important;
    margin: 0 0 -1px 25px;
    padding: 0 !important;
    background: url('../img/arrow-button.svg');
    width: 25px !important;
    height: 16px !important;
}

.products-btn .arrow,
.products-btn .arrow-black {
    margin-left: 20px !important;
}

.sizes-button .arrow-black,
.products-btn .arrow-black {
    background: url('../img/arrow-button-black.svg');    
}

.sizes-button:hover .arrow,
.products-btn:hover .arrow {
    background: url('../img/arrow-button-yellow.svg');
}

.sizes-button:hover .arrow-black,
.products-btn:hover .arrow-black {
    background: url('../img/arrow-button.svg');
}

.block-row {
    display: flex;
    flex-direction: row;
}

.block-col {
    display: inline-block;
    width: 49%;    
}

.block-col p {
    margin-bottom: 25px;
    font-size: 18px;
    line-height: 25px;
}

@media screen and (max-width: 1200px) {
    
    .section-header {
        line-height: 50px;
        font-size: 44px;
    }
    
    .owl-theme .owl-nav [class*=owl-] {        
        display: none;    
    }
    
    input, .feedback-input, textarea {        
        margin-right: 30px;        
        width: 290px;	    
    }
    
    .form-div:nth-child(3) input {
        margin-right: 0;        
    }
    
}

@media screen and (max-width: 992px) {
    
    .section-header {
        line-height: 40px;
        font-size: 36px;
        letter-spacing: -0.5px;
    }
    
    input, .feedback-input, textarea {        
        margin-right: 10px;        
        width: 230px;	    
    }
    
    .sizes-button {
        font-size: 20px;
    }
    
}

@media screen and (max-width: 768px) {
        
    
    
}

@media screen and (max-width: 767px) {
    
    input, .feedback-input, textarea {
        margin: 10px 0;        
    }
    
    .section-header {
        font-size: 25px;
        line-height: 30px;        
    }
    
    .submit-button {
        width: 100% !important;
        margin-bottom: 55px !important;
        font-size: 18px !important;
        line-height: 25px !important;
    }
    
    .sizes-button.submit-button span {
        display: none !important;
    }
    
    textarea {
        height: 10em;
    }
    
}

/*Шапка*/

header {
/*
    -webkit-box-shadow: 0px 20px 30px -15px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 20px 30px -15px rgba(0,0,0,0.75);
    box-shadow: 0px 20px 30px -15px rgba(0,0,0,0.75);
*/
}

.header-top {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.mobile-top-div {
    display: none;
    width: 100%;
    margin-top: 15px;
    color: #666666;
    font-family: "FuturaPTBold";
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
}

.logo-div {
    position: relative;
    display: inline-block;
}

.header-logo {
    position: relative;
    display: inline-block;
    margin: 30px 100px 30px 0;
    width: 216px;
    height: 76px;
}

.logo-text {    
    color: #9b9b9b;
    font-size: 10px;
    letter-spacing: -0.2px;
    font-weight: 500;
    font-style: italic;
    position: absolute;
    text-transform: uppercase;
    left: 66px;
    top: 30px;
    line-height: 11px;
    z-index: 10;    
}

.header-logo img {
    width: 100%;
}

.header-menu-mobile {
    display: none; 
}

.header-menu {
    display: flex;
    flex-direction: column;
    width: calc( 100% - 200px );
}

.header-menu-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #d8d8d8;
}

.header-menu-top div {
    display: inline-block;
}

.header-menu-top .header-menu-title {    
    display: flex;    
    flex-direction: row;
    align-items: center;
    width: 290px;
    font-size: 15px;
    color: #666666;    
}

.header-menu-title p {
    width: 120px;
    font-weight: bold;    
    line-height: 20px;
}

.header-menu-title img {
    display: inline-block;
    width: 120px;    
}

.header-menu-tel {
    float: right;
    position: relative;    
}

.header-tel-city {
    cursor: pointer;
    font-size: 15px;
    line-height: 15px;
    color: #2a6496;    
    text-decoration: none;
    border-bottom: 1px dotted #2a6496;
}

.header-tel-ul {    
    position: absolute;
    top: 25px;
    left: -35px;
    padding: 15px 25px;
    background-color: #ffe000;
    z-index: 10;
}

.header-tel-ul.hidden {
    display: none;
}

.header-tel-item {
    cursor: pointer;
    margin-left: 15px;
    padding: 5px 0;
}

.header-tel-item.active {
    font-weight: bold;
}

.header-tel-item.active::before {
    content: url(../img/list.png);
    margin-left: -25px;
    padding-right: 10px;
}

.header-tel-numbers {
    display: block !important;
    font-size: 22px;
    line-height: 30px;
}

.header-tel-numbers span {
    display: inline-block;
    margin-left: 20px;
    font-size: 15px;
    line-height: 15px;    
}

.header-tel-numbers span a {
    color: #2a6496;    
    text-decoration: none;
    border-bottom: 1px dotted #2a6496;
}

.header-tel-numbers span a:hover,
.header-tel-numbers span a:focus,
.header-tel-numbers span a:visited {
    color: #2a6496;
}

.header-menu-bottom ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.header-menu-bottom li {
    margin: 20px 100px 20px 0;    
    font-family: 'FuturaPTMedium';
    font-size: 22px;
    line-height: 25px;
}

.header-menu-bottom li:last-child {
    margin-right: 0;
}

.header-menu-bottom li a {
    text-decoration: none;
    color: #000;
}

.header-menu-bottom li a:hover {
    text-decoration: none;
    color: #000;
}

.header-bottom {
    position: relative;
}

.header-bottom-layer {    
    display: flex;
    flex-direction: row;
}

.header-div-left {
    display: inline-block;
    width: 50%;
    height: 570px;
    background-color: #ffe000;
}

.header-div-right {    
    display: inline-block;
    width: 50%;
    height: 570px;
    background: url(../img/header-img.png) center no-repeat;
}

.header-div-over {    
    position: absolute; 
    width: 1170px;
    margin: auto;
    top: 0;
    left: calc( (100% - 1170px) / 2 );
    z-index: 5;
}

.header-div-over h2 {
    margin: 55px 35px 25px 0;
    font-family: 'FuturaPTDemi';
    font-size: 60px;
    line-height: 70px;
    letter-spacing: -1px;
}

.header-div-over p {
    margin: 0 35px 40px 0;
    font-family: 'FuturaPTLight';
    font-size: 32px;
    line-height: 40px;
}

.header-div-over span {
    display: inline-block;
    margin: 0 35px 33px 0;
    padding: 3px 8px;
    font-size: 22px;
    line-height: 30px;
    background-color: #fff;
}

#get-calculation {
    width: 270px;
}

#get-calculation:hover,
#get-calculation:focus {
    text-decoration: none;
    color: #ffe000;
    box-shadow: 0 10px 20px 0 rgba(0, 1, 0, 0.25);
}

#get-calculation:active {
    box-shadow: none;
}

@media screen and (max-width: 1440px) {
    
    .header-div-right {        
        background: url(../img/header-img2.png) center no-repeat;
    }
    
}

@media screen and (max-width: 1200px) {
    
    .header-menu-bottom li {
        margin: 20px 71px 20px 0;        
    }
    
    .header-div-left {
        padding: 35px 35px 35px 0;
    }
    
    .header-div-over {        
        width: 970px;        
        left: calc( (100% - 970px) / 2 );
    }
    
    .header-div-over h2 {
        margin: 5px 0 25px 0;        
        font-size: 56px;
        line-height: 60px;
        letter-spacing: -0.9px;
    }

    .header-div-over p {
        margin: 0 0 40px 0;        
        font-size: 28px;
        line-height: 35px;
    }

    .header-div-over span {        
        margin: 0 0 35px 0;
        padding: 3px 8px;
        font-size: 20px;        
    }
    
}

@media screen and (max-width: 992px) {
    
    .header-logo {    
        margin-right: 70px;
    }
        
    .header-menu-bottom li {
        font-size: 18px;
        margin-right: 33px;
    }
    
    .header-tel-numbers {    
        font-size: 18px;        
    }
    
    .header-tel-numbers span {
        display: block;
        margin-left: 0;    
    }
    
    .header-div-over h2 {        
        font-size: 45px;
        line-height: 50px;
        letter-spacing: -0.7px;
    }
    
    .header-div-over {
        width: 750px;
        left: calc( (100% - 750px) / 2 );
    }
    
    .header-div-over p {
        margin: 0 0 30px 0;
        font-size: 24px;        
    }
    
    .header-div-over span {        
        font-size: 18px;
        line-height: 25px;
    }
    
    .header-div-left,
    .header-div-right {    
        height: 530px;    
    }
    
    .header-div-left {
        padding-right: 10px;
    }
    
    header .submit-button {
        margin-bottom: 20px !important;
    }
    
}

@media screen and (max-width: 767px) {
    
    .header-top {        
        flex-direction: column;
        align-items: flex-start;
    }   
    
    .mobile-top-div {
        display: block;        
    }
    
    .logo-text {        
        color: #9b9b9b;
        font-size: 7px;
        letter-spacing: -0.3px;
        left: 44px;
        top: 20px;
        line-height: 9px;        
    }
    
    .header-logo {
        width: 100%;
        height: 60px;
        margin: 15px 0 0;
    }
    
    .header-logo img {
        width: 130px;
    }
    
    .header-menu-top .header-menu-title {   
        display: none;
        width: 100%;           
    }

    .header-menu-title p {
        width: 100%;
        font-family: "FuturaPTBold";
        font-weight: normal;         
        line-height: 18px;
    }
    
    .header-menu-title img {        
        display: none;
    }
    
    .header-menu-mobile {
        display: inline-block;
        float: right;        
    }
    
    .header-menu-mobile a {
        display: inline-block;        
        width: 34px;
        height: 34px;
        margin-left: 5px;
    }
    
    .header-menu-mobile a img {
        width: 100%;
    }
    
    .header-menu {    
        display: none;
        flex-direction: row;
        width: 100%;
    }
    
    .header-menu-top {
        width: 100%;
        border: none;
    }
    
    .header-menu-title {         
        line-height: 20px;        
    }

    .header-menu-tel {
        display: none !important;
    }
    
    .header-menu-bottom {
        display: none;
    }
        
    .header-bottom-layer {        
        flex-direction: column;
        flex-flow: column-reverse;        
    }
    
    .header-div-left {
        display: none;        
        background-color: #ffe000;
    }
    
    .header-div-right {
        display: block;
        width: 100%;
        height: 210px;
        background: url(../img/header-img3.png) center no-repeat;
        background-size: cover;
    }
    
    .header-div-over.container {
        position: relative;
        width: 100%;
        left: 0;
        padding: 0;
    }
    
    .header-div-over .header-div-left.text {
        display: block;        
        width: 100%; 
        height: auto;
        padding: 30px 15px;
    }
    
    .header-div-over h2 {
        margin-bottom: 10px;
        font-size: 32px;
        line-height: 35px;
        letter-spacing: -0.5px;
    }
    
    .header-div-over p {
        margin: 0 0 15px 0;
        font-family: 'FuturaPTBook';
        font-size: 20px;
        line-height: 25px;
    }
    
    .header-div-over span {
        margin-bottom: 15px;
        font-size: 17px;        
    }
    
}

/*Партнерство*/

#partnership {
    padding: 100px 0 130px;
    background-color: #ececec;
}

#partnership .section-header {
    margin-bottom: 60px;
}

.partnership-block {
    display: inline-block;
    float: left;
    height: 260px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 35px 35px 25px 35px;
    font-size: 22px;
    line-height: 30px;
    background-color: #fff;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.07);    
}

.partnership-block:nth-child(3),
.partnership-block:nth-child(7){
    margin-right: 0;    
}

.partnership-block.short {
    width: 24%;
}

.partnership-block.long {
    width: 36.55%;
}

.partnership-inner-square {
    display: inline-block;
    width: 130px;
    height: 130px;
    margin-right: 23px;
    margin-bottom: 12px;
    padding: 30px 10px 20px;
    text-align: center;
    border: 5px solid #ffe000;
}

.partnership-block.long .partnership-inner-square.ten {
    margin-right: 50px;    
}

.partnership-block.long .partnership-inner-square.seven { 
    margin-right: 0;
}

.partnership-inner-square span {
    display: inline-block;
    margin-bottom: 10px;    
    font-family: 'FuturaPTDemi';
    font-size: 64px;
}

.partnership-block-numbers {
    margin: 10px auto 25px;
    font-family: 'FuturaPTMedium';
    font-size: 48px;
    line-height: 60px;
}

.partnership-block-numbers.last-one {
    line-height: 32px;
    margin-top: 0;
}

.partnership-block-numbers span {
    font-size: 32px;
    line-height: 32px;
}

.partnership-block-numbers sup {
    font-size: 30px;
}

.partnership-block-text {
    font-size: 18px;
    line-height: 22px;
}

@media screen and (max-width: 1200px) {
    
    #partnership {
        padding: 100px 0 90px;        
    }
    
    .partnership-block {                        
        padding: 25px 25px 20px 25px;
    }
    
    .partnership-block.long .partnership-inner-square.ten {
        margin-right: 25px;
    }
    
    .partnership-block-numbers {
        margin: 10px auto 25px;        
        font-size: 40px;
        line-height: 60px;
        letter-spacing: -0.6px;
    }
    
}

@media screen and (max-width: 992px) {
    
    #partnership {
        padding: 90px 0 80px;        
    }
    
    .partnership-block.short { 
        width: 38.6%;        
    }
    
    .partnership-block.long {
        width: 59.7%;
    }
    
    .partnership-block.short.lastrow { 
        width: 32.3%;        
    }
    
    .partnership-block:nth-child(3), 
    .partnership-block:nth-child(7) {
        margin-right: 10px;
    }
    
    .partnership-block:nth-child(2), 
    .partnership-block:nth-child(4),
    .partnership-block:last-child {
        margin-right: 0;
    }
    
}

@media screen and (max-width: 767px) {
    
    #partnership {
        padding: 40px 0;
    }
    
    #partnership .section-header {
        margin-bottom: 30px;
    }
    
    .partnership-block.short,
    .partnership-block.long,
    .partnership-block.short.lastrow {
        width: 280px;
        height: 220px;        
        margin: 0;
        margin-bottom: 20px;
        padding: 20px;
    }
    
    .partnership-inner-square {        
        width: 110px;
        height: 110px;
        margin-right: 23px;
        margin-bottom: 12px;
        padding: 30px 10px 20px;        
    }
    
    .partnership-block.long .partnership-inner-square.ten {
        margin-right: 10px;
    }
    
    .partnership-inner-square span {    
        margin-bottom: 10px;        
        font-size: 50px;
    }
    
    .partnership-inner-square,
    .partnership-block p {
        font-size: 17px;
        line-height: 20px;
    }
    
    #partnership .owl-carousel .owl-item {
        width: 280px;
    }
    
}

/*Получить прайс-лист*/

/*Возможности по фрезеровке панелей*/

#milling {
    padding: 70px 0 120px;
}

#milling .section-header {
    margin-bottom: 100px;
}

#milling .block-col:first-child {
    padding: 40px 0 20px;
    margin-right: 2%;
}

#milling .block-col:last-child {
    padding-left: 10px;
}

#milling-btn {
    width: 330px;
    margin-top: 60px;
    background-color: #ffe000;
    color: #000;
}

#milling-btn:hover {    
    color: #fff;
}

#milling-btn:hover .arrow-black {
    background: url(../img/arrow-button.png);
}

#milling .block-col:last-child img {
    width: 100%;    
    box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 992px) {
    
    #milling {
        padding: 70px 0;
    }
    
    #milling .section-header {
        margin-bottom: 85px;
    }
    
    #milling .block-col:first-child {
        padding: 20px 0 20px;
        margin-right: 2%;
    }
    
    #milling-btn {
        width: 300px;
        margin-left: 210px;
        margin-top: 60px;        
    }
    
}

@media screen and (max-width: 767px) {
    
    #milling {
        padding: 40px 0 60px;
    }
    
    #milling .section-header {
        margin-bottom: 30px;
    }
    
    #milling .block-row {
        flex-direction: column;
        flex-flow: column-reverse;
    }
    
    #milling .block-col {
        width: 100%;
    }
    
    #milling .block-col:first-child {
        padding: 0;
        margin-right: 0;
    }
    
    #milling .block-col:last-child {
        padding: 0;
        padding-bottom: 30px;
        margin: 0;
    }
    
    #milling-btn {
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
        margin-bottom: 0 !important;
    }
    
}

/*Технология Soundprint*/

#technology {
    padding: 70px 0 100px;
    background-color: #ececec;
}

#technology .section-header {
    margin-bottom: 100px;
}

#technology .block-col:last-child {
    padding: 0;
    padding-left: 10px;
}

#technology .block-col:first-child {    
    margin-right: 2%;
}

#technology .block-col:first-child img {
    width: 100%;        
}

#technology .block-col.mobile {
    display: none;
}

#technology-btn {    
    width: 330px;
    margin-top: 60px;
    background-color: #ffe000;
    color: #000;
}

#technology-btn:hover {
    color: #fff;
}

@media screen and (max-width: 1200px) {
    
    #technology .block-col:first-child {
        margin-right: 2%;
        width: 60%;
    }
    
    #technology .block-col:last-child {
        width: 38%;
        padding-left: 0;
    }
    
    #technology-btn {            
        margin-left: -280px;        
    }
    
}

@media screen and (max-width: 992px) {
    
    #technology {
        padding: 70px 0;        
    }

    #technology .section-header {
        margin-bottom: 60px;
    }
    
    #technology .block-row {
        flex-direction: column;
    }
    
    #technology .block-col:first-child {
        margin: 0;
        padding: 0 55px;
        width: 100%;
    }
    
    #technology .block-col:last-child {
        width: 100%;
        padding: 0;
    }
    
    #technology-btn {            
        margin: auto;        
    }    
    
    .block-col p {
        margin-bottom: 40px;    
    }
    
}

@media screen and (max-width: 767px) {
    
    #technology {
        padding: 50px 0;        
    }

    #technology .section-header {
        margin-bottom: 30px;
    }
        
    #technology .block-col:first-child {
        display: none;
    }
    
    #technology .block-col.mobile {
        display: block;
        width: 100%;
        margin-bottom: 40px;
    }
    
    #technology .block-col.mobile img {
        width: 100%;
    }
    
        
    #technology-btn {            
        margin: 20px 0 0 !important;
    }    
    
    .block-col p {        
        margin-bottom: 20px;    
        font-size: 17px;
        line-height: 20px;
    }
    
}

/*Получить прайс-лист и Приглашаем к сотрудничеству*/

#price-list,
#invite {
    padding: 65px 0 90px;
    background-color: #ffe000;
}

#price-list .section-header {
    margin-bottom: 60px;    
}

#invite .section-header {
    margin-bottom: 35px;    
}

.invite-text {
    margin-bottom: 25px;
}

.invite-text p {
    text-align: center;
    font-size: 22px;
    line-height: 30px;
}

.form-div {
    display: inline;
    width: auto;
    position: relative;
    margin: 0;
    padding: 0;
}

input[type=checkbox] {
    display: none;
}

.consulting-checkbox-label {        
    font-family: 'FuturaPTBook';
    line-height: 25px;
    font-size: 18px;    
}

.consulting-checkbox-label:before {    
    content: url(../img/off.svg);    
    position: relative;
    top: 5px;
    left: 5px;
    margin-right: 15px;    
}

input[type=checkbox]:checked + .consulting-checkbox-label:before {
	content: url(../img/on.svg);    
	color: #f3f3f3;
	text-align: center;
}

.consulting-checkbox-label > a {
    color: #2a6496;
    text-decoration: none;
}

#price-submit-button,
#invite-submit-button {
    display: inline-block;
    width: 24%;
    margin-right: 0;
}

.submit-button img {
    display: inline-block;
    margin: 0 0 -3px 15px;
}

@media screen and (max-width: 1200px) {
    
    #price-list .section-header {
        margin-bottom: 50px;
    }
    
    #price-submit-button, #invite-submit-button {
        clear: both;
        display: block;
        margin: 0 auto 30px;
        text-align: center;
        width: 290px;         
    }
    
}

@media screen and (max-width: 992px) {
    
    #price-list, #invite {
        padding: 60px 0 50px;    
    }
    
    #consulting .section-header {
        margin-bottom: 20px;
    }
    
    .consulting-checkbox-label > a {
        margin-left: 40px;
    }
    
    .invite-text p {    
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 25px;
    }
    
    .consulting-checkbox-label {        
        font-size: 17px;    
        line-height: 20px;        
    }
    
}

@media screen and (max-width: 767px) {
    
    #consulting .section-header {
        margin: 46px 0 20px;    
    }
    
    .feedback-input, textarea {
        margin: 5px 0;
        padding: 13px 20px;
        width: 100%;
    }
    
    .consulting-checkbox-label {            
        margin-top: 10px;        
    }
        
    .consulting-checkbox-label > a {
        margin-left: 0;
        display: block;
    }
    
    .invite-text p {    
        font-size: 17px;
        line-height: 20px;
        margin-bottom: 20px;
    }
    
    #price-submit-button, #invite-submit-button {
        margin: 20px 0 !important;
    }
    
}

/*Примеры проектов*/

#projects {
    padding: 70px 0 90px;
    background-color: #ececec;
}

#projects .section-header {
    margin-bottom: 55px;
}

#projects-list {
    display: none;
}

.projects-div-btns {
    margin-bottom: 60px;
    text-align: center;
}

.projects-div-btns li {
    display: inline-block;    
}

.projects-div-chosen {
    width: 100%;
}

.projects-div-btn {
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 15px 20px;
    color: #000;
    background-color: #fff;
    border: 1px solid #c6c6c6;
}

.projects-div-btn:hover,
.projects-div-btn:focus {
    text-decoration: none;
    color: #000;
}

.projects-div-btns li.active .projects-div-btn {
    color: #fff;
    background-color: #000;
    border: 1px solid #000;
}

#projects .block-row {
    margin-bottom: 50px;
}

#projects .block-col:last-child {
    padding: 0;
    padding-left: 10px;
}

#projects .block-col:first-child {    
    margin-right: 2%;
}

#projects .block-col:first-child img {
    width: 100%;    
    box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.2);
}

.block-col .projects-p-top {
    font-family: 'FuturaPTMedium';
    font-size: 32px;
    line-height: 40px;
}

.projects-ul-features {
    margin-left: 25px;
    list-style: url(../img/list.png);
}

.projects-ul-item {
    margin-bottom: 5px;
}

.projects-subheader {
    margin-bottom: 45px;
    font-family: 'FuturaPTMedium';
    font-size: 38px;
    line-height: 42px;
    text-align: center;
}

.projects-div-carousel {
    display: inline-block;  
    width: 100%;
    margin: auto;    
    background-color: transparent; 
}

#projects .owl-carousel .owl-stage-outer {
    width: 100%;        
    margin: auto;
}

#projects .owl-item {
    width: 970px;
}

#projects .owl-carousel .owl-item img {    
    opacity: 0.3;
}

#projects .owl-item.active.center img {
    opacity: 1;
    -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.2);
}

#projects .owl-item p {
    display: none;
    margin: 70px 0 40px;
    font-family: 'FuturaPTDemi';
    font-size: 20px;
    line-height: 30px;
    text-align: center;
}

#projects .owl-item.active.center p {
    display: block;
}

#projects .owl-nav {    
/*    height: 550px;       */
}

#projects .owl-theme .owl-nav .owl-next {
    top: 280px;
    left: 510px;
}

#projects .owl-theme .owl-nav .owl-prev {
    top: 280px;
    right: 510px;
}

#projects .owl-dots {
    top: -110px;
}

.projects-div-white {
    padding: 35px;
    background-color: #ffffff;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.07);
}

.projects-div-white p {
    display: inline-block;
    width: calc( 100% - 365px);
    margin-right: 35px;
}

#projects-btn {
    float: right;
    width: 330px;
    margin-top: 20px;
    background-color: #ffe000;
    color: #000;
}

#projects-btn:hover {
    color: #fff;
}

@media screen and (max-width: 1200px) {
    
    .block-col .projects-p-top {    
        line-height: 35px;
    }
    
    .projects-subheader {
        margin-bottom: 45px;
        font-size: 32px;    
    }
    
    #projects .owl-item {
        width: 930px;
    }
    
    #projects .owl-item p {    
        font-size: 18px;
        line-height: 25px;    
    }  
    
    .projects-div-white p {
        display: block;
        width: 100%;
        margin-right: 0;
    }

    #projects-btn {
        float: none;
        display: block;
        margin: auto;        
        margin-top: 30px;        
    }
    
}

@media screen and (max-width: 992px) {
    
    #projects {
        padding: 70px 0;
    }
    
    #projects .section-header {
        margin-bottom: 55px;
    }
    
    .projects-div-btn {        
        margin: 0 10px 10px 0;
        padding: 15px 19px;        
    }
    
    .block-col .projects-p-top {    
        font-size: 26px;
        line-height: 30px;
    }
    
    .projects-subheader {
        margin-bottom: 30px;
        padding: 0 20px;
        font-size: 29px;
        line-height: 35px;
    }
    
    .projects-ul-features {
        margin-left: calc( -100% - 10px );    
    }
    
    .projects-div-white {
        margin: 0 auto;
        padding: 30px;        
    }
    
    #projects .owl-item {
        width: 700px;
    }
    
    #projects .owl-carousel .owl-item img {
        opacity: 1;
    }
    
    #projects .owl-dots {
        top: -110px;
    }
    
    #projects .owl-item p {
        margin: 70px 0 30px;
    }
    
}

@media screen and (max-width: 708px) {
    
    #projects {        
        padding-top: 45px;
        padding-bottom: 25px;
    }
    
    #projects .section-header {
        margin-bottom: 30px;
    }
    
    #projects-list {
        display: block;
        margin: 0 0 20px 0;
        border: solid 1px #c6c6c6;
    }
    
    #projects-list, 
    #projects-list .city-select {
        max-width: 100%;
    }
    
    #projects-list .city-select {    
        height: 250px;
    }
    
    .projects-div-btns {
        display: none;
    }
    
    #projects .block-row {
        margin-bottom: 20px;
        flex-direction: column;
    }
    
    #projects .block-col {
        display: block;
        width: 100%;
        margin: 0 !important;
    }
    
    .projects-ul-features {
        margin-left: 15px; 
        font-size: 17px;
        line-height: 20px;
    }
    
    .projects-subheader {
        margin-bottom: 25px;
        padding: 0 30px;
        font-size: 22px;
        line-height: 30px;
    }
    
    .block-col .projects-p-top {
        margin-top: 30px;
        font-size: 18px;
        line-height: 25px;
    }
    
    #projects .owl-item {
        width: 280px;
    }
    
    #projects .owl-dots {
        top: -65px;
    }
        
    #projects .owl-item p {
        font-family: 'FuturaPTBook';
        font-size: 17px;
        line-height: 25px;
        margin: 50px 0 0;
    }
    
    .projects-div-white {
        margin: 0 15px;
        padding: 20px;        
    }
    
    .projects-div-white p {
        font-size: 17px;
        line-height: 20px;
    }
    
    #projects-btn {
        margin: 20px 0 !important;
    }
    
}

/*Видео*/

#video {
    padding: 66px 0 135px;
}

#video .section-header {
    margin-bottom: 65px;
}

#video .owl-item {
    width: 360px;
}

#video .owl-item > img {            
    width: 100%;    
    -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.2);
}

#video .owl-item {
    position: relative;
}

.ytb {
    position: absolute;
    top: 75px;
    left: calc( 50% - 35px);
    width: 70px !important;
    height: 50px;
}

.video-div-carousel {
    display: inline-block;  
    width: 100%;
    margin: auto;    
    background-color: transparent; 
}

#video .owl-carousel .owl-stage-outer {
    width: 100%;        
    margin: auto;
}

#video p {
    margin-top: 25px;
}

#video a p {
    color: #000;
}

#video .owl-nav {
    top: 280px;
}

#video .owl-nav .owl-prev {
    left: -520px;
}

#video .owl-nav .owl-next {
    right: -520px;
}

#video .owl-dots {   
    display: inline-block;
    top: 40px;
    left: calc( 50% - 30px );
    z-index: 10;
}

@media screen and (max-width: 1200px) {
    
    #video .owl-item {
        left: 3px;
        width: 295px;
    }
    
    .ytb {        
        top: 55px;
        left: calc( 50% - 35px);        
    }
    
    #video .owl-nav {
        top: 280px;
    }

    #video .owl-nav .owl-prev {
        left: -520px;
    }

    #video .owl-nav .owl-next {
        right: -520px;
    }
    
}

@media screen and (max-width: 992px) {    
 
    #video .owl-item {
        left: 3px;
        width: 340px;
    }
    
}

@media screen and (max-width: 767px) {
    
    #video {
        padding: 40px 0 50px;
    }

    #video .section-header {
        margin-bottom: 25px;
    }
    
    #video .owl-item {        
        width: 280px;
    }
    
}

/*Популярные продуктовые линейки*/

#products {
    padding: 90px 0 110px;
    background-color: #ececec;
}

#products .section-header {
    margin-bottom: 85px;
}

.product-item {
    display: inline-block;
    width: 357px;
    height: 285px;
    margin: 0 30px 30px 0;
    background-color: #ffffff;
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.12);
}

.product-item:hover {
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.15);
}

.product-item:nth-child(3n) {
    margin-right: 0;
}

.product-item a {
    color: #2a6496;
}

.product-item a > img {
    width: 100%;
}

.product-item a:hover {
    text-decoration: none;
}

.product-item-title {
    padding: 12px 25px;
}

.product-item a:focus {    
    text-decoration: none;
}

.product-item-title img {
    margin-top: 5px;
    float: right;
    width: 25px !important;
}

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

.products-div-bottom {
    display: inline-block;    
    margin-top: 40px;    
    padding: 30px 110px 50px;
	background-color:#fff;
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.12);
}

.products-div-bottom p {
    width: 100%;
    text-align: center;
    font-size: 22px;
    line-height: 30px;
}

.products-div-bottom p a:hover{
    text-decoration: none;
}

.products-div-bottom span {
    display: block;
    margin: 30px 0 40px;
    text-align: center;
}

.products-div-bottom span a {
    text-decoration: underline;
    color: #2a6496;
}

.products-btn {
    display: inline-block;
    width: 360px;
    margin-right: 30px;
    padding: 15px 30px;
    text-align: center;
    font-size: 22px;
    line-height: 35px;    
}

.products-btn:hover {
    text-decoration: none;
    color: #fff;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}

.products-btn:last-child {
    margin-right: 0;
}

.products-btn:last-child:hover {
    color: #ffe000;
    background-color: #2A2A2A;
}

.yellow {
    color: #000;
    background-color: #ffe000;
}

.yellow:hover,
.yellow:focus{
    color: #fff;
}

.black {
    color: #fff;
    background-color: #000;
}

.black:hover,
.black:focus {    
    color: #fff;
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 1200px) {
    
    .product-item {
        display: inline-block;
        width: 290px;
        height: 245px;
        margin: 0 30px 30px 0;
        background-color: #ffffff;
        box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.12);
    }
    
    .products-div-bottom {
        margin-top: 40px;    
        padding: 30px 90px 50px;    
    }
    
}

@media screen and (max-width: 992px) {
    
    #products {
        padding: 80px 0;
    background-color: #ececec;
    }
    
    #products .section-header {
        margin-bottom: 65px;
    }
    
    .product-item {        
        width: 216px;
        height: 183px;
        margin: 0 30px 30px 0;
    }
    
    .product-item-title {
        padding: 12px 20px;
    }
    
    .products-div-bottom {
        margin-top: 40px;    
        padding: 30px 25px 40px;    
    }
    
    .products-div-bottom p {
        font-size: 20px;
        line-height: 25px;
    }
    
    .products-div-bottom span {    
        margin: 30px 0;     
    }
    
    .products-btn {    
        width: 320px;
        margin-right: 20px;
        padding: 15px 20px;
        font-size: 20px;
        line-height: 35px;
    }
    
}

@media screen and (max-width: 767px) {

    #products {
        padding: 40px 0 60px;
    background-color: #ececec;
    }
    
    #products .section-header {
        margin-bottom: 25px;
    }
    
    .product-item {
        display: block;
        width: 280px;
        height: 224px;
        margin: 0 auto;
    }
    
    .product-item:nth-child(3n+1) {
        margin: 0 auto;
    }
    
    #products .owl-theme .owl-dots {
        margin-top: 10px;
    }

    .products-div-bottom {        
        padding: 0;
        box-shadow: none;
    }
    
    .products-div-bottom span {
        font-size: 17px;
        line-height: 20px;
    }

    .products-btn {
        display: block;
        width: 100%;
        margin: 0;
        padding: 15px 20px;
        font-size: 17px;
        line-height: 20px;
    }
    
    .products-btn:last-child {
        margin-top: 15px;
    }
    
    .products-btn .arrow-black,
    .products-btn .arrow {
        display: none !important;
    }
    
}

/*О компании*/

#about {
    padding: 80px 0 110px;
}

#about .section-header {
    margin-bottom: 70px;
}

.col-about {
    text-align: center;
}

.col-about img {
    display: inline-block;
    margin: auto;
}

.col-about p {
    margin-top: 25px;
    font-family: 'FuturaPTBook';
    line-height: 25px;
    font-size: 18px;    
}

@media screen and (max-width: 768px) {
    
    #about {
        padding: 70px 0 90px;
    }
    
    #about .section-header {
        margin-bottom: 54px;
    }
    
    .col-about p {
        margin-top: 30px;    
        line-height: 25px;
        font-size: 17px;    
    }
    
}

@media screen and (max-width: 767px) {
    
    #about {
        padding: 50px 0 46px;
    }
       
}

/*Где можно применять и О компании*/

#where {
    padding: 66px 0;
}

#where .section-header {
    margin-bottom: 69px;
}

.col-comfort span, 
.col-comfort p {
    display: block;
    margin: 40px 0 20px;
    font-family: 'FuturaPTDemi';
    font-size: 20px;
    line-height: 30px;    
}

.col-comfort p {
    font-family: 'FuturaPTBook';
    color: #828282;
}

@media screen and (max-width: 900px) {
    
}

@media screen and (max-width: 980px) {
    
    #about .owl-carousel .owl-item img {
        width: 135px;
    }
    
    #where .section-header {
        margin-bottom: 64px;
    }

/*    
    .col-about:nth-child(1),
    .col-about:nth-child(2),
    .col-comfort:nth-child(1),
    .col-comfort:nth-child(2) {
        margin-bottom: 20px;
    }
    

    .col-about:nth-child(3),
    .col-comfort:nth-child(3) {
        clear: both;        
    }
*/
        
    .col-comfort span,
    .col-comfort p {
        margin-top: 20px;
        font-size: 17px;
        line-height: 25px;    
    }
    
    .col-comfort span {
        margin-top: 36px;
    }
    
}

@media screen and (max-width: 767px) {
    
    #where {
        padding: 45px 0 0;
    }

    #where .section-header {
        margin-bottom: 30px;
    }
    
    #where .owl-carousel .col-comfort,
    #about .owl-carousel .col-about {
        width: 280px; 
        margin-bottom: 0;        
    }
    
    #where .owl-carousel .owl-item img,   
    #about .owl-carousel .owl-item img {
        width: 135px;
    }
    
    #where .owl-theme .owl-dots {
        top: -220px;    
    }
    
    #about .owl-theme .owl-dots {
        top: -80px;    
    }
    
    .col-comfort,
    .col-about {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
                
    .col-comfort span,
    .col-comfort p,
    .col-about p {
        text-align: center;        
    }
    
    .col-comfort p {
        margin-top: 0;
    }
    
    .col-about p {
        margin-top: 50px;
    }
    
    .col-comfort span {
        margin: 56px 0 10px;        
    }
    
    .owl-carousel.owl-loaded {
        width: 100%;
    }
    
}

/*Где купить*/

#where-to-buy {
	position: relative;
	padding: 0;
	vertical-align: middle;
	overflow: hidden;
	height: 540px;
    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}

#map {
    width: 100%;
    height: 540px;
}

#where-to-buy h2 {
  margin-top: 40px;
}

#where-to-buy .wtb-div {
    position: relative;	
}

#where-to-buy .container {
    position: relative;
    top: -550px;    
    z-index: 5;
}

.col-city-select {
    position: relative;
    float: right;
    width: 495px;
    top: 120px;
    background-color: #ffe000;    
}

#where-to-buy h3 {
  margin: 25px 0 0 40px;
  font-family: 'FuturaPTDemi', sans-serif;
  font-size: 20px;
  line-height: 30px;
  text-align: left;  
}

.footer-select {
    display: inline-block;
    zoom: 1;
    text-align: center;
    position: relative;
    background: transparent;
    width: 100%;
    max-width: 420px;
    border: solid 1px #F8C141;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'FuturaPTBook', sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.25;
    text-align: left;    
    padding: 16px;
    margin: 10px 60px 10px 40px;
    min-width: 200px;
    border-radius: 2px;
}

.footer-select.open {
    border: 1px solid #c6c6c6;
}

.footer-select a {
  cursor: pointer;
}

.footer-select a,
.footer-select a:hover,
.footer-select a:active,
.footer-select a:visited {
  text-decoration: none;  
}

#selectButton {
    position: absolute;
    left: 412px;
    top: 90px;
    z-index: 2;
    cursor: pointer;
}

.city-select {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.25;
    text-align: left;   
    margin-top: 0;
    padding: 15px 12px 15px 20px;
    min-width: 200px;
    max-width: 420px;
    width: 100%;
    height: 160px;
    overflow-y: scroll;
    -webkit-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.16);
    border: 1px solid #c6c6c6;
    border-radius: 2px;
}

#city-select-area,
#projects-select-area,
#modal-select-area,
.city-select li a {
    font-family: 'FuturaPTBook', sans-serif;
    color: #000;
    font-size: 20px;
    line-height: 30px;
    padding: 3px 20px 3px 0;
    display: inline-block;
}

.city-select li a:hover {
  color: #2a6496;
  background: #fff;
}

.chosen:after {
    content: url(../img/list.svg); 
    float: right;
    margin-top: 3px;
    width: 13px;
    height: 9px;    
}

.city-select::-webkit-scrollbar-button {
  background-image: url('');
  background-repeat: no-repeat;
  width: 8px;
  height: 8px;
}

.city-select::-webkit-scrollbar-track {
  background-color: #ecedee;
}

.city-select::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #58595B;  
}

.city-select::-webkit-scrollbar-thumb:hover{
  background-color: #58595B;
}

.city-select::-webkit-resizer{
  background-image: url('');
  background-repeat: no-repeat;
  width: 8px;
  height: 0px
}

.city-select::-webkit-scrollbar{
  width: 3px;
}

.footer-address-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 24px;
    display: none;
    position: absolute;
}

.footer-address-item.active {
  display: inline-block;
}

.footer-address-city {
    display: none;
    zoom: 1;
    font-size: 17px;
    font-weight: bold;
    line-height: 25px;    
    margin-bottom: 12px;
}

.footer-address-item a {    
}

.footer-address-content {
    padding-left: 42px;
    padding-bottom: 50px;
    font-family: 'FuturaPTBook', sans-serif;
    font-size: 20px;
    line-height: 30px;
    text-align: left;    
    max-width: 415px;
}

.footer-address-content a {
  font-size: 20px;
  font-weight: 300;
  text-align: left;
}

.footer-address-content a:hover,
.footer-address-content a:visited,
.footer-address-content a {  
  text-decoration: none;
  border-bottom: 1px solid #2A2A2A;
  color: #2A2A2A;
}

.select-arrow {
  position: absolute;
  top: 0;
  width: 14px;
  height: 100%;
  right: 14px;
  background: url('../img/down-address.svg') no-repeat center center;
}

.footer-address-item.active {
    display: block;
    position: relative;
}

.col-map {
    padding: 0;
    height: 550px;
}

@media screen and (max-width: 1024px) {
    
    #city-select-area,
    .col-city-select {        
/*        left: 580px;*/
        width: 400px;
        font-size: 18px;
        line-height: 25px;
    }
    
    #where-to-buy h3,
    .footer-select,
    .city-select,
    .footer-address-content,
    .city-select li a,
    .footer-address-content a,
    #projects-select-area,
    #modal-select-area {    
        max-width: 320px;
        font-size: 18px;
        line-height: 25px;
    }
    
}

@media screen and (max-width: 900px) {
    
    #where-to-buy {    
        height: 540px;
    }
    
    #where-to-buy .container {    
        top: -560px;    
    }
        
    .footer-select, .city-select, .footer-address-content {
        max-width: 280px;
    }
    
    .city-select {            
        min-width: 200px;        
        height: 140px;    
    }

    .col-city-select {  
        width: 340px;        
    }
    
    #where-to-buy h3 {
        margin: 25px 0 0 30px;    
        font-size: 17px;
        line-height: 25px;    
    }
    
    .footer-select {
        font-size: 18px;        
        line-height: 25px;        
        padding: 15px;
        margin: 10px 60px 10px 30px;
        min-width: 200px;
    }
    
    .footer-address-content {
        padding-left: 30px;        
        font-size: 17px;
        line-height: 25px;        
    }

}

@media screen and (max-width: 767px) {

  #where-to-buy {     
    height: 590px;
  }

  #map {    
    height: 300px;
  }    
    
  .col-map {
    padding-top: 290px;    
    height: 590px;
  }
    
    #where-to-buy .container { 
        padding: 0;
        background-color: #ffe000;
    }
    
  .col-city-select {  
    width: 100%; 
      max-height: 260px;
      top: 0;
      left: 0;
  }
    
    #where-to-buy h3 {
        margin-left: 15px;
    }
    
  .footer-select, .footer-address-content {
    margin-right: 0; 
    margin-left: 15px;    
    min-width: calc( 100% - 30px );    
  }   
    
    .footer-address-content {
        padding-left: 0;
    }
    
    .city-select {
        margin-right: 0;
        min-width: 100%;    
    }
  
}

/*Подвал*/

footer {
    padding: 50px 0;
    font-family: 'FuturaPTBook';
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    background-color: #3e3e3e;
}

footer a {    
    color: #fff;
    border-bottom: 1px solid gray;
}

footer a:hover,
footer a:visited,
footer a:focus {    
    text-decoration: none;
    color: #fff;
}

footer .container div {
    display: inline-block;
}

footer .container div:first-child {
    float: left;
}

footer .container div:last-child {
    float: right;
}

footer span {
    display: block;
}

@media screen and (max-width: 767px) {

  footer {
        padding: 40px 0 30px;
        font-size: 15px;
        line-height: 20px;
    }

    footer .container div {
        display: block;
    }

    footer .container div:first-child {
        float: none;
        margin-bottom: 17px;
    }

    footer .container div:last-child {
        float: none;
    }

    footer span {
        display: block;
    }
  
}

/*Modal*/

.modal-dialog {
  width: 700px;
  top: 10%;
}

#modal-product .modal-dialog,
#modal-video .modal-dialog {
    top: 5%;
}

.fade {    
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;    
    background-color: rgba(255,255,255,0.9);
}

.modal-content {
  border-radius: 0;
  border: none;
  box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.1);
}

.modal-body {
  padding: 30px 30px 35px 30px;
  box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.15);
}

.modal-body .consulting-checkbox-label {
    margin-top: 10px;
    font-family: 'FuturaPTBook';
    line-height: 20px;
    font-size: 17px;
    color: #000;
}

.modal .consulting-checkbox-label:before {
/*    content: url(../img/unchecked-m.png);	*/    
    margin-right: 10px;
    left: 0;
}

.modal input[type=checkbox]:checked + .consulting-checkbox-label:before {
/*	content: url(../img/checked-m.png);	*/
}

.modal .consulting-checkbox-label a {
    color: #2a6496;
}

.modal-body .submit-button {    
    margin-bottom: 0 !important;
}

.close,
.close2 {   
  opacity: 0.7;
  margin-top: 7px;
}

.close:hover,
.close2:hover {    
  opacity: 1;
}

.modal-body h2 {
  width: calc( 100% - 22px );
  margin-bottom: 30px;
  display: inline-block;
  font-family: 'FuturaPTDemi', sans-serif;
  font-size: 26px;  
  line-height: 30px;      
}

#modal-order-call .modal-dialog,
#modal-order-price .modal-dialog {
    width: 400px;    
}

#modal-order-call .modal-body,
#modal-order-price .modal-body {
    background-color: #ffe000;    
}

#modal-order-call input,
#modal-order-price input,
#order-call-submit,
#order-price-submit {
    width: 100%;
    margin: 5px 0;
}

#order-call-submit,
#order-price-submit {
    margin: 10px 0;
}

.modal-product-img {
    width: 100%;
}

.products-div-btns {    
    text-align: center;
}

#modal-product .products-btn {    
    width: 360px;
    margin: 10px auto;
    text-align: center;    
}

#modal-product .products-btn:hover {    
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}

.modal p {  
  margin: 30px 0;
  font-size: 18px;
  line-height: 25px;
  text-align: left;
  color: #000;
}

.consulting-input-name,
.consulting-input-tel,
.consulting-input-mail { 
  width: 30%;
  margin-right: 28px;
  padding: 12px 16px;
  margin-bottom: 16px;
  font-size: 20px;
  line-height: 30px;
  color: #43484d;
/*  border: 1px solid #d8d8d8;*/
  height: 60px;
}

.modal-body .consulting-checkbox-label {
    width: 100%;
    text-align: left;
}

.consulting-input-mail {
    margin-right: 0;
}

.consulting-input-name:focus,
.consulting-input-tel:focus,
.consulting-input-mail:focus {
  outline: none;
}

#consulting-submit {
  padding: 20px 40px;
}

#message {
  width: 100%;
  padding: 18px 16px;
  margin: 20px 0 16px 0;
  font-size: 20px;
  line-height: 30px;
  color: #43484d;
  border: 1px solid #d8d8d8;
  overflow-x: hidden;
}

.modal-body > form > div {
  text-align: center;
}

.btn-query {
  margin: 0 auto;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.modal-body .submit-button {
    display: inline-block;
    margin: auto;
}

@media screen and (max-width: 767px) {
    
    #tel-list {        
        margin: 0;
        margin-top: 70px;
        min-width: 100%;
    }
    
    #tel-list .city-select {        
        height: 320px;
    }
    
    .modal-tel-view {
        margin-top: 20px;
        padding: 30px 35px;
        text-align: center;
        border: solid 5px #ffffff;
    }
    
    .modal-tel-view .modal-tel-p {
        margin: 20px 0 5px 0;
        color: #000;
        font-family: 'FuturaPTDemi';
        font-size: 25px;  
        line-height: 35px;
        text-align: center;
    }
        
    .modal-dialog,
    .modal-content {
        width: 100% !important;
        height: 100% !important;;
        margin: 0;
        padding: 0;
        left: 0;
        top: 0;
    }
    
    .modal-content {        
        background-color: #ffe000;
    }
    
    .modal-body {
        padding: 20px;
        box-shadow: none;
    }

    .modal-body h2 {
        width: 100%;
        margin: 100px 0 20px;      
        font-size: 25px;
        line-height: 30px;
        letter-spacing: -0.3px;
        text-align: center;
    }
    
    .modal-body .close {
        position: absolute;
        right: 20px;
        top: 20px;
    }
    
    #modal-menu ul {
        width: 100%;
        margin-top: 200px;
        text-align: center;    
    }
    
    #modal-menu li {
        margin-bottom: 30px;
        font-size: 25px;
        line-height: 25px;
        
    }
    
    #modal-menu li a {
        color: #000;
    }
    
    #modal-menu li a:hover,
    #modal-menu li a:visited {
        color: #000;
        text-decoration: none;
    }
    
    .modal p {    
        margin: 10px 0;
        font-size: 17px;
        line-height: 25px;    
        color: #787878;
    }

  .modal-body .consulting-checkbox-label,
  .modal-body .consulting-input-name,
  .modal-body .consulting-input-mail,
  .modal-body .consulting-input-tel,
  .modal-body .consulting-input-phone {
    width: 100%;
    margin-bottom: 10px;
    font-size: 17px;
    line-height: 20px;
  }
        
    .modal-body .consulting-checkbox-label {
        margin-top: 0;
    }    
    
    #modal-order-call .modal-body .consulting-checkbox-label,
    #modal-order-price .modal-body .consulting-checkbox-label {
        margin-top: 10px;
    }
    
    .modal-body .submit-button {
        margin: auto;
    }
    
    #modal-product .modal-dialog {
        top: 0;
        height: auto !important;
    }
    
    #modal-product .modal-content {
        background-color: #fff;
    }
    
    #modal-product .modal-body {
        margin: 10px;
        box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.15);
    }
    
    #modal-product .modal-body h2 {    
        margin: 0 0 10px;
        text-align: left;       
        font-size: 18px;
        line-height: 25px;
    }
    
    #modal-product .products-btn {
        width: 100%;
        margin: 10px auto;
        text-align: center;
    }
    
    #modal-product .arrow-black,
    #modal-product .arrow {
        display: none !important;
    }
    
}

.errorBorder {
  border: 2px solid #ff6a00;
}