/* Custom Stylesheet */

body {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	color: #42685c;
}

a {
	color: #abc69b;
}

p + p {
	margin-top: .5rem;
}

.flow-text {
	font-size: 130%;
}

.icon-block {
	padding: 0 15px;
}

.icon-block .material-icons {
	font-size: inherit;
}

.btn-large {
	margin-top: 1rem;
}

nav,
nav .nav-wrapper i,
nav a.button-collapse,
nav a.button-collapse i {
	color: #abc69b;
    line-height: 75px;
}

nav {
	font-weight: 500;
	height: 135px;
	text-transform: uppercase;
}

nav li > a {
	color: #42685c;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: .05rem;
}

.section {
    padding-bottom: 3rem;
    padding-top: 3rem;
    text-align: center;
}

.section-title {
	color: #abc69b;
	margin-bottom: 1.5rem;
}

.promo .section-title,
.parallax-container .section-title {
	color: #fff;
}

.section-title h1 {
	margin: 0;
}

.section .section-title h3 {
	margin-top: 0;
}

nav ul.hide-on-med-and-down a:hover {
	color: #abc69b;
}

nav.pin-bottom {
	display: none;
}

#nav-mobile li.active {
	background-color: #fff;
}

.parallax-container {
	height: 70vmin;
	text-align: center;
	width: 100%;
}

.button-collapse {
	color: #f0e3d7;
}



.top-nav {
	position: relative;
	z-index: 1;
}

.top-nav .row {
	margin-bottom: 0;
	position: relative;
}

.top-nav .col {
	color: #273170;
	font-size: 15px;
	font-weight: 500;
	height: 60px;
	line-height: 73px;
}

.top-nav .col * {
	vertical-align: middle;
}

.top-nav .material-icons {
	background-color: #abc69b;
	box-sizing: border-box;
	color: #fff;
	font-size: 15px;
	margin-right: .25rem;
	padding: .35rem;
}

.top-nav .btn {
	letter-spacing: 1px;
	padding: 0 1rem;
	white-space: nowrap;
}

.top-nav a:not(.btn) {
	color: #abc69b;
}


nav {
	box-shadow: 0 0 25px #42685c;
}

.section {
	position: relative;
}



.section::after,
nav::after {
	content: '';
	display: block;
	position: absolute;
	height: 10px;
	top: 100%;
	background: url(../../img/frontend/ender1.png) repeat-x;
	background-size: contain;
	width: 100%;
	z-index: 3;
}


.section.photo,
.section.video {
	background-color: transparent;
	padding: 0 !important;
}


.section.photo + .section {
	padding-top: 1rem;
}

.section.photo img {
	display: block;
	max-height: 40vmin;
	max-width: 100%;
	width: auto;
	margin: auto;
}

.section.video video {
	max-width: 100%;
	height: 70vmin;
}

.section.video iframe {
	height: 70vmin;
	width: 100%;
}

nav::after {
	margin-top: -1px;
}

nav.pin-top  {
	background: #fff;
	box-shadow: none;
}


nav.pinned {
	background: #fff;
	border-bottom: solid 1px #f7f5f0;
	transition: .9s;
	z-index: 998;
}

nav ul.hide-on-med-and-down {
	position: relative !important;
	right: 2rem;
	padding-right: 3rem;
}


nav ul li.active a {
	color: #abc69b;
	position: relative;
}

nav .brand-logo {
	box-sizing: border-box;
	height: 100px;
	padding: .25rem 0;
	top: -45px;
}

nav .brand-logo img {
	display: block;
	height: 100%;
	margin: auto;
}

.promo {
	background: #c7d8ab url(../../img/frontend/pattern.png);
	color: #fff;
	position: relative;
}

.promo::after {
	transform: rotate(180deg) translateY(10px);
}


.promo .row {
	margin-bottom: 0;
}

.promo .flow-text {
	font-weight: 500;
}

.subtitle {
	color: #abc69b;
	font-weight: 500;
}

footer.page-footer {
	color: #fff;
	padding: 3em 0;
	position: relative;

}

footer.page-footer a {
	color: inherit;
}

footer.page-footer .section-title {
	color: #fff;
}

footer.page-footer .btn-large {
	margin-top: 2rem;
}

