/*-- My BOOTSTRAP reinitialise-- */

@font-face {
  font-family: 'Roboto';
  font-display: auto;
  src: local('Roboto'), url('../fonts/Roboto-Regular.ttf') format('truetype');
}

.modal-dialog{
/*	margin: 15% auto;*/
}

.navbar{
	margin-bottom: 0px;	
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    background-color: #ff7b00;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
    padding-top: 20px;
}

.navbar-nav > li {
}

.navbar-nav > li > a {
    padding: 20px 42px 0px 42px;
}

.navbar-toggle{
	border: 0px;
	float: left;
	margin-left: 15px;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 4px;
    border-radius: 1px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #cce4f1;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #ff7b00;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #ff7b00;
}

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
a{
	text-decoration: none;
}


.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.container-head{
/*	margin-bottom: -121px; */
	background: #363636; 
	min-height: 116px;
}

.container-body{
	background-color: #fff;  
/*	box-shadow: 1px 5px 3px 2px rgba(0,0,0,0.35);*/
/*	margin-bottom: 5px;*/
}


ul.breadcrumb{
	margin-bottom: 0;	
}


.error{
	color: #F00;
}

/*=============================================================*/

#scrollup{
position: fixed;
opacity: 0.5;
z-index: 100;
padding: 6px;
/*background: #eee;*/
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
right: 5%;
bottom: 10px;
display: none;
cursor: pointer;
display: none;
}


.site{
	/*background-color: #eceff1;*/
	background-color: #fff;
}

.head_menu_1 a {
	font-size: 13px;
    color: #fff;    
    padding: 6px;
    line-height: 25px;
    opacity: 1;
    text-decoration: none;
}

.head_menu_1 a:hover {
    background-color: #ff7b00;
}

.head_contact_1 a {
	font-size: 16px;
    color: #D1E3F6;    
    padding: 6px;
    line-height: 22px;
    opacity: 1;
    text-decoration: none;
}

.head_contact_1 a:hover {
    background-color: #ff7b00;
}

.mainmenu_text{
	
}

.mainmenu_text a{
	padding-top: 10px;
	padding-left: 10px;
	display: block;
	height: 60px;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	line-height: 20px;
}

.mainmenu_text a:hover{
	background-color: #ff7b00;
	color: #fff;
}


.mainmenu_text a i{
	color: #f2f2f2;
	display: block;
	float: left;
	height: 100%;
/*	margin-right: 10px;*/
	padding-top: 10px;
}

.mainmenu_text a i:hover{
	
}

.header-grafik-roboty-name{
	font-size: 16px;
}

/*=============================================================*/

.home_blok_head{
	color: #fff;
	font-size: 24px;
	padding: 5px;
	text-align: center;
}

/*===========================ми пропонуємо ==================================*/
.grayscale{
	filter: grayscale(1);	
}
.mp_a{
	height: 137px;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
}

.mp_arrow{
	font-size: 20px;
	color: #fff;
	background-color: #000;
	float: left;
	margin:  10px 10px 10px 0px;
	width: 26px;
	height: 26px;
	text-align: center;
}

.mp_title{
	font-size:20px;	
	color: #000;
	padding-top: 10px;
}

.mp_info{
	color: #fff;
	padding-top: 0px;
	padding-left: 36px;
}

.mp_a_1, .mp_a_2, .mp_a_3, .mp_a_4, .mp_a_5{
	background-color: #42a5f5;
}

.sc-oi-avatar{
	width: 188px;
	float: left;
}

.sc-oi-body{
	
	float: left;
	width: 58%;
}
.mp_image_1{
	background: url('/images/ouerpropose/mp_1.jpg')no-repeat center center;
	height: 137px;
	background-size: 100%;
}

.mp_image_2{
	background: url('/images/ouerpropose/mp_2.jpg')no-repeat center center;
	height: 137px;
	background-size: 100%;
}

.mp_image_3{
	background: url('/images/ouerpropose/mp_3.jpg')no-repeat center center;
	height: 137px;
	background-size: 100%;
}

