﻿/* adaptive */

@media screen and (max-width: 1550px) {

.fullscreen-bg__video {
    width: 120% !important;
}

}


@media screen and (max-width: 1310px) {

div.div-bk8 > div .div-bk8-b2 #prev100 {
    left: 10px;
}

div.div-bk8 > div .div-bk8-b2 #next100 {
    right: 10px;
}

.fullscreen-bg__video {
    width: 140% !important;
}

}



@media screen and (max-width: 1200px) {

.div-bk8 > div .div-bk8-b2 > ul > li .div-b8-r {
    width: 500px !important;
}

div.blok-reshenie-filtr-left {
    padding: 20px 40px 20px;
}

div.blok-reshenie-filtr-zakaz {
    padding: 10px 25px 10px 25px;
    border-radius: 5px;
}

div.blok-reshenie-filtr-telefon {
    margin: 0px auto 0px auto;
    float: none;
    width: 260px;
    text-align: center;
}

div.blok-reshenie-filtr-ili {
    font-family: OpenSans-Regular, Calibri, Tahoma;
    margin: 5px auto 15px auto;
    float: none;
    width: 35px;
}

div.blok-reshenie-filtr-knopka {
    margin: 12px auto 0px;
    text-align: center;
    float: none;
    width: 200px;
}

}




@media screen and (max-width: 1150px) {
    
.blok-kredit-adaptivnost img
{
    width: 100%;
}

div.landing
{
    max-width: 96%;
    margin: 0 auto;
    position: relative;
}

.div-bk8 > div .div-bk8-b2 > ul {
    min-height: 900px !important;
}

}


@media screen and (max-width: 1100px) {

.div-bk8 > div .div-bk8-b2 > ul > li .div-b8-l .slid1 {
    width: 500px;
    height: 333px;
    overflow: hidden;
    margin: 0 auto;
}

.div-bk8 > div .div-bk8-b2 > ul > li .div-b8-l {
    float: none !important;
    width: 500px !important;
    margin: 10px auto 10px auto !important;
}

.div-bk8 > div .div-bk8-b2 > ul > li .div-b8-r {
    float: none !important;
    width: 500px !important;
    margin: 10px auto 10px auto !important;
}

.pervyi-ekran-okno {
    display: none;
}

div.podblok-uslugi {
    float: left;
    width: 32%;
    margin: 0px 2% 3% 0;
    box-sizing: border-box;
}

div.podblok-uslugi.tri
{
    margin: 0px 0% 3% 0;
}

div.podblok-uslugi.chet {
    margin: 0px 2% 3% 0;
}

div.podblok-uslugi.shest
{
    margin: 0px 0% 3% 0;
}

}


@media screen and (max-width: 960px) {

.fullscreen-bg__video {
    width: 160% !important;
}

div.blok-issledovanie-klimata {
    background: #c7e4fa;
}

div.blok-issledovanie-klimata-left {
    float: left;
    width: 100%;
}

div.blok-primenyaemoe-oborudovanie h1 {
    font-family: OpenSans-Bold, Calibri, Tahoma;
    margin: 20px 0 20px 0;
    width: 100%;
}

}


@media screen and (max-width: 900px) {

.fullscreen-bg__video {
    display: none !important;
}

div.blok-reshenie-filtr-right {
    float: none;
    width: 250px;
    margin: 0 auto;
}

div.blok-reshenie-filtr-left {
    float: left;
    width: 100%;
    padding: 20px 0px 20px;
}

.div-bk8 > div .div-bk8-b2 > ul {
    min-height: 900px !important;
}

div.blok-preimushchestva {
    margin: 40px 0 40px 0;
}

div.blok-otzyv-raboty-img {
    width: 100px;
    height: auto;
    border-radius: 100%;
    float: left;
    margin: 0 auto 20px auto;
}

div.blok-otzyv-raboty-info {
    width: 100%;
    float: left;
}

.blok-problemnyie-okna-right {
    display: none;
}

div.logotip 
{
    float: none;
    width: 267px;
    height: 80px;
    margin: 20px auto 10px auto !important;
}
	
div.kontakty-top 
{
    float: none;
    width: 530px;
    height: auto;
    margin: 35px auto 10px auto;
}

div.grafij-top 
{
    text-align: center;
    margin: 0 0 10px 0;
}

}




