/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/

/* Examples (uncomment to use):*/

/* Expand site width */
/* body .wrapper { max-width: 1400px !important;  } */

/* Set site background image */
/* body {  background: url(image_source) top no-repeat; }

/* Hide compare button */
/* a.compare_item { display: none !important;  }*/

.no_fill.footer-grey .bottom_wrapper, #footer .footer_inner.footer-grey .wrapper_inner, .footer_inner.footer-grey .bottom_wrapper .maxwidth-theme, .footer_inner.footer-grey .bottom-middle{
background: #006ac5;
}
footer .copy, footer .print-link{
color: #fff; 
}
footer .print-link svg path{
fill: #fff;
}
 footer .print-link:hover, footer .info .email a:hover{
color: #bababa; 
}
footer .print-link:hover svg path{
fill: #bababa;
}
footer .subscribe-form .top_blocks .more, footer .subscribe-form .top_blocks .more div{
color: #fff; 
}
footer .subscribe-form .wrap_bg{
padding-top:0;
}

/* Tab */
.elemen_menu{
    padding-left: 10px;
    margin-bottom: 20px;
    cursor: pointer
    
}
.elemen_menu div.tab_link, .elemen_menu div.tab_href{
	display: inline;
    padding: 18px;
    background: #e5eefa;
    word-wrap: break-word;
    width: 95px;
    float: left;
    height: 30px;
    margin-left: 5px;
    padding-left: 10px;
    padding-right: 10px;
    
}



.elemen_menu div img{
	vertical-align: middle;
	height: 25px;
    padding-right: 5px;
    float: left;
}
.elemen_menu .elemen_menu_text{
	margin-top: -6px;
    font-size: 12px;
    text-align: center;
    color: #2e81c3;
    text-decoration: underline;
}
        
        .tabs {
            min-width: 200px;
            max-width: 800px;
            padding: 0px;
            margin: 0 auto;
        }
        /* Стили секций с содержанием */
        
        .tabs > section {
            display: none;
            padding: 15px;
            background: #fff;
            border: 1px solid #ddd;
        }
        
        .tabs > section > p {
            margin: 0 0 5px;
            line-height: 1.5;
            color: #383838;
            /* прикрутим анимацию */
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
        }
        /* Описываем анимацию свойства opacity */
        
        @-webkit-keyframes fadeIn {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }
        
        @keyframes fadeIn {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }
        
        /* Прячем чекбоксы */
        
        .tabs > input {
            display: none;
            position: absolute;
        }
        /* Стили переключателей вкладок (табов) */
        
        .tabs > label {
            display: inline-block;
            margin: 0 0 -1px;
            padding: 5px 15px;
            font-weight: 600;
            text-align: center;
            color: #aaa;
            border: 0px solid #ddd;
            border-width: 1px 1px 1px 1px;
            background: #f1f1f1;
            border-radius: 3px 3px 0 0;
                cursor: pointer;
        }
        /* Шрифт-иконки от Font Awesome в формате Unicode */
        
        .tabs > label:before {
            font-family: fontawesome;
            font-weight: normal;
            margin-right: 10px;
        }
        
       /*  .tabs > label[for*="1"]:before {
            content: "\f19a";
        } */
        
        /* .tabs > label[for*="2"]:before {
            content: "\f17a";
        } */
        
       /*  .tabs > label[for*="3"]:before {
            content: "\f13b";
         */}
        
        /* .tabs > label[for*="4"]:before {
            content: "\f13c";
        } */
        /* .tabs > label[for*="5"]:before {
            content: "\f13c";
        } */
        /* Изменения стиля переключателей вкладок при наведении */
        
        .tabs > label:hover {
            color: #888;
            cursor: pointer;
        }
        /* Стили для активной вкладки */
        
        .tabs > input:checked + label {
            color: #0060aa;
		    border-top: 1px solid #0060aa;
		    border-bottom: 2px solid #fff;
		    background: #fff;
		    font-size: 16px;
		    cursor: default;
        }
        .agreement {
		    margin-top: 15px;
		        font-size: 12px;
		}
        .agreement label {
		    float: left;
		    margin-right: 5px;
		}
        section.tab-content-wrapper h2,  
        section.tab-content-wrapper .form_head,
        section.tab-content-wrapper h4 {
        	display:none;
        }
        /* Активация секций с помощью псевдокласса :checked */
        
        #tab1:checked ~ #content-tab1,
        #tab2:checked ~ #content-tab2,
        #tab3:checked ~ #content-tab3,
        #tab5:checked ~ #content-tab5,
        #tab4:checked ~ #content-tab4 {
            display: block;
        }
        /* Убираем текст с переключателей 
* и оставляем иконки на малых экранах
*/
        
        @media screen and (max-width: 680px) {
            .tabs > label {
                font-size: 0;
            }
            .tabs > label:before {
                margin: 0;
                font-size: 18px;
            }
        }
        /* Изменяем внутренние отступы 
*  переключателей для малых экранов
*/
        
        @media screen and (max-width: 400px) {
            .tabs > label {
                padding: 15px;
            }
        }
/*меню справа*/
.element_price{
    text-align: center;
    padding-right: 15px;
    padding-left: 15px;
}
.element_price .element_price_block{
	text-transform: uppercase;
    color: #2e81c3;
    text-decoration: underline;
    cursor: pointer;
    background: #e5eefa;
    border: solid 2px rgba(46, 129, 195, 0.37);
}
.element_price .element_price_block .element_price_link{
	padding-top: 15px;
    padding-bottom: 15px;
}
.element_price .element_price_block img{
    width: 40px;
    padding-right: 10px;
    vertical-align: middle;
}

