/*================================================================
	CSS dokument - izdelava spletnih strani www.intuitiva.si
================================================================*/

:focus {
	outline: none;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Reset CSS
----------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	padding-left: 32px;
	margin: 20px 0 0;
}
ol li, ul li {
	padding: 4px 0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* GENERAL
----------------------------------------------------------------*/

html {
	-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
	height: 100%;
	font-size: 16px;
}
body {
	margin: 0;
	padding: 0;
	line-height: 1.5rem;
	font-family: 'Saira', sans-serif;
	color: #000;
	font-weight: 400;
	background: rgb(255, 255, 255);
}
a {
	color: rgba(227, 95, 17, 1.00);
	text-decoration: none;
	position: relative;
}
a:hover {
	color: rgba(227, 95, 17, 1.00);
	text-decoration: underline;
}
h1 a, h2 a, h3 a, h4 a {
	color: rgba(0, 0, 0, 1.00);
	text-decoration: none;
	position: relative;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	color: rgba(0, 0, 0, 1.00);
	text-decoration: underline;
}
h1, h2, h3, h4 {
	padding: 0;
	line-height: 1.3em;
	font-weight: 600;
}
p, ul, h1, h2, h3, h4 {
	margin: 20px 0;
}
h1 {
	font-size: 3rem;
}
h2 {
	font-size: 2.5rem;
}
h3 {
	font-size: 2rem;
}
h4 {
	font-size: 1.5rem;
}
strong {
	font-weight: 700;
}
input[type=text], input[type=submit], button, textarea, select {
	font-size: 16px;
	padding: 0;
	border-radius: 0;
	-webkit-appearance: none;
	font-family: 'Saira', sans-serif;
}

/* HEADER
----------------------------------------------------------------*/

header, #headerContainer, #header {
	display: flex;
	width: 100%;
	padding: 0;
	flex-flow: column;
}
header {
	position: relative;
	z-index: 10;
}
#headerContainer {
	position: relative;
}
#headerContainer::after {
	content: "";
	display: block;
	width: 100%;
	height: 36px;
	background-color: rgba(227,229,229,1.00);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}
#headerTopContainer {
	display: flex;
	width: 100%;
	background-color: rgba(46, 46, 46, 1.00);
	height: 40px;
	color: #FFF;
	font-size: 0.875rem;
	transition: top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#headerTopContainer a {
	color: #FFF;
}
#headerTopContainer a:hover {
	text-decoration: underline;
}
#headerTop {
	display: flex;
	width: 100%;
	max-width: 1460px;
	margin: 0 auto;
	flex-flow: row;
	justify-content: space-between;
	position: relative;
}
#headerTopLeft, #headerTopRight {
	display: flex;
	flex-flow: row;
}
.headerTopItem {
	display: flex;
	align-items: center;
	margin: 0 20px;
}
#headerTopPhone::before,
#headerTopMail::before,
#headerTopFacebook::before {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	float: left;
	margin: 0 6px 0 0;
	background-repeat: no-repeat;
	background-position: bottom;
}
#headerTopPhone::before {
	background-image: url("../img/icon-phone-2.svg");
}
#headerTopMail::before {
	background-image: url("../img/icon-mail-2.svg");
}
#headerTopFacebook::before {
	background-image: url("../img/icon-facebook.svg");
}
.shopExternalLink {
	position: relative;
	margin-right: 13px;
}
.shopExternalLink::before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	right: -13px;
	top: 13px;
	background-repeat: no-repeat;
	background-position: bottom;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEwIDEwIj48cGF0aCBkPSJNNC4xMTEsM0ExLjExOSwxLjExOSwwLDAsMCwzLDQuMTExdjcuNzc4QTEuMTE5LDEuMTE5LDAsMCwwLDQuMTExLDEzaDcuNzc4QTEuMTE5LDEuMTE5LDAsMCwwLDEzLDExLjg4OVY4SDExLjg4OXYzLjg4OUg0LjExMVY0LjExMUg4VjNabTUsMFY0LjExMUgxMS4xTDUuOTQxLDkuMjc0bC43ODYuNzg2TDExLjg4OSw0LjlWNi44ODlIMTNWM1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zIC0zKSIgZmlsbD0iIzgwODM4NiIvPjwvc3ZnPg==")
}
#header {
	display: flex;
	flex-flow: row;
	max-width: 1460px;
	margin: 0 auto;
	padding: 0;
}
#headerLogo {
	display: flex;
	margin: 0 0 0 20px;
}
#logo {
	display: block;

}
#logo img {
	display: block;
	height: 80px;
	width: auto;
}

/* HEADER NAVIGATION
----------------------------------------------------------------*/

nav#headerNav {
	display: block;
	width: 100%;
	height: 120px;
}
nav#headerNav #headerNavInner {
	display: flex;
	width: 100%;
	flex-flow: row;
	justify-content: space-between;
	align-content: center;
	position: relative;
	margin-top: 20px;
	height: 100px;
}
nav#headerNav #headerNavInner::after {
	content: "Center zunanje ureditve in trgovina";
	display: flex;
	height: 36px;
	flex-grow: 0;
	position: absolute;
	bottom: 0;
	left: 110px;
	text-transform: uppercase;
	font-weight: 500;
	line-height: 36px;
	color: rgba(128,131,134,1.00);
	font-size: 13px;
}
nav#headerNav .headerNavToolbar {
	display: flex;
	flex-flow: column;
	padding-right: 20px;
}
nav#headerNav .headerNavRow {
	display: flex;
	flex-flow: row;
	justify-content: flex-end;
}
nav#headerNav .headerNavRow a {
	display: flex;
	font-size: 0.875rem;
	text-transform: uppercase;
	color: rgba(128,131,134,1.00);
	font-weight: 500;
	position: relative;
}
nav#headerNav .headerNavRow a:hover {
	text-decoration: none;
}
nav#headerNav .headerNavRow a::after {
    content: '';
    display: block;
	position: absolute;
	bottom: 0;
	left: 0;
    width: 0;
    height: 4px;
    background: rgba(49,49,50,1.00);
    transition: width .3s;
}
nav#headerNav  .headerNavRow.headerNavRow1 a::after {
    background: rgba(128,131,134,1.00);
	height: 2px;
	bottom: 6px;
}
nav#headerNav .headerNavRow a:hover::after {
    width: 100%;
}
nav#headerNav .headerNavRow a.selected::after {
    content: '';
    display: block;
    width: 100%;
    background: rgba(49,49,50,1.00);
}
nav#headerNav .headerNavRow a + a {
	margin-left: 40px;
}
nav#headerNav .headerNavRow1 {
	height: 36px;
	margin: 4px 0;
}
nav#headerNav .headerNavRow2 {
	height: 36px;
	margin-top: 20px;
}
nav#headerNav .headerNavRow1 a {
	line-height: 36px;
}
nav#headerNav .headerNavRow2 a {
	color: rgba(49,49,50,1.00);
	line-height: 36px;
}
nav#headerNav .headerNavRow a:last-of-type {
}
nav#headerNav .headerNavRow a:hover {
}
nav#headerNav .headerNavRow a.selected {
}

/* CONTENT
----------------------------------------------------------------*/

