@charset "utf-8";
@import url("/css/generic.css");

html,
body {
	font-size: 14px;
}

body {
	font-family: 'Montserrat', sans-serif;
	/* 400+i, 500, 600, 700 */
	font-weight: 400;
	color: #3b3b3b;
}

h1 {
	display: block;
	background: url('/images/logo.svg') no-repeat;
	text-indent: -9000px;
	width: 215px;
	height: 45px;
	margin: 0 0 0 1.1em;
	padding: 0;
}

a {
	text-decoration: none
}

header {
	position: relative;
	color: #FFF;
}

header .top {
	height: 35px;
	background: #001139;
	text-align: right;
}

header .top .site-search input {
	background: #0B3087;
	border: none;
	margin: 0;
	padding: .4em;
	color: #EEE;
	font-size: .8em;
	width: 100%;
}

header .top .site-search button {
	background: #0041DB;
	border: none;
	margin: 0 0 0 2px;
	padding: 0 .8em;
}

header .top .langpicker {
	margin-left: .8em;
	padding-left: .8em;
	border-left: 1px solid #4BAFFF;
}

header .top .langpicker a.dropdown-toggle {
	text-transform: uppercase;
	font-weight: 500;
	font-size: .9em;
	color: #FFF;
}

header .bottom {
	height: 75px;
	background: #0B3087;
	padding-top: 15px;
}

header .nav-container {
	position: absolute;
	z-index: 99;
}

header nav {
	display: none;
}

header nav ul,
header nav li {
	list-style: none;
	margin: 0;
	padding: 0;
}

header nav li {
	margin-bottom: .1em;
}

header nav a {
	display: block;
	padding: 1em;
	text-align: center;
	background: rgba(0, 36, 119, 0.78);
	color: #FFF;
	font-size: 1.05em;
	font-weight: 500;
	text-transform: uppercase;
	transition: all 0.15s ease-in-out;
}

header nav a:hover,
header nav a.active {
	background: rgba(0, 36, 119, 1);
	color: #FFF;
}

header .nav-container .opener {
	display: block;
	background: top left #001139 url('/images/backgrounds/nav-opener.png') no-repeat;
	color: #FFF;
	width: 300px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 500;
}

header .nav-container .opener.opened {
	background-position: bottom left;
}

footer {
	position: relative;
	color: #FFF;
	font-size: 12px;
}

footer .top {
	background: #00386c;
}

footer .social-wrapper {
	font-size: 1rem;
}

