@font-face {
	font-family: 'GothamPro';
	src: url('../fonts/GothamPro/GothamPro.eot?') format('eot'), 
	     url('../fonts/GothamPro/GothamPro.otf')  format('opentype'),
	     url('../fonts/GothamPro/GothamPro.woff') format('woff'), 
	     url('../fonts/GothamPro/GothamPro.ttf')  format('truetype'),
	     url('../fonts/GothamPro/GothamPro.svg#GothamPro') format('svg');
}

@font-face {
	font-family: 'GothamPro-Light';
	src: url('../fonts/GothamPro-Light/GothamPro-Light.eot?') format('eot'), 
	     url('../fonts/GothamPro-Light/GothamPro-Light.otf')  format('opentype'),
	     url('../fonts/GothamPro-Light/GothamPro-Light.woff') format('woff'), 
	     url('../fonts/GothamPro-Light/GothamPro-Light.ttf')  format('truetype'),
	     url('../fonts/GothamPro-Light/GothamPro-Light.svg#GothamPro-Light') format('svg');
}

@font-face {
	font-family: 'GothamPro-Bold';
	src: url('../fonts/GothamPro-Bold/GothamPro-Bold.eot?') format('eot'), 
	     url('../fonts/GothamPro-Bold/GothamPro-Bold.otf')  format('opentype'),
	     url('../fonts/GothamPro-Bold/GothamPro-Bold.woff') format('woff'), 
	     url('../fonts/GothamPro-Bold/GothamPro-Bold.ttf')  format('truetype'),
	     url('../fonts/GothamPro-Bold/GothamPro-Bold.svg#GothamPro-Bold') format('svg');
}

header { margin: 10px 0; z- }

header .row {
    align-items: center;
}

header .logo {
    text-align: center;
}

header .logo a img {
    width: 100%;
    max-width: 209px;
}

header .phone a {
    font-size: 16px;
    font-family: "GothamPro",sans-serif;
    font-weight: 700;
    display: flex;
    color: #333;
    text-decoration: underline;
}

header .phone span {
    font-size: 16px;
    font-family: "GothamPro",sans-serif;
    color: #333;
    font-weight: 700;
    display: flex;
}

header .address span {
    font-size: 16px;
    font-family: "GothamPro",sans-serif;
    color: #333;
    font-weight: 700;
    display: flex;
    justify-content: flex-end;
}