@media screen and (max-width: 800px) {

div.blok-issledovanie-klimata-left-telefon {
    margin: 25px auto 0px auto;
    float: none;
    width: 260px;
}

div.blok-issledovanie-klimata-left-ili {
    font-family: OpenSans-Regular, Calibri, Tahoma;
    margin: 20px auto 20px auto;
    font-size: 18px;
    color: #000;
    float: none;
    line-height: 140%;
    width: 33px;
}

div.blok-issledovanie-klimata-left-knopka {
    margin: 20px auto 40px;
    float: none;
    width: 210px;
}

div.blok-vam-znakomo {
    padding: 0 0 60px 0;
}

div.blok-vam-znakomo-left {
    float: left;
    width: 100%;
}

div.blok-vam-znakomo-left-blok {
    margin: 20px 0 20px 0;
}

div.blok-vam-znakomo-left-blok-title {
    text-align: center;
}

div.blok-vam-znakomo-left-blok-text {
    text-align: center;
}

div.blok-vam-znakomo-center {
    float: left;
    width: 100%;
}

div.blok-vam-znakomo-right {
    float: right;
    width: 100%;
}

div.blok-vam-znakomo-right-blok {
    margin: 20px 0 20px 0;
}

div.blok-vam-znakomo-right-blok-title {
    margin: 0px 0 20px 0;
    text-align: center;
}

div.blok-vam-znakomo-right-blok-text {
    text-align: center;
}


div.podblok-preimushchestva {
    float: left;
    width: 47%;
    margin: 0px 3% 0 0;
    box-sizing: border-box;
}

.podblok-preimushchestva-img {
    width: 60px;
    height: auto;
    margin: 20px 0 20px 0 !important;
}

div.pervyi-ekran-left h1 {
    margin: 50px 0 10px 0;
}

div.pervyi-ekran-left {
    float: none;
    width: 420px;
    margin: 0 auto;
}

div.pervyi-ekran-bg {
    background: none;
    min-height: auto;
}

}



@media screen and (max-width: 750px) {

div.podblok-uslugi {
    float: left;
    width: 49%;
    margin: 0px 2% 3% 0;
    box-sizing: border-box;
}

div.podblok-uslugi.dva {
    margin: 0px 0% 3% 0;
}

div.podblok-uslugi.tri {
    margin: 0px 2% 3% 0;
}

div.podblok-uslugi.chet {
    margin: 0px 0% 3% 0;
}

}





@media screen and (max-width: 700px) {

div.podblok-filtr-preimushchestva {
    float: left;
    width: 100%;
    margin: 0px 0% 40px 0;
    box-sizing: border-box;
}

div.blok-foto li {
    width: 23.85% !important;
    margin: 0 1.5% 1.5% 0% !important;
}

div.blok-foto li:nth-child(6), div.blok-foto li:nth-child(18) {
    margin: 0 1.5% 1.5% 0% !important;
}

div.blok-foto li:nth-child(4), div.blok-foto li:nth-child(8), div.blok-foto li:nth-child(12), div.blok-foto li:nth-child(16), div.blok-foto li:nth-child(20), div.blok-foto li:nth-child(24) {
    margin: 0% 0% 1.5% 0 !important;
}

div.blok-foto h3 {
    font-family: OpenSans-Bold, Calibri, Tahoma;
    font-size: 24px !important;
    text-align: center !important;
    margin: 10px 0 40px 0 !important;
    color: #00325a;
    line-height: 120%;
}

div.blok-nashi-raboty h3 {
    font-family: OpenSans-Bold, Calibri, Tahoma;
    font-size: 24px !important;
    text-align: center !important;
    margin: 10px 0 0px 0 !important;
    color: #00325a;
    line-height: 120%;
}

.div-bk8 > div .div-bk8-b2 > ul {
    width: 100%;
    margin: 0 auto;
    list-style: none;
    position: relative;
    min-height: 850px !important;
    padding: 0;
}

div.blok-otzyv-raboty-info p {
    font-size: 14px !important;
}

div.blok-otzyv-raboty {
    margin: 40px 0 0 0;
    width: 100%;
}

div.blok-kontakty h3 {
    font-size: 24px !important;
    width: 100% !important;
    margin: 20px auto 20px auto !important;
    text-align: center !important;
}

div.blok-kontakty-left {
    float: none;
    width: 300px;
    margin: 0px auto;
}

div.blok-kontakty-right {
    float: none;
    width: 300px;
    margin: 40px auto 0;
}

div.blok-kontakty-left-title {
    font-size: 19px;
    width: 100%;
    box-sizing: border-box;
}

div.blok-kontakty-left-knopka {
    box-sizing: border-box;
    float: none;
}

}





@media screen and (max-width: 600px) {

div.pervyi-ekran-left {
    float: none;
    width: 412px;
    margin: 0 auto;
}

}




