/*
Theme Name:     Garduri si Acoperisuri
Theme URI: 		http://demos.artbees.net/jupiter5
Description:    Child theme for the Jupiter theme 
Author:         Your name here
Theme URI: 		http://themeforest.net/user/artbees
Template:       jupiter
Text Domain: mk_framework
Domain Path: /languages/
*/
@import url('io-custom.css');


body {
	background: #f2f2f7
}

/* header */
.header-style-1 .menu-hover-style-5 .main-navigation-ul > li > a.menu-item-link, h1, h2, h3, h4, h5, h6, #menu-meniul > li > a {
    letter-spacing: 0.1em;
	
}
.header-style-1.header-align-left .mk-grid .mk-header-nav-container {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.mk-main-navigation {
	margin: 0;
}
body .header-style-1 .mk-header-inner .mk-header-search {
	margin: auto;
	height: auto;
	line-height: normal;
}
.mk-header-inner .mk-header-searchform {
	display: flex;
	float: none;
}
.mk-header-inner .mk-header-searchform > span {
	display: block;
	float: none;
	width: 100%;
	overflow: visible;
	position: relative;
}
.mk-header-inner .mk-header-searchform > span i {
	background: #f05223;
	color: white;
	top: 0;
	right: 0;
	font-size: 14px;
	opacity: 1;
	bottom: 0;
	display: flex;
	box-sizing: border-box;
	padding: 10px;
	border-radius: 0 6px 6px 0;
}
.mk-header-inner .mk-header-searchform .text-input {
	border: 2px solid #f05223;
	border-radius: 6px;
	width: 100%;
	height: 40px;
	padding-right: 45px!important;
	padding-left: 20px!important;
	color: #333;
}
.mk-header-search {
	width: 50%;
}
body .header-style-1.header-align-left .header-logo {
	margin-right: auto;
	position: static;
	width: auto;
	height: 75px;
}
body .header-logo img {
	position: static;
	-webkit-transform: none!important;
	transform: none!important;
}
.menu-meniul-container {
	background-color: #f05223;
}
#menu-meniul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	height: 40px;
	align-items: center;
	max-width: 1140px;
	margin: auto;
}
#menu-meniul > li {
	margin-right: 30px
}
#menu-meniul > li > a {
	color: white;
	text-transform: uppercase;
	font-weight: 500;
}
#menu-meniul > li:last-child {
	margin: 0 0 0 auto;
}
body .mk-fullwidth-false .mk-edge-slider .mk-slider-slide.left_center .edge-slide-content {
	padding-left: 100px;
}
body .mk-slider-slide > div:nth-child(2) {
	background-color: #f0532370;
	background-blend-mode: darken;
}
body .nav-roundslide a[data-skin=dark] .mk-svg-icon {
	fill: white
}
body .nav-roundslide a[data-skin=dark] .nav-item-caption {
	color: white;
}
body .nav-roundslide a[data-skin=dark] {
	border-color: white;
}
body .pagination-stroke[data-skin=dark] a.is-active span {
	box-shadow: 0 0 0 2px #fff;
}
body .swiper-pagination[data-skin=dark] span {
	background: white
}
#avantaje {
	display: flex;
	justify-content: space-between;
}
#avantaje > div {
	margin: 20px;
	border-radius: 6px;
	border: 2px solid;
  	background: #5a5957;
	color: white;
	position: relative;
}
#avantaje > div .detalii-avantaje {
	opacity: 0;
	-webkit-transform: translate(0, -50%) scale(0);
	transform: translate(0, -50%) scale(0);
	position: absolute;
	z-index: 1;
	top: calc(100% + 10px);
	left: 0%;
	width: 100%;
	transition: transform .2s, opacity .2s;
	background: white;
	padding: 10px 15px ;
	box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .15);
}
#avantaje > div:hover .detalii-avantaje {
	-webkit-transform: translate(0, 0%)  scale(1);
	transform: translate(0, 0%)  scale(1);
	opacity: 1;
}

#avantaje > div .detalii-avantaje p {
	margin-bottom: 0
}
.advantage {
	padding: 5px 0;
	display: flex;
	align-items: center;
}
.advantage > div.vc_col-sm-6:first-child {
	width: auto;
}
.advantage > div.vc_col-sm-6:first-child .vc_icon_element  {
	margin-bottom: 0;
}
#avantaje .vc_icon_element  span {
  color: white
}
.advantage > div.vc_col-sm-6:last-child {
	flex: 1
}
.advantage > .vc_column_container > .vc_column-inner {
	padding: 0;
}
.advantage  p {
	font-weight: bold;
	font-size: 16px;
	margin: 0;
	color: white
}
.mk-swipe-slideshow .swiper-slide {
	/*display: flex;*/
}
.mk-swipe-slideshow .swiper-slide > .item-holder {
	/* display: flex;
	flex-direction: column;
	justify-content: space-between; */
	/* background: pink; */
	min-height: 100%;
}