ul.social-icons {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

.social-icons li {
	list-style: none;
	display: inline;
	float: left;
	margin-right: 4px;
}

.social-icons li a {
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	position: relative;
	overflow: hidden;
}

.social-icons li a:hover {
	background-color: #1C75BC;
}

.social-icons li a.youtube {
	padding-top: 6px;
}

footer .nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

footer .nav a {
	font-size: 1rem;
	font-weight: 600;
	text-transform: uppercase;
	color: #FFF;
	display: block;
	padding: .6em 0;
}

footer .contact .title {
	font-size: 1rem;
	text-transform: uppercase;
	margin-bottom: 1em;
	display: block;
}

footer .contact .address {
	white-space: pre-wrap;
}

footer .newsletter .title {
	font-size: 1rem;
	text-transform: uppercase;
	margin-bottom: 1em;
	display: block;
}

footer .newsletter input {
	display: block;
	border: 1px solid #C3C3C3;
	margin-bottom: 1em;
	padding: .4em;
	width: 80%;
}

footer .newsletter .btn {
	background: #1C75BC;
}


footer .bottom {
	background: #134777;
	padding: 1em 0;
}

footer .bottom .links a {
	padding-right: 1em;
	margin-right: 1em;
	border-right: 1px solid #2378C7;
	color: #FFF;
}

footer .bottom .links a:last-child {
	margin: 0;
	padding: 0;
	border: none;
}

/* Home */
.homeslider {
	width: 100%;
	height: 100vh;
}

.homeslider .mouse {
	bottom: 200px;
	left: 0;
	width: 100%;
	position: absolute;
	text-align: center;
	z-index: 10;
}

.homeslider .swiper-slide {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 100px;
}

.homeslider .slide-content {
	width: 80vw;
	max-width: 730px;
	background: rgba(59, 59, 59, 0.7);
	background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='15' ry='15' stroke='white' stroke-width='6' stroke-dasharray='8%2c14' stroke-dashoffset='5' stroke-linecap='square'/%3e%3c/svg%3e");
	border-radius: 15px;
	padding: 2em;
	color: #FFF;
	text-align: center;
}

.homeslider .slide-content h3 {
	font-size: 2.7rem;
	font-weight: 700;
	text-transform: uppercase;
}

.homeslider .slide-content p {
	font-size: 1.1rem;
	font-weight: 500;
}

.homeslider .swiper-pagination {
	bottom: 140px !important;
}

.homeslider .swiper-pagination .swiper-pagination-bullet {
	border-radius: 0;
	width: 16px;
	height: 16px;
	margin: 0 6px !important;
	background: #FFF;
}

.homeslider .swiper-pagination .swiper-pagination-bullet-active {
	background: #79BEFF;
}

.hzr-v-home .offset {
	position: relative;
	z-index: 1000;
	margin-top: -100px;
}

.hzr-v-home .offset .container {
	background: #FFF;
}

.hzr-v-home section.welcome .container {
	background: #EAEAEA;
	color: #123751;
	text-align: center;
	font-size: 1.15em;
	padding: 4em 4em 3em 4em;
}

.hzr-v-home section.welcome h2 {
	font-weight: 500;
	font-size: 1.5em;
	text-transform: uppercase;
	margin-bottom: 1em;
}

.hzr-v-home section.welcome p {
	margin-bottom: 2em;
}


.hzr-v-home section.items .container {
	background: url('/images/backgrounds/items_back.png') top center no-repeat;
	background-size: 100%;
}

.hzr-v-home section.items a {
	display: block;
	margin-bottom: .5em;
	padding: 0 2em;
	position: relative;
}

.hzr-v-home section.items a * {
	transition: all 0.15s ease-in-out;
}


.hzr-v-home section.items .item-container {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.hzr-v-home section.items .item-container .item-text {
	background: rgba(59, 59, 59, 0.7);
	text-align: right;
	color: #FFF;
	font-weight: 600;
	font-size: 2.3em;
	line-height: 1.2em;
	padding: 2em;
	white-space: pre-wrap;
	min-height: 6em;
}

.hzr-v-home section.items a .arrow {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 50px;
	height: 50px;
	background: #4BAFFF;

	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.hzr-v-home section.items a:hover .arrow {
	background: #008CFC;
}

.hzr-v-home section.items a:hover .arrow svg {
	margin-left: 1em;
}

.hzr-v-home section.items a:hover .item-text {
	background: rgba(59, 59, 59, 0.5);
}

.hzr-v-home .padding-adjuster {
	padding: 0 2em;
}

.hzr-v-home section.second-text {
	color: #123751;
	font-size: 1.2rem;
	margin: 3em 0;
}

.hzr-v-home section.second-text h3 {
	font-size: 1.5rem;
	color: #123751;
	margin-bottom: 1em;
}

.hzr-v-home section.compare {
	position: relative;
	width: 100%;
	height: 570px;
	margin: 3em 0;
}

.hzr-v-home section.compare .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 900px auto;
}

.hzr-v-home section.compare .background-img {}

.hzr-v-home section.compare .foreground-img {
	width: 50%;
}

.hzr-v-home section.compare .slider {
	position: absolute;
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 100%;
	background: transparent;
	outline: none;
	margin: 0;
	transition: all 0.2s;
	display: flex;
	justify-content: center;
	align-items: center;
}

.hzr-v-home section.compare .slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 6px;
	background: white;
	cursor: pointer;
}

.hzr-v-home section.compare .slider::-moz-range-thumb {
	width: 6px;
	background: white;
	cursor: pointer;
}

.hzr-v-home section.compare .slider-button {
	pointer-events: none;
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: rgba(150, 150, 150, 0.5);
	left: calc(50% - 15px);
	top: calc(50% - 18px);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.hzr-v-home section.compare .slider-button:after {
	content: "";
	padding: 3px;
	display: inline-block;
	border: solid rgba(242, 242, 242, 0.8);
	border-width: 0 2px 2px 0;
	transform: rotate(-45deg);
}

.hzr-v-home section.compare .slider-button:before {
	content: "";
	padding: 3px;
	display: inline-block;
	border: solid rgba(242, 242, 242, 0.8);
	border-width: 0 2px 2px 0;
	transform: rotate(135deg);
}

.hzr-v-home .news {
	margin: 3em 0;
}

.hzr-v-home .news h3 {
	display: block;
	background: #00386C;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	padding: .5em;
	margin-bottom: 1em;
}

.hzr-v-home .newsslider .swiper-button-next {
	right: 0;
	top: 43%;
}

.hzr-v-home .newsslider .swiper-button-prev {
	left: 0;
	top: 43%;
}

.hzr-v-home .news .post-date {
	color: #00B1FF;
	margin: .8em 0 0;
}

.hzr-v-home .news .post-title {
	color: #133461;
	font-weight: 500;
}

.hzr-v-home .news a.read-all {
	text-transform: uppercase;
	color: #133461;
	font-weight: 600;
	padding: 1em 4em;
	border-top: 1px solid #133461;
}

/**/

main {
	min-height: 50vh
}

main .heading img.kapak {
	width: 100%;
	height: 135px;
	object-fit: cover;
	object-position: center center;
}

main .heading .title h2 {
	font-size: 1rem;
	color: #2A3A46;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 1.4em;
}

main .content-container {
	padding-bottom: 4em;
}

.hzr-v-content .content-container div.content h2 {
	font-size: 1.4em;
	color: #2E334E;
	font-weight: 600;
	margin-bottom: 1.3em;
}

.hzr-v-content .content-container div.content {
	line-height: 2em;
	min-height: 50vh;
}

/**/

.page-nav ul,
.page-nav li {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block
}

.page-nav li {
	border-bottom: 1px dotted #2378C7;
	position: relative;
}

.page-nav li li {
	/*
	border: none;
	margin-left: 2rem;
	*/
}

.page-nav li li:first-child {
	border-top: 1px solid #2378C7;
}

.page-nav a {
	color: #2E334E;
	padding: .8em 0;
	padding-left: 1rem;
	/*padding-right: 2rem;*/
	display: block
}

.page-nav li li a {
	padding-left: 2rem;
	padding-right: 0;
	color: #4BAFFF;
}

.page-nav li ul {
	display: none
}

.page-nav>ul>li.active {
	border-bottom-style: solid;
}

.page-nav li.active.has-child {
	border-bottom-style: dotted;
}

.page-nav>ul>li.active>a {
	background: rgba(75, 175, 255, 0.14);
}


.page-nav>ul>li:last-child {
	border-bottom: 1px solid #4BAFFF;
}

.page-nav li.active ul {
	display: block
}

/*
.page-nav li li a {
	padding: .4em 0;
}

.page-nav li li:first-child a {
	padding-top: 0
}

.page-nav li li:last-child a {
	padding-bottom: .8em
}
*/

.page-nav .active>a {
	font-weight: 600
}

.page-nav li li.active>a {
	color: #0294FF;
	font-weight: bold
}

/*
.page-nav>ul>li.has-child::after {
	top: 0;
	right: .4em;
	width: 15px;
	height: 100%;
	position: absolute;
	background: url('/images/elements/arrow-right.png') center 1.2em no-repeat;
	content: " ";
}

.page-nav>ul>li.has-child.active::after {
	background: url('/images/elements/arrow-down.png') center 1.2em no-repeat;
}
*/

/**/

.pagination-container {
	border-top: 1px solid #2E334E;
	padding-top: 2em;
	margin: 2em 0;
}

.pagination {
	float: right;
}

/**/
.product-list-container {}

.product-list-container .filter {}

.product-list-container .filter .search {
	border-top: 1px solid #4BAFFF;
	background: #EBEBEB;
	margin-bottom: .1em;
	padding: 1em;
	display: flex;
}

.product-list-container .filter .search input {
	border: 1px solid #D3E1EB;
	margin: 0;
	padding: 0 .4em;
	font-size: 11px;
	width: 60%;
}

.product-list-container .filter .search input:focus {
	outline: none;
	border: 1px solid #4BAFFF;
}

.product-list-container .filter .search a.search-btn {
	background: #4BAFFF;
	width: 30px;
	padding-top: 0px;
	text-align: center;
}

.product-list-container .filter .attributes {
	border-bottom: 1px solid #969696;
	background: #EBEBEB;
	padding: 1em;
}

.product-list-container .filter .attributes .attr-group {
	margin-bottom: 1em;
	line-height: 1.5em;
}

.product-list-container .filter .attributes .attr-group:last-child {
	margin-bottom: 0
}

.product-list-container .filter .attributes .attr-group h4 {
	text-transform: uppercase;
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: 1em;
}

.product-list-container .filter .clear-filter {
	margin-top: .4em;
}

.product-list-container .filter .clear-filter a {
	color: #2E334E;
	font-weight: 500;
}

.product-list .product * {
	display: block;
	text-align: center;
}

.product-list .product img {
	object-fit: cover;
	width: 100%;
	height: auto;
	border: 1px solid #D1D1D1;
	aspect-ratio: 1;
}

.product-list .product span.name {
	color: #2E334E;
	font-weight: 600;
}

.product-list .product span.subhead {
	color: #4BAFFF;
	font-weight: 500;
}

#product_modal a.close {
	position: absolute;
	top: -25px;
	right: -25px;
}

#product_modal a.close:hover .bg {
	fill: #3F93D6;
}