.elemen_menu_right{
    z-index: 999;
    position: fixed;
    right: 0px;
    top: 340px;
    cursor: pointer;
}
.elemen_menu_right .tab_link{
    border: solid 2px #427cd4;
    border-right: none;
    padding: 5px;
    margin-top: 10px;
    background: #fff;
    border-radius: 4px 0 0 4px;
}
.elemen_menu_right .tab_link_new{
    border: solid 2px #427cd4;
    border-right: none;
    padding: 5px;
    margin-top: 10px;
    background: #fff;
    border-radius: 4px 0 0 4px;
}
.elemen_menu_right .tab_href{
    border: solid 2px #427cd4;
    border-right: none;
    padding: 5px;
    margin-top: 10px;
    background: #fff;
    border-radius: 4px 0 0 4px;
}
.elemen_menu_right img{
    width: 35px;
}
.elemen_menu_right img:hover::after{
	content: attr(alt);
}
.tooltip {
      position: fixed;
      padding: 10px 20px;
      /* красивости... */

      border: 1px solid #b3c9ce;
      border-radius: 4px;
      text-align: center;
      font: italic 14px/1.3 arial, sans-serif;
      color: #333;
      background: #fff;
      box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
}

@media(max-width:480px) {
	.elemen_menu_right {
		display:none;
	}
}

.ckCreateGallItem
{
	width: 200px;
	height: 200px;
	overflow: hidden;
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
}

.ckCreateGallItem a
{
	display: block;
	width: 200px;
	height: 200px;
	background-size: cover!important;
}

footer .doc-block{
padding-left: 20px;
position: relative;
}
footer .doc-block a{
	position: relative;
}

footer .doc-block a:before {
    content: "";
    display: block;
    width: 13px;
    height: 20px;
    position: absolute;
    top: 3px;
    left: -25px;
	background: url(/bitrix/templates/aspro_next/images/next.png) -170px 0 no-repeat;}
/*
footer .icon-dock:before {
    content: "";
    display: block;
    width: 13px;
    height: 20px;
    position: absolute;
    top: 6px;
    left: 0px;
    left: 0px;
    background: url(/bitrix/templates/aspro_next/images/next.png) -170px 0 no-repeat}*/
.ifcallback {
	position: absolute;
    top: 15px;
    left: 15px;
}
.callback_name {
	padding-left: 90px;
    color: #005CA7;
}


.tizers_block h2{
    font-size: 24px; text-align: left;
}



.btn.btn-default.white:not(.grey){
    color: #fff !important;
    border: 1px solid #006ac5;
    background: #006ac5;
}

.ask_a_question .btn.btn-default.white:not(.grey){
 	color: #006ac5 !important;
}

.prices_block .btn.btn-default.white:not(.grey){
    color: #fff !important;
}


.btn.btn-default.white:not(.grey):hover {
    color: #006ac5 !important;
    background: #fff;
}


.element_price .element_price_block {
    background: #fff;

}

footer .phone a:nth-child(n+2) {
    display: inline;
}
.svg svg .cls-1{fill:#006ac5 !important;}


/*.flexslider .slides > li .img img{width: 1028px;}
@media (min-width: 768px) and (max-width: 991px) {
}

*/
   .flexslider .slides > li .img img{width: 100%;}




@media (max-width: 500px){
.tizers_block h2{
    font-size: 24px; text-align: center;
}
.tizers_block .row > div:nth-child(n+8){
	display:none;
}
.col-xs-3 { width: 50%;}
.flex-direction-nav { display: block !important; }

.captcha-row .captcha_image img{width: 130px;}
.captcha_reload{left: 139px;}
.captcha-row .captcha_input{position:relative; left: 0;}
#SendMePriceForm .section-list-item{width: 100%;}
#SendMePriceForm .section-list-item span {float: none;}
.agreement label {position: absolute; margin-left: 10px;}
.agreement {height: 70px;}


}



#headerfixed .logo-row.v2 .logo-block {
    min-width: 160px;
    max-width: 160px;
}


.info_item .middle_info .prices_block{padding: 0; margin: 0 !important;}
.info_item .top_info, .info_item .middle_info{padding: 0;}
.wrapper_inner .info_item .middle_info .buy_block{padding: 0 !important;}
.wrapper_inner .info_item .middle_info .prices_block{padding: 0 !important;}
.catalog_detail .element_detail_text .price_txt{display:block !important;}
@media screen and (max-width: 1280px) {
        .top_slider_wrapp .flexslider .slides > li.image .img .wrap_plaxy {width: 100% !important;}
}
@media screen and (max-width: 480px) {
	.box-modal {width: 100%;}
}


/* list sections catalog*/
.section_block .sections_wrapper .list .item{margin: 0px 10px;}
.sections_wrapper .list .item{padding: 30px 0 0;}
.sections_wrapper .list .item .name{background-color: #006ac5;min-height: 42px;}
.sections_wrapper .list .item .name a{color: white !important;}

#mobileheader{overflow: unset;}
.info_item .preview_text{max-height: unset;}
.cheaper_form{cursor: pointer;}


/* большие картинки разделов */
.section_block .sections_wrapper .list .row > div {margin: 20px 0px -1px -1px;}
.section_block .sections_wrapper .list .item {margin: 0 10px;}
.sections_wrapper .list .item {padding: 0; overflow: hidden; }
.sections_wrapper .list .item:not(.section_item) .img {width: 100%; height: unset;  line-height: unset; margin: 0;}
.sections_wrapper .list .item .name {z-index: 1; position: absolute; bottom: 0;  width: 100%;}