

@font-face {
    font-family: 'Calibri';
    src: url('/include/fonts/calibri.eot');
    src: url('/include/fonts/calibri.eot?#iefix') format('embedded-opentype'),
    url('/include/fonts/calibri.svg#Calibri') format('svg'),
    url('/include/fonts/calibri.woff') format('woff'),
    url('/include/fonts/calibri.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CalibriLight';
    src: url('/include/fonts/calibril.eot');
    src: url('/include/fonts/calibril.eot?#iefix') format('embedded-opentype'),
    url('/include/fonts/calibril.svg#Calibri') format('svg'),
    url('/include/fonts/calibril.woff') format('woff'),
    url('/include/fonts/calibril.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CalibriBold';
    src: url('/include/fonts/calibrib.eot');
    src: url('/include/fonts/calibrib.eot?#iefix') format('embedded-opentype'),
    url('/include/fonts/calibrib.svg#Calibri') format('svg'),
    url('/include/fonts/calibrib.woff') format('woff'),
    url('/include/fonts/calibribs.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


a {
    text-decoration: none;
    color: #068ac6;
}

img {
    max-width: 100%;
}

.clear{
    clear: both;
}

.header{
    background-position: center top;
}

@media (max-width: 767px) {
    .header{
        background-position: center center;
        background-size: cover;
    }
}

.header>div>.container{
    padding-top: 10px;
}


.dealer-btn {
    display: block;
    border: 2px solid #34B3EB;
    box-sizing: border-box;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    border-radius: 30px;

    font-family: Calibri;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;

    /* identical to box height */

    text-transform: uppercase;
    color: #34B3EB;
    height: 47px;
    line-height: 41px;
    width: 231px;
    margin-top: 10px;
    margin-left: 3px;
}

.header-phone a{
    font-family: CalibriBold;
    font-size: 25px;
    line-height: 24px;
    text-align: right;
    text-transform: uppercase;
    padding-left: 30px;
    color:#ffffff;
    background: no-repeat url("../img/header_phone_ico.png") left top;
}
.phone-block .call-back{
    font-family: Calibri;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #fff;
}

.header_disign_btn{
    margin-top: 14px;
    margin-left: -48px;
    line-height: 10px;
    font-family: Calibri;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 43px;
    color: #34B3EB;
    display: block;
    padding-left: 46px;
    background: no-repeat url(../img/header_ico_disain.png) left top;
    height: 47px;
}



.header_line_up_menu{
    width:100%;
    height:3px;
    opacity: 0.3;
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    display: none;
}

body .header_menu_container{
    padding-bottom: 0px;
    margin-top: 6px;
    height: 46px;
}
.header_desktop .container{
    padding-bottom: 4px;
}
.header_menu_container .navbar-expand-lg .navbar-collapse{
    margin-bottom: 5px;
}

.header-time-work-out{
    font-family: CalibriBold;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
}
.header-time-work-in{
    margin-left: -36px;
    margin-top: 13px;
}

.header-phone-out {
    margin-top:11px;
    display: flex!important;
    justify-content: flex-end;
}

a.header_whatsapp {
	display: block;
	width: 45px;
	height: 45px;
	background: url(/include/img/whatsappLogo.svg) no-repeat center center;
	margin-right: 20px;
}

.header_button {
	display: block;
	height: 34px;
	line-height: 26px;
	width: 139px;
	border: 3px solid #008BDC;
	text-align: center;
	cursor: pointer;
	color: #fff;
	border-radius: 17px;
    margin: auto;
}



.header_button:hover {
	color: #fff;
}
            .header_left{
                display: flex;
				align-items: center;
            }
            .holidais{
                margin-top: -2px;
                margin-left: 27px;
            }
            @media (max-width: 1200px)and (min-width: 768px) {
                .holidais img{
                    max-height: 53px;
                }
            }
			
.header-mobile-left img {
	height: 28px;
}

.header-mobile-left .header_button {
    display: inline-block;
    height: 34px;
    line-height: 25px;
    width: 88px;
    border: 3px solid #008BDC;
    text-align: center;
    cursor: pointer;
    color: #fff;
    border-radius: 17px;
    margin: 7px 0 0 20px; 
    font-size: 13px;
}

.header-mobile-left .header_button:hover {
	color: #fff;
}

@media (max-width: 400px) {

	.header-mobile-left .header_button {
		display: inline-block;
		height: 34px;
		line-height: 30px;
		width: 70px;
		border: 3px solid #008BDC;
		text-align: center;
		cursor: pointer;
		color: #fff;
		border-radius: 17px;
		margin: 5px 0 0 14px;
		font-size: 10px;
	} 
	
	body .header-mobile-right {
		font-size: 11px;
		line-height: 14px;
		margin-left: 5px;
	}

}

@media (max-width: 350px) {

	.header-mobile-left .header_button {
		display: inline-block;
		height: 29px;
		line-height: 25px;
		width: 60px;
		border: 3px solid #008BDC;
		text-align: center;
		cursor: pointer;
		color: #fff;
		border-radius: 17px;
		margin: 5px 0 0 5px;
		font-size: 10px;
	}
	
	.img_holidays_mobile {
		height: 20px;
	}
	
	body .header-mobile-right {
		font-size: 9px;
		line-height: 14px;
		margin-left: 5px;
	}

}


@media (min-width: 1201px) {
    .header-menu-ico{
        display: none;
    }
    .header-phone,
    .header_desktop .phone-block{
        text-align: right;
    }

    .header>.container{
        padding-bottom: 7px;
    }
	
	.header{
        position: fixed;
        width: 100%;
        z-index: 1000;
        top: 0px;
		border-bottom: 1px solid rgba(255,255,255,0.3);
    }
	
	body {
		padding-top: 116px;
	}
}


/*скрываем на мобилке 2-е меню*/
@media (min-width: 769px) {
    .header-mobile{
        display: none;
    }


}
@media (min-width: 769px) and (max-width: 1200px) {



    .header{
        position: fixed;
        width: 100%;
        z-index: 1000;
        top: 0px;
    }
	
	body {
		padding-top: 62px;
	}

    .header-time-work-out{
        display: none;
    }
    .header .logo{
        width: 100px;
    }
    .header_disign_btn{
        margin-top:0px;
        margin-left: -36px;
        margin-right: -6px;


    }
    .dealer-btn{
        margin-left:0px;
        width: 100%;
        margin-top:0px;
    }
    .header-phone a{
        font-size: 19px;
      
    }


    .trigger-btn {
        position: absolute;
        top: 0px;
        right: 0;
        z-index: 9999;
    }


    .header-phone-out{
        margin-top:0px;
		justify-content: center;
    }
    .header-phone a{
        margin-top:0px;

    }

}


.header-mobile-line{
    opacity: 0.3;
    border-top: 1px solid #FFFFFF;
}
.header-mobile-bottom-left{
    padding: 10px 0px;
    float: left;
    width: 59px;
    position: relative;
    height: 55px;
}
.header-mobile-bottom-left:after{
    opacity: 0.3;
    border-right: 1px solid #FFFFFF;
    display: block;
    content: '';
    height: 100%;
    position: absolute;
    right: 0px;
    top:0px;
}


.header-mobile-right{
    font-family: CalibriBold;
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.header-mobile-left
{
    float: left;
}

.header-mobile-right{
    float: right;
    padding-right: 10px;
}

.header-mobile-left img{
    margin-top: 10px;
    width: auto;
    margin-left: 10px;
    margin-bottom: 10px;
}
.header-mobile-right{
    margin-top: 10px;
    margin-left: 13px;
}
.header-mobile-bottom-right{
    text-align: right;
    display: flex;
    justify-content: space-between;
}
.header-mobile-bottom-right a.header_whatsapp {
	margin: 5px;
}
/*изменяем значек меню*/
@media (max-width: 1200px) {


    .header-mobile-bottom-right .phone-block{
        padding-right: 10px;
    }
    .phone-block .call-back{
        text-transform: none;

    }

   .navbar-nav  .phone-block .call-back{
        color:#068ac6;
    }



    body .header_menu_container{
        height: 10px;
        margin-top:0px;
    }
    .header_line_up_menu{
        display: none;
    }

}
.header-mobile-design{
    text-align: center;
    display: none;
}
.header-mobile-design .header_disign_btn{
    display: inline-block;
    margin-left: 0px;
}


.counter-in-slider .slick-dots li {
    display: none;
}

.counter-in-slider .slick-dots li.slick-active {
    display: block;
}

.counter-in-slider .slick-dots button:before{
    display: none;
}

h1.title,
h2.title
{
    font-family: CalibriBold;
    font-size: 30px;
    line-height: 37px;
    text-transform: uppercase;
    color: #232323;
    margin-bottom: 47px;
}

h1.title_mt,
h2.title_mt{
    margin-top:50px;
}

@media (max-width: 768px) {
    h1.title, h2.title {
        margin-bottom: 15px;
        margin-top: 15px;
        line-height: 30px;
        font-size: 26px;
    }
    h1.title_mt,
    h2.title_mt{
        margin-top:30px;
    }

}

div.text
{
    font-family: Calibri;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
}



/* black */

.subtitle{
    font-family: CalibriBold;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: #232323;
    margin-top: 44px;
    margin-bottom: 24px;
}


.tns-controls {
    margin:0 auto;
    position: relative;
}

@media (min-width: 1200px) {
    .tns-controls {
        width: 1200px;
    }
}

.tns-controls button{
    border-width: 0px;
    position: absolute;
    line-height: 200px;
    overflow: hidden;
    top:150px;
}
button[data-controls="prev"]{
    left: -45px;
    background: url(../img/slider_arrow_left.svg) no-repeat left top;
    width: 25px;
    height: 40px;
    z-index: 100;
}

button[data-controls="next"] {
    right: 39px;
    background: url(../img/slider_arrow_right.svg) no-repeat right top;
    width: 25px;
    height: 40px;
    z-index: 100;
}
@media (min-width: 320px) and (max-width: 768px) {
    button[data-controls="next"] {
        right: -41px;
    }
}


.header_desktop_row{
position: relative;
}

.header_mobile_back_no_fixed{
    display: none;
}

@media (max-width: 768px) {
    .header_desktop_row
    {
        display: none;
    }

    .header-phone a{
        font-size: 19px;
        margin-top: 7px;
        display: inline-block;
    }

    .trigger-btn {
        top: 7px;
        left: -4px;
        z-index: auto;
    }
    .header_desktop{
        display: none;
    }

    .header{
        position: fixed;
        width: 100%;
        z-index: 1000;
        top: 0px;
    }
    .header_mobile_back_no_fixed{
        display: block;
        height: 118px;
        width: 100%;
    }
}

/* блоки общие для всех страниц. Форматирование контента*/



ul.square_dots>li{
    position: relative;
    font-family: Calibri;
    font-size: 16px;
    line-height: 20px;
    color: #232323;
    padding-left: 16px;
    line-height: 16px;
    margin-bottom: 14px;

}

ul.square_dots>li:before {
    content: '';
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    left: 0px;
    top: 10px;
    background: #34B3EB;
}



.breadcrumb{
    background: none;
    padding-right: .5rem;
    padding-left: .5rem;
}
@media (max-width: 768px) {
    .breadcrumb{
        display: none;
    }
}


@media (max-width: 400px) {
    html body .img_holidays_mobile {
		/*height: 25px;*/
    }
}