p a.file {
	background: url("../img/icon-file.svg") no-repeat left center;
	padding-left: 26px;
}
p a.file[href*=".txt"] {
	background: url("../img/icon-file-txt.svg") no-repeat left center;
}
p a.file[href*=".xls"], p a.file[href*=".xlsx"] {
	background: url("../img/icon-file-xls.svg") no-repeat left center;
}
p a.file[href*=".doc"], p a.file[href*=".docx"] {
	background: url("../img/icon-file-doc.svg") no-repeat left center;
}
p a.file[href*=".pdf"] {
	background: url("../img/icon-file-pdf.svg") no-repeat left center;
}
a.external {
	background: url("../img/icon-external-link.svg") no-repeat right center;
	padding-right: 20px;
	background-size: 18px;
}
main {
	display: flex;
	width: 100%;
	flex-flow: column;
	margin-bottom: 80px;
}
.animated {
	opacity: 0;
}
section {
	display: flex;
	width: 100%;
}
section.grey {
	background-color: rgba(242, 242, 242, 1.00);
	padding: 40px 0;
}
section.dark {
	background-color: rgba(46, 46, 46, 1.00);
	padding: 40px 0;
}
section.title h1 {
	text-align: center;
	margin: 80px auto 0;
}
#heroContainer {
	margin-top: 40px;
	flex-flow: column;
}
#hero {
	display: block;
	width: 100%;
	max-width: 1420px;
	padding: 0;
	margin: 0 auto;
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}
#hero picture, #hero picture img {
	display: block;
	width: 100%;
}
.contentContainer {
	margin-top: 80px;
	flex-flow: column;
}
.contentInner {
	display: block;
	width: 100%;
	max-width: 1460px;
	padding: 0 20px;
	margin: 0 auto;
}
.contentInner + .contentInner {
	margin-top: 40px;
}
.contentInner p:first-child,
.contentInner ul:first-child,
.contentInner h1:first-child,
.contentInner h2:first-child,
.contentInner h3:first-child,
.contentInner h4:first-child,
.contentInner table:first-child  {
	margin-top: 0;
}
.contentInner p:last-child,
.contentInner ul:last-child,
.contentInner h1:last-child,
.contentInner h2:last-child,
.contentInner h3:last-child,
.contentInner h4:last-child,
.contentInner table:last-child {
	margin-bottom: 0;
}
.contentInner.gallery {
	padding: 0 10px;
	display: flex;
	flex-flow: row wrap;
}
.contentInner + .contentInner.gallery {
	margin-top: 10px;
}
.contentInner.gallery.padding {
	padding: 10px;
}
.contentInner.gallery figure {
	display: flex;
	flex-flow: column;
	width: 33.33%;
	padding: 10px;
}
.contentInner.gallery.gallery3col figure {
	width: 33.33%;
}
.contentInner.gallery.gallery2col figure {
	width: 50%;
}
.contentInner.gallery.gallerySingle figure {
	width: 100%;
}
.contentInner.gallery figure a, .contentInner.gallery figure a img, .contentSplitImg, .contentSplitImg img {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
figcaption {
	display: flex;
	flex-grow: 1;
	font-size: 0.875rem;
	line-height: 1.2em;
	text-transform: none;
	padding: 10px;
	background: rgba(0,0,0,0.08);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.08165272945115543) 0%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,0.08165272945115543) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0.08165272945115543) 0%, rgba(0,0,0,0) 100%); 	
	border-top: 4px solid rgba(0, 0, 0, 0.30);
}
.contentInner.gallery figure a:hover, .contentSplitImg:hover {
	text-decoration: none;
	color: rgba(227, 95, 17, 1.00);
}
.contentImg {
	display: block;
	width: 100%;
	height: auto;
}
.contentSplit {
	display: flex;
	flex-flow: row;
}
.contentSplitLeft {
	display: block;
	width: 40%;
}
.contentSplitRight {
	display: block;
	width: 60%;
	padding-left: 40px;
}
.disclaimer {
	font-size: 1rem;
	background-color: rgba(242, 242, 242, 1.00);
	padding: 20px;
}
.contentInnerHeroImg {
	display: block;
	width: 100%;
	height: auto;
}
.contentContainer .heroTitle h1 {
	margin: 0 0 40px 0;
}
.contentInner p a, .contentInner ul a {
	text-decoration: none;
	color: rgba(227, 95, 17, 1.00);
}
.contentInner p a:hover, .contentInner ul a:hover {
	text-decoration: underline;
}
.contentInner .center {
	text-align: center;
}
.center {
	text-align: center;
}
.contentColContainer {
	display: flex;
	flex-flow: row;
}
.contentCol + .contentCol {
	margin-left: 15%;
}
.titleBack {
	display: block;
	width: 100%;
	font-size: 0.875rem;
	text-transform: uppercase;
	color: #000;
	font-weight: 700;
	opacity: 0.4;
	transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	margin-top: -26px;
}
.titleBack:hover {
	text-decoration: none;
	opacity: 1;
}
.titleBack::before {
	content: "";
    display: block;
    width: 26px;
    height: 26px;
    float: left;
    margin: -1px 0 0 -4px;
    background-repeat: no-repeat;
    background-position: bottom;
	background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBvbHlnb24gcG9pbnRzPSIxNyAxNi4yMiAxNyA5LjIyIDkuMTkgOS4yMiAxMC45NyA3LjQ0IDkuNTMgNiA2LjAzIDkuNSA1LjM0IDEwLjIyIDYuMDMgMTAuOTQgOS41MyAxNC40NCAxMC45NyAxMyA5LjE5IDExLjIyIDE1IDExLjIyIDE1IDE2LjIyIDE3IDE2LjIyIi8+PC9zdmc+");
}
.titleDecor {
	display: block;
	width: 15%;
	height: 6px;
	background-color: rgba(227, 95, 17, 1.00);
	margin-top: 8px;
}
.dirickxBadge {
	display: block;
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	width: 200px;
	height: auto;
}
.video {
	display: block;
	width: 100%;
	max-width: 460px;
}
.locinoxColors, .locinoxFeatures {
	display: flex;
	width: 100%;
	flex-flow: row wrap;
}
#home .hideHome {
	display: none!important;
}

/* CONTENT NAVIGATION
----------------------------------------------------------------*/

.contentNavContainer {
	display: flex;
}
.contentNavInner {
	display: flex;
	flex-flow: row wrap;
	list-style: none;
	padding: 0;
	margin: 0;
	gap: 10px;
}
.contentNavInner li {
	display: flex;
	padding: 0;
	margin: 0;
}
.contentNavInner li a {
	display: flex;
	white-space: nowrap;
	padding: 0 10px;
	font-size: 0.75rem;
	background-color: rgba(227,229,229,1.00);
	color: rgba(0,0,0,1.00);
	line-height: 30px;
	height: 30px;
	font-weight: 500;
	transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	text-transform: uppercase;
}
.contentNavInner li a:hover {
	text-decoration: none;
	background-color: rgba(227, 95, 17, 1.00);
	color: rgba(255,255,255,1.00);
}

/* SPINNER
----------------------------------------------------------------*/

.spinner {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 24px;
}
.spinner div {
	position: absolute;
	top: 7px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: rgba(49, 49, 50, 1.00);
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.spinner.bright div {
	background: #FFF !important;
}
.spinner div:nth-child(1) {
	left: 6px;
	animation: spinner1 0.6s infinite;
}
.spinner div:nth-child(2) {
	left: 6px;
	animation: spinner2 0.6s infinite;
}
.spinner div:nth-child(3) {
	left: 26px;
	animation: spinner2 0.6s infinite;
}
.spinner div:nth-child(4) {
	left: 45px;
	animation: spinner3 0.6s infinite;
}
@keyframes spinner1 {
	0% {
		transform: scale(0);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes spinner3 {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(0);
	}
}
@keyframes spinner2 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(19px, 0);
	}
}

/* 404 PAGE
----------------------------------------------------------------*/

/*body.notFound .contentInner {
	margin: 80px auto;
}*/
.notFound .contentNavContainer {
	margin-top: 80px;
	justify-content: center;	
}

/* FEATURES LIST
----------------------------------------------------------------*/

.featuresBox {
	display: flex;
	flex-flow: row;
	padding: 10px;
}
.featuresCol {
	display: flex;
	width: 50%;
	padding: 10px;
	margin-top: 10px;
}
.featuresCol.single {
	width: 100%;
}
.featuresColInner {
	display: flex;
	flex-flow: column;
	background-color: rgba(242, 242, 242, 1.00);
	padding: 30px 40px 40px;
	width: 100%;
}
.featuresColInner ul {
	margin: 0;
	padding-left: 16px;
}

/* ZEMLJEVID
----------------------------------------------------------------*/

.zemljevidImg img {
	display: block;
	width: 100%;
	height: auto;
}

/* SLIDER
----------------------------------------------------------------*/