.copy {
	margin-top: 2rem;
}


/* collapsible */

.collapsible {
	border: none;
	box-shadow: none;
}

.collapsible > li {
	border-bottom: dotted 1px #c7d8ab;
}

.collapsible-header {
	border: none;
	min-height: inherit;
	line-height: normal;
	padding: 1rem 0;
	position: relative;
	text-align: left;
}


.collapsible-header h5 {
	font-family: inherit;
	margin: 0;
	padding-right: 40px;
	text-align: left;
	text-transform: none;
}

.collapsible-header h5 img {
	margin-right: .5rem;
	vertical-align: middle;
	width: 50px;
}


.collapsible-header small {
	color: #abc69b;
}

.collapsible-header i {
	color: #abc69b;
	font-size: 34px;
	margin: 0;
	position: absolute;
	right: 0;
}

.collapsible-header i:nth-child(2),
.active .collapsible-header i:nth-child(1) {
	display: none;
}

.active .collapsible-header i:nth-child(2) {
	display: inline-block;
}

.collapsible-body {
	border: none;
	margin-top: -.5rem;
	padding: 0 0 1rem 0;
	position: relative;
	text-align: left;
}

.collapsible-body h5 {
	color: #abc69b;
	font-weight: 300;
	padding-top: 1rem;
}

.collapsible article p {
	padding: .5rem 0;
}


/* Best block */

.best-block .slide {
	background-color: #c7d8ab;
	border-bottom-left-radius: 15em 1em;
	border-bottom-right-radius: 15em 1em;
	border-top-left-radius: 15em 1em;
	border-top-right-radius: 15em 1em;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.3;
	margin: .25rem;
	min-height: 170px;
	padding: 1.5rem .5rem 1rem;
	text-transform: uppercase;
}


.best-block .slide::before {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../../img/frontend/icon10_1.svg');
	content: "";
	display: block;
	height: 40px;
	margin-bottom: 1rem;
	width: 100%;
}


/* media styles */

.media {
	padding: 1rem 0;
	white-space: nowrap;
}

.media a {
	color: inherit;
	font-size: 28px;
	margin: 0 2vw;
	transition: all 1s;
}

.media a:hover {
	opacity: .5;
}

header .media {
	padding: 0;
	position: absolute;
	right: 500px;
	top: 4px;
}

header .media a {
	color: #abc69b;
	margin: 0 1vw;
}


.side-nav li > a:hover {
	background-color: rgba(255,255,255,.25);
}

.side-nav .media {
	position: static;
}

.side-nav .media a[class^="icon-"] {
	background: transparent !important;
	color: #fff;
	display: inline-block;
	margin: 0;
}


.side-nav .contact {
	color: #fff;
	height: auto;
	line-height: 2;
	padding: 1rem 0;
	text-transform: none;
}

.side-nav .btn {
	font-weight: 700;
	letter-spacing: 0;
}


.side-nav .material-icons {
	font-size: 32px;
}


/* Product */

video {
	display: block;
	width: 100%;
}

.products li {
	display: inline-block;
	font-size: 90%;
	font-weight: 500;
	margin: .25rem .125rem;
	text-transform: uppercase;
}

.products a {
	background: #abc69b;
	border-radius: 2rem;
	color: #fff;
	display: block;
	padding: .25rem 1rem;
	transition: ease 1s;
}

.products a:hover {
	background: #42685c;
}

.product-list figure {
	margin: 1rem;
}

.product-list figure img {
	max-height: 100%;
	max-width: 100%;
}

.product-list figure .wrapper {
	background-clor: transparent;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
	background-image: attr(data-image-src url);
	display: flex;
	flex-flow: column;
	justify-content: flex-end;
	height: 25vmin;
}

.product-list figcaption {
	font-size: 85%;
	font-weight: bold;
	line-height: 1.1;
}

.product-list figcaption small {
	display: block;
	font-size: 90%;
	font-weight: normal;
	padding-top: .25rem;
}


.certificates {
	padding: 2rem 0;
}

.certificates li {
	display: inline-block;
	padding: .25rem;
}

.certificates li img {
	height: 10vmin;
	margin: auto;
	width: auto;
}

.default li {
	margin: .5rem 0;
	padding-left: 2rem;
	position: relative;
}