#product_modal .loading {
	padding: 5em;
}

.product-detail-container {
	padding: 4em;
}

.product-detail-container .product-details h3 {
	color: #2E334E;
	font-size: 1.3em;
	margin-bottom: 1em;
}

.product-detail-container .product-details .product-attrs {
	font-size: 0.9em;
}

.product-detail-container .product-details .product-attrs>div {
	border-bottom: 1px dotted #4BAFFF;
	padding: .8em 0
}

.product-detail-container .product-details .product-attrs>div:last-child {
	border-bottom-style: solid
}

.product-detail-container .product-details .product-attrs .title {
	color: #4BAFFF;
	font-weight: 600;
	text-transform: uppercase;
}

.product-detail-container .images-container {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.product-detail-container .product-image {
	margin-bottom: 2px;
}

.product-detail-container .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-detail-container .product-thumb .swiper-slide {
	width: 25%;
	height: 100%;
	opacity: 1;
	transition: opacity 0.15s ease-in-out;
}

.product-detail-container .product-thumb .swiper-slide-thumb-active {
	opacity: 0.4;
}

.product-detail-container .closer .btn {
	background: #FFF;
	border: 1px solid #4BAFFF;
	color: #4BAFFF;
}

.product-detail-container .closer .btn:hover {
	background: #4BAFFF;
	color: #FFF;
}

/***/

.news-list {}

.news-list article {
	padding-bottom: 2em;
	margin-bottom: 2em;
	border-bottom: 1px solid #EEE;
}

.news-list .post-title a {
	color: #00386C;
	font-size: 1.4rem;
}

.news-list .post-meta {
	color: #4BAFFF;
	font-weight: 500;
	font-size: 0.9em;
	text-transform: uppercase;
	margin-bottom: 1em;
}

.news-list .btn {
	background: #FFF;
	border: 1px solid #4BAFFF;
	color: #4BAFFF;
	text-transform: uppercase;
}

.news-detail h2 {
	text-transform: uppercase;
	margin-bottom: .8em !important;
}

.news-detail .post-meta {
	color: #4BAFFF;
	font-weight: 500;
	font-size: 0.9em;
	text-transform: uppercase;
	margin-bottom: 1em;
}

.news-detail .sharer a.dropdown-toggle {
	color: #FFF;
	background: #00386C;
	text-transform: uppercase;
	font-weight: 600;
	font-size: .8em;
	padding: .4em .8em;
}


/**/
#postslider {
	margin-bottom: 3em;
}