#sliderContainer {
	display: block;
	width: 100%;
	max-width: 1460px;
	margin: 40px auto -10px;
}
.splide__slide img {
	width: 100%;
	height: auto;
}
.splide__slide a {
	display: block;
	position: relative;
}
.splide ul li, .splide ol li {
	padding: 0;
	line-height: 0;
}
.splide--nav > .splide__track > .splide__list > .splide__slide.is-active {
	border-color: rgba(60, 60, 59, 1.00);
}
.splide__arrow {
	width: 40px;
	height: 80px;
	border-radius: 0;
	background: none;
	background-image: url("../img/slider-arrow-next.svg");
	background-repeat: no-repeat;
}
.splide__arrow.splide__arrow--prev {
	background-image: url("../img/slider-arrow-prev.svg");
}
.splide__arrow svg {
	display: none;
}
.splide__pagination {
	bottom: -19px;
}
.splide__pagination__page {
	background: rgba(0,0,0,1.00);
	width: 48px;
	height: 4px;
	border-radius: 0;
	opacity: .2;
	padding: 0;
	margin: 5px;
}
.splide__pagination__page.is-active {
	opacity: 1;
}
.splide__pagination__page:hover {
	opacity: 1;
}
.splide__pagination__page.is-active {
	transform: scale(1);
	background: rgba(227, 95, 17, 1.00);
}
.sliderBgBox {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: linear-gradient(0deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 85%, rgba(0,0,0,0) 100%); 
}
.sliderPositionText {
	display: flex;
	flex-flow: column;
	position: absolute;
	bottom: 60px;
	left: 150px;
}
a.sliderBtn {
	display: flex;
	width: 340px;
	height: 48px;
	border: 3px solid rgba(227, 95, 17, 1.00);
	background-color: rgba(0,0,0,0.50);
	color: rgba(255,255,255,1.00);
	text-align: center;
	justify-content: center;
	align-items: center;
	transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	margin-top: 10px;
}
a.sliderBtn:hover {
	background-color: rgba(227, 95, 17, 1.00);
	color: rgba(255,255,255,1.00);
	text-decoration: none;
}
.slideTitle {
	display: block;
	font-size: 3rem;
	line-height: 2em;
	color: rgba(255,255,255,1.00);
	font-weight: 600;
}
a .slideTitle:hover {
	text-decoration: none;
}
.sliderCategory {
	display: block;
	line-height: 1em;
	font-weight: 600;
	color: rgba(255,255,255,1.00);
}
.sliderCategory::before {
    content: '';
    display: block;
    position: absolute;
    top: 9px;
    left: -50px;
    width: 40px;
    height: 2px;
    background-color: rgba(227, 95, 17, 1.00);
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* CRUMBLINE
----------------------------------------------------------------*/

.crumblineContainer {
	display: flex;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.05);
	align-items: center;
}
.crumblineInner {
	display: flex;
	width: 100%;
	padding: 6px 20px;
	max-width: 1460px;
	margin: 0 auto;
}
.crumblineInner ul {
	list-style: none;
	display: flex;
	width: 100%;
	flex-flow: row wrap;
	padding: 0;
	margin: 0;
}
.crumblineInner ul li {
	color: rgba(0, 0, 0, 0.50);
	padding: 0 10px 0 0;
	font-size: 0.6875rem;
	line-height: 1.81818181em;
	margin: 0;
}
.crumblineInner ul li a {
	color: rgba(0, 0, 0, 0.50);
	text-transform: uppercase;
	white-space: nowrap;
}
.crumblineInner ul li.active {
	color: rgba(227, 95, 17, 1.00);
	text-transform: uppercase;
	white-space: nowrap;
}

/* MOBILE MENU
----------------------------------------------------------------*/

#mobileMenuBtn {
	display: none;
	width: 48px;
	height: 48px;
	cursor: pointer;
	align-self: center;
}
#nav-icon {
	width: 26px;
	height: 20px;
	position: relative;
	margin: 14px auto;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}
#nav-icon span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: rgba(255, 255, 255, 1.00);
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
#nav-icon span:nth-child(1) {
	top: 1px;
}
#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) {
	top: 9px;
}
#nav-icon span:nth-child(4) {
	top: 18px;
}
#nav-icon.open span:nth-child(1) {
	top: 10px;
	width: 0;
	left: 50%;
}
#nav-icon.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#nav-icon.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#nav-icon.open span:nth-child(4) {
	top: 10px;
	width: 0;
	left: 50%;
}

/* BIG BUTTON
----------------------------------------------------------------*/

.btnCenter {
	display: flex;
	width: 100%;
	flex-flow: row;
	justify-content: center;
	margin: 0 auto;
	max-width: 720px;
}
a.bigButton {
	display: flex;
	background-color: rgba(60, 60, 60, 1.00);
	height: 54px;
	color: rgba(255, 255, 255, 1.00);
	font-size: 1.25rem;
	width: 100%;
	cursor: pointer;
	transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	align-items: center;
	justify-content: center;
}
a.bigButton:hover {
	text-decoration: none;
	background-color: rgba(40, 40, 40, 1.00);
}

/* FEATURED
----------------------------------------------------------------*/

.featuredGrid, .featuredGridInner {
	display: flex;
	width: 100%;
	flex-flow: row wrap;
}
.featuredGrid {
}
.featuredGridItem {
	display: flex;
	width: 50%;
	padding: 0 20px;
	flex-flow: column;
	padding-top: 40px;
}
.featuredGridImg {
	display: flex;
	padding: 10px 10px 10px 0;
	position: relative;
}
.featuredGridImg::before, .featuredGridImg::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50%;
	height: 10px;
	background-color: rgba(46,46,46,1.00);
}
.featuredGridImg::before {
	top: 0;
	width: 35%;
}
.featuredGridImg::after {
	bottom: 0;
	width: 50%;
}
.featuredGridImg a, 
.featuredGridImg a img {
	display: block;
	width: 100%;
	height: auto;
}
.featuredGridImg a {
	border-left: 10px solid rgba(46,46,46,1.00);
	overflow: hidden;
}
.featuredGridImg a img {
	transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.featuredGridItemTitle {
	margin-bottom: 0;
}
a.lineItemLink {
	transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	padding-left: 40px;
	position: relative;
}
a.lineItemLink::before {
	content: '';
	display: block;
	position: absolute;
	top: 12px;
	left: 0;
	width: 30px;
	height: 2px;
	background-color: rgba(227, 95, 17, 1.00);
	transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
a.lineItemLink:hover {
	padding-left: 30px;
	text-decoration: none;
}
a.lineItemLink:hover::before {
	width: 20px;
}

/* WHY US
----------------------------------------------------------------*/

.whyUs {
	display: flex;
	background-color: rgba(46,46,46,1.00);
	color: rgba(255,255,255,1.00);
	background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjtmaWxsLXJ1bGU6ZXZlbm9kZDtvcGFjaXR5OjAuMDY7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTUwLjYyLDU1LjVsLjA5LDQ0LjVMNjIuNSw5My40bC0uMS0zMy44OWEuNTMuNTMsMCwwLDEsLjMyLS41MWw0LjU2LTIuMjcuMjEsMjAuMjFMNzkuMzYsNzBsLjMxLTIwLDQuMS0yLjM5Yy41Ny0uMzMuNzgtLjI1Ljc2LjI4TDgzLjgzLDgybDEyLjYtNy4xMS0uMDctMzkuMTNjLjE2LTMuMzctNS01LjIxLTcuNTYtMy44OUw1Mi42Nyw1MS42NGE0LDQsMCwwLDAtMiwzLjg2Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNDkuMDksNTUuNCw0OSw5OS45LDM3LjIxLDkzLjNsLjA3LTMzLjlhLjUyLjUyLDAsMCwwLS4zMi0uNUwzMi40LDU2LjYybC0uMTIsMjAuMjJMMjAuMzUsNjkuOTNsLS4zMS0yMC00LjEtMi4zOWMtLjU3LS4zMy0uNzgtLjI1LS43Ni4yOGwuNywzNC4xMUwzLjI4LDc0LjgxbC4wNy0zOS4xM2MtLjE3LTMuMzcsNC45My01LjIxLDcuNTUtMy45TDQ3LDUxLjU0YTQsNCwwLDAsMSwyLjA1LDMuODYiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yOS4wNiwyNS44MSw2Mi4yOCw0NC4xNyw0OS43OSw1MS4yOGwtMzQuMzgtMTlDOC4wOCwyOC40OCw3LDIzLjc2LDE1LjUxLDE5TDQ4Ljg5LjYyYzEuNDYtLjkyLDIuNDctLjgsNC4yNC4yNmw0My41OSwyNC40LTEyLjI5LDdMNTEsMTMuOTJhLjY2LjY2LDAsMCwwLS43NiwwbC0zLjUxLDEuODVMNjYuNjUsMjcuMTFsLTEyLjA5LDYuNi0yMC0xMS4zOC01LjQ0LDNjLS4yMy4xNi0uMjYuMzMsMCwuNDgiLz48L3N2Zz4=");
	background-size: 300px 300px;
	background-position: bottom -50px right -20px;
	background-repeat: no-repeat;
}
.whyUsInner {
	display: flex;
	flex-flow: column;
	max-width: 800px;
	margin: 0 auto;
	padding: 60px 0;
}
a.btnOrangeFrame {
	display: flex;
	width: 100%;
	max-width: 340px;
	height: 48px;
	border: 3px solid rgba(227, 95, 17, 1.00);
	color: rgba(255,255,255,1.00);
	text-align: center;
	margin: 20px auto 0;
	justify-content: center;
	align-items: center;
	transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
a.btnOrangeFrame:hover {
	background-color: rgba(227, 95, 17, 1.00);
	color: rgba(255,255,255,1.00);
	text-decoration: none;
}

/* PAGINATION
----------------------------------------------------------------*/

#pagination {
	display: flex;
	max-width: 100%;
	margin: 0 auto;
	padding-top: 50px;
}
.paginationInner {
	display: flex;
	flex-flow: row;
	width: 100%;
	max-width: 1460px;
	padding: 0 20px;
	margin: 0 auto;
	justify-content: center;
}
.paginationInner.split {
	justify-content: space-between;
}
#pagination .padding {
	padding: 8px 20px 0;
	color:  rgba(128, 131, 134, 1.00);
}
#pagination a, .paginationDots {
	text-decoration: none;
	min-width: 44px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	margin: 0 2px;
	padding: 0 5px;
	transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#pagination a.paginationPrev, #pagination a.paginationNext {
	padding: 0 20px;
}
#pagination a:hover {
	background-color: rgba(0, 0, 0, 0.1);
}
#pagination a.active {
	background-color: rgba(227, 95, 17, 1.00);
	color: #fff;
}
#pagination .paginationDots {
	color: rgba(0, 0, 0, 0.30);
	letter-spacing: 3px;
}
#nextArticle .nextArticleDescription {
	display: flex;
	color: rgba(128, 131, 134, 1.00);
	font-size: 0.875rem;
	white-space: nowrap;
	text-transform: uppercase;
}
#nextArticle .nextArticle {
	display: flex;
	margin-top: 10px;
}