.default li::before {
	background: url('../../img/frontend/icon10.svg') no-repeat center center;
	background-size: contain;
	content: "";
	display: block;
	height: 1.25rem;
	width: 1.25rem;
	position: absolute;
	left: 0;
	top: 0.25rem;
}


.anchor {
	position: relative;
	top: -9rem;
}


/* slider styles */

.slider {
	height: 100%  !important;
}

.slider figure {
	margin: 0;
	padding: 3%;
}

.slider .placeholder {
	display: block;
	overflow: hidden;
	transition: all .5s ease-in;
}

.slider figcaption {
	padding: 0 3% 0;
}

.slider figcaption p {
	color: rgba(0, 0, 0, 0.5) !important;
	font-weight: 400;
	margin: 0;
}

.slider figure img {
	margin: auto;
	max-width: 120%;
	height: auto;
	width: 100%;
}

.logos-slider .placeholder {
	background-color: #f7f5f0;
	border: dotted 1px;
}

.logos-slider a:hover .placeholder {
	background-color: #abc69b;
	transition: all .5s ease-in;
}

.logos-slider figure {
	position: relative;
}

.logos-slider figure figcaption {
	align-items: center;
	display: flex;
	justify-content: center;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.logos-slider a:hover .placeholder img {
	visibility: hidden;
}

.logos-slider figure h5 {
	visibility: hidden;
}

.logos-slider a:hover figure h5 {
	visibility: visible;
	color: #fff;
}


.slider.certificates {
	margin: 20px 0 0;
	padding: 0;
}

.slider.certificates img {
    -webkit-filter: grayscale(100%);
    -moz-filter:    grayscale(100%);
    -ms-filter:     grayscale(100%);
    -o-filter:      grayscale(100%);
    filter: gray;
    opacity: .5;
    transition: all .5s ease-in;
}

.slider.certificates a:hover img {
	filter: none;
	opacity: 1;
}


.catalog.slider figcaption p {
	font-size: 110%;
	letter-spacing: .075em;
	text-transform: uppercase;
}

.catalog.slider figcaption h5 {
	letter-spacing: 0;
}

.slider .placeholder {
	position: relative;
}

.slider .slides {
	background-color: #42685c;
}

.slider .slides img {
	opacity: .7;
}

.full-height {
	min-height: calc(100vh - 130px) !important;
}

.full-height .slides {
	height: 100% !important;
	min-height: calc(100vh - 130px) !important;
}

.full-height.slider .slides li .caption {
	flex-flow: column;
	justify-content: center;
	height: 100%;
	top: 0;
}

.grid-sizer,
.grid-item { width: 50%; }

.grid-item img {
	height: auto;
	width: 100%;
}

.grid-item .material-placeholder {
	padding: .15rem;
}


.reviews figure {
	margin: 0;
	padding: 1%;
}

.reviews figure img {
	max-width: 12vmin;
}

.reviews figcaption {
	border: solid 1px #abc69b;
	border-radius: .5rem;
	font-size: 85%;
	margin-top: 1rem;
	padding: .5rem;
}

.reviews figcaption {
	position: relative;
	background: #ffffff;
	border: 1px solid #abc69b;
}
.reviews figcaption:after,
.reviews figcaption:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.reviews figcaption:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}
.reviews figcaption:before {
	border-color: rgba(171, 198, 155, 0);
	border-bottom-color: #abc69b;
	border-width: 11px;
	margin-left: -11px;
}


/* Forms */

.input-field label {
	font-size: 70%;
	left: 0;
	letter-spacing: 2px;
	text-transform: uppercase;

}


/* lang select */


.lang-select {
	color: #7ea0b7 !important;
	position: absolute;
	right: 0;
	top: -3px;
	width: 2rem;
	/*z-index: 1001;*/

}

.lang-select .select-wrapper {
	padding-left: 40px;
	margin-left: -40px;
}

.lang-select .dropdown-content {
	left: 0 !important;
	margin-top: 5px;
}

.lang-select .dropdown-content li {
    min-height: auto;
    height: auto;
    line-height: auto;
}

.lang-select .dropdown-content li > a,
.lang-select .dropdown-content li > span {
    color: #abc69b;
    display: block;
    font-size: 13px;
    line-height: 14px;
    padding: 14px 16px;
    text-transform: uppercase;
}