.mp_image_4{
	background: url('/images/ouerpropose/mp_4.jpg')no-repeat center center;
	height: 137px;
	background-size: 100%;
}

.mp_image_5{
	background: url('/images/ouerpropose/mp_5.jpg')no-repeat center center;
	height: 137px;
	background-size: 100%;
}


/*//======================  АКЦІЇ  ===================================================*/

.action-a{
	text-decoration: none;
}
.action-a:hover{
	text-decoration: none;
}
.action-label{
	position: absolute;
	right: 10px;
	top: 10px;
}
.action-body{
	margin-top: 38px;
	border: 7px solid #eceff1;
	overflow: hidden;
}

.action-info{
	background-color: #eceff1;
	padding-top: 10px;
	min-height: 132px;
	padding-right: 5px;
	margin-top: 5px;
}
.action-info-name{
	padding-left: 5px;
	text-transform: uppercase;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	min-height: 47px;
}
.action-info-subinfo{
	color: #939598;
	padding-left: 5px;
	
}
.action-info-price{
	color:#ff7b00;
	text-align: right;
	font-size: 14px;
}

.action-info-price_num{
	font-size: 24px; 
	font-weight: bold;
}

.action-hover-bg{
	background-color: #ff7b00;
}
.action-hover-color{
	color: #FFF;
}

/*//======================  ФУТЕР   ===================================================*/


.container-footer{
	background-color: #252525;
	padding-top: 50px;
	padding-bottom: 30px;
}

.foot_block_head{
	color: #fff;
	font-size: 16px;
	margin-bottom: 20px;
}

.foot_block_ul{
	margin: 0;
	padding: 0;
}

.foot_block_ul li{
	line-height: 36px;
	list-style: none;
}

.foot_block_ul i{
	color: #527fa4;
	font-size: 12px;
	margin-right: 15px;
}

.container-footer a{
	color: #999;
	text-decoration: none;
}

.container-footer a:hover{
	color: #fff;
	text-decoration: none;
}



/*===================================== головна Інформація =====================================*/

.home_info-a{
	text-decoration: none;
}
.home_info-a:hover{
	text-decoration: none;
}

.home_info_block{
	padding: 10px;
}


.home_info_imgdiv{
	overflow: hidden;
	height: 180px;
}

.home_info_img{
	width: 100%
}

.home_info_arrowdiv{
	width: 36px;
	height: 100px;
	float: left;
		
}
.home_info_arrow{
	background-color: #000;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 5px;
	margin: 10px 10px 0 0;
}

.home_info_body{
	background-color: #42a5f5;
	height: 150px;
}

.home_info_name{
    padding-top: 10px;
    padding-bottom: 5.4px;
    text-transform: uppercase;
    font-size: 18px;
    color: #fff;
    height: 64.30px !important;
}

.home_info_text{
	color: #fff;
}

.home_unfo2_col{
	padding-right: 10px;
	padding-left: 10px;
}

.home_info2_block{
	background-color: #42a5f5;
	height: 110px;
	padding-left: 25px;
	padding-right: 5px;
	
	text-transform: uppercase;
	font-size: 16px;
	color: #000;
}

.home_info2_arrow{
	background-color: #000;
	color: #fff;
	font-size: 16px;
	height: 30px;
	width: 27px;
	padding: 5px 0 0 5px;
}

.home_info2_arrowdiv{
	margin-bottom: 5px;
	
}

.home_info3_arrow{
	background-color: #000;
	color: #fff;
	height: 28px;
	font-size: 20px;
}

.home_info3_arrowdiv{
	padding: 0px 10px;	
}


.home_info_body_hover{
	background-color: #ff7b00;
}


/*=====================================Головна  Підписатися на розсилку ==========================================================================*/

.home_pidpys{
	background-image: url(../../../images/bg/banner-singup1.png) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	
	height: 270px;
}


/*=====================================КАТАЛОГ підвіконь ==========================================================================*/