/* ARTICLES
----------------------------------------------------------------*/

.articleListBlock + .articleListBlock {
	margin-top: 40px;
}
.articleListBlock {
	display: flex;
	width: 100%;
}
.articleListBox {
	display: flex;
	flex-flow: row;
	width: 100%;
	background-color: rgba(0,0,0,0.08);	
}
a.articleListImg {
	display: flex;
	width: 33%;
	position: relative;
	overflow: hidden;
	align-items: flex-start;	
}
a.articleListImg img {
	display: block;
	width: 100%;
	height: auto;
	transition: transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.articleListImg:hover {
	opacity: 1;
}
.articleListContent {
	display: flex;
	width: 67%;
	flex-flow: column;
	margin: 0 auto;
	padding: 20px;
	justify-content: center;
}
.articleListText {
	display: flex;
	flex-flow: column;
	margin-top: 20px;
}
.articleListTitle {
	display: flex;
}
.articleListTitle a {
	color: rgba(0,0,0,1.00);
	font-weight: 600;
}
.articleListDate {
	display: flex;
	color:  rgba(128, 131, 134, 1.00);
	font-size: 0.875rem;
	margin-top: 10px;
}

/* GALLERY
----------------------------------------------------------------*/

.contentInner.galleryGrid {
	padding: 0 10px;
}
.galleryGrid {
	display: flex;
	flex-flow: row wrap;
}
.galleryGridBlock {
	display: flex;
	width: 33.33333%;
	padding: 10px;
}
.galleryGridBox {
	display: flex;
	flex-flow: column;
	width: 100%;
	background-color: rgba(0,0,0,0.08);
}
a.galleryGridImg {
	display: flex;
	width: 100%;
	position: relative;
	overflow: hidden;
	align-items: flex-start;
}
a.galleryGridImg img {
	display: block;
	width: 100%;
	height: auto;
	transition: transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.galleryGridContent {
	display: flex;
	width: 100%;
	flex-flow: column;
	margin: 0 auto;
	padding: 20px;
	/*flex-grow: 1;*/
}
.galleryGridText {
	display: flex;
	flex-flow: column;
	/*flex-grow: 1;
	justify-content: space-between;*/
}
.gallertGridTitle {
	display: flex;
	margin-bottom: 20px;
}
.gallertGridTitle a {
	color: rgba(0,0,0,1.00);
	font-weight: 600;
}

/* MASONRY PHOTO GALLERY
----------------------------------------------------------------*/

.galleryItem .contentInner.galleryGrid {
	padding: 0 10px;
}
.photoGallery {
	display: flex;
	width: 100%;
	flex-flow: row wrap;
	justify-content: center;
}
.grid-item {
	display: block;
    width: 33.33333%;
    height: auto;
	padding: 10px;
}
.grid-item a {
	display: block;
	width: 100%;
	overflow: hidden;
}
.grid-item  img {
	display: block;
	width: 100%;
	height: auto;
	transition: transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* ARTICLE SHARE
----------------------------------------------------------------*/

.articleShareBox {
	display: flex;
	flex-flow: row;
	width: 100%;
}
.articleShareTitle {
	display: flex;
	color: rgba(128, 131, 134, 1.00);
	font-size: 0.875rem;
	white-space: nowrap;
	flex-flow: column;
	justify-content: center;
	padding-right: 10px;
	text-transform: uppercase;
}
.articleShare {
	display: flex;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	overflow: hidden;
	opacity: 0.3;
	margin: 8px;
	background-repeat: no-repeat;
	background-size: contain;
	transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.articleShare.articleShareFb {
	background-image: url('/img/icon-share-facebook.svg');
}
.articleShare.articleShareTwitter {
	background-image: url('/img/icon-share-twitter.svg');
}
.articleShare.articleSharePinterest {
	background-image: url('/img/icon-share-pinterest.svg');
}
.articleShare.articleShareLinkedin {
	background-image: url('/img/icon-share-linkedin.svg');
}
.articleShare.articleShareMail {
	background-image: url('/img/icon-share-mail.svg');
}
.articleShare:hover {
	opacity: 1;
	cursor: pointer;
}

/* ARTICLE
----------------------------------------------------------------*/

.contentContainer.articleItem {
	margin-top: 0;
}

.contentInner.articleItemHeader {
	padding: 0;
	border-top: 1px solid rgba(0,0,0,0.1);
}

.contentInner.articleItemHeader h1 {
	display: block;
	padding: 50px 20px 20px;
}

.articleItem .contentInner + .contentInner {
	margin-top: 40px;
}

.articleItemCoverImg,
.articleItemCoverImg img {
	display: block;
	width: 100%;
	height: auto;
}

.contentContainer h2.articleSubtitle {
	line-height: 1.2em;
	font-weight: 700;
}

.articleItemDate {
	font-size: 1rem;
	line-height: 1em;
	color: rgba(0,0,0,0.65);
}

.articleItemContent {
	font-weight: 400!important;
}

.articleItemContent strong {
	font-weight: 700!important;
}

.contentInner.articleItemContent p a,
.contentInner.articleItemContent ul a {
	color: rgba(0,90,150,1.00);
	text-decoration: underline;
}

@media (hover: hover) {
	.contentInner.articleItemContent p a:hover,
	.contentInner.articleItemContent ul a:hover {
		color: #000;
	}
}

.articleItemContent figure,
.articleItemContent img {
	display: block;
	width: 100%!important;
	height: auto!important;
}

.articleItemContent figure figcaption {
	font-size: 1.5rem;
	line-height: 1.2em;
	color: rgba(0,0,0,0.65);
	padding-top: 5px;
	text-align: center;
}

blockquote {
	border-left: 4px solid rgba(0,90,150,1.00);
	padding: 8px 0 8px 16px;
}

.articleItemGallery {
	display: flex;
	padding: 0;
}

.articleItemGalleryInner {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
}

.articleGalleryItem {
	display: flex;
	width: 50%;
	padding: 20px;
}

.articleItemGallery img,
.articleItemGallery picture {
	display: block;
	width: 100%;
	height: auto;
	transition: transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

@media (hover: hover) {
	.articleItemGallery a:hover img {
		transform: scale(1.05);
		cursor: pointer;
	}
}

ul.fileItemList {
	list-style: none;
	padding: 0;
	font-weight: 700;
}

@media (hover: hover) {
	ul.fileItemList a:hover {
		color: #000;
	}
}

.articleItemTagList {
	display: inline-flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 10px;
	justify-content: center;
}

.articleItemTagList a {
	display: flex;
	height: 32px;
	line-height: 32px;
	padding: 0 15px;
	font-size: 1.5rem;
	background-color: rgba(0,0,0,0.08);
}

.articleItemTagList a:hover {
	text-decoration: none;
	background-color: rgba(0,0,0,1.00);
	color: rgba(255,255,255,1.00);
}

.nextArticleContainer {
	display: flex;
	position: relative;
	border: 1px solid rgba(0,0,0,0.10);
	padding: 30px 40px;
	justify-content: center;
	font-weight: 700;
	text-align: center;
	line-height: 1.5em;
	font-size: 1.2rem;
	margin-top: 60px;
}

@media (hover: hover) {
	.nextArticle:hover {
		text-decoration: underline;
	}
}

.nextArticleDescription {
	position: absolute;
	margin-bottom: 5px;
	font-size: 1rem;
	line-height: 1em;
	text-transform: uppercase;
	font-weight: 700;
	background-color: rgb(255, 255, 255);
	left: 50%;
	transform: translateX(-50%);
	top: -8px;
	padding: 0 10px;
	color: rgba(0,0,0,0.50);
}

.articleItemBack {
	font-weight: 700;
}

@media only screen and (max-width: 767px) {
	.contentInner.articleItemHeader h1 {
		padding: 40px 20px 0px;
	}
	.articleItem {
		margin: 40px 0 0;
	}

	.articleGalleryItem {
		padding: 10px;
	}

	.articleItemGallery {
		padding: 0 10px;
	}

	.contentInner.articleItemCover {
		padding: 0;
	}
}

/* NEWS HOME
----------------------------------------------------------------*/

.homeArticleBox, .homeArticleBoxInner {
	display: flex;
	flex-flow: row;
	width: 100%;
}
.homeArticleColLeft {
	display: flex;
	flex-flow: column;
	width: 33.34%;
	justify-content: center;
}
.homeArticleColRight {
	display: flex;
	width: 66.66%;
	background-color: rgba(0,0,0,0.08);
	flex-flow: row;
}
.homeArticleColRight .featuredGridImg {
	width: 50%;
}
.homeArticleContent {
	display: flex;
	padding: 20px;
	width: 50%;
	justify-content: center;
	flex-flow: column;
}

/* GALLERY HOME
----------------------------------------------------------------*/

.contentInner.homeGallery {
	display: flex;
	flex-flow: row wrap;
	padding: 20px 0px;
}
.homeGalleryItem {
	display: flex;
	width: 33.33333%;
	padding: 20px;
}
.homeGalleryItem h2 a, .homeGalleryItem h2 a:hover {
	color: rgba(255,255,255,1.00);
}
.homeGalleryItem:first-of-type {
	flex-flow: column;
	color: rgba(255,255,255,1.00);
	justify-content: center;
	padding-right: 30px;
}
.homeGalleryItem a, 
.homeGalleryItem a img {
	display: block;
	width: 100%;
	height: auto;
}
.homeGalleryItem a {
	overflow: hidden;
}
.homeGalleryItem a img {
	transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* HOME SPLIT BOX
----------------------------------------------------------------*/

.homeSplitBox {
	display: flex;
	width: 100%;
	flex-flow: row wrap;
	justify-content: center;
}
.homeSplitBoxItem {
	display: block;
	width: 50%;
	padding: 20px;
}
.homeSplitBoxItem a,
.homeSplitBoxItem a img {
	display: block;
	width: 100%;
	height: auto;
}
@media only screen and (max-width: 767px) {
	
	.homeSplitBox {
		display: flex;
		width: 100%;
		flex-flow: column;
	}
	.homeSplitBoxItem {
		width: 100%;
		padding: 0;
	}
	.homeSplitBoxItem + .homeSplitBoxItem {
		padding-top: 20px;
	}
	
}

/* HOME PARTNER LIST
----------------------------------------------------------------*/

.homePartnersList {
	display: flex;
	flex-flow: row wrap;
	margin-top: 40px;
	border-bottom: 1px solid rgba(0,0,0,0.10);
	border-right: 1px solid rgba(0,0,0,0.10);
}
.homePartnersItem {
	display: block;
	width: 33.33333%;
	border-top: 1px solid rgba(0,0,0,0.10);
	border-left: 1px solid rgba(0,0,0,0.10);
}
.homePartnersItem img {
	display: block;
	width: 100%;
	height: auto;
}

/* STORE LINK
----------------------------------------------------------------*/

.storeLink, .storeLink img {
	display: block;
	width: 100%;
	height: auto;
}

/* TABLE
----------------------------------------------------------------*/

.table {
	width: 100%;
	border-top: 2px solid rgba(0, 0, 0, 0.20);
	border-left: 2px solid rgba(0, 0, 0, 0.20);
	margin: 20px 0;
}
.table tbody, .table tbody tr {
	width: 100%;
}
.table tr td {
	padding: 4px;
	border-right: 2px solid rgba(0, 0, 0, 0.20);
	border-bottom: 2px solid rgba(0, 0, 0, 0.20);
}
.table.priceTable tr td:nth-child(2) {
	text-align: right;
}

/* FORM
----------------------------------------------------------------*/

#formContainer {
	display: block;
	padding-bottom: 20px;
}
.formContainerInner {
	display: flex;
	width: 100%;
	max-width: 1460px;
	margin: 0 auto;
	flex-flow: column;
}
#formContainer input[type=text], #formContainer textarea, #formContainer select, #menuSecondary select {
	display: block;
	width: 100%;
	height: 44px;
	font-size: 1em;
	border: 1px solid #CED0D2;
	padding-left: 10px;
	transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#pagination select {
	display: block;
	height: 44px;
	font-size: 1em;
	border: 1px solid #CED0D2;
	padding-left: 10px;
	transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#formContainer select, #menuSecondary select, #pagination select {
	-webkit-appearance: none;
	background-image: url('/img/icon-dropdown-arrow.svg');
	background-repeat: no-repeat;
	background-position: center right 10px;
	padding-right: 40px;
	border-radius: 0;
	background-color: #FFF;
}
#formContainer select:disabled, #menuSecondary select:disabled {
	background-image: none;
}
#formContainer input[type=text]:hover, #formContainer textarea:hover {
	border: 1px solid  rgba(128, 131, 134, 1.00);
}
#formContainer select:disabled:hover, #menuSecondary select:disabled:hover {
	cursor: not-allowed;
}
#formContainer select:hover, #menuSecondary select:hover {
	border: 1px solid  rgba(128, 131, 134, 1.00);
	cursor: pointer;
}
#formContainer textarea {
	height: auto;
	min-height: 133px;
}
.formBlock {
	display: flex;
	flex: 0 1 100%;
	flex-flow: row wrap;
}
.formBlock .formRow {
	flex: 0 1 100%;
}
.formBlock .formRow.split50 {
	flex: 0 1 50%;
}
.formBlock .formRow.split70 {
	flex: 0 1 70%;
}
.formBlock .formRow.split40 {
	flex: 0 1 40%;
}
.formBlock .formRow.split30 {
	flex: 0 1 30%;
}
.formBlock .formRow.split25 {
	flex: 0 1 25%;
}
.formBlock .formRow.split20 {
	flex: 0 1 20%;
}
.formBlock .formRow.padding {
	padding-right: 20px;
}
#formType .formRowRadioGroup {
	display: flex;
	flex-flow: row;
	font-weight: bold;
	justify-content: center;
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#formType .formRowRadioGroup .formRowRadio:nth-of-type(2) {
	margin-left: 20px;
}
.formRowName {
	padding: 20px 0;
}
.taxNumber {
	padding: 20px 0 0;
	font-weight: 600;
}
.formRowName {
	padding: 20px 0 5px 0;
	font-weight: 600;
}
span.formRequired, span.formRequired {
	color: #F00004;
}
.rowSubmit {
	display: flex;
	flex: 0 1 100%;
	flex-flow: row;
}
.formRowRadio {
	margin-top: 5px;
}
.formRowCheckboxGroup {
	padding: 20px 0;
}
.formRowCheckbox.important {
	border: 3px solid #F00004;
	padding: 20px;
	background-color: #FFF;
}
.formRowCheckbox.important a {
	color: #F00004;
	white-space: nowrap;
}
.formRowCheckbox.important a.legal {
	margin-left: 30px;
}
.alternateAddress {
	margin: 0;
	border-top: 1px solid #ccc;
	padding-top: 40px;
}
#formPhone {
	border-top: 1px solid #ccc;
	padding-top: 20px;
}
.status .error {
	display: block;
	color: #F00004;
	margin-top: 5px;
	font-size: 0.875rem;
	line-height: 18px;
	overflow: hidden;
}
.status .error:before {
	content: '';
	display: block;
	background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMzAiIGhlaWdodD0iMzAiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2YwMDAwNCI+PHBhdGggZD0iTTg2LDE3LjJjLTQuNzY3NjYsMCAtOC44NTE5MSwyLjkwNTIyIC0xMC41ODIwMyw3LjA0MzQ5bC02Mi4yMjY4MiwxMDcuMzIwODR2MC4wMTEyYy0xLjEyMzA0LDEuODA5MDkgLTEuNzIwMTcsMy44OTUxNiAtMS43MjQ0OCw2LjAyNDQ4YzAsNi4zMzI4NyA1LjEzMzgsMTEuNDY2NjcgMTEuNDY2NjcsMTEuNDY2NjdjMC4yNjkwNiwtMC4wMDE3MyAwLjUzNzk4LC0wLjAxMjk0IDAuODA2MjUsLTAuMDMzNTlsMC4wMjI0LDAuMDMzNTloNjIuMjM4MDJoNjIuMjM4MDJsMC4wMjIzOSwtMC4wNDQ3OWMwLjI2ODE0LDAuMDI0MzkgMC41MzcwNiwwLjAzOTMzIDAuODA2MjUsMC4wNDQ3OWM2LjMzMjg3LDAgMTEuNDY2NjcsLTUuMTMzOCAxMS40NjY2NywtMTEuNDY2NjdjLTAuMDAyMjMsLTIuMTMzMTMgLTAuNTk5NDQsLTQuMjIzMzUgLTEuNzI0NDgsLTYuMDM1NjdsLTAuMDg5NTgsLTAuMTU2NzdjLTAuMDAzNzMsLTAuMDAzNzMgLTAuMDA3NDYsLTAuMDA3NDcgLTAuMDExMiwtMC4wMTEybC02Mi4xMjYwNCwtMTA3LjE1Mjg3Yy0xLjczMDEzLC00LjEzODI3IC01LjgxNDM3LC03LjA0MzQ5IC0xMC41ODIwMywtNy4wNDM0OXpNNzkuMDQ2MDksNjUuMTI3MDhoMTMuOTA3ODJsLTEuMTUzMzksMzcuMTA5ODloLTExLjYwMTA0ek04Ni4wMjIzOSwxMTMuNTgwNDdjNC43MTI4LDAgNy41MzYyLDIuNTM1NjYgNy41MzYyLDYuODY0MzJjMCw0LjI0ODQgLTIuODIzNCw2Ljc3NDc0IC03LjUzNjIsNi43NzQ3NGMtNC43NDcyLDAgLTcuNTkyMTgsLTIuNTI2MzQgLTcuNTkyMTgsLTYuNzc0NzRjMCwtNC4zMjg2NiAyLjgzOTI1LC02Ljg2NDMyIDcuNTkyMTgsLTYuODY0MzJ6Ij48L3BhdGg+PC9nPjwvZz48L3N2Zz4=') 50% 50% no-repeat;
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 5px;
}
#formSubmitBtn, button.submitBtn {
	display: flex;
	width: 100%;
	height: 54px;
	background-color: rgba(227, 95, 17, 1.00);
	color: #FFF;
	text-transform: uppercase;
	justify-content: center;
	align-self: flex-end;
	border: none;
	transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#formSubmitBtn:hover, button.submitBtn:hover {
	cursor: pointer;
	background-color: #333;
}
#formSubmitBtn.disabled:hover, button.submitBtn.disabled:hover {
	cursor: not-allowed;
}
#formSubmitBtn span, button.submitBtn span {
	align-self: center;
}
#contentForm {
	display: block;
}
#form {
	display: block;
	width: 100%;
}
.formBlock input[type='checkbox'], .formBlock input[type='radio'] {
	margin: 0 8px 0 0;
}
.formObvezno {
	font-weight: bold;
	color: #E10003;
	padding-left: 4px;
}
input.textbox, textarea {
	font-family: 'Encode Sans', Verdana, Arial, Helvetica, sans-serif;
	display: block;
	width: 100%;
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 5px;
	font-size: 1em;
	line-height: normal;
}
input.textbox {
	height: 32px;
}
input.button {
	font-family: 'Encode Sans', Verdana, Arial, Helvetica, sans-serif;
	background-color: #0594cd;
	border: none;
	color: #fff;
	height: 44px;
	padding: 0 50px;
	font-size: 1.2em;
}
input.button:hover {
	cursor: pointer;
	background-color: #333;
}
.formValidation {
	padding: 10px;
	font-weight: bold;
	color: #E10003;
	padding-bottom: 10px !important;
}
.mailConsent {
	display: block;
	padding: 5px 0 20px 30px;
	font-style: italic;
	color: #666;
	font-size: 0.875rem;
	line-height: 1.5em;
}
.mailConsentToggle {
	display: inline-block;
	color: #0594cd;
	cursor: pointer;
	font-weight: 600;
}
.mailConsentToggle:hover {
	text-decoration: underline;
}
.formSuccessNotification {
	display: block;
	margin-top: 20px;
}
.formSuccessNotification h2 {
	color: rgba(227, 95, 17, 1.00);
}
/* CHECKBOX */
.checkboxContainer {
	display: inline-block;
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.checkboxContainer input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.checkboxCheckmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 22px;
	width: 22px;
	background-color: rgba(255,255,255,1.00);
	border: 1px solid rgba(180, 180, 180, 1.00);
}
.checkboxContainer:hover input ~ .checkboxCheckmark {
	background-color: rgba(180, 180, 180, 1.00);
}
.checkboxContainer input:checked ~ .checkboxCheckmark {
	background-color: rgba(227, 95, 17, 1.00);
	border: 1px solid rgba(227, 95, 17, 1.00);
}
.checkboxCheckmark:after {
	content: '';
	position: absolute;
	display: none;
}
.checkboxContainer input:checked ~ .checkboxCheckmark:after {
	display: block;
}
.checkboxContainer .checkboxCheckmark:after {
	left: 6px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* RADIO */
.radioContainer {
	display: block;
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.radioContainer input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.radioCheckmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 22px;
	width: 22px;
	background-color: rgba(255,255,255,1.00);
	border: 1px solid rgba(180, 180, 180, 1.00);
	border-radius: 50%;
}
.radioContainer:hover input ~ .radioCheckmark {
	background-color: rgba(180, 180, 180, 1.00);
}
.radioContainer input:checked ~ .radioCheckmark {
	background-color: rgba(227, 95, 17, 1.00);
	border: 1px solid rgba(227, 95, 17, 1.00);
}
.radioCheckmark:after {
	content: '';
	position: absolute;
	display: none;
}
.radioContainer input:checked ~ .radioCheckmark:after {
	display: block;
}
/* Style the indicator (dot/circle) */
.radioContainer .radioCheckmark:after {
	top: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

/* OMISLI.SI CERTIFIKAT
----------------------------------------------------------------*/

#footerCertOm {
	display: flex;
	width: 100%;
	max-width: 200px;
	margin: 0 auto 20px;
}
#footerCertOm a, #footerCertOm a img {
	display: block;
	width: 100%;
	height: auto;
	border: none!important;
}