#postslider .carousel-indicators button.active {
	background-color: #008CFC;
}

#postfiles-container {
	margin-top: 2em;
}

#postfiles-container h3 {
	color: #2E334E;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: 600;
	border-bottom: 1px solid #2378C7;
	margin-bottom: 1em;
	padding-bottom: 1em;
}

#postfiles-container .file-row {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #B1B1B1;
}

#postfiles-container .file-row:last-child {
	border-bottom-color: #00386C;
}

#postfiles-container .file-row img.icon {
	height: 45px;
	margin-right: 2em;
}

#postfiles-container .file-row .file a {
	color: #000000;
}

#postfiles-container .file-row .dl {
	color: #000000;
	text-transform: uppercase;
}

#postfiles-container .file-row .dl svg {
	margin-left: 1em;
}

/***/

.careers-container h3,
.contact-container h3 {
	font-weight: 600;
	font-size: 1rem;
	color: #2A3A46;
	text-transform: uppercase;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #4BAFFF
}

.careers-container .button-container,
.contact-container .button-container {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px dotted #2E334E
}

.contact-container .info {
	color: #00386C;
	line-height: 1.5em;
}

.contact-container .info .title {
	font-size: 1rem;
	text-transform: uppercase;
	margin-bottom: .8em;
	display: block;
}