.btn-tag{
	font-size: 12px;
}

.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    /*transform: scale(3) rotateZ(-20deg);*/
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    /*transform: scale(1) rotateZ(0deg);*/
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}

.filter_label_head{
	font-weight: bold;
}

/*------------------------------------------------------------*/



.price-number{
	font-size:28px;
	color: #ff7b00;
}

.price-grn{
	font-size:12px;
	color:#ff7b00;	
}

.catalog_pidvikinnja{
	
}

.catalog_pidvikinnja a{
	text-decoration: none;
}
.catalog_pidvikinnja a:hover{
	text-decoration: none;
}

.catalog-pidvikinnja-body{
	min-height: 125px;
}


.catalog-pidvikinnja-body-hover{
	background-color: #ff7b00;
	color: #fff;
}

.catalog-pidvikinnja-price{
	color:#ff7b00 ;
}

.item-header-tovar-name{
	text-align: center;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: bold;
}

.h1-catalog-header-marker{
	float: left; 
	text-align: center; 
	padding: 5px 0 5px 0; 
	width: 50%;
}
.h1-catalog-header-marker h1{
	font-size: 14px;
	margin: 3px 0 0 0;
	padding: 0;
	font-weight: bold;
}

/*=====================================Карточка товара підвіконь ==========================================================================*/

.priceord_name{
	float: right; 
	text-align: right; 
	padding: 5px 10px 5px 0;
}
.price_arrows{
	float: right; 
	width:40px; 
	cursor: pointer; 
	padding: 5px 0 5px 0; 
	text-align: center;
}

.pidv_option_name{
	font-weight: bold;
	width: 100px;
	padding-top: 8px;
	height: 100%;
}
.pidv_option_row{
	height: 50px;
	
}
.pidv_option_value{
	width:100px;
}

.price-line{
	/*margin-left: 100px;*/
}

select.form-control {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 1ex;
    background-origin: content-box;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnMiIKICAgdmlld0JveD0iMCAwIDM1Ljk3MDk4MyAyMy4wOTE1MTgiCiAgIGhlaWdodD0iNi41MTY5Mzk2bW0iCiAgIHdpZHRoPSIxMC4xNTE4MTFtbSI+CiAgPGRlZnMKICAgICBpZD0iZGVmczQiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhNyI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjAyLjAxNDUxLC00MDcuMTIyMjUpIgogICAgIGlkPSJsYXllcjEiPgogICAgPHRleHQKICAgICAgIGlkPSJ0ZXh0MzMzNiIKICAgICAgIHk9IjYyOS41MDUwNyIKICAgICAgIHg9IjI5MS40Mjg1NiIKICAgICAgIHN0eWxlPSJmb250LXN0eWxlOm5vcm1hbDtmb250LXdlaWdodDpub3JtYWw7Zm9udC1zaXplOjQwcHg7bGluZS1oZWlnaHQ6MTI1JTtmb250LWZhbWlseTpzYW5zLXNlcmlmO2xldHRlci1zcGFjaW5nOjBweDt3b3JkLXNwYWNpbmc6MHB4O2ZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MXB4O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1vcGFjaXR5OjEiCiAgICAgICB4bWw6c3BhY2U9InByZXNlcnZlIj48dHNwYW4KICAgICAgICAgeT0iNjI5LjUwNTA3IgogICAgICAgICB4PSIyOTEuNDI4NTYiCiAgICAgICAgIGlkPSJ0c3BhbjMzMzgiPjwvdHNwYW4+PC90ZXh0PgogICAgPGcKICAgICAgIGlkPSJ0ZXh0MzM0MCIKICAgICAgIHN0eWxlPSJmb250LXN0eWxlOm5vcm1hbDtmb250LXZhcmlhbnQ6bm9ybWFsO2ZvbnQtd2VpZ2h0Om5vcm1hbDtmb250LXN0cmV0Y2g6bm9ybWFsO2ZvbnQtc2l6ZTo0MHB4O2xpbmUtaGVpZ2h0OjEyNSU7Zm9udC1mYW1pbHk6Rm9udEF3ZXNvbWU7LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjpGb250QXdlc29tZTtsZXR0ZXItc3BhY2luZzowcHg7d29yZC1zcGFjaW5nOjBweDtmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjFweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIj4KICAgICAgPHBhdGgKICAgICAgICAgaWQ9InBhdGgzMzQ1IgogICAgICAgICBzdHlsZT0iZmlsbDojMzMzMzMzO2ZpbGwtb3BhY2l0eToxIgogICAgICAgICBkPSJtIDIzNy41NjY5Niw0MTMuMjU1MDcgYyAwLjU1ODA0LC0wLjU1ODA0IDAuNTU4MDQsLTEuNDczMjIgMCwtMi4wMzEyNSBsIC0zLjcwNTM1LC0zLjY4MzA0IGMgLTAuNTU4MDQsLTAuNTU4MDQgLTEuNDUwOSwtMC41NTgwNCAtMi4wMDg5MywwIEwgMjIwLDQxOS4zOTM0NiAyMDguMTQ3MzIsNDA3LjU0MDc4IGMgLTAuNTU4MDMsLTAuNTU4MDQgLTEuNDUwODksLTAuNTU4MDQgLTIuMDA4OTMsMCBsIC0zLjcwNTM1LDMuNjgzMDQgYyAtMC41NTgwNCwwLjU1ODAzIC0wLjU1ODA0LDEuNDczMjEgMCwyLjAzMTI1IGwgMTYuNTYyNSwxNi41NDAxNyBjIDAuNTU4MDMsMC41NTgwNCAxLjQ1MDg5LDAuNTU4MDQgMi4wMDg5MiwwIGwgMTYuNTYyNSwtMTYuNTQwMTcgeiIgLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=");
}