@media screen and (max-width: 550px) {

.div-bk8 > div .div-bk8-b2 > ul {
    width: 100%;
    margin: 0 auto;
    list-style: none;
    position: relative;
    min-height: 900px !important;
    padding: 0;
}

div.podblok-preimushchestva {
    float: left;
    width: 96% !important;
    margin: 2% 2% 2% 2% !important;
    box-sizing: border-box;
}

div.podblok-preimushchestva-img {
    width: 12%;
    height: auto;
    float: left;
    margin: 0 0 0 0 !important;
}

div.podblok-preimushchestva-title {
    margin: 0px auto 0px 5% !important;
    font-weight: 400;
    line-height: 120%;
    height: 50px;
    display: table;
    width: 82% !important;
    float: left !important;
}

div.caroufredsel_wrapper
{
    width: 100% !important;
}

.div-bk8 > div .div-bk8-b2 > ul > li .div-b8-l .slid1 ul > li {

}

.div-bk8 > div .div-bk8-b2 > ul > li .div-b8-l {
    float: none !important;
    width: 100% !important;
    margin: 10px auto 10px auto !important;
}

.div-bk8 > div .div-bk8-b2 > ul > li .div-b8-l .slid1 {
    width: 100% !important;
    height: 333px;
    overflow: hidden;
}

.div-bk8 > div .div-bk8-b2 > ul > li .div-b8-r {
    float: none !important;
    width: 100% !important;
    margin: 60px auto 10px auto !important;
}

div.podblok-uslugi-title {
    text-align: center;
}

div.podblok-uslugi-cena {
    text-align: center;
}

div.blok-uslugi h5 {
    text-align: center;
}

div.blok-uslugi h6 {
    text-align: center;
}

div.blok-problemnyie-okna-left {
    float: none;
    width: 300px;
    margin: 0px auto;
}

div.blok-problemnyie-okna-left h3 {
    font-family: OpenSans-Bold, Calibri, Tahoma;
    font-size: 28px;
    text-transform: uppercase;
    margin: 10px 0 0px 0;
}

div.blok-problemnyie-okna-left h4 {
    font-family: OpenSans-Bold, Calibri, Tahoma;
    font-size: 30px;
    margin: 0px 0 30px 0;
    color: #305ea7;
    line-height: 120%;
}

div.blok-problemnyie-okna-left h5 {
    font-size: 24px;
}

div.kontakty-top {
    float: none;
    width: 250px;
    height: auto;
    margin: 30px auto 10px auto;
}

div.adres-top {
    float: none;
    margin: 0px auto 10px auto;
    text-align: center;
    width: 100%;
}

div.adres-top-2 {
    float: none;
    margin: 0px auto 10px auto;
    text-align: center;
    width: 100%;
}

div.telefon {
    font-size: 30px;
    text-align: center;
    margin: 0px 0 0px auto;
    width: 100%;
	float: none;
}

div.telefon span {
    font-size: 30px;
}

div.telefon-perezvonit {
    text-align: center;
    float: none;
    margin: 10px auto 0 auto;
    width: 126px;
}

div.podblok-uslugi, 
div.podblok-uslugi.dva
div.podblok-uslugi.tri
div.podblok-uslugi.chet
div.podblok-uslugi.pyat
div.podblok-uslugi.shest
div.podblok-uslugi.sem
{
    width: 100%;
    margin: 0px 0% 5% 0 !important;
}

div.blok-reshenie-filtr-left h3 {
    margin: 20px 0 20px 0;
    font-size: 28px;
}

div.blok-filtr-preimushchestva h3 {
    margin: 40px 0 40px 0;
    font-size: 26px;
}

}






@media screen and (max-width: 500px) {

div.blok-issledovanie-klimata-left h1 {
    margin: 30px 0 20px 0;
    font-size: 36px;
    color: #000;
}

div.blok-issledovanie-klimata-left h2 {
    font-family: OpenSans-Bold, Calibri, Tahoma;
    margin: 0px 0 20px 0;
    font-size: 24px;
    color: #000;
}

div.copirait {
    margin: 0 0 30px 0px;
    float: none;
}

div.saites {
    margin: 0 0 30px 0px;
    float: left;
}

div.pervyi-ekran-left {
    float: none;
    width: 300px;
    margin: 0 auto;
}

div.pervyi-ekran-left h1 {
    font-size: 30.1px;
}

div.pervyi-ekran-left h2 {
    font-size: 30px;
}

div.pervyi-ekran-left h3 {
    font-size: 27px;
}

div.pervyi-ekran-left-title {
    font-size: 19px;
}

}







@media screen and (max-width: 400px) {

.div-bk8 > div .div-bk8-b2 > ul {
    min-height: 950px !important;
}


}



@media screen and (max-width: 370px) {

.div-bk8 > div .div-bk8-b2 > ul {
    min-height: 950px !important;
}

}




@media screen and (max-width: 330px) {



}