.contact-container .info .address {
	white-space: pre-wrap;
}

.contact-container .meta {
	padding-right: 2em;
	margin-right: 2em;
	border-right: 1px solid #4BAFFF;
}

.search-container .search-result {
	padding: 1em;
	margin-bottom: 1em;

	border: 1px solid #8ECDFF;
}

.search-container .search-result a {
	color: #000000;
}

/**/
.hzr-c-calculator .heading h2 {
	display: none;
}

@keyframes color {
	0% {
		background-color: #fff;
	}

	50% {
		background-color: #4285f4;
	}

	100% {
		background-color: #fff;
	}
}

.calculator-container {
	padding-top: 2em;
}

.calculator-container h2 {
	display: block;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.8em !important;
	margin-bottom: 0 !important;
	padding-bottom: 1em;
	border-bottom: 1px solid #2378C7
}

.calculator-container .unit-select,
.calculator-container .middle-container {
	border-bottom: 1px solid #9BD3FF;
	padding: 2em 0;
}

.calculator-container .totals {
	border-bottom: 1px dotted #2E334E
}

.calculator-container .unit-select .text {
	color: #2E334E;
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: 600;
}

.calculator-container .unit-select .units {
	line-height: 1.5em;
	font-weight: 600;
	font-size: 1.4em
}

.calculator-container .unit-select .units .form-check-input {
	margin-top: .35em;
}

.calculator-container .unit-select .units label {
	font-size: .9rem;
	text-transform: uppercase;
	margin-right: 1.6em;
}

.calculator-container .product-picker select {
	animation-name: color;
	animation-duration: .5s;
	animation-iteration-count: 4;
}

.calculator-container .product-picker a.btn {
	white-space: pre;
	margin-left: 2em;
}

.calculator-container .product-picker strong {
	color: #2E334E;
	font-size: .9em;
	text-transform: uppercase;
	display: block;
	margin-bottom: 1em;
}

.calculator-container .picked-products .row {
	padding: 1em 0;
}

.calculator-container .picked-products .row.template {
	display: none;
}

.calculator-container .picked-products label {
	font-weight: 600;
	font-size: .9em;
	color: #2E334E;
	text-transform: uppercase;
}

.calculator-container .picked-products .product span {
	display: block;
	font-weight: 600;
	line-height: 1.5em;
}

.calculator-container .picked-products .product .product-attrs span {
	display: inline;
}

.calculator-container .picked-products .product .product-attrs {
	font-size: .9em;
	font-weight: 500;
}

.calculator-container .picked-products .product a.remove {
	font-weight: 600;
	text-transform: uppercase;
}

.calculator-container .unit-img .unit-count {
	font-weight: 600;
	text-transform: uppercase;
}