/* Theme Name: prey
Author: robert
Version: 0.1 */

body {
    /* max-width: 100vw; */
    margin: 0;
    padding: 0;
    font-family: "Roboto Condensed";
}

p,
a {
    margin: 0;
    padding: 0;
}

a {
    color: #000000;
    text-decoration: none;
}

@media all {
    body {
        display: grid;
        grid-template-areas: "header header header" "aside content content" "footer footer footer";
        grid-template-rows: auto 1fr auto;
        grid-template-columns: 350px;
        grid-gap: 10px;
        min-height: 100vh;
        /* max-width: 100vw; */
        /* width: calc(100vw - (100vw - 100%)); */
        margin: 0;
        overflow-x: hidden;
    }
    .noside {
        grid-template-areas: "header header header" "content content content" "footer footer footer";
    }
    header {
        grid-area: header;
        padding: 0;
        /* width: 100vw; */
    }
    footer {
        grid-area: footer;
        justify-content: space-around;
        flex-wrap: wrap;
        padding: 0;
    }
    .content {
        grid-area: content;
        overflow: hidden;
        padding: 10px 60px;
    }
    aside {
        grid-area: aside;
    }
    header ul,
    footer ul,
    aside ul {
        list-style: none;
        padding: 0;
    }
    .flexbox {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
    }
    .withimg {
        display: flex;
        align-items: center
    }
    .withimg img {
        padding-right: 10px;
    }
    .button,
    .woocommerce button.button,
    .woocommerce #respond input#submit.alt,
    .woocommerce a.button.alt,
    .woocommerce button.button.alt,
    .woocommerce input.button.alt {
        text-transform: uppercase;
        padding: 10px;
        border: 1px solid transparent;
        border-image: linear-gradient(135deg, #d96e30 30%, #1a5898 30%);
        border-image-slice: 1;
        cursor: pointer;
        background: 0;
        color: #000000;
    }
    .button:hover,
    .woocommerce #respond input#submit.alt:hover,
    .woocommerce a.button.alt:hover,
    .woocommerce button.button.alt:hover,
    .woocommerce input.button.alt:hover {
        background: linear-gradient(135deg, #d96e30 30%, #1a5898 30%);
        color: white;
    }
    .gradient_text {
        width: max-content;
        background: linear-gradient(135deg, #1a5898 40px, #000000 40px);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .line {
        width: 100%;
        height: 1px;
    }
    .woocommerce-breadcrumb {
        color: #969696;
    }
    .woocommerce-breadcrumb a {
        color: #1a5898;
        text-decoration: underline;
    }
    /* padding */
    /* header */
    #top0,
    #bot2 {
        justify-content: space-between;
        padding: 20px 60px;
    }
    #top1 {
        position: relative;
    }
    #top2 {
        justify-content: left;
        background: #1a5898;
        padding: 0 60px 0 160px;
    }
    .menu {
        flex: 1;
        margin: 0;
        position: relative;
    }
    header .menu-item a {
        color: #ffffff;
        text-transform: uppercase;
        font-weight: 100;
    }
    #top0 .column img,
	.column .logo{
        max-width: 300px;
    }
    #top1 .ugols {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden;
    }
    .ugols::before,
    .ugols::after {
        content: "";
        width: 300px;
        height: 300px;
        position: absolute;
        transform: rotateZ(45deg);
    }
    .ugols::before {
        background: #d96e30;
        top: -150px;
        left: -200px;
    }
    .home .ugols::after {
        background: #1a5898c7;
        bottom: -150px;
        right: -150px;
    }
	.woocommerce-product-search {
		display: flex;
		align-items: center;
		position:relative;
		z-index:3;
	}
	.woocommerce-product-search button {
		border: 0;
		background: 0;
	}
	.woocommerce-product-search input {
	width: 0px;
	border: 0;
	padding: 0;
		transition:1s;
	}
	.woocommerce-product-search:hover input,
	.woocommerce-product-search input:focus{
	width: 200px;
	padding: 3px;
	}
    #menu_open {
        position: absolute;
        top: 14px;
        left: 60px;
        display: none;
    }
    #top1 .more {
        padding: 10px;
        margin: 5px 0;
        background-color: #ffffff;
        color: #000000;
        font-size: 36px;
        display: inline-block;
        text-transform: uppercase;
        position: absolute;
        bottom: 30px;
        left: 70px;
        overflow: hidden;
    }
    .more span {
        z-index: 90;
        position: relative;
        /* font-size: 16px; */
        color: white;
        padding-left: 20px;
    }
    .more .ugol {
        height: 120px;
        width: 60px;
    }
    .menu-item a {
        display: inline-block;
        padding: 15px;
    }
    #menu-osnovnoe>.menu-item:hover>a {
        background: #d96e30;
        color: #ffffff;
    }
    #menu-podval>.menu-item:hover>a {
        color: #d96e30;
    }
    .menu-item-has-children {
        /* position: relative; */
    }
    /* .menu-item-has-children::after {
        content: "";
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        height: 20px;
        width: 100%;
    }
    .sub-menu .menu-item-has-children::after {
        left: 100%;
        top: 0;
        width: 20px;
        height: 100%;
    } */
    .sub-menu {
        visibility: hidden;
        position: absolute;
        background: #1a5898;
        top: 49px;
        left: 0px;
        /* white-space: nowrap; */
        z-index: 999;
        max-width: 350px;
    }
    .sub-menu .menu-item-has-children>a::after {
        content: '  >';
        position: absolute;
        top: 0;
        display: inline-block;
        right: 10px;
        height: 100%;
        display: inline-flex;
        align-items: center;
    }
    .sub-menu .sub-menu {
        left: 100%;
        top: 0;
        background: #e6f1f3;
    }
    .sub-menu .sub-menu::after {
        content: "";
        position: absolute;
        left: 0;
        top: calc(50% - 15px);
        width: 0;
        height: 0;
        border-top: 15px solid transparent;
        border-left: 20px solid #1a5898;
        border-bottom: 15px solid transparent;
    }
    .sub-menu .sub-menu .sub-menu::after {
        border-left: 20px solid #e6f1f3;
    }
    .sub-menu .sub-menu .sub-menu .sub-menu::after {
        content: unset;
    }
    .sub-menu .sub-menu .sub-menu {
        background: white;
    }
    .menu>li>.sub-menu::before {
        content: "";
        position: absolute;
        height: 100%;
        left: 100%;
        background: #ffffff;
        width: 1000%;
    }
    .menu>li>.sub-menu>li>.sub-menu>li>.sub-menu {
        min-width: 300px;
    }
    .menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        width: max-content;
        max-height: 350px;
    }
    .menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu {
        position: relative;
        left: 0;
        height: unset !important;
        /* visibility: visible; */
    }
    .menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li:hover>.sub-menu>li>.sub-menu {
        visibility: visible;
    }
    .menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu a {
        /* text-decoration: underline dotted; */
    }
    .menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu a::after {
        content: unset;
    }
    .menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu a {
        color: black;
        font-size: 0.9em;
        padding-left: 40px;
    }
    .sub-menu a {
        padding: 10px 30px;
        position: relative;
    }
    .sub-menu .sub-menu a {
        color: #1a5898;
    }
    .menu-item-has-children:hover>.sub-menu {
        visibility: visible;
    }
    .sub-menu li:hover>a {
        color: #d96e30;
    }
	.box {
		width: 15px;
		height: 15px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
    /* footer */
    #bot0 {
        /* background: url(/wp-content/themes/prey/img/footer.png); */
        display: flex;
        width: 100%;
    }
    #bot1 {
        background: url(/wp-content/themes/prey/img/footer.png);
        position: absolute;
        width: 800px;
        z-index: 9;
        height: 400px;
        background-size: 100% 100%;
        ;
        color: white;
        padding-left: 60px;
    }
    #bot1>.flexbox {
        flex-direction: column;
        height: 100%;
        align-items: baseline;
    }
    #bot1 .gradient_text {
        margin: unset;
        background: linear-gradient(135deg, #1a5898, 40px, #ffffff 40px);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    #bot1 .withimg {
        position: relative;
    }
    #bot1 .flexbox .withimg:nth-child(2)::after,
    #bot1 .flexbox .withimg:nth-child(3)::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -10px;
        width: 600px;
        height: 1px;
        background: #ffffff4b;
    }
    #bot1 .flexbox .withimg:nth-child(3)::after {
        width: 400px;
    }
    .map {
        flex: 1;
        margin-left: 400px;
    }
    footer .button {
        color: #ffffff;
        border-image: linear-gradient(135deg, #d96e30 30%, #ffffff 30%);
        border-image-slice: 1;
    }
    footer .button:hover {
        background: linear-gradient(135deg, #d96e30 30%, #ffffff 30%);
        color: black;
    }
    #bot1 .flexbox .flexbox:nth-last-child(1) {
        width: 100px;
    }
    #bot2 {
        background: #0a233d;
        color: #ffffff;
    }
    footer .menu {
        border-top: solid 1px #ffffff4b;
        background: #0a233d;
        margin: 0;
        padding: 15px 60px;
    }
    footer .menu-item a {
        color: #ffffff;
        text-transform: uppercase;
        font-weight: 100;
    }
    #bot3 {
        background: #0a233d;
        color: #ffffff4b;
        padding: 10px 60px;
    }
    .sep {
        height: 18px;
        width: 1px;
        background: #ffffff4b;
    }
    /* widgets */
    /* loop */
    .woof_redraw_zone {
        display: flex;
    }
    .woof_container {
        flex: 1;
    }
    .woof_container_inner {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
    }
    .woof_container_inner div {
        flex-basis: 50%;
    }
    ul.products {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        list-style: none;
        padding: 0;
    }
    ul.products .product {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-bottom: 10px;
    }
    ul.products li.product {
        text-align: center;
    }
    h2.woocommerce-loop-product__title {
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        padding-bottom: 10px;
        margin: 10px;
        border-bottom: 1px solid #0000004b
    }
	li.product:hover h2.woocommerce-loop-product__title{
		color:  #d96e30;
		border-bottom: 1px solid #d96e30
	} 
    li.product img {
        max-height: 200px;
        width: auto;
		max-width:300px;
    }
    li.product .price {
        font-size: 24px;
        font-weight: 300;
        text-transform: uppercase;
    }
    li.product .button {
        display: block;
        margin: 10px;
    }
    li.product .add_to_cart_button::before {
        content: "";
        display: inline-block;
        height: 18px;
        width: 40px;
        background: url('/wp-content/themes/prey/img/ico-cart.png') no-repeat;
        background-size: auto;
        background-size: contain;
    }
    li.product .add_to_cart_button:hover::before {
        content: unset;
    }
    .page-numbers {
        list-style: none;
        display: flex;
        justify-content: space-evenly;
    }
    /* single */
    div.product {
        display: grid;
        grid-template-columns: 30% 1fr 200px;
        /* margin: 0 60px; */
    }
    div.product h1.product_title,
    div.product .woocommerce-tabs {
        grid-column-start: 1;
        grid-column-end: 4;
    }
    div.product h1 {
        text-transform: uppercase;
    }
    .woocommerce-product-gallery {
        box-shadow: 0 0 6px rgba(26, 88, 152, 0.1);
    }
    .woocommerce-product-gallery__image img {
        width: 100%;
        height: auto;
    }
    .product .summary {
        /* padding: 0 60px; */
        max-width: 400px;
        justify-self: center;
        width: 100%;
    }
    .brend_logo {
        padding: 20px;
        text-align: center;
        box-shadow: 0 0 6px rgba(26, 88, 152, 0.1);
    }
    .summary .price {
        padding: 10px 0;
        font-size: 40px;
    }
    .summary .button {
        width: 100%;
        font-size: 16px;
        font-weight: normal;
        margin: 10px 0;
        padding: 10px 0;
        box-sizing: content-box;
        display: block;
        line-height: 18px;
        text-align: center;
    }
    .single_add_to_cart_button::before {
        content: "";
        display: inline-block;
        height: 18px;
        width: 40px;
        background: url('/wp-content/themes/prey/img/ico-cart.png') no-repeat;
        background-size: auto;
        background-size: contain;
    }
    .single_add_to_cart_button:hover::before {
        content: unset;
    }
    .baner {
        flex-direction: column;
        margin: 0 auto;
        text-align: center;
        align-items: center;
        width: 200px;
        background-color: #ebf2f2;
    }
	.baner a:hover {
		color:#d96e30;
	}
    .product .stock,
    .product .out-of-stock {
        color: #5abe49;
        font-size: 15px;
        font-weight: 400;
        /* padding: 0 12px 6px; */
    }
    .product .woocommerce-tabs {
        border-bottom: solid 3px #1a5898;
		padding-bottom: 10px;
    }
    .product ul.tabs {
        list-style: none;
        padding: 0;
        display: flex;
        justify-content: space-evenly;
        text-align: center;
		height: 80px;
    }
    .product ul.tabs li {
        flex: 1;
        background-color: #ebf2f2;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin: 0 5px;
    }
    .product ul.tabs a {
        text-transform: uppercase;
        color: #1a5898;
    }
	.product ul.tabs a:hover {
        color: #d96e30;
    }
    .product ul.tabs li::before {
        display: block;
    }
    #tab-title-description::before {
        content: url('/wp-content/themes/prey/img/ico-tabs-desc.png')
    }
    #tab-title-additional_information::before {
        content: url('/wp-content/themes/prey/img/ico-tabs-atr.png')
    }
    #tab-title-order_info::before {
        content: url('/wp-content/themes/prey/img/ico-tabs-info.png')
    }
    #tab-title-reviews::before {
        content: url('/wp-content/themes/prey/img/ico-tabs-rev.png')
    }
    .product ul.tabs li.active {
        background: #1a5898;
    }
    .product ul.tabs li.active a {
        color: #ffffff;
    }
    #tab-title-description.active::before {
        content: url('/wp-content/themes/prey/img/ico-tabs-desc-w.png')
    }
    #tab-title-additional_information.active::before {
        content: url('/wp-content/themes/prey/img/ico-tabs-atr-w.png')
    }
    #tab-title-order_info.active::before {
        content: url('/wp-content/themes/prey/img/ico-tabs-info-w.png')
    }
    #tab-title-reviews.active::before {
        content: url('/wp-content/themes/prey/img/ico-tabs-rev-w.png')
    }
    /* Add this if you want Out of Stock to appear in red */
    .product .out-of-stock,
    .product .out-of-stock {
        color: #f45f16;
    }
    .product .related {
        grid-column-end: 4;
        grid-column-start: 1;
    }
	#tab-docs ul li {
		padding:10px 0;
	}
	#tab-docs ul li a:hover {
		color: #1a5898;
		text-decoration:underline dashed;
	}
    /* home */
    h2.gradient_text {
        font-size: 30px;
        text-transform: uppercase;
        margin: 30px auto;
    }
    .categories {
        display: flex;
        list-style: none;
        padding: 0 60px;
    }
    .categories li {
        margin: 0 10px;
        flex: 1;
        border: 1px solid transparent;
    }
    .categories li:hover h2 {
        color: #d96e30;
    }
    .categories li a {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }
    .categories li img {
        width: 100%;
        height: auto;
		margin: auto;
    }
    .categories li h2 {
        font-size: 14px;
        color: #1a5898;
        text-transform: uppercase;
        text-align: center;
    }
    .categories li h2 mark {
        display: none;
    }
    .dover {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
    }
    .tabs-block {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 30px;
        margin: 60px;
    }
    .tabs-block>img {
        grid-row-start: 1;
        grid-row-end: 3;
    }
    .tabs-block .switchs {
        display: flex;
    }
    .tabs-block .switchs .switch {
        font-size: 18px;
        text-transform: uppercase;
        padding: 0 15px;
        cursor: pointer;
    }
    .tabs-block .switchs .switch.active {
        color: #1a5898;
        text-decoration: underline;
    }
    .tabs-block .tabs .tab {
        display: none;
    }
    .tabs-block .tabs .tab.active {
        display: block;
    }
    .tabs-block .tab a {
        padding: 10px;
        margin: 15px 0;
        background-color: #ebf2f2;
        display: inline-block;
        text-transform: uppercase;
        position: relative;
        overflow: hidden;
    }
    .tab a span {
        z-index: 90;
        position: relative;
        /* font-size: 16px; */
        color: white;
        padding-left: 20px;
    }
    .ugol {
        position: absolute;
        background: #1a5898;
        height: 80px;
        width: 40px;
        right: -5px;
        top: -10px;
        transform: rotateZ(40deg);
    }
    .tabs-block .tab a::after {
        content: ""
    }
    .serts {
        padding: 0 60px;
        align-items: stretch;
    }
    .serts>a {
        flex-basis: 20%;
        display: flex;
        position: relative;
        overflow: hidden;
    }
    .serts>a img {
        width: 100%;
        height: auto;
        margin: auto;
    }
    .serts>a .lupa {
        position: absolute;
        width: unset;
        margin: auto;
        bottom: 10px;
        right: 10px;
    }
    .serts>a::before {
        content: "";
        position: absolute;
        background: #1a5898b8;
        height: 140px;
        width: 140px;
        right: -70px;
        bottom: -70px;
        transform: rotateZ(45deg);
        transition: 1s;
    }
    .serts>a:hover::before {
        background: #d96e30b8;
    }
    .contacts-info .flexbox {
        justify-content: normal;
        align-items: baseline;
        padding: 5px 0;
    }
    .contacts-info .flexbox span:nth-child(1) {
        flex-basis: 250px;
    }
    /* 	comments */
    #comments {
        margin-bottom: 15px;
    }
    .comment_container {
        border: solid 1px #1a5898;
        border-radius: 10px;
        padding: 20px;
        display: flex;
    }
    .comment_container img {
        padding-right: 10px;
    }
    .comment-form {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        max-width: 100%;
        margin-top: 15px;
		flex-wrap:wrap;
    }
	.comment-notes {
	display: none;
}
    .comment-form-comment {
        display: flex;
        flex-direction: column;
        padding: 0 30px;
    }
    .comment-form-comment textarea {
        height: 60px;
    }
    .star-1 {
        display: inline-block;
        background: linear-gradient(135deg, #d96e30 5%, #1a5898 50%);
        background-size: 200% 200%;
        transition: 1s;
        padding: 4.5px 10px;
        color: white;
    }
    .star-2 {
        display: inline-block;
        background: linear-gradient(135deg, #d96e30 10%, #1a5898 50%);
        background-size: 200% 200%;
        transition: 1s;
        padding: 4.5px 10px;
        color: white;
    }
    .star-3 {
        display: inline-block;
        background: linear-gradient(135deg, #d96e30 15%, #1a5898 50%);
        background-size: 200% 200%;
        transition: 1s;
        padding: 4.5px 10px;
        color: white;
    }
    .star-4 {
        display: inline-block;
        background: linear-gradient(135deg, #d96e30 20%, #1a5898 50%);
        background-size: 200% 200%;
        transition: 1s;
        padding: 4.5px 10px;
        color: white;
    }
    .star-5 {
        display: inline-block;
        background: linear-gradient(135deg, #d96e30 25%, #1a5898 50%);
        background-size: 200% 200%;
        transition: 1s;
        padding: 4.5px 10px;
        color: white;
    }
    .star-1:hover,
    .star-2:hover,
    .star-3:hover,
    .star-4:hover,
    .star-5:hover {
        background-position: 100% 100%;
    }
    .stars a.active,
    .stars a.active:hover {
        background: linear-gradient(135deg, #d96e30 50%, #1a5898 50%);
        background-size: 200% 200%;
    }
    #review_form .form-submit input {
        text-transform: uppercase;
        padding: 10px;
        border: 1px solid transparent;
        border-image: linear-gradient(135deg, #d96e30 30%, #1a5898 30%);
        border-image-slice: 1;
        cursor: pointer;
        background: 0;
    }
    #review_form .form-submit input:hover {
        background: linear-gradient(135deg, #d96e30 30%, #1a5898 30%);
        color: white;
    }
	.b-user-content table {
	table-layout: fixed;
	width: 100%;
	margin: auto;
	border-collapse: collapse;
	border: 1px solid;
	border-color: inherit;
	word-wrap: break-word;
	}
	.b-user-content tbody {
	border: inherit;
	}
	.b-user-content tr {
	border: inherit;
	}
	.b-user-content td {
	border: inherit;
	padding: 5px;
	}
	.b-schedule__table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	font-size: 12px;
	font-family: Arial,sans-serif;
	}
	.b-schedule__header {
	padding: 5px 15px;
	background-color: #f2efe5;
	color: #000;
	font-weight: 700;
	}
	.b-schedule__cell {
	padding: 5px 15px;
	border: 1px solid #f2efe5;
	color: #757575;
	}
	.b-schedule__remark {
	margin: 0;
	color: #757575;
	font-size: 10px;
	}
	.atabl table,
	.b-user-content table,
	table.woocommerce-product-attributes{
		border: 0 !important;
		table-layout: fixed;
		width: 100%;
		border-collapse: separate;
		margin: 15px 0;
	}
	.atabl table tr,
	.b-user-content table tr,
	table.woocommerce-product-attributes tr {
		background-color: #1a589829;
	}
	.atabl table tr:nth-child(2n),
	.b-user-content table tr:nth-child(2n),
	table.woocommerce-product-attributes tr:nth-child(2n){
		background-color: #1a589812;
	}
	.wpcf7 .wpcf7-text,
	.wpcf7 .wpcf7-textarea{
		width: 290px;
		padding: 5px;
		margin: 5px 0;
	}
}


/* desctop */

@media (min-width: 1200px) {}


/* small */

@media (min-width: 767px) and (max-width: 1200px) {}


/* phone */

@media (max-width: 767px) {}