/*
Theme Name: extralife
Text Domain: extralife
Version: 6.5.4
*/

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}
body {
	font-size:16px;
	line-height:1.4;
	color:#000;
}
a {
	text-decoration:none;
	cursor:pointer;
	transition:all linear .25s;
}
div,a,img,button {
	outline:none;
}
ul {
	list-style:disc;
	padding:0 0 0 20px;
	margin:0 0 20px;
}
p {
	margin:0;
}
.fl {
	display:flex;
}
.fw {
	flex-wrap:wrap;
}
.sb {
	justify-content: space-between;
}
.aligncenter {
	align-content: center;
	align-items: center;
}
.img {
	position: relative;
}
.img img {
	width: 100%;
}
.img:before {
	position: absolute;
	content:' ';
	display: block;
	width: 70px;
	height: 70px;
	top:45px;
	left:-35px;
	z-index: 2;
	background: #0F52BA;
}
.sub {
	margin: 0 0 15px;
	font-weight: bold;
	font-size: 24px;
}
.banner-area h1 {
	color:#fff;
}
.bg {
	color:#fff;
}
main {
	overflow:hidden;
}
.desc p {
	margin:0 0 20px;
}
.desc p:last-child {
	margin:0;
}
.bg {
	position: relative;
	padding:50px;
	padding-left: 0;
}
.bg > div {
	position: relative;
	z-index: 2;
}
.bg:before {
	position: absolute;
	content:' ';
	display: block;
	width: 100vw;
	right:-30px;
	top:0;
	height: 100%;
	background: #0F52BA;
}
.d-flex.vertical {
	flex-wrap:wrap;
	flex-direction: column;
	justify-content: space-between;
	min-height: 100%;
}
img {
	max-width: 100%;
}
.sub-bg {
	padding:5px 15px;
	color:#fff;
	text-transform: uppercase;
	background: #0F52BA;
	display: inline-block;
	font-size: 20px;
}
.square {
	width: 70px;
	height: 70px;
	margin:40px 0 0;
	background: #0F52BA;
}
.square.white {
	background: #fff;
}
.blue {
	background: #0F52BA;
	color:#fff;
}
.blue .section-title {
	color:#fff;
}
.blue h3 {
	color:#fff;
}
.desc h3 {
	margin:0 0 15px;
}
.attr {
	margin: 0 0 30px;
}
.attr2 {
	margin: 0 0 30px;
}
.attr2:last-child,
.attr:last-child {
	margin:0;
}
.attr .icon {
	width: 100%;
	max-width: 50px;
	min-width: 50px;
	margin-right: 20px;
}
.attr2 .icon img {
	margin:0 auto 20px;
	display: block;
	max-height: 50px;
}
.attr .icon img {
	width: 100%;
	height: 50px;
	object-fit: cover;
	background: #0F52BA;
}
.attr .title {
	font-size: 20px;
	margin:-5px 0 10px;
	font-weight: bold;
}
.attr2 .title {
	font-size: 20px;
	margin:0 0 15px;
	text-align: center;
	font-weight: bold;
}
.section5 .section-title {
	margin:0 0 40px;
}
.section6 .square {
	margin:0 0 40px auto;
}
.section6 {
	padding-bottom:0 !important;
}
.section7 .desc p {
	margin:0;
}
.section7 .desc {
	margin:40px 0 0;
	font-size: 20px;
}
.section7 .col1 {
	flex:0 0 36%;
	padding:0 15px;
}
.section7 .col2 {
	flex:0 0 28%;
	padding:0 15px;
}
.right .bg {
	height: 100%;
	padding:150px 150px 150px 50px;
	padding-right: 0;
	display: flex;
	align-items: center;
}
.right .bg div {
	width: 100%;
}
.right .bg img {
	width: 100%;
}
.right .bg:before {
	right: auto;
	left:0;	
}
.attr2 *:last-child {
	margin:0;
}
.pd {
	padding-bottom: 50px;
}
textarea.wpcf7-form-control {
	height: 100px;
	resize:none;
}
.wpcf7-not-valid-tip, .wpcf7-spinner, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	display: none !important;
}
.magazin .img-t img {
	display: block;
	width: 100%;
	height: 460px;
	object-fit: cover;
	margin:0 0 15px;
}
.magazin p {
	text-align: center;
	font-size: 18px;
	height: 60px;
}
.section4 .text {
	padding: 50px 15px;
}
.section4 img {
	height: 100%;
	object-fit: cover;
}
.section4 .square.white {
	margin:0 0 40px;
}
.section5 img {
	margin-top:50px;
}
#catalog {
	padding: 90px 0 60px;
}
.woocommerce ul.products, .woocommerce-page ul.products {
	display: flex;
	flex-wrap:wrap;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	padding: 0;
	display: block;
	margin:0 0 10px;
	font-size: 22px !important;
}
.woocommerce ul.products li.product .price {
	font-size: 20px;
	margin:0 0 10px;
	color:#0F52BA !important;
}
.woocommerce ul.products li.product .button,
.woocommerce div.product form.cart .button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt,
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
	color: #fff !important;
    background: #0F52BA;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    padding: 17px 30px !important;
    margin:0 0 5px;
    justify-content: center;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
	display: inline-flex;
}
#order_review_heading {
	margin:30px 0 10px;
}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
	width: 150px;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
	width: 100%;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover {
	opacity: 0.8;
	background: #0F52BA;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce div.product form.cart .button:hover {
	opacity: 0.8;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading::after {
	display: none !important;
}
.woocommerce div.product form.cart div.quantity input {
	height: 46px;
	border:1px solid #0F52BA;
	padding: 0 10px;
	border-radius: 3px;
	text-align: center;
}
.product_meta {
	display: none !important;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
	font-size: 20px;
	font-weight: 600;
	color:#0F52BA;
}
.woocommerce .woocommerce-ordering select {
	height: 30px;
	padding: 0 15px;
	font-size: 16px;
}
#catalog .col-right {
	width: 100%;
	max-width: 270px;
	padding-left: 40px;
}
#catalog .col-left {
	width: 100%;
	max-width: calc(100% - 270px);
}
.product-categories {
	padding: 0;
	margin:0;
	list-style: none;
}
.product-categories a {
	display: block;
	font-size: 18px;
	color:#000;
	margin:0 0 10px;
}
.aside-title {
	font-size: 24px;
	margin:0 0 20px;
	display: block;
}
.woocommerce nav.woocommerce-pagination ul {
	display: flex;
	align-items: center;
	border:0;
	justify-content: center;
}
.woocommerce nav.woocommerce-pagination ul span,
.woocommerce nav.woocommerce-pagination ul a {
	display: flex !important;
	width: 30px;
	min-width: 30px;
	height: 30px;
	border:1px solid #0F52BA;
	justify-content: center;
	align-items: center;
	background: #fff !important;
	margin:0 3px !important;
	font-size: 16px !important;
}
.woocommerce nav.woocommerce-pagination ul span, .woocommerce nav.woocommerce-pagination ul a:hover {
	background: #0F52BA !important;
	color:#fff !important;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	padding-bottom: 25px;
	margin-bottom: 20px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
}
.woocommerce ul.products li.product .button {
	margin-top: auto;
}
.woocommerce a.added_to_cart {
	padding: 0;
	position: absolute;
	left: 0;
	bottom: 0;
}
.woocommerce-result-count, .woocommerce-ordering {
	display: none !important;
}
#catalog h1 {
	margin:0 0 30px;
}
.related.products {
	display: none !important;
}
.single .product:after {
	display: block;
	clear:both;
	content:' ';
}
#cart {
	padding: 90px 0 40px;
}
#checkout {
	padding: 90px 0 40px;
}
.lang a {
	margin: 0 !important;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
	max-width: 48%;
	padding: 0;
}
.woocommerce .form-row {
	display: block;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
	display: block;
	height: 40px;
	padding: 0 15px;
	resize:none;
	border:1px solid #0F52BA;
	border-radius: 3px;
}
.woocommerce form .form-row label, .woocommerce-page form .form-row label {
	margin:10px 0 3px;
}
.woocommerce form .form-row textarea {
	height: 150px;
	padding: 15px;
}
h1.page-title {
	margin:0 0 30px;
}
.woocommerce form .form-row {
	padding: 0;
}
.zen-ui-select__value {
	border:1px solid #0F52BA !important;
}
.woocommerce form .wcus-checkout-fields .form-row {
	margin:0 0 20px !important;
}
.wcus-checkout-fields h3 {
	margin:40px 0 10px;
}
.tocart {
	min-width: 25px;
	display: block;
	height: 25px;
	background: url(images/cart.svg) no-repeat center center;
	background-size: cover;
}
.page-template-page-t .tocart,
.home .tocart {
	display: none;
}
.header-top .sb {
	justify-content: space-between;
	align-items: center;
	align-content: center;
}
.header-top .sb > div.col2,
.header-top .sb > div.col3 {
	margin:0 auto;
}
.header-top .sb .col4 {
	margin-left: auto;
	margin-right: 30px;
}
.mobile-menu {
	display: none;
}
.open-menu {
	display: none;
	width: 40px;
	height: 40px;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	margin-left: 15px;
	cursor:pointer;
}
.open-menu span {
	width: 30px;
	height: 3px;
	background: #777;
}
.open-menu.active span {
	background: #000;
}
.open-menu span + span {
	margin-top: 3px;
}
@media screen and (max-width:992px) {
	.nav-menu>li {
		margin-left: 10px;
	}
	.header-top .sb .col4 {
		margin-right: 20px;
	}
}
@media screen and (max-width:767px) {
	.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
		max-width: 100%;
	}
	.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
		margin-top: 30px;
	}
	#catalog .d-flex {
		flex-wrap:wrap;
	}
	#catalog .col-left {
		max-width: 100%;
		width: 100%;
	}
	#catalog .col-right {
		max-width: 100%;
		padding: 0;
		margin-top: 10px;
	}
	.woocommerce ul.products li.product .woocommerce-loop-product__title {
		font-size: 20px !important;
	}
	.woocommerce ul.products li.product .price {
		font-size: 18px !important;
	}
	.section5 img {
		margin-top:0px;
	}
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
		margin-bottom: 20px;
	}
	.woocommerce ul.products li.product .button {
		padding: 12px 10px !important;
	}
	.desk {
		display: none;
	}
	.header-top h6 {
		margin-right: 0 !important;
	}
	.nav-menu a {
		padding:8px 0 !important;
	}
	.header-top .sb .col4 {
		margin-right: 10px;
	}
	.header-top {
		background: #fff !important;
	}
	.mobile-menu .social-links ul {
		display: flex;
		list-style: none;
		padding: 0;
		margin:0;
		align-items: center;
		gap:15px;
		color:#0F52BA;
	}
	.mobile-menu h6 {
		margin:15px 0;
		display: block;
		color:#777;
	}
	.mobile-menu {
		padding: 20px 15px 5px;
		background: #fff;
		position: absolute;
		top:calc(100% + 52px);
		left: 0;
		width: 100%;
		z-index: 33;
		box-shadow: 0 5px 10px rgba(0,0,0,0.1);
	}
	header {
		position: relative;
	}
	.mobile-menu ul {
		display: block;
	}
	.mobile-menu ul a {
		display: block;
		padding: 0 !important;
		margin:0 0 10px;
		font-size: 18px;
	}
	.mobile-menu .nav-menu>li {
		float:none;
		margin:0 !important;
	}
	.open-menu {
		display: flex;
	}
}
.woocommerce ul.products li.product a img {
	width: 100%;
	height: 260px;
	object-fit: cover;
}
@media screen and (max-width:767px) {
	.woocommerce ul.products, .woocommerce-page ul.products {
		justify-content: space-between;
	}
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product,
	.woocommerce ul.products li.product a {
		width: 100% !important;
	}
	.woocommerce ul.products li.product a img {
		height: 90vw;
	}
}
.hidden {
	display: none !important;
}