/*Пагінація*/

.icon-previous:before,
.icon-backward:before {
	content: "<";
}
.icon-next:before,
.icon-forward:before {
	content: ">";
}
.icon-first:before {
	content: "<<";
}
.icon-last:before {
	content: ">>";
}


/*-Для того щоб у блозі картинки на телефоні були нормально по ширині -*/
.blog div[itemprop="blogPost"] p img{
  max-width: 100%;
  height: auto;
}
div[itemprop="articleBody"] h3 img{
	max-width: 100%;
    height: auto;
}
div[itemprop="articleBody"] p img{
	max-width: 100%;
    height: auto;
}

/*-Для того щоб у блозі картинки на телефоні були нормально по ширині -*/

/*========= media =====================================================================*/


@media (max-width: 1200px) {
.head_contact_1 a {
    font-size: 15px;
    color: #D1E3F6;
    padding: 6px;
    line-height: 22px;
    opacity: 1;
    text-decoration: none;
}
.info_div_header {
    height: auto !important;
}
.home_info_name{
    padding-top: 10px;
    padding-bottom: 5.4px;
    text-transform: uppercase;
    font-size: 18px;
    color: #fff;
    height: 64.30px !important;
}

.navbar-nav > li > a {
    padding: 20px 10px 0px 10px;
}
.info_div_intro {
    height: 66.25px !important;
}
.new-row img {
    height: 265px !important;
}
div#ajax_items div a div div {
    min-height: auto !important;
}
div#ajax_items div a div {
    min-height: auto !important;
}
div#ajax_items {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
}
.checkbox {
    display: inline-flex;
	min-width: 100px;
}

}





@media (max-width: 992px) {
	.checkbox {
    display: block;
}
	div#ajax_items div a div {
    min-height: auto !important;
}
	
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
    
    .price-line{
		margin-left: 50px;
	}
	.info_div_intro {
    height: auto !important;
    padding-bottom: 10px !important;
}


.home_info_name{
	font-size: 16px;
}

}



@media (max-width:468px) {

.head_contact_1 a{
	font-size:18px !important;
}
.home_info_name{
	font-size: 13px;
}
}