header .callback div {
    color: #fff;
    cursor: pointer;
    display: flex;
    height: 40px;
    max-width: 200px;
    margin: auto;
    border: none;
    border-radius: 20px;
    font-family: "GothamPro",sans-serif;
    padding: 8px 24px;
    justify-content: center;
    transition: .2s;
    background: #f6940f;
    background: linear-gradient(180deg,#f6940f 0,#f75b2f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6940f",endColorstr="#f75b2f",GradientType=0);
}

header .callback .vk, footer .address a.vk { /*text-align: center;*/ display: block; /*padding-top: 10px;*/ font-weight: 700; color: #5281eb; }

.menu-top {
    
}

.menu-top .container-fluid {
    background: #f6940f;
    background: linear-gradient(180deg,#f6940f 0,#f75b2f);
}

.menu-top a {
    font-family: "GothamPro-Bold",sans-serif;
    color: #fff;
    justify-content: center;
    display: flex;
    padding: 12px 0;
}


.bg-home {
    background: url('../image/tmp/karkasnye_doma.jpg') no-repeat;
    background-position-y: 50%;
    background-size: cover;
    color: #fff;
    font-family: "GothamPro-Bold",sans-serif;
}

.bg-bani {
    background: url('../image/tmp/bg-bani.jpg') no-repeat!important;
    background-position-y: 70%!important;
    background-size: cover!important;
    color: #fff;
    font-family: "GothamPro-Bold",sans-serif;
}

.bg-akciya {
    background: url('../image/tmp/bg-baner-new.jpg') no-repeat!important;
    background-position-y: 70%!important;
    background-size: cover!important;
    color: #fff;
    font-family: "GothamPro-Bold",sans-serif;
}

.bg-home .container-fluid {
    background: rgba(0, 0, 0, 0.3);
}

.bg-home h1 {
    padding-top: 180px;
    width: 600px;
    clear: both;
}

.bg-home p {
    padding-bottom: 180px;
    font-size: 18px;
    padding-top: 30px;
    width: 600px;
    clear: both;
}

.list-projects { background-color: #f6f6f6; }

.list-projects .text p {
    color: #333;
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 40px;
    margin: 0;
}

.list-projects .filter {
    text-align: center;
}

.list-projects .filter a:hover { text-decoration: none; background: #f6940f; background: linear-gradient(180deg,#f6940f 0,#f75b2f); }

.list-projects .filter a {
    color: #fff;
    cursor: pointer;
    height: 40px;
    max-width: 230px;
    margin: 0 15px;
    border: none;
    border-radius: 20px;
    font-family: "GothamPro",sans-serif;
    padding: 8px 24px;
    transition: .2s;
    background: #5281eb;
    background: linear-gradient(180deg,#5281eb 0,#235de0);
}

.list-projects .filter.pr-size span{
    width: 100%;
    display: block;
    margin-bottom: 10px;
    margin-top: 30px;
}

.list-projects .filter.pr-num-fl span {
    width: 100%;
    display: block;
    margin-bottom: 10px;   
    margin-top: 10px;
}

.list-projects .filter.pr-size div {
    color: #fff;
    display: inline-block;
    cursor: pointer;
    height: 40px;
    max-width: 100px;
    margin: 0 15px 15px 15px;
    border: none;
    border-radius: 20px;
    font-family: "GothamPro",sans-serif;
    padding: 8px 24px;
    transition: .2s;
    background: #5281eb;
    background: linear-gradient(180deg,#5281eb 0,#235de0);
}

.list-projects .filter.pr-size div:hover, .list-projects .filter.pr-num-fl div:hover { background: #f6940f; background: linear-gradient(180deg,#f6940f 0,#f75b2f); }

.list-projects .filter.pr-size .active, .list-projects .filter.pr-num-fl .active { background: #f6940f; background: linear-gradient(180deg,#f6940f 0,#f75b2f); }

.list-projects .filter a.active { background: #f6940f; background: linear-gradient(180deg,#f6940f 0,#f75b2f); }

.list-projects .filter.pr-num-fl div {
    color: #fff;
    display: inline-block;
    cursor: pointer;
    height: 40px;
    max-width: 200px;
    margin: 0 15px 15px 15px;
    border: none;
    border-radius: 20px;
    font-family: "GothamPro",sans-serif;
    padding: 8px 24px;
    transition: .2s;
    background: #5281eb;
    background: linear-gradient(180deg,#5281eb 0,#235de0);
}

.list-projects .text p:nth-child(1){
    padding-top: 40px;
}

.list-projects .text p:nth-child(2){
    color: #f6940f;
    padding-bottom: 30px;
}

.list-projects .text p small {
    font-size: 18px;
    font-weight: 800;
}

.list-projects .project { padding-top: 15px; padding-bottom: 15px; }

.list-projects .project-all div {
    background: #5281eb;
    background: linear-gradient(180deg,#5281eb 0,#235de0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5281eb",endColorstr="#235de0",GradientType=0);
    border-color: #274faa;
    color: #fff;
    cursor: pointer;
    display: flex;
    height: 40px;
    max-width: 200px;
    margin: auto;
    border: none;
    border-radius: 20px;
    font-family: "GothamPro",sans-serif;
    padding: 8px 24px;
    justify-content: center;
    margin-bottom: 40px;
    margin-top: 25px;
}

.list-projects .project .info {
    background: #fff;
    border: 1px solid #d6d6d6;
}

.list-projects .project .info .img {
    
}

.list-projects .project .info .img img {
    width: 100%;
}

.list-projects .project .info .desc {
    padding: 15px 20px;
}

.list-projects .project .info .link {
    
}

.list-projects .project .info .link a {
    color: #fff;
    cursor: pointer;
    display: flex;
    height: 40px;
    margin: auto;
    border: none;
    font-family: "GothamPro",sans-serif;
    padding: 8px 24px;
    justify-content: center;
    transition: .2s;
    background: #f6940f;
    background: linear-gradient(180deg,#f6940f 0,#f75b2f);
}

.list-projects .project .info .desc p {
    margin-bottom: 0;
}

/*.list-projects .project .info .desc p:nth-child(odd) {
    background: #ffe7dd;
}

.list-projects .project .info .desc p:nth-child(even) {
    background: #f7f7f7;
}*/

.list-projects .project .info .desc p.title {
    font-family: "GothamPro-Bold",sans-serif;
    color: #333;
    font-size: 20px;
    background: #fff;
    padding-bottom: 10px;
    display: block;
}

.list-projects .project .info .desc p span {
    color: #f6940f;
    font-weight: 700;
    float: right;
}

.list-projects .project .info .desc p.price {
    line-height: 28px;
    padding-top: 10px;
}

.list-projects .project .info .desc p span.price { color: #5baa00; font-size: 20px; }

.about { background: #fff; }

.about .text p {
    color: #333;
    text-align: center;
    font-size: 20px;
    margin: 0;
    padding-top: 20px;
}

.about .text p:nth-child(2) {
    color: #333;
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 40px;
    margin: 0 auto;
    max-width: 800px;
    padding-top: 5px;
    padding-bottom: 25px;
}

.about .icon .img img {
    max-width: 175px;
    margin: 0 auto;
    display: block;
    padding-left: 20px;
}

.about .icon .title {
    font-family: "GothamPro-Bold",sans-serif;
    color: #333;
    font-size: 20px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.about .icon .desc {
    font-family: "GothamPro",sans-serif;
    color: #333;
    text-align: center;    
}

.advantages {
    background: url("../image/bg/bg_advantages.png") no-repeat;
}

.advantages .container { padding-bottom: 20px; }

.advantages .container-fluid {
    background: rgba(0, 0, 0, 0.1);
}

.advantages .container-fluid .text h2 {
    color: #333;
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 40px;
    margin: 0 auto;
    max-width: 800px;
    padding-top: 40px;
    padding-bottom: 35px;
}

.advantages .item {
    background: #fff;
    margin-bottom: 30px;
    border: 10px solid #f6940f;
    border-width: 10px 10px 0 0;
}

.advantages .item .info {
    background: #fff;
    position: relative;
    margin-left: -10px;
    height: calc(100% + 10px)!important;
}

.advantages .item .info h3 {
    font-family: "GothamPro-Bold",sans-serif;
    color: #5baa00;
    font-size: 20px;
    text-align: center;
    padding: 15px 15px 0 15px;
}

.advantages .item .info p {
    font-family: "GothamPro",sans-serif;
    color: #333;
    text-align: center;
    padding: 10px 15px 15px 15px;
    font-size: 14px;
    margin: 0;
}

.callback-form {
    background-color: rgb(241, 241, 241);
    padding: 40px 0;
}

.callback-form .row {
    margin: auto;
}

.callback-form p {
    margin: 0;
    font-family: "GothamPro", sans-serif;
    text-align: center;
    padding-bottom: 15px;
}

.callback-form p span {
    font-size: 24px;
    color: #f6940f;
}

.callback-form .politic p {
    margin: 0;
    font-size: 13px;
    font-family: "GothamPro", sans-serif;
    text-align: center;
    padding-top: 15px;
}

.callback-form .politic p a {
    color: #212529;
    border-bottom: 1px solid #72be54;
}

.callback-form .politic p a:hover {
    text-decoration: none;
}

.callback-form .input input {
    border: 1px solid #ece9e3;
    padding: 9px 23px;
    background: #fff;
    border-radius: 25px;
    width: 100%;
    outline: none;
}

.callback-form .input input::-webkit-input-placeholder { color: #5baa00; font-weight: bold; }
.callback-form .input input:-ms-input-placeholder { color: #5baa00; font-weight: bold; }
.callback-form .input input::-ms-input-placeholder { color: #5baa00; font-weight: bold; }
.callback-form .input input::placeholder { color: #5baa00; font-weight: bold; } 

.callback-form .button div {
    padding: 10px 28px 10px 28px;
    background-color: #ff544a;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

.callback-form .button button {
    padding: 10px 28px 10px 28px;
    background: #5281eb;
    background: linear-gradient(180deg,#5281eb 0,#235de0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5281eb",endColorstr="#235de0",GradientType=0);
    border-color: #274faa;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border: 0;
    width: 100%;
}

.text-home {
    padding: 30px 0 15px 0;
}

.text-home h2 {
    color: #333;
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 32px;
    margin: 0 auto;
    /*max-width: 800px;*/
    padding-bottom: 20px;
}

.text-home p {
    font-family: "GothamPro",sans-serif;
    color: #333;
}

footer {
    padding: 15px 0;
    border-top: 1px solid #d6d6d6;
}

footer .address p {
    color: #333;
    font-size: 16px;
    display: block;    
    margin: 0;
    font-family: "GothamPro-Bold",sans-serif;
}

footer .address a {
    color: #333;
    font-size: 16px;
    display: block;
    font-family: "GothamPro-Bold",sans-serif;
}

footer .logo img {
    width: 100%;
    max-width: 209px;
}

footer .logo .soc-link { display: block; }

footer .logo .soc-link .soc-icon { width: 32px; margin: 0 auto 15px auto; display: block; }

footer .links { }

footer .links a {
    color: #333;
    font-size: 16px;
    display: block;
    text-decoration: underline;
}

.menu-top .mob-menu { display: none; }

.card-project {
    background-color: rgb(241, 241, 241);
}

.card-project .breadcrumb {
    background-color: inherit; padding: 15px 0; margin: 0;
}

.card-project .breadcrumb a {
    font-family: "GothamPro",sans-serif;
}

.card-project .breadcrumb span {
    font-family: "GothamPro",sans-serif;
    color: #333;
    font-size: 12px;
}

.card-project .breadcrumb a span {
    color: #f6940f; padding-right: 4px;
}

.card-project .title {
    
}

.card-project .title h1 {
    color: #333;
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 40px;
    margin: 0 auto;
    max-width: 800px;
    padding-top: 5px;
    padding-bottom: 25px;
}

.card-project .block-left {
    padding: 0; float: left;
}

.card-project .block-left .images {
    
}

.card-project .block-left .images .img {
    float: left; padding: 0; border: 1px solid #fff;
}

.card-project .block-left .images .img img {
    width: 100%; margin: auto; display: block; cursor: pointer;
}

.card-project .block-left .images .img p {
    width: 100%;
    text-align: center;
}

.card-project .block-right {
    float: left;
}

.card-project .block-right .but-request {
    padding: 10px 28px 10px 28px;
    background: #5281eb;
    background: linear-gradient(180deg,#5281eb 0,#235de0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5281eb",endColorstr="#235de0",GradientType=0);
    border-color: #274faa;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border: 0;
    width: 100%;
    max-width: 300px;
    margin: 40px auto 30px auto;
}

.card-project .block-right a {
    color: #5baa00;
    font-weight: bold;
    font-size: 18px;
    text-decoration: underline;
    width: 100%;
    text-align: center;
    display: block;
    display: none;
}

.card-project .block-right p {
    margin: 10px 0 0 0;
    border-bottom: 1px dotted #333;
}

.card-project .block-right p span:first-child {
    background: #fff;
    padding: 4px 4px 4px 0;
}

.card-project .block-right p span:last-child {
    background: #fff;
    padding: 4px 0 4px 4px;
    color: #f6940f;
    font-weight: 700;
    float: right;
}

.card-project .block-right .price {
    line-height: 28px;
    padding-top: 25px;
    margin-bottom: 30px;
    border-bottom: 0;
    height: 45px;
    display: flex;
    justify-content: center;
}

.card-project .block-right .price span:first-child {
    float: left; padding-right: 15px;
}

.card-project .block-right .price span:nth-child(2) {
    color: #5baa00;
    font-size: 26px;
    font-weight: bold;
    float: left;
}

.card-project .block-right .price span:last-child {
    float: left; padding-left: 15px;
}

.card-project .table {
    background: #fff; padding: 0; padding-top: 15px;
}

.card-project .table table {
    word-break: break-word; width: 100%;
}

.card-project .table table tr {
    
}

.card-project .table table tr:nth-child(odd) {
    background: #ffe7dd;
}

.card-project .table table tr td {
    border: 0;
}

.card-project .table table tr td.bold {
    font-weight: bold;
    border-bottom: 2px solid #fff;
}

.card-project .table table tr td:first-child {
    border-right: 2px solid #fff;
}

.card-project .table table tr td:last-child {
    border-left: 2px solid #fff;
}

.card-project .text {
    border-top: 5px solid rgb(241, 241, 241);
    padding: 5px 0;
    text-align: center;
}

.card-project .text p {
    margin: 0;
    padding: 5px 10px 5px 10px;
}

#requestModal {
    
}

#requestModal .modal-header, #requestModalCall .modal-header {
    text-align: center;
    border-bottom: 0;
    padding-bottom: 0;
}

#requestModal input, #requestModalCall input {
    border: 1px solid #ece9e3;
    padding: 9px 23px;
    background: #fff;
    border-radius: 25px;
    width: 100%;
    outline: none;
    max-width: 320px;
    margin: 0 auto 15px auto;
    display: block;
}

#requestModal input::-webkit-input-placeholder, #requestModalCall input::-webkit-input-placeholder { color: #5baa00; font-weight: bold; }
#requestModal input:-ms-input-placeholder, #requestModalCall input:-ms-input-placeholder { color: #5baa00; font-weight: bold; }
#requestModal input::-ms-input-placeholder, #requestModalCall input::-ms-input-placeholder { color: #5baa00; font-weight: bold; }
#requestModal input::placeholder, #requestModalCall input::placeholder  { color: #5baa00; font-weight: bold; } 

#requestModal .but-request, #requestModalCall .but-request {
    padding: 10px 28px 10px 28px;
    background: #5281eb;
    background: linear-gradient(180deg,#5281eb 0,#235de0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5281eb",endColorstr="#235de0",GradientType=0);
    border-color: #274faa;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border: 0;
    width: 100%;
    max-width: 250px;
    margin: 35px auto 30px auto;
}

#requestModal p, #requestModalCall p {
    margin: 0;
    font-size: 13px;
    font-family: "GothamPro", sans-serif;
    text-align: center;
    padding-bottom: 15px;
}

#requestModal p a, #requestModalCall p a {
    color: #212529;
    border-bottom: 1px solid #72be54;
}

#requestModal .modal-content, #requestModalCall .modal-content { background-color: rgb(241, 241, 241); }

.mosaicflow__item { 
    padding: 3px;
} 

.mosaicflow__column { float:left; } 

.mosaicflow__item img { 
    display: block;
    width: 100%;
    height: auto;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
} 

.mosaicflow__item img:hover { 
    opacity: 0.6; 
    filter: alpha(opacity=60); 
}

.works { background-color: rgb(241, 241, 241) }

.works .title h1 {
    color: #333;
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 40px;
    margin: 0 auto;
    max-width: 800px;
    padding-top: 25px;
    padding-bottom: 25px;
}

.works .mosaicflow {
    width: 100%;
}

.reviews {
    padding-top: 60px;
}

.reviews .item {
    margin-bottom: 30px;
}

.reviews .item .head {
    
}

.reviews .item .head .icon {
    background: url('../image/icons/message-icon.png') no-repeat;
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

.reviews .item .head .date {
    padding-bottom: 2px;
    font-family: "GothamPro-Bold", sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    color: #5baa00;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

.reviews .item .head .name {
    padding-bottom: 2px;
    font-family: "GothamPro-Bold", sans-serif;
    font-size: 14px;
    color: #000;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

.reviews .item .head .type-service {
    font-family: "GothamPro", sans-serif;
    text-transform: uppercase;
    color: #f6940f;
    font-size: 10px;
    letter-spacing: 0.05em;
    padding: 5px 0px;
}

.reviews .item .text {
    
}

.reviews .item .text p {
    color: #444443;
    font-family: "GothamPro-Light", sans-serif;
    font-size: 14px;
}

.reviews .item .percent {
    font-family: "GothamPro-Bold", sans-serif;
    font-weight: bold;
    font-size: 100px;
    line-height: 1;
    color: rgb(20, 20, 20);    
}

.reviews .item .bold-text p {
    font-family: "GothamPro-Bold", sans-serif;
    font-weight: bold;
    font-size: 30px;
    line-height: 1;
    color: rgb(20, 20, 20);
    max-width: 200px;
}

.reviews .form-otzyv {  }

.reviews .form-otzyv .title { margin: 0; font-size: 24px; font-family: "GothamPro", sans-serif;  text-align: center;  padding-bottom: 15px; font-weight: bold; color: #5baa00; }

.reviews .form-otzyv input {border: 1px solid #ece9e3; box-shadow: 0px 5px 5px 0px rgba(46,45,45,0.5); padding: 9px 23px; background: #fff;  border-radius: 25px;  width: 100%;  max-width: 320px; outline: none; display: block; margin: 0 auto;  }

.reviews .form-otzyv textarea { border: 1px solid #ece9e3;  box-shadow: 0px 5px 5px 0px rgba(46,45,45,0.5); padding: 9px 23px;  background: #fff; border-radius: 25px;  width: 100%;  height: 150px; max-width: 520px; outline: none; display: block; margin: 15px auto 0 auto; }

.reviews .form-otzyv .submit { padding: 10px 28px 10px 28px;
    background: #f6940f;
    background: linear-gradient(180deg,#f6940f 0,#f75b2f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6940f",endColorstr="#f75b2f",GradientType=0);
    border-color: #274faa;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border: 0;
    max-width: 220px;
    margin: 15px auto 30px auto;  }

.stocks .text p {
    text-align: center;
    padding: 30px 15px;
}

.stocks .text p.small {
    
}

.none { display: none; }

.stocks img {
    display: block;
    margin: auto;
    margin-bottom: 30px;
    max-width: 100%;
}

.contacts {
    
}

.contacts p {
    
}

.contacts p.title {
    color: #333;
    font-weight: 700;
    padding: 15px 0 0 0;
    margin: 0;
    text-decoration: underline;
}

.contacts a {
    color: #f6940f;
    display: block;
    margin-bottom: 0;
}

.politics p:first-child { margin-top: 1rem; }

#modalFullImg .modal-body img { width: 100%; max-width: 800px; margin: auto; display: block; }

#modalFullImg .modal-header, #modalFullImgSklad .modal-header { border: 0; }

#modalFullImg .modal-dialog, #modalFullImgSklad .modal-dialog { width: 100%; max-width: 800px; }

.call-form-fix .bg { background: url('../image/bg/bg-call-fix.jpg') no-repeat; width: 334px; border-radius: 10px; text-align: center; border: 1px solid #fff; padding: 15px; }

.call-form-fix { position: fixed; bottom: 5px; right: 5px; z-index: 1; }

.call-form-fix .bg .but { color: #fff; cursor: pointer; display: flex; height: 40px; max-width: 230px; margin: auto; border: none; border-radius: 20px; font-family: "GothamPro",sans-serif; padding: 8px 24px; justify-content: center; transition: .2s; background: #f6940f; background: linear-gradient(180deg,#f6940f 0,#f75b2f); }

.call-form-fix .bg .close { font-size: 13px; }



@media (max-width: 992px){
    .menu-top a { align-items: center; text-align: center; }
    .call-form-fix { display: none; }
}

@media (max-width: 991px){
    header .container, .menu-top .container, footer .container, .card-project .container { max-width: inherit; }
    .menu-top .mob-menu { cursor: pointer; font-family: "GothamPro-Bold",sans-serif; color: #fff; justify-content: center; display: flex; padding: 12px 0; width: 100%; }
    .menu-top a { display: none; }
    .about .icon, .list-projects .project { margin: auto; }
    .card-project .block-right a { padding-bottom: 15px; }
    header .row {
        display: flex !important;
        flex-direction: column !important;
    }
    header .phone {
        position: relative !important;
        z-index: 9999 !important;
        pointer-events: auto !important;
        height: auto !important;
        margin: 10px 0 !important;
    }
    header .phone a {
        display: block !important;
        position: relative !important;
        z-index: 10000 !important;
        pointer-events: auto !important;
    }
}

@media (max-width: 849px){
    header .row { display: block; }
    header .logo { margin: auto; margin-bottom: 15px; }
    header .logo a img { width: 100%; }
    header .address, header .phone { float: left; width: 50%; max-width: 50%; margin-bottom: 15px; }
    header .callback { max-width: inherit; margin-bottom: 20px; }
}


@media (max-width: 767px){
    .about .icon { margin-bottom: 15px; }
    .advantages .container, .text-home .container { max-width: inherit; }
    .text-home .container { padding: 0 30px; }
    .callback-form .input input { max-width: 320px; margin: 0 auto 15px auto; display: block; }
    .callback-form .button button { max-width: 200px; margin: 0 auto; display: block; }
    footer .logo img { margin: 0 auto 15px; display: block; }
    footer .address { text-align: center; padding-top: 15px; }
    footer .links { text-align: center; }
    .mosaicflow__column { width: 50%!important; }
    .slider .bg-home h1, .slider .bg-home p { width: 100%; }
}

@media (max-width: 654px){
    
}

@media (max-width: 580px){
    
}

@media (max-width: 524px){
    .list-projects .filter a { display: block; margin: 0 auto 15px auto;  text-align: center; }
}

@media (max-width: 465px){
    .list-projects .text p, .bg-home h1, .about .text p:nth-child(2), .advantages .container-fluid .text h2, .text-home h2 { font-size: 30px; }
    .mosaicflow__column { width: 100%!important; }
}

@media (max-width: 425px){
    header .address, header .phone { width: 100%; max-width: 100%; margin-bottom: 15px; }
    header .address span, header .phone a { justify-content: center; }
}

@media (max-width: 375px){
    .list-projects .text p, .bg-home h1, .about .text p:nth-child(2), .advantages .container-fluid .text h2, .text-home h2 { font-size: 26px; }
}