/*
Theme Name: Ardenta
Theme URI: www.ardenta.com.ua
Description: Тема для сайта www.ardenta.com.ua
Author: Company Webnord
Author URI: www.webnord.org
Version: 1.0
*/

@import "css/fonts.css" all;
@import "css/reset.css" all;
@import "css/menu.css" all;
@import "css/jquery.fancybox.css" all;
@import "css/form_styler.css" all;

body, html{height: 100%; background:#fff;}

header {background-color: rgba(255, 255, 255, 1); position: absolute; padding: 1rem 0; width: 100%; z-index: 98;}
header .logo {padding: 0.65rem 0 0.5rem 0; width: 18rem; float: left;}
header.index, header.content_page {background:none; box-shadow:none; width: 100%; position: absolute; background: #fff;}
header.index .logo {display:block;}
header .logo canvas.text {float: left; width: 172px; height: 40px; margin-bottom: 0.4rem; background-image: url(img/logo_ardenta.png); background-position: center center; background-repeat: no-repeat; background-size: cover;}
header .logo canvas.picture {float: left; width: 32px; height: 28px; margin: 0 0.5rem 0.4rem 0; background: url(img/logo_picture.png); background-position: center center; background-size: cover;}
.fixed_content {margin-top: 2rem;}

.index_main {float: left; width: 100%; height: calc(100% - 165px);}
.slider {width: 100%; max-width: 75rem; height:60%; background-color: #fff; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%);}
.owl-carousel, .owl-carousel .owl-stage-outer, .owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item {width: 100%; height: 100%;}
.owl-stage .active, .owl-stage .active:hover {background: none;}
.owl-carousel .item {width: 80%; height: 100%; margin-left: auto; margin-right: auto;}
.owl-carousel .item .text {position: absolute; bottom: 0; color: #fff; font-size: 2rem; font-family: 'Montserrat Regular'; padding: 1rem 3rem; width: 100%; height:7rem; text-align: center; background: rgba(0,0,0,0.5);}
.owl-carousel .logo img {height: 100%; margin-left: auto; margin-right: auto; width:auto;}
.owl-carousel .owl-nav {width: 100%; top: -40%;}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {position: absolute; top: 50%; margin-top: -5rem; outline: 0; width: 32px; height: 58px; text-indent: -9999px; z-index: 9999;}
.owl-carousel .owl-nav .owl-prev {left: 10px; background: url('/wp-content/themes/ardenta/img/controls.png') no-repeat 0 0px;}
.owl-carousel .owl-nav .owl-prev:hover {background-position: 0px -59px;}
.owl-carousel .owl-nav .owl-next {right: 10px; background: url('/wp-content/themes/ardenta/img/controls.png') no-repeat -34px -0px;}
.owl-carousel .owl-nav .owl-next:hover {background-position: -34px -59px;}
.owl-carousel .owl-nav .owl-prev span, .owl-carousel .owl-nav .owl-next span {display:none;}

.head, .head_calc, .head_zakaz {background:#c30c1e; position: relative; width: 100%; z-index: 98; margin-top: 0.4rem;}
.head h1, .head_calc h2, .head_zakaz h1 {color:#fff; font-family: "Source Sans Pro Light"; padding: 1rem; width: fit-content;}
.head_calc h2 {max-width:100%;}
.head_zakaz {max-width: calc(100% - 170px);}
.content_text {width:88%; padding:1rem; border:1px solid #ccc; margin: 2rem auto; font-size: 1.2rem; font-size: 1.2rem; color: #5b5b5b;}
.content_text p {line-height: 1.5; padding-bottom: 1rem;}
.content_text a {color:#5b5b5b; border-bottom:1px solid #5b5b5b;}
.content_text a:hover {border:0;}
.content_text h5 {font-size:1.4rem; margin:1rem 0;}
.zakaz {background:#fff; color:#c30c1e; font-family: "Source Sans Pro Light"; padding:0.5rem 2.5rem; position: absolute; right: 1rem; top: 0.9rem; text-transform: uppercase; box-shadow: 0 5px 12px rgba(0, 0, 0, .4);}
.zakaz:hover {box-shadow: 0 5px 12px rgba(0, 0, 0, .2); margin-top:1px;}
/* .head_fixed, .calculator .head_fixed {position: fixed; width: 100%; max-width: 73rem; top: 0; margin:0;} */
.h {float: left; width: 100%; background: #fff; padding: 0;}
header.header_fixed {position: fixed; width: 100%; top: 0; margin:0; padding: 0;}
header.header_fixed .h {background: #c30c1e; padding: 1rem 0;}
header.header_fixed #searchform .square {border-color:#fff; color:#fff;}
header.header_fixed #searchform .close:before, header.header_fixed #searchform .close:after, header.header_fixed #searchform .search:before {background-color: #fff;}
header.header_fixed #searchform input {border-color:#fff; color:#000;}
header.header_fixed canvas.text {background-image: url(img/logo_ardenta_white.png); margin-left: 1rem;}


.category_post {margin:2rem 0; color:#5b5b5b;}
.category_post a {color:#5b5b5b; border-bottom:1px solid #5b5b5b; font-size:1.2rem; font-family: 'Source Sans Pro Bold';}
.category_post a:hover {border:0;}
.category_post .description {line-height: 1.5; margin-top:0.5rem;}
.category_post .date {margin-top:0.5rem;}

input[type="text"]:focus {outline: none;}
ul {list-style: none; margin-left: 3rem; margin-bottom: 0.9rem;}
ul li {list-style: square; margin-bottom: 0.5rem;}

ol {list-style: none; margin-left: 3rem; margin-bottom: 0.9rem;}
ol li {list-style: decimal; margin-bottom: 0.5rem; padding-left: 10px;}

.table {height: auto; display: table; width:100%; margin:1rem 0;}
.tr {height: auto; display: table-row;}
.table .td {float: none; display: table-cell; padding:1rem 0;}
.table td, .table th {border: 1px solid #ccc; padding:0.5rem 1rem;}
.td450 {width:450px;}

th {font-family: "Source Sans Pro Bold"; text-align: center;}

textarea {border-color: #ccc; min-height:5rem;}

#brif table {height: auto; display: table; width:100%; margin:1rem 0;}
#brif, .page #brif ul li  {color:#444343; font-size:1.2rem; line-height: 1.6rem;}
#brif td, #brif th {padding:0.5rem 1rem;}
#brif tr {border: 1px solid #ccc;}
#brif th {font-family: "Source Sans Pro Bold"; text-align: center;}
#brif input, #brif textarea {width:100%; padding:0.5rem; min-width: 14rem;}
#brif .jq-selectbox__select {min-width: 10rem;}
#brif .jq-selectbox__dropdown ul li {font-size:0.8rem;}
.brif_button {margin-top: 1.5rem;}
.brif_button #submit {padding: 0.6rem 0; border: 1px solid #ccc; color: #ccc; font-size: 1.4rem; width: 10rem; text-align: center; background: #fff; display: block; margin-left: auto; margin-right: auto; box-shadow: 0 5px 12px rgba(0, 0, 0, .4);}
.brif_button #submit.active {border-color: #c30c1e; color: #c30c1e; cursor: pointer;}
.brif_button #submit.active:hover {box-shadow: 0 5px 12px rgba(0, 0, 0, .2);}

.search-list {width:100%; margin-bottom: 1.5rem;}
.search-list a {color:#5b5b5b; font-size:1.5rem; border-bottom:1px solid #5b5b5b;}
.search-list a:hover {border-bottom:0;}
.search-list span {padding-left: 2rem; font-size: 0.8rem; word-spacing: 2px;}

.pagination {width:100%; float:left; margin-top:2rem; font-size:1rem;}
.pagination .page-numbers {border:1px solid #7a7a7a; padding:0.25rem 0.5rem; margin-right:0.5rem;}
.pagination a {color:#515151; float:none; box-shadow: none; font-size:1rem}
.pagination a:hover {background:#a3a3a3; color:#fff;}
.pagination .current {background:#7a7a7a; color:#fff;}

.no_valid {border:1px solid #c12129;}

.mobile_button {display:none;}

.auto {width: auto;}
.p_10 {width: 10%;}
.p_20 {width: 20%;}
.p_30 {width: 30%;}
.p_40 {width: 40%;}
.p_50 {width: 50%;}
.p_60 {width: 60%;}
.p_70 {width: 70%;}
.p_80 {width: 80%;}
.p_90 {width: 90%;}
.p_100 {width: 100%;}
.rem_2 {width: 2rem;}
.rem_3 {width: 3rem;}
.rem_12 {width: 12rem;}
.rem_15 {width: 15rem;}
.rem_18 {width: 18rem;}
.rem_country {width:15rem;}

.right {text-align:right;}
.margin_1 {margin:1rem 0;}

.hidden {display:none;}

.content {float: left; width: 100%; min-height: calc(100% - 276px);}
.content h2 {margin-bottom: 1rem; font-size: 1.6rem;}
.page, .category {margin-top: 6rem;}

section {width: 75rem; padding: 0 1rem; margin-right: auto; margin-left: auto;}
.center {text-align:center;}

footer {float: left; width: 100%; background: #fff; margin-top: 3rem;}
footer .copy {float: left; padding: 4rem 0 2rem 0; border-top:2px solid #383839; width: 100%; text-align: center; color: #383839; font-size: 0.9rem;}
.made a {color: #383839;}

.contacts {float: left; width: 100%; min-height: calc(100% - 244px); top:7rem; color:#444343; margin-bottom: 5rem;}
.contacts #map-contacts {float: left; width: 70%; height: calc(100% - 9px); min-height:32rem;}
.contacts .contacts-right {float: right; width: 30%; height: 100%; padding: 2rem;}
.contacts h1 {font-size: 2rem; text-transform: uppercase; color: #444343;}
.contacts_logo {width:60%; margin:1rem 0 2rem 0;}
.qr_code {width:40%; margin-top:2rem;}
.contacts a {color:#444343; text-decoration:underline;}
.contacts a:hover {text-decoration:none;}

/* Tabs */
#tabs {float:left; width:100%;}
#tabs ul.tab_ul {float:left; width:100%; margin: 0.5rem 0 1rem 0;}
#tabs li.tab {float:left; list-style:none; margin:0 2rem 0 0; padding:0.3rem; border-bottom: 0.1rem solid #4487bf;}
#tabs li.tab a {color:#4487bf; margin:0 auto; outline:none; font-size: 0.9rem;}
#tabs div.ui-tabs-panel {float:left; width:100%; background:#fff; padding:0 0 1rem 0;}
#tabs ul.tab_ul li.ui-tabs-active a {background:#fff; color:#f27762;}
#tabs ul.tab_ul li.ui-tabs-active {border-bottom:0.1rem solid #f27762;}

.calculator {}
.tab_ul {display:none;}
.calculator h2 {margin-bottom: 3rem; text-transform: uppercase;}
.calculator p, .modal p {font-size: 1.3rem; line-height: 1.8rem; margin-bottom: 1rem; color:#5b5b5b;}
.calculator .attention {width:100%; margin-bottom:1.5rem; padding:1rem 1.5rem; border:1px solid #c2c2c2; background: #757575; font-size: 1.1rem; line-height: 1.5rem; color:#fff;}
.calculator .attention b {color:#ffffff; font-family: 'Source Sans Pro Bold';}
.calculator a, .url, .modal a {border-bottom:1px solid #c51616; color:#c51616; cursor:pointer; text-decoration:none;}
.calculator a:hover, .modal a:hover {border-bottom:0px;}
.calculator .small p, .calculator .small li {font-size:0.9rem; line-height: 1rem;}
.calculator .radio {margin-bottom:1rem; font-size: 1.3rem;}
.calculator .radio input {margin-right:1rem;}
.calculator .table {font-size: 1.3rem; line-height: 1.8rem; color: #5b5b5b;}
.calculator ul {color: #5b5b5b;}
.calculator ul.normal li {font-size: 1.3rem; line-height: 1.8rem;}
.calculator input {color:#5b5b5b; border: 1px solid #c2c2c2; padding: 0.4rem;}
.calculator input[type="text"]:focus {border: 1px solid #5b5b5b;}
.calculator table {color: #5b5b5b; font-size: 1.2rem; width: 100%; border-collapse: collapse; border: 1px solid #515151; margin-bottom: 1rem;}
.calculator table th {background:#515151; color:#fff;}
.calculator table th, .calculator table td {padding:1rem;}
.calculator .additional_territories {display:none;}

.check_again {border-bottom: 1px solid #c51616; color: #c51616; cursor: pointer; text-decoration: none;}
.check_again:hover {border:0;}

#message_konsultant div, #message div {text-align:center; font-size:1.2rem; padding:0.5rem 1rem;}
#message_konsultant .result_true, #message .result_true {color:#fff; background:#444343; margin-bottom: 1rem;}
#message_konsultant .result_false, #message .result_false {color:#fff; background:#dc0f0f; margin-bottom: 1rem;}

.search_result {background: #fff; margin: 0; border: 1px #c6cdd3 solid; width:14rem; max-height:15rem; display:none; position: absolute; z-index: 999; overflow-y: scroll;}
.search_result li {list-style:none; transition:0.3s; background:#f9f9f9; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; padding: 0.2rem 0.5rem; margin:0;}
.search_result li:hover {background: #eaeaea;}
.calculator .search_result li a {color:#444343; font-size:0.8rem; text-decoration:none; border-bottom: 0;}
.calculator .search_result li a:hover {color:#444343; text-decoration:none;}

#messeg {color: #c12129; font-size:0.8rem; line-height: 1rem;}

.modal h2 {font-size:1.8rem; color: #444343; margin-bottom:4rem;}
.modal {display:none; width: auto; max-width: 50rem;}
.modal li {font-size:1.3rem; line-height: 1.8rem; color: #444343;}

.modal_next, .next {float: left; width: 6rem; margin-right: 1rem; background-color: #eee; color: #ccc; padding: 7px 0; font-size: 15px; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); text-align: center; text-transform: uppercase;;}

.modal_phone {padding: 0.8rem 1.2rem; font-size: 1.5rem; color: #444343; margin-bottom:2rem;}
.konsultant_next,.konsultant_close {margin-left: auto; margin-right: auto; float: none;}
.active {background:#c51616; color: #fff; cursor:pointer;}
.active:hover {background:#9d1111;}

.progress {width:100%; margin-bottom:2rem; padding-top: 5px; height: 34px; text-align:center; border:1px solid #c2c2c2;}
.progress div {background:#c51616; margin-top: -5px; height: 32px; position: absolute;}
.progress span {color:#c2c2c2; position: sticky;}

.search_block {float: right; margin: 0.96rem 0 0 0; right: 3rem; width: 12rem; border:0px solid #fff; border-radius:5px; background:#fff;}
.search_block input, .search_block button{display: none; vertical-align: middle; border: 0; background-color: #fff; outline: none;}
.search_block input {width: 9.5rem; height: 1.5rem; padding: 0 0.5rem 0 1rem;}
.search_block button {width: 1.5rem; height: 1.3rem; background-image: url(img/search.svg); background-image: url(img/search.svg); background-repeat: no-repeat; background-position: center; margin: 0.2rem;}

.header_fixed .search_block {border:0; margin: 1.06rem 0 0 0;}

@media (max-width:1200px)
{
	section {width:100%; padding: 0 1rem;}
}

@media (max-width:840px)
{
	header.header_fixed {background: #c30c1e;}
	header .logo {width: 11rem;}

	footer .copy {padding: 2rem 0 2rem 0;}

	.index_main {height: calc(100% - 133px);}

	table tr {display: block; margin-bottom: 1rem;}
	table thead {display:none;}
	table td {display: block; text-align: right;}
	.td450 {width:100%;}
	table td:before {content: attr(aria-label); float: left; font-weight: bold;}
	.table td, .table th {border-bottom:0;}
	.table td:last-child, .table th:last-child {border-bottom: 1px solid #ccc;}
	#brif .table tr {border:0;}
	#brif .table td, #brif .table th {text-align: left;}
	#brif th {font-size: 0.9rem;}
	.table .td {display:block;}
	.calculator .table .td {float: left;}
	.calculator .table .rem_2 {width:10%;}
	.calculator .table .auto {width: 90%;}

	.modal {width: 100%;}
	.modal input {width: 100%;}

	.owl-carousel {width:100%; height:auto;}
	.owl-carousel .owl-nav {display:none;}
	.owl-carousel .item {width:100%; height:300px;}
	.owl-carousel .owl-item img {min-width: 100%; min-height: 100%; position: absolute; top: 0;  left: 0; object-fit: cover; height: 100%; width: 100%;}
	.owl-carousel .logo img {width:100%; padding: 1rem; max-height:100%; height: auto; min-width:70%; position: inherit; object-fit: contain;}
	.owl-carousel .item .text {font-size: 1.5rem; height:5rem;}

	.search_block {display:none;}

	.content_text {width:100%;}

	.contacts {height:auto; top:0; margin-top:7rem;}
	.contacts #map-contacts, .contacts .contacts-right {width:100%;}
	.contacts #map-contacts {min-height: 26rem;}

	.zakaz {display:none;}
	.mobile_button {display:block; width: 100%; margin-top: 1rem;}
	.mobile_button .zakaz {display:block; width: 100%; text-align: center; position: initial;}
}