/* FOOTER
----------------------------------------------------------------*/

footer {
	display: flex;
	flex-flow: column;
	width: 100%;
	margin: 80px auto 0;
	background-color: rgba(46, 46, 46, 1.00);
	color: rgba(255, 255, 255, 0.50);
	letter-spacing: 1px;
}
footer strong {
	color: rgba(255, 255, 255, 1.00);
}
footer a {
	color: rgba(255, 255, 255, 1.00);
	transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
footer a:hover {
	color: rgba(227, 95, 17, 1.00);
	text-decoration: none;
}
#footerContainer {
	display: flex;
	font-size: 0.875rem;
	flex-flow: row;
	width: 100%;
	max-width: 1460px;
	padding: 0 20px;
	margin: 0 auto;
	justify-content: space-between;
}
#footerLinks {
	display: flex;
	width: 100%;
	flex-flow: row;
	justify-content: space-between;
	margin: 30px 0;
}
#footerLinks .linksGroup {
	display: flex;
	width: 25%;
	flex-flow: column;
}
#footerLinks .linksGroup ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#footerLinks .linksGroup ul li {
	display: flex;
	width: 100%;
	padding: 0;
}
#footerLinks .linksGroup ul li a {
	display: block;
	width: 100%;
	line-height: 2.5rem;
}
#footerLinks .linksGroup ul li a:hover {
	color: rgba(227, 95, 17, 1.00);
}
.footerColText {
	display: block;
	width: 100%;
	line-height: 1.8em;
	padding: 6px 0;
}
.footerContact {
	display: block;
	line-height: 2.5rem;
}
#footerMail {
	text-transform: lowercase;
}