.mk-swipe-slideshow .swiper-slide > .item-holder img {
	height: 300px;
	object-fit: contain;
	object-position: center top;
}

/* carousel produse */
body .mk-woocommerce-carousel.modern-style .swiper-arrows {
	border-radius: 6px;
	border-color: #5a5957
}
body .mk-woocommerce-carousel.modern-style .swiper-arrows:hover {
	background: #5a5957
}
#produse-recomandate .mk-woocommerce-carousel.modern-style .mk-button {
	color: #5a5957!important;
	border-color: #5a5957
}
#produse-recomandate .mk-woocommerce-carousel.modern-style .mk-button:hover {
	background-color: #5a5957;
	color: white!important
}
#home-promo {
	-webkit-background-blend-mode: multiply;
	background-blend-mode: multiply;
	border-radius: 6px;
}
#home-promo p {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.butonul-outline a {
	border-radius: 6px;
}
.butonul-outline a:hover span {
	color: #5a5957;
}

/* contact */
#contact-row {
	display: flex;
	align-items: flex-end;
}
#contact-row .wpb_gmaps_widget.wpb_content_element {
	margin-bottom: 11px;
}
#contact-row form {
	padding: 0 15px 0 10%
}
#contact-row input[type="text"],
#contact-row textarea,
#contact-row input[type="email"] {
	width: 100%
}
#contact-row select {
	width: 100%;
}
#contact-row a {
	font-family: 'Montserrat'
}

/* footer */
#mk-footer h2 {
	color: white;
	font-size: 26px;
	letter-spacing: .1em;
}
#mk-footer li {
	list-style: none;
	line-height: 2.2;
	margin: 0;
}
#mk-footer li a {
	font-family: 'Montserrat';
}
#mk-footer > div > .mk-padding-wrapper {
	display: flex;
}
#mk-footer > div > .mk-padding-wrapper > div {
	flex: 1;
	width: auto;
}
#mk-footer > div > .mk-padding-wrapper > div:nth-child(3) {
	flex: 2;
	margin-right: 0;
}

#mk-footer > div > .mk-padding-wrapper > .clearboth {
	display: none;
}
#sub-footer > div {
	display: flex;
}
#sub-footer > div ul {
	margin-left: auto;
	display: flex;
	align-items: center;
}
#sub-footer > div ul li {
	margin: 0 20px;
}
#sub-footer > div ul li a {
	color: white;
	font-family: 'Oswald';
}
#sub-footer > div ul li a:hover {
	color: #f05223
}
/* checkout */
#stageses .container {
	max-width: 1210px;
	margin: auto;
	display: flex;
	padding: 40px 40px 20px;
	box-sizing: border-box;
}
#stageses .container br {
	display: none;
}
#stageses .container > div {
	position: relative;
	flex: 1;
}
.woocommerce-checkout #stage1 div,
.woocommerce-checkout #stage2 div,
.woocommerce-checkout #stage3 div,
.woocommerce-checkout #stage4 div {
	background: #ccc;
	height: 5px;
	margin-bottom: 18px;
}
.woocommerce-checkout #stage1.iocheckoutactive div,
.woocommerce-checkout #stage2.iocheckoutactive div,
.woocommerce-checkout #stage3.iocheckoutactive div,
.woocommerce-checkout #stage4.iocheckoutactive div {
	height: 5px;
	background: #f05223;
	margin-bottom:18px;
}
/* .woocommerce-checkout #stage1 a {
	font-family: 'Montserrat';
	font-weight: 600;
	float: left;
} */
.woocommerce-checkout #stage1 i,
.woocommerce-checkout #stage2 i {
	font-style:normal;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	float:left;
	color: #f05223;
	font-weight: bold;
}
.woocommerce-checkout #stage1 span,
.woocommerce-checkout #stage2 span,
.woocommerce-checkout #stage3 span,
.woocommerce-checkout #stage4 span {
	-webkit-transform: translate(50%, 0);
	transform: translate(50%, 0);
	float: right;
}
.woocommerce-checkout #stage1.iocheckoutactive span, 
.woocommerce-checkout #stage2.iocheckoutactive span, 
.woocommerce-checkout #stage3.iocheckoutactive span, 
.woocommerce-order-received.woocommerce-checkout #stage4 span {
	color: #f05223;
	font-weight: bold;
}
.woocommerce-order-received.woocommerce-checkout #stage1 span, 
.woocommerce-order-received.woocommerce-checkout #stage2 span, 
.woocommerce-order-received.woocommerce-checkout #stage3 span, 
.woocommerce-order-received.woocommerce-checkout #stage4 span {
	color: #f05223;
	font-weight: bold;
}