.lang-select .dropdown-content li:hover {
	background-color: rgba(199, 216, 171, .5);
}

.lang-select .dropdown-content li.selected {
	background-color: rgba(199, 216, 171, .8);
}

.lang-select .dropdown-content li.selected > span {
	color: #fff;
}

.lang-select .select-wrapper input.select-dropdown {
	border: none;
	color: #abc69b;
	display: inline-block;
	font-size: 12px;
	margin: 0;
}

.lang-select .select-wrapper span.caret {
	top: 0;
	right: 15px;
	color: #cba139;
	display: none;
}

.lang-select input.select-dropdown {
	margin-left: -40px !important;
	padding-left: 40px;
	text-transform: uppercase;
}

.lang-select .material-icons {
	color: #abc69b;
	font-size: 20px;
	position: absolute;
	left: -1.25em;
	top: 50%;
	margin-top: -7px;
}


/* Map */

#povmap {
	margin: -8rem 0 -3rem
}

#povmap {
	font-weight: 600;
}


#povmap .city {
	cursor: pointer;
}

/* e314 */

.offset-m1 .btn {
	margin: 6rem 0;
}

.subtitle-icon {
	margin: 2rem auto 0;
	max-width: 64px;
	opacity: .7;
	width: 20%;
}

.brand-img {
	width: 100%;
}

.modal {
	background-color: #fff;
}

.modal article {
	font-size: 90%;
}

.modal-close {
	font-size: 200%;
	line-height: 1;
	position: absolute;
	right: 1rem;
	top: .25rem;
}

.modal .subtitle {
	font-weight: 300;
}

.modal .list {
	padding: 1rem 0;
}

.modal .col img {
	width: 100%;
}


.btn-floating {
	box-shadow: none;
}


@media only screen and (max-width: 1240px) {

	nav li > a {
		font-size: 13px;
		padding: 0 7px;
	}

	nav .brand-logo {
		height: 95px;
		top: -60px;
	}

}

@media only screen and (max-width: 990px) {

	nav {
		height: 75px;
	}

	nav .brand-logo {
		height: 75px;
	    left: 50%;
	    max-width: 400px;
	    text-align: center;
	    top: 0;
	    transform: translateX(-50%);
	    width: 100%;
	}

	.submenu2 {
		display: block;
	}

	.submenu {
		display: none;
		margin: 1em auto 2em;
	}

	.submenu li,
	.submenu li a {
		display: inline-block;
	}

	.section {
		text-align: center;
	}

	.section-title {
		margin-bottom: 1rem;
	}

	.section.services .col {
    	min-height: auto;
    }

	.grid-sizer,
	.grid-item { width: 50%; }

	.gallery-select .parallax-container {
	    height: 18rem !important;
	    line-height: 18rem;
	}

	.slider.fixheight .slide {
		height: 50vw !important;
	}

	.lang-select .material-icons {
		font-size: 28px;
		margin-top: -11px;
	}

	.flow-text {
		font-weight: 400;
	}

}


@media only screen and (max-width: 870px) {


	.parallax-main {
		height: 600px;
	}

	.section {
	    padding-bottom: 1rem;
	    padding-top: 2rem;
	}

	.section.promo {
	    padding-bottom: 3rem;
	    padding-top: 3rem;
	}

	.section > .btn-large {
		margin-bottom: 1rem;
	}

	.gallery-select .parallax-container {
	    height: 16rem !important;
	    line-height: 16rem;
	}

	.offset-m1 .btn {
		margin: 2rem 0;
		white-space: nowrap;
	}

}


@media only screen and (max-width: 600px) {
	.slick-arrow {display: none !important;}
	.grid-sizer,
	.grid-item { width: 100%; }

	.gallery-select .parallax-container {
	    height: 11rem !important;
	    line-height: 11rem;
	}
	.brand-img {
		width: 50%;
	}

	.section-title h1 {
		font-size: 2.5rem;
	}

	.logos-slider .placeholder {
		background: transparent;
	}

	.logos-slider .placeholder img {
		visibility: hidden;
	}

	.logos-slider figure h5 {
    	visibility: visible;
    }
}

header .media {
    right: 580px;
}

form label {
    z-index: -1;
}