/* COPYRIGHT
----------------------------------------------------------------*/

#footerCopyrightContainer {
	display: flex;
	width: 100%;
	flex-flow: column;
	background-color: rgba(255, 255, 255, 1);
	color: rgba(0, 0, 0, 0.50);
	font-size: 0.875rem;
}
#footerCopyrightContainer a {
	color: rgba(227, 95, 17, 1.00);
	border-bottom: 1px dotted rgba(227, 95, 17, 1.00);
	line-height: 1.2em;
}
#footerCopyrightContainer a:hover {
	color: rgba(0, 0, 0, 1.00)
}
#footerCreditRating {
	display: flex;
	margin-bottom: 40px;
	justify-content: center;
}
#footerCreditRating img {
	display: block;
	width: 100%;
	max-width: 600px;
	height: auto;
}
#copyrightAlign {
	display: flex;
	flex-flow: column;
	width: 100%;
	max-width: 1460px;
	margin: 80px auto;
	padding: 0 20px;
	justify-content: space-between;
}
#foterWebdesign, #footerCopyright, #footerShare {
	display: flex;
	justify-content: center;
}
#footerCopyrightContainer span.padding {
	padding: 0 10px;
}
#foterWebdesign, #footerCopyright {
	margin-top: 20px;
}
#footerCopyrightContainer #foterWebdesign a {
	color: rgba(0,0,0,0.50);
	border-bottom: 1px dotted rgba(0, 0, 0, 0.50);
}
#footerCopyrightContainer #foterWebdesign a:hover {
	color: rgba(0,0,0,1.00)
}
#diners {
	display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
}
#diners svg {
	display: block;
	width: 140px;
	min-width: 120px;
	height: auto;
	margin-left: 20px;
}

/* FOOTER CONTACT BOX
----------------------------------------------------------------*/

#footerContactBox {
	display: flex;
	width: 100%;
	background-color: rgba(0,0,0,0.08);
	flex-flow: column;
}
#footerContactBox h4 {
	max-width: 660px;
	margin: 40px auto 0;
	text-align: center;
	border-bottom: 1px solid rgba(0,0,0,0.08);
	padding-bottom: 40px;
}
#footerContactBoxInner {
	display: flex;
	width: 100%;
	flex-flow: row;
	padding: 20px;
}
.footerContactCol {
	display: flex;
	flex-flow: column;
	width: 33.33%;
	text-align: center;
	padding: 20px 20px 30px;
}
/*.footerContactCol + .footerContactCol {
	border-left: 6px solid rgba(0,0,0,0.08);
}*/
.footerContactColTitle {
	font-weight: 600;
	margin: 0 0 20px 0;
}
.footerContactColLink {
	font-weight: 600;
	font-size: 1.5rem;
}
.footerContactColLink a {
	color: rgba(227, 95, 17, 1.00);
	border-bottom: 1px dotted rgba(227, 95, 17, 1.00);
}
.footerContactColLink a:hover {
	text-decoration: none;
	border-bottom: 1px solid rgba(227, 95, 17, 1.00);
}
.footerContactColIcon {
	display: flex;
	width: 64px;
	height: 64px;
	background-size: 64px 64px;
	background-position: center center;
	margin: 0 auto;
}

/* COOKIES
----------------------------------------------------------------*/

#cookieBox {
	display: flex;
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 1001;
}
#cookieBoxContent {
	display: flex;
	flex-flow: row;
	width: 100%;
	max-width: 1460px;
	padding: 16px 20px;
	background-color: rgba(240, 240, 240, 1);
	border-top: 1px solid #ccc;
	margin: 0 auto;
}
#cookieText {
	display: flex;
	width: 80%;
	flex-flow: column;
	padding-right: 20px;
	padding-left: 56px;
	background-image: url("/img/cookies.svg");
	background-repeat: no-repeat;
	background-size: 46px 46px;
	background-position: left center;
}
#cookieText a {
	white-space: nowrap;
}
div#cookieBoxAgree {
	display: flex;
	height: 48px;
	line-height: 48px;
	background-color: rgba(227, 95, 17, 1.00);
	color: #FFF;
	font-weight: 700;
	width: 20%;
	min-width: 160px;
	justify-content: center;
	white-space: nowrap;
	/*border-radius: 3px;*/
	transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
div#cookieBoxAgree:hover {
	cursor: pointer;
	background: rgba(0, 0, 0, 1);
	text-decoration: none;
}
#cookieAccept, #cookieDecline, #cookieText a {
	color: rgba(227, 95, 17, 1.00);
	text-decoration: none;
	cursor: pointer;
}
#cookieAccept:hover, #cookieDecline:hover, #cookieText a:hover {
	text-decoration: underline;
	color: rgba(49, 49, 50, 1.00);
}

/* SCROLL TOP
----------------------------------------------------------------*/

#scrollTop {
	display: none;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.65);
	position: fixed;
	right: 20px;
	bottom: 20px;
	box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.3);
	transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
	background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIuNzkgMTUuOSAxLjQyIDEuNDEgNy43OS03Ljc5IDcuNzkgNy43OSAxLjQyLTEuNDEtOS4yMS05LjIxeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
	background-position: 50% 45%;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	z-index: 1002;
}

/* CONTENT WIDTHS
----------------------------------------------------------------*/

.width12 {
	max-width: 1460px;
}
.width10 {
	max-width: 1220px;
}
.width8 {
	max-width: 980px;
}
.width6 {
	max-width: 740px;
}
.width4 {
	max-width: 500px;
}
.width2 {
	max-width: 260px;
}

/* MEDIA QUERIES
----------------------------------------------------------------*/

@media only screen and (min-width: 1620px) {

/* SLIDER
----------------------------------------------------------------*/

	.splide__arrow--next {
		right: -60px;
	}
	.splide__arrow--prev {
		left: -60px;
	}
	
}
@media only screen and (max-width: 1619px) {

/* SLIDER
----------------------------------------------------------------*/

	.splide__arrow--next {
		right: 20px;
	}
	.splide__arrow--prev {
		left: 20px;
	}
	
}
@media only screen and (min-width: 1461px) {
	
/* COOKIES
----------------------------------------------------------------*/

	#cookieBoxContent {
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
	
}
@media only screen and (max-width: 1460px) {

/* SLIDER
----------------------------------------------------------------*/

	#sliderContainer {
		margin: 0 auto 0;
	}
	
}
@media only screen and (max-width: 1200px) {
	
	nav#headerNav .headerNavRow a + a {
		margin-left: 15px;
	}
	
}
@media only screen and (min-width: 1024px) {

/* HEADER
----------------------------------------------------------------*/

	#headerContainer {
		z-index: 1;
	}
	#mobileHeaderContainer {
		display: none !important;
	}
	#mobileMenuContainer, #mobileLogo {
		display: none;
	}

/* CONTENT
----------------------------------------------------------------*/

.contentInner.gallery figure a:hover img, .contentSplitImg:hover img {
	transform: scale(1.05);
	cursor: pointer;
}

/* FEATURED
----------------------------------------------------------------*/

.featuredGridImg a img:hover {
	transform: scale(1.05);
	cursor: pointer;
}

/* ARTICLES
----------------------------------------------------------------*/

a.articleListImg:hover img {
	transform: scale(1.1);
	cursor: pointer;
}

/* GALLERY
----------------------------------------------------------------*/

a.galleryGridImg:hover img {
	transform: scale(1.1);
	cursor: pointer;
}

/* MASONRY PHOTO GALLERY
----------------------------------------------------------------*/

.grid-item:hover img {
	transform: scale(1.1);
}

/* NEWS & GALLERY
----------------------------------------------------------------*/

a.articleItemImg:hover img {
	transform: scale(1.05);
	cursor: pointer;
}

/* GALLERY HOME
----------------------------------------------------------------*/

.homeGalleryItem a img:hover {
	transform: scale(1.05);
	cursor: pointer;
}

/* SCROLL TOP
----------------------------------------------------------------*/

#scrollTop:hover {
	transform: scale(1.2);
	cursor: pointer;
}

}
@media only screen and (min-width: 1280px) {}
@media only screen and (max-width: 1080px) {}
@media only screen and (max-width : 1023px) {

/* GENERAL
----------------------------------------------------------------*/

	h1 {
		font-size: 2.5rem;
	}
	h2, .productInfo h1 {
		font-size: 2rem;
	}
	h3 {
		font-size: 1.5rem;
	}
	h4 {
		font-size: 1.2rem;
	}
	main {
		margin-bottom: 40px;
	}
	.contentContainer, footer {
		margin-top: 40px;
	}
	.contentInner {
		padding: 0 20px;
	}
	section.contentContainer.title {
		margin-top: 40px;
	}
	#copyrightAlign {
		margin: 40px auto;
	}
	section.grey {
		padding: 20px 0;
	}
	section.dark {
		padding: 20px 0;
	}

/* SLIDER
----------------------------------------------------------------*/
	
	.sliderPositionText {
		left: 90px;
		bottom: 40px;
	}
	.slideTitle {
		font-size: 2.2rem;
		line-height: 2em;
	}
	
/* FEATURED
----------------------------------------------------------------*/
	
	.featuredGridItem {
		padding-left: 10px;
		padding-right: 10px;
	}

/* NEWS HOME
----------------------------------------------------------------*/

	.homeArticleBox, .homeArticleBoxInner {
		flex-flow: column;
	}
	.homeArticleColLeft, .homeArticleColRight {
		width: 100%;
	}
	.homeArticleColRight {
		margin-top: 40px;
	}
	.homeArticleColRight .featuredGridImg {
		width: 33.33%;
	}
	.homeArticleContent {
		width: 66.67%;
	}
	.contentInner .homeArticleColLeft h2 {
		margin: 0;
	}

/* WHY US
----------------------------------------------------------------*/

	.whyUsInner {
		padding: 40px;
	}
	.contentInner .whyUsInner h2 {
		margin: 0;
	}

/* GALLERY HOME
----------------------------------------------------------------*/

	.contentInner.homeGallery {
		padding: 20px 10px;
	}
	.homeGalleryItem {
		padding: 10px;
	}

/* MOBILE HEADER
----------------------------------------------------------------*/

	#headerTopLeft, #headerNav, #headerTopShopLink span {
		display: none !important;
	}
	#mobileHeaderContainer {
		display: flex !important;
		flex-flow: row;
		padding-left: 10px;
		height: 32px;
		align-self: center;
	}
	#mobileLogo {
		align-self: center;
		margin-left: 10px;
	}
	#mobileLogo, #mobileLogo img {
		display: block;
		width: 120px;
		height: auto;
	}
	#headerTopContainer {
		height: 64px;
	}
	.mm-navbar__title {
		height: 63px;
	}
	a#headerTopShopLink {
		text-transform: uppercase;
		background-color: rgba(227, 95, 17, 1.00);
		height: 40px;
		width: 100px;
		line-height: 1.1em;
		align-items: center;
		text-align: center;
		align-self: center;
	}
	a#headerTopShopLink:hover {
		text-decoration: none;	
	}
	a#headerTopShopLink.headerTopItem {
		margin: 0 10px 0 0;
	}