.woocommerce-checkout #stage2,
.woocommerce-checkout #stage3,
.woocommerce-checkout #stage4 {
	text-align: right;
}
.woocommerce-checkout #stage2::after {
	content: '';
	display: block;
	width: 20px;
	border-width: 10px 20px;
	border-color: transparent transparent #f05223;
	border-style: solid;
	position: absolute;
	-webkit-transform: translate(-50%, 2px);
	transform: translate(-50%, 2px);
	left: 0;
	top:0
}
.woocommerce-checkout #stage2.iocheckoutactive::after {
	display:none;
}
.woocommerce-checkout #stage1.iocheckoutactive::before, 
.woocommerce-checkout #stage2.iocheckoutactive::before, 
.woocommerce-checkout #stage3.iocheckoutactive::before, 
.woocommerce-order-received.woocommerce-checkout #stage4::before {
	content: '';
	display: block;
	width: 20px;
	border-width: 10px 20px;
	border-color: transparent transparent #f05223;
	border-style: solid;
	position: absolute;
	-webkit-transform: translate(-50%, 2px);
	transform: translate(-50%, 2px);
	left: 100%;
	top:0
}
.woocommerce-checkout #stage1.iocheckoutactive.farasemn::before, 
.woocommerce-checkout #stage2.iocheckoutactive.farasemn::before, 
.woocommerce-checkout #stage3.iocheckoutactive.farasemn::before {
	display:none;
}
.woocommerce-order-received.woocommerce-checkout #stage1 div,
.woocommerce-order-received.woocommerce-checkout #stage2 div,
.woocommerce-order-received.woocommerce-checkout #stage3 div,
.woocommerce-order-received.woocommerce-checkout #stage4 div {
	background: #f05223;
	margin-right: 0;
}
.woocommerce-order-received.woocommerce-checkout #stage1::before,
.woocommerce-order-received.woocommerce-checkout #stage1::after {
	display: none;
}

.woocommerce-order-received.woocommerce-checkout #stage1 span,
.woocommerce-order-received.woocommerce-checkout #stage1 a {
	color: #5a5957;
	font-weight: normal;
	pointer-events: none;
}
body .woocommerce-message, 
body .woocommerce-error, 
body .woocommerce-info, 
body .woocommerce-notice {
	margin-top: 0
}
/* user account */
.woocommerce-account .theme-content > .woocommerce {
	display: flex;
	padding: 50px 0 30px;
}
.woocommerce-account .theme-content > .woocommerce > nav {
	margin-right: 40px;
}
.woocommerce-account .theme-content > .woocommerce > nav li a {
	display: block;
}

.woocommerce-account .theme-content > .woocommerce > nav li.is-active {
	background: #5a5957;
}
.woocommerce-account .theme-content > .woocommerce > nav li.is-active a {
	color: white;
}

@media (max-width: 1024px) {
	.header-style-1.header-align-left .mk-nav-responsive-link {
		z-index: 999;
	}
	.menu-meniul-container {
		display: none;
	}
	.header-grid.mk-grid {
		height: 90px;
	}
	body .mk-header-nav-container .mk-header-search,
	body .mk-header-nav-container .mk-main-navigation,
	body .mk-header-nav-container .shopping-cart-header {
		display: none!important
	}
	body .mk-header-nav-container {
		display: block!important;
	}
	body .header-logo img {
		height: 60px;
		-webkit-transform: translate(0,15px)!important;
		transform: translate(0,15px)!important;
	}
}
@media (max-width: 768px) {
	#mk-footer > div > .mk-padding-wrapper {
		flex-direction: column;
	}
	#sub-footer > div {
		flex-direction: column;
		align-items: flex-start;
	}
	#sub-footer > div ul {
		margin: 0;
	}
	#avantaje {
		flex-wrap: wrap;
	}
	#avantaje > div {
		width: calc(50% - 40px);
	}
	#stageses .container br {
		display: block;
	} 
	
	
	
}
@media (max-width: 600px) {
	#avantaje > div {
		width: calc(100% - 40px);
		margin: 10px 20px 0
	}
}