/**
 * Custom CSS settings from the developers of website [website_adress]
 * 
 * Copyright (c) [year] [website_name] ([website_adress])
 */
 .no-visible{
    display: none;
}
.error{
    border: 1px solid red !important;
}
#load{
	width:30px;
	height:30px;
	display:block; 
	margin:0 auto;
	
}
.my-hint {
	display: inline-block;
	padding: 5px;
	height: 105px;
	position: relative;
	left: -10px;
	width: 270px;
	font-size: 13px;
	line-height: 15px;
	color: #333333;
	text-align: center;
	vertical-align: middle;
	background-color: #faefb6;
	border: 1px solid #CDB7B5;
	border-radius: 10px;
	font-family: Arial;
}

/* Стили для фильтра на странице /servis/vybor_krepezha1/ */
.filter_question .field-list-block{
	background-color:#e2e2e2;
	color:#fff;
	line-height:35px;
	width:100%;
	display:flex;
	flex-wrap:nowrap;
	border-radius:5px;
	justify-content: space-between;
	margin-bottom:30px;
}
.filter_question .field-list-block > span{
	-webkit-flex: 3 1 auto; 
	-ms-flex:  3 1 auto; 
	flex:  3 1 auto;
	text-align:center;
	position:relative;
}
.filter_question .field-list-block > span.active{
	background-color:#008f35;
	cursor:pointer;
}
.filter_question .field-list-block > span.active:first-child{
	border-radius:5px 0 0 5px;
}
.filter_question .field-list-block > span.active:last-child{
    border-radius:0 5px 5px 0;
}
.filter_question .field-list-block > span.active:after{
	content:"";
	height:100%;
	width:25px;
	background-color:#008f35;
	transform:skew(25deg);
	position:absolute;
	right:-8px;
	top:0;
}
.filter_question .field-list-block > span.active:last-child::after{
    display:none;
}
.fasteners_filter_block, .fasteners_image_block{
    width:30%;
}
.fasteners_filter_block{
    padding-right:15px;
}
.fasteners_image_block{
    padding-left:15px;
}
.fasteners_filter_block .buttons_block{
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between;
    padding:0;
    width:100%;
}
.fasteners_filter_block .buttons_block .a_button{
    font-size:13px;
    font-weight:bold;
    height:40px;
    line-height:40px;
    border-radius:5px;
    padding:0 20px;
    cursor:pointer;
}
.fasteners_filter_block .buttons_block .fasteners_nav_button{
    display:block;
    height:36px;
    line-height:36px;
    font-size:13px;
    font-weight:bold;
    text-transform:uppercase;
    padding:0 58px;
    border:solid 2px #008f35;
    color:#008f35;
    cursor:pointer;
    border-radius:5px;
}
.fasteners_filter_block .buttons_block .fasteners_nav_button.inactive{
    border:solid 2px #CCC;
    color:#CCC;
    cursor:default;
}
.fasteners_filter_block .buttons_block .fasteners_nav_button.inactive:hover{
    background-color:transparent;
    color:#CCC;

}
.fasteners_filter_block .buttons_block .fasteners_nav_button:hover{
    background-color:#008f35;
    color:#fff;
}
.fasteners_filter_block h3{
    font-size:20px;
    margin-bottom:10px;
}
.fasteners_filter_block ul ul > li{
    border:solid 1px #ededed;
    border-radius:5px;
    margin:10px 0;
    padding:0;
}
.fasteners_filter_block input[type="radio"]{
    display:none;
}
.fasteners_filter_block input[type="radio"] + label{
    font-size:16px;
    cursor:pointer;
    display:block;
    position:relative;
    padding-left:55px;
    line-height:48px;
}
.fasteners_filter_block input[type="radio"] + label::before, input[type="radio"]:checked + label::before{
    display:block;
    content:"";
    position:absolute;
    left:18px;
    top:12.5px;
    height:21px;
    width:21px;
    background:url("/templates/gwozdeck/img/fasteners_radio.png") no-repeat;
    background-size:cover;
    background-position:0 0;
}
.fasteners_filter_block input[type="radio"] + label::first-letter{
    text-transform:uppercase;
}
input[type="radio"]:checked + label::before{
    background-position:0 -21px;
}
.fasteners_image_block span{
    display:none;
}
.fasteners_image_block img{
    width:100%;
    height:auto;
}
.fasteners_image_block span.active{
    display:block;
}
.fasteners_filter{
    display:flex;
    flex-wrap:nowrap;
}
.fasteners_filter #field_2.field_js, .fasteners_filter #field_3.field_js, .fasteners_filter #field_4.field_js, .fasteners_filter #field_5.field_js, .fasteners_filter #field_6.field_js, .fasteners_filter #field_7.field_js{
    display:block;
    width:100%;
    height:auto;
}
@media only screen and (max-width:1168px){
    .fasteners_filter_block .buttons_block .a_button{
        padding:0 15px;
        height:36px;
        line-height:36px;
        width:auto;
    }
    .fasteners_filter_block .buttons_block .fasteners_nav_button{
        padding:0 15px;
        height:32px;
        line-height:32px;
    }
}
@media only screen and (max-width:768px){
    .filter_question .field-list-block{
        flex-wrap:wrap;
    }
    .filter_question .field-list-block > span{
        min-width:100px;
    }
    .filter_question .field-list-block > span.active:after{
        display:none;
    }
    .fasteners_image_block{
        display:none;
    }
    .fasteners_filter_block{
        width:100%;
    }
    .filter_question .field-list-block{
        border-radius:0;
    }
    .filter_question .field-list-block > span.active{
        border-radius:0 !important;
    }
}
@media only screen and (max-width:480px){
    .fasteners_filter_block .buttons_block{
        flex-wrap:wrap;
    }
    .fasteners_filter_block .buttons_block .a_button{
        width:100%;
    }
    .fasteners_filter_block .buttons_block .fasteners_nav_button{
        width:30%;
    }
    .filter_question .field-list-block{
        display:none;
    }
}

/* END Стили для фильтра на странице /servis/vybor_krepezha1/ */