/* FOOTER
----------------------------------------------------------------*/

	#footerLinks {
		width: 100%;
		margin: 25px 0;
	}
	#footerLinks .linksGroup {
		width: 50%;
	}
	
/* MOBILE MENU OPEN
----------------------------------------------------------------*/

	#mobileMenuBtn {
		display: flex !important;
	}

/* NEWS
----------------------------------------------------------------*/

	.homeArticles .newsItemBlock:first-of-type {
		padding-right: 10px;
	}
	.homeArticles .newsItemBlock:last-of-type {
		padding-left: 10px;
	}
}
@media only screen and (max-width : 950px) {
	
/* GENERAL
----------------------------------------------------------------*/

	.headerTopItem {
		margin: 0 10px 0 0;
	}

/* HEADER
----------------------------------------------------------------*/

	#cookieBoxContent {
		flex-flow: column;
	}
	#cookieText, div#cookieBoxAgree {
		display: block;
		width: 100%;
		padding: 0;
		text-align: center;
	}
	#cookieText {
		background: none;
	}
	div#cookieBoxAgree {
		margin-top: 16px;
	}
	
}
@media only screen and (min-width: 768px) {

/* NEWS
----------------------------------------------------------------*/

	.homeArticles .newsDivide {
		display: none;
	}
	
}
@media only screen and (max-width: 767px) {

/* CONTENT
----------------------------------------------------------------*/
	
	.contentSplitRight {
		padding-left: 20px;
	}
	.titleDecor {
		width: 25%;
	}
	.contentInner.gallery.gallery3col figure {
		width: 50%;
	}
	.contentColContainer {
		flex-flow: column;
	}
	.contentCol + .contentCol {
		margin-left: 0;
		margin-top: 40px;
	}

/* FEATURED
----------------------------------------------------------------*/

	.featuredGrid, .featuredGridInner {
		flex-flow: column;
	}
	.featuredGridItem {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

/* NEWS HOME
----------------------------------------------------------------*/
	
	.homeArticleColRight {
		flex-flow: column;
	}
	.homeArticleColRight .featuredGridImg {
		width: 100%;
	}
	.homeArticleContent {
		width: 100%;
	}
	.homeArticleContent h3 {
		margin: 0;
	}

/* GALLERY HOME
----------------------------------------------------------------*/

	.homeGalleryItem {
		width: 50%;
	}
	.homeGalleryItem:first-of-type {
		padding-right: 10px;
	}

/* GALLERY
----------------------------------------------------------------*/

	.galleryGridBlock {
		width: 50%;
	}

/* MASONRY PHOTO GALLERY
----------------------------------------------------------------*/
	.grid-item {
		width: 50%;
	}
	
/* FOOTER CONTACT BOX
----------------------------------------------------------------*/

	#footerContactBox h4 {
		margin: 20px auto 0;
		padding: 0 20px 20px;
	}
	#footerContactBoxInner {
		padding: 10px;
		flex-flow: column;
	}
	.footerContactColTitle {
		margin: 0 0 10px 0;
	}
	.footerContactCol {
		width: 100%;
		padding: 10px 10px 20px;
	}
	.footerContactColLink {
		font-size: 1.2rem;
	}

/* COPYRIGHT
----------------------------------------------------------------*/

	#footerCopyright {
		flex-flow: column;
	}
	.footerCopyrightCol {
		display: block;
		text-align: center;
	}
	.footerCopyrightCol + .footerCopyrightCol {
		margin-top: 5px;
	}
	.footerCopyrightCol > span:first-of-type {
		display: none;
	}
	#diners {
		display: flex;
		flex-flow: column;
		text-align: center;
	}
	#diners svg {
		margin-left: 0px;
		margin-top: 10px;
	}

/* CUSTOM MODAL
----------------------------------------------------------------*/

	#modalMessage div.modalMessageInner {
		width: 95%;
	}
	.modalMessageButtons {
		flex-flow: column;
		margin-top: 0;
	}
	.modalButton {
		width: 100%;
		margin: 10px 0 0 0;
		max-width: 100%;
	}
	.modalTitle {
		margin: 0 30px;
	}
	.modalAddedItemInfo {
		margin-bottom: 10px;
	}

/* NEWS
----------------------------------------------------------------*/

	.homeArticles .articleListGrid {
		flex-flow: column;
	}
	.homeArticles .newsItemBlock {
		width: 100%;
	}
	.homeArticles .newsItemBlock:first-of-type {
		padding-right: 0px;
	}
	.homeArticles .newsItemBlock:last-of-type {
		padding-left: 0px;
	}
	.homeArticles .newsItemBlock:last-of-type .newsDivide {
		display: none;
	}
	.homeArticles .articleListGrid {
		padding: 20px 0 0;
	}
	.newsItemText a.readMore {
		margin-top: 10px;
	}
	.homeArticles .newsItemBox {
		margin-bottom: 40px;
	}
	.homeArticles .newsItemBlock:last-of-type .newsItemBox {
		margin-bottom: 0;
	}
	.newsList .newsItemTitle, .newsItem .newsItemTitle, .newsItem .newsItemSubtitle {
		margin: 0;
		width: 100%;
	}
	.newsItemDate {
		margin-bottom: 20px;
	}
	.newsItemContent {
		width: 100%;
		margin: 20px 0 0;
	}
	.newsDivide {
		margin: 40px auto 35px;
	}
	.compactVehicleBoxContainer {
		padding: 5px;
	}
	.contentInner.compactVehicleGrid {
		padding: 0 5px;
	}

/* 404
----------------------------------------------------------------*/

	body.notFound main {
		margin: 40px 0;
	}
	body.notFound .contentNavInner {
		flex-flow: column;
		width: 80%;
	}
	body.notFound .contentNavInner li a {
		width: 100%;
		justify-content: center;
	}

/* FOOTER
----------------------------------------------------------------*/

	#footerContainer {
		flex-flow: column;
	}
	.footerContact {
		margin: 0 auto;
	}
	#footerLinks {
		flex-flow: row wrap;
		width: 100%;
	}
	#footerLinks .linksGroup {
		width: 100%;
		text-align: center;
	}
	.linksGroup + .linksGroup {
		padding-top: 20px;
		margin-top: 20px;
		border-top: 1px solid rgba(255, 255, 255, 0.10);
	}
	.footerColText {
		text-align: center;
	}
	
}
@media only screen and (min-width : 568px) {}
@media only screen and (max-width : 567px) {
/* CONTENT
----------------------------------------------------------------*/
	
	.contentSplit {
		flex-flow: column;
	}
	.contentSplitLeft {
		width: 100%;
	}
	.contentSplitRight {
		width: 100%;
		padding-left: 0;
		margin-top: 20px;
	}
	.contentInner.gallery.gallery3col figure {
		width: 100%;
	}
	.contentInner.gallery.gallery2col figure {
		width: 100%;
	}

/* SLIDER
----------------------------------------------------------------*/
	
	.sliderCategory::before {
		display: none;
	}
	.sliderPositionText {
		left: 0;
		width: 100%;
		padding: 0 40px;
		bottom: 40px;
	}
	.slideTitle {
		font-size: 2.2rem;
		line-height: 2em;
	}
	.sliderBgBox {
		background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 85%, rgba(0,0,0,0) 100%); 
	}
	a.sliderBtn {
		width: 100%;
	}

/* HOME PARTNER LIST
----------------------------------------------------------------*/
	
	.homePartnersItem {
		width: 50%;
	}

/* GALLERY
----------------------------------------------------------------*/

	.galleryGridBlock {
		width: 100%;
	}

/* ARTICLES
----------------------------------------------------------------*/

	.articleListBox {
		flex-flow: column;
	}
	a.articleListImg {
		width: 100%;	
	}
	.articleListContent {
		width: 100%;
	}

/* FORM
----------------------------------------------------------------*/

	.formBlock .formRow.split50 {
		flex: 0 1 100%;
	}
	.formBlock .formRow.padding {
		padding-right: 0;
	}
	
}
@media only screen and (max-width : 460px) {
	
/* GENERAL
----------------------------------------------------------------*/
	
	.homeGallery h2 {
		font-size: 1.5rem;
	}
	.homeGallery p {
		display: none;
		/*font-size: 0.875rem;
		line-height: 1.5em;*/
	}
	.homeGallery .homeGalleryItem a.lineItemLink {
		margin-top: 20px;
	}


/* CONTENT
----------------------------------------------------------------*/
	
	.dirickxBadge {
		width: 100px;
	}
	
}
@media only screen and (max-width : 374px) {}