/*
Theme Name: GRID
Author: InternetFactory ApS
Author URI: http://internetfactory.dk/
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');
html, body {
	margin:0;
	padding:0;
	box-sizing: border-box;
	height:100%;
	font-family: 'Open Sans', Helvetica, Arial;
	font-size:15px;
	color: #000;
}

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ul, ol { margin-bottom: 20px; }
body { background-color:#fff; min-height: 100%; font-weight: 200; }

h1 {
    font-family: 'Open Sans', Helvetica, Arial;
    font-weight: 200;
    font-size: 36px;
	color: #000;
	line-height: 42px;
    margin-bottom: 13px;
}
h2 {
	font-family: 'Open Sans', Helvetica, Arial;
	font-weight: bold;
	font-size: 15px;
	color: #000;
	line-height: 21px;
}
h3 {
    color: #000;
    font-size: 18px;
}
p {
	font-family: 'Open Sans', Helvetica, Arial;
	font-weight: 200;
	font-size: 15px;
	color: #000;
	line-height: 21px;
}

/* General */
.pagewidth {
	width:100%;
	padding:0 41px;
	box-sizing: border-box;
	position: relative;
}
	@media all and (max-width:768px) { .pagewidth { padding: 0 20px; } }
	@media all and (max-width:425px) { .pagewidth { padding: 0 16px; } }
.smallpage { max-width:1024px;padding-bottom: 80px; }
.bigpage { max-width:1440px;padding-bottom: 80px; }
.center { margin:0 auto; }
.spacer {height:20px;}
.faded { opacity: .33; }
.clear { clear:both; }
.height100 { height:100%; }
.relative { position: relative; }
.hidden {display:none;}
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright {float:right;margin: 5px 0 20px 20px; } @media all and (max-width:620px) { .alignright {float:none;max-width:100%;max-height:100%;height:auto;margin:0;} }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a { text-decoration: none; color: #666; }
a:hover { color: #222; }
.invisible { opacity:0; transition: opacity 1s ease-in-out; }

.max1920 {max-width:1920px;}

/* Top */
.top {
	position: fixed;
	width:100%;
	top:0;
	z-index:10000;
}

.topspacer { height:129px; transition: height .3s ease-in-out; }
	@media all and (max-width:768px) { .topspacer { height: 60px; } }
.topspacerforside { height:130px; transition: height .3s ease-in-out; }
	@media all and (max-width:768px) { .topspacerforside { height: 60px; } }
.topspacer.minimized { height:68px; }

    /* Menubar */
    .menubar {
    	box-sizing: border-box;
    	background:#fff;
    }

    .menubar_main {
    	height:130px;
    	background:#fff;
    	color:#1d1d1b;
    	position: relative;
    	box-sizing: border-box;
    	transition: height .3s ease-in-out;
    }
		@media all and (max-width:768px) {
			.menubar_main {
				height: 60px;
			}
		}

	.logo {
		float:left;
		width:294px;
		cursor: pointer;
		transition: all .3s ease-in-out;
		padding: 34px 0;
		max-height: 48px;
	}
		@media all and (max-width:768px) {
			.logo {
				width: auto;
				padding: 12px 0;
			}
		}
		.logo img {
			width: auto;
			height: 100%;
			max-height: 64px;
			max-width: 100%;
		}
		@media (max-width:768px) { .logo img { max-height:38px; } }

	.menubar_main.minimized .logo { width:75px; height:64px; transition: all .3s ease-in-out; }

	/* navmenu */
	.navmenu {
	    position: absolute;
	    right: 41px;
	    bottom: 0px;
	    transition: all .3s ease-in-out;
		height:72px;
	}
		@media all and (max-width:1024px) { .navmenu { display:none; } }
	.navmenu ul { list-style: none; }
	.navmenu li {  margin-left: 15px; position:relative; }
	.navmenu a {
		font-family: 'Open Sans', Helvetica, Arial;, Helvetica, arial;
		font-size: 14px;
	    color: #595959 !important;
		font-weight: 200;
		line-height: 20px;
		text-decoration: none;
		text-transform: uppercase;
		position: relative;
	}
		.navmenu a:hover { color:#000 !important; }
	.navmenu .current_page_item > a:after, .navmenu .current_page_parent > a:after, .navmenu .current-page-ancestor > a:after {
		content:'';
		position: absolute;
		left:0;
		bottom:0px;
		width:100%;
		height:1px;
		background:#ccc;
		animation: fadeIn 1s;
		transition: all .3s ease-in-out;
	}
	.navmenu ul.children a:after {
		display: none;
	}
	.navmenu ul.children .current-menu-item > a, .navmenu ul.children .current_page_item > a {
		background:#eee !important;
	}
		/* superfish */

		.sf-menu { margin-bottom:0 !important; height:71px !important; }
		.sf-menu ul { z-index:9999 !important; box-shadow: none !important; border-bottom:1px solid #ccc; border-top:32px solid rgba(255,255,255,0) !important;}
		.sf-menu>li { background:none !important; height:100%; user-select:none; }
		.sf-menu li:last-child ul, .sf-menu li:nth-last-child(2) ul { left:auto !important;right:-10px;z-index:9999 !important; }
		.navmenu ul.children { background:transparent !important; top:39px !important; }
		ul.children li { margin-left:0; background:#fff !important; border-bottom:1px solid #eee !important; border-left:1px solid #ccc; border-right:1px solid #ccc; }
		ul.children li:last-child { border-bottom:0 !important; }
		.sf-menu ul li { background:#fff !important; }
		.sf-menu ul li a:hover { background:#eee !important; }
		.sf-menu a { background:#fff !important; border-left:none !important; padding: 10px 0 !important; outline:none; }
		.navmenu ul.children li a { padding: 6px 10px !important; font-size:11px !important; }

	.menubar_main.minimized .navmenu { bottom:10px; transition: all .3s ease-in-out; }
	.menubar_main.minimized .navmenu .current-menu-item a:after, .menubar_main.minimized .navmenu .current_page_parent a:after { bottom:-22px; }

	.mobilemenu { display:none; }
		@media all and (max-width:1024px) { .mobilemenu { float:right; font-size:32px; line-height: 130px; display:block; } }
		@media all and (max-width:768px) { .mobilemenu { line-height: 60px; } }

		/* SIDR */
		div#sidr {
		    background: #fff;
			box-shadow: none;
			color: #000;
			border-left: 1px solid #ccc;
			box-sizing: border-box;
		}
		.sidr ul {
			border-top: none !important;
			border-bottom: none !important;
		}
		.sidr ul li {
			border-top: none !important;
			border-bottom: none !important;
		}
		.sidr ul li a, .sidr ul li span {
			color: #000 !important;
		}
		.sidr ul.children {
			background: initial;
		}
		.sidr .current_page_item > a {
		    background: #ddd;
		}
		.sidr .current_page_ancestor > a {
			background: #eee;
		}
		.sidr ul.children .current_page_ancestor > a {
			background: #333;
		}
		.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active {
			line-height: 48px !important;
		}
		.sidr ul li:hover>a, .sidr ul li:hover>span, .sidr ul li.active>a, .sidr ul li.active>span, .sidr ul li.sidr-class-active>a, .sidr ul li.sidr-class-active>span {
			box-shadow: none !important;
		}
		.sidr ul li ul li {
			border-left: 0;
			border-right: 0;
		}
		.sidr ul li ul li:hover>a {
			line-height: 40px !important;
		}
		.sidr ul li a:hover {
			background: #f6f6f6 !important;
		}
	.divider {
		position: absolute;
		bottom: -1px;
		left: 0;
	}

	hr {
		border: 0;
		border-bottom: 1px solid #c6c6c6;
		background:transparent;
	}

	.divider hr {
		margin: 0;
		border: 0;
		border-bottom: 1px solid #c6c6c6;
		background:transparent;
	}

/* Wrap */
.wrap {
	/*min-height: -moz-calc(100% - 88px);*/
    /*min-height: -webkit-calc(100% - 88px);*/
    /*min-height: calc(100% - 88px);*/
    min-height: 100%;
	position: relative;
	padding-bottom: 80px;
	box-sizing: border-box;
	max-width:1440px;
	margin-left: auto;
	margin-right: auto;
	/*margin-bottom: 50px;*/
}

/* Breadcrumbs */
#breadcrumbs {
    font-size: 11px;
    font-weight: 200;
	z-index: 9999;
	display: inline;
	letter-spacing: 0.75px;
	color: #595959;
}
#breadcrumbs a {
	text-decoration: none;
	color: #595959;
}

/* Forside */
.page-template-page-forside-php .wrap {
	padding-bottom: 0;
	max-width: 100%;
}
.forside_content {
	position: absolute;
	bottom: 0;
	width: 100%;
	color: #fff;
	background: rgba(0, 0, 0, 0.35);
}
.forside_content .smallpage{
	padding-bottom: 0;
}

/* Slick slider */
.slick-slide {
	min-height: -moz-calc(100vh - 218px) !important;
    min-height: -webkit-calc(100vh - 218px) !important;
    min-height: calc(100vh - 218px) !important;
	background-position:center;
}

/* Page title */
.page_title {
	padding-top: 15px;
	padding-bottom: 4px;
}
	@media all and (max-width:768px) { .page_title { padding-top:10px; } }

/* Galleries template */
.page-template-page-galleries-php .page_content {
}
	.page-template-page-galleries-php .right25 {
	    width: 25%;
	    float: right;
	    height: 100%;
		word-wrap: break-word;
	}
	.page-template-page-galleries-php .left75 {
	    width: 75%;
	    float: left;
	    height: 100%;
	}
		@media all and (max-width:768px) { .page-template-page-galleries-php .right25 , .page-template-page-galleries-php .left75 { width:100%;float:none;padding-top:initial;} }
.page-template-page-galleries-php .page_content h1 {
	margin-top: 0;
}
.galleries {
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
    position: relative;
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 60px;
}
	@media all and (max-width:768px) { .galleries { padding-top: 37px; } }
.galleries a {
    text-decoration: none;
	color: #595959;
}
.galleries_article {
    width: 24%;
    min-width: 175px;
    display: inline-block;
    position: relative;
    margin-right: 5px;
    opacity: 0;
}
@media all and (max-width: 1024px) { .galleries_article { width: 30%; } }
@media all and (max-width: 768px) { .galleries_article { width: 48%; margin-right: 0; } }
@media all and (max-width: 425px) { .galleries_article { width: 100%; } }
	.galleries_title {
		/*font-family: 'Myriad Pro';*/
		/*font-weight:normal;*/
		/*font-size:12px;*/
		/*color:#000;*/
		margin-top: 3px;
		margin-bottom: 23px;
	}
    .galleries_article:nth-child(2n+1) { margin-right: 5px; } }
    @media all and (max-width: 620px) { .galleries_article { width: 100%; }
    .galleries_article:nth-child(2n+1) { margin-right: 0; } }
	.galleries_article:hover > .gallery_text, .galleries_article:hover > a .gallery_text { visibility: visible; opacity: 0.9; }
		.galleries_img {
			padding-top: calc(100% - 56px);
			margin-bottom: 5px;
			background-size: cover;
			background-position: center;
		}
		.galleries_article img {
		    width: 100%;
		    height: auto;
			max-width: 100%;
			max-height: 100%;
		}
		.gallery_text {
		    position: absolute;
		    bottom: 60px;
		    background: #333;
			padding: 10px 15px;
			color: #fff;
			visibility: hidden;
			opacity: 0;
			transition: visibility 0s, opacity 0.5s linear;
		}

/* Single gallery template */
.page_content  p {
	margin-top: 0;
}
.page-template-page-gallery-php .page_content {
	/*padding-top: 30px;*/
}

.page-template-page-gallery-php .right25 {
	width: 25%;
	float: right;
	height: 100%;
	word-wrap: break-word;
}
.page-template-page-gallery-php .left75 {
	width: 75%;
	float: left;
	height: 100%;
}
@media all and (max-width:768px) { .page-template-page-gallery-php .right25 , .page-template-page-gallery-php .left75 { width:100%;float:none;padding-top:initial;} }

.tagsinput {
	padding:8px 10px 8px 56px;
	position: relative;
	font-size:13px;
	font-family: 'Open Sans', Helvetica, Arial;
	float:left;
	width:50%;
	box-sizing: border-box;
}

/*.alltags {
	float:right;
	width:50%;
	text-align: right;
	box-sizing: border-box;
}

.taglink {
	display:inline-block;
	padding:5px 0px 5px 5px;
	box-sizing: border-box;
	float:right;
}*/

.tagsContent {display:table;}
.alltags {
	/* float:left; */
	width:100%;
	text-align: left;
	box-sizing: border-box;
	display:table-cell;
	vertical-align: top;
}

.taglink {
	display:inline-block;
	padding:5px 5px 5px 0px;
	box-sizing: border-box;
	float:left;
}

.taglink.active {
	color:#000;
	text-decoration: underline;
}

.tagsinput:after {
	position: absolute;
	left:0;
	top:10px;
	content:'Search:';
	text-transform: uppercase;
	font-size:13px;

}
.tagsinput input { border:0 !important; outline:none; min-width:300px;}
.tagsinput input:focus { border-bottom:1px solid #000; }
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  background:#000;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 2px;
}

.alltags label.btn.btn-default {
    display: inline-block;
		cursor: pointer;
}
.alltags label.btn.btn-default span.active {
	text-decoration: underline;
}

.bootstrap-tagsinput .tag [data-role="remove"] {
    margin-left: 8px;
    cursor: pointer;
}

.bootstrap-tagsinput .tag [data-role="remove"]:after {
    content: "x";
    padding: 0px 2px;
}

.tt-menu {
	background:#fff;
	border:1px solid #ccc;
}

.tt-suggestion {
	padding:10px;
	cursor:pointer;
}

.tt-suggestion.tt-cursor {
	background:#eee;
}

.gallery_article {
    /* display: inline-block; */
    /* position: relative; */
    margin-right: 5px;
    margin-bottom: 0;
    max-width: 200px;
	transition: opacity 1s ease-in-out;
}

.gallery_article_tags {
	position: absolute;
	bottom:0;
	width:100%;
	min-height:20px;
	background:rgba(255,255,255,0.85);
	color:#000;
	font-size:12px;
	padding:5px;
	box-sizing: border-box;
}

.gallery_article_tags a {
	padding:0 8px 0 0;
	display: inline-block;
}

	.gallery_article img {
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
	}
	.closeButton {
	    position: absolute;
	    right: 41px;
	    top: 138px;
		/*font-size: 18px;*/
		color: gray;
		cursor: pointer;
		width: 16px;
	}
	@media all and (max-width:768px) { .closeButton { top:60px;right:20px; } }
		.closeButton img { width: 100%; height: 100%; }
	.prevButton {
	    position: fixed;
		top: calc(50% - 35px);
	    left: 0;
		width: 17px;
		height: 43px;
	    color: gray;
		padding: 10px;
		cursor: pointer;
		z-index: 9999;
	}
	.nextButton {
		position: fixed;
		top: calc(50% - 35px);
		right: 0;
		width: 17px;
		height: 43px;
		color: gray;
		padding: 10px;
		cursor: pointer;
		z-index: 9999;
	}
	.fancybox-skin {
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
	    box-shadow: none !important;
	}
.fancybox-lock .fancybox-overlay {
	    overflow-y: auto !important;
		/*max-width: 95%;*/
		/*margin: 0 auto;*/
}
.gallery_images {
	/*padding-top: 30px;*/
	padding-bottom: 80px;
}
.gallery_img_extra {
    position: fixed;
    bottom: 60px;
    right: 16px;
    padding: 3px 15px;
    background: #fff;
    z-index: 9999;
}
@media all and (max-width:768px) { .gallery_img_extra { right:0; bottom:38px; } }
@media all and (max-width:425px) { .gallery_img_extra { right:0; bottom:60px; } }
	span.photographer {
	    margin-right: 15px;
	    font-size: 12px;
	    color: #595959;
	    float: left;
	    line-height: 3;
		float: left;
		height: 20px;
		padding:0 25px;
	}
	.gallery_img_extra a {
		width: 26px;
		height: 30px;
		display: block;
		float: left;
		background: url('/wp-content/themes/Grid/_img/Download.svg') no-repeat;
	}
	.gallery_img_title {
	    position: absolute;
	    z-index: 9998;
	    top: 160px;
	    /*width: 350px;*/
	    height: calc(100% - 264px);
	    max-height: 100%;
	    /* text-align: center; */
	    background: rgba(255, 255, 255, 0.9);
	    color: #000;
	    padding-right: 50px;
		overflow: auto;
	}
		@media all and (max-width:768px) {
			.gallery_img_title {
				display: none;
			}
		}
		.openText {
			width: 400px;
		    right: 0;
			transition: width 0.5s;
			-webkit-transition: width 0.5s;
		}
			.openText p {
				opacity: 1;
				/*position: absolute;*/
				visibility: visible;
				transition: visibility 0.3s, opacity 0.3s linear;
				line-height: 22.5px;
			}
		.closeText {
			width: 0;
			right: 0;
			padding-right: 78px;
			transition: width 0.5s;
			-webkit-transition: width 0.5s;
		}
			.closeText p {
				opacity: 0;
				visibility: hidden;
				transition: visibility 0.3s, opacity 0.3s linear;
			}
		.toggleText {
			width: 16px;
		    height: 16px;
		    margin: 9px 20px 40px;
		    top: 19px;
			cursor: pointer;
		}
		.toggleOpen {
			background: url('/wp-content/themes/Grid/_img/readmoreicon_close.svg') no-repeat;
		}
		.toggleClose {
			background: url('/wp-content/themes/Grid/_img/readmoreicon.svg') no-repeat;
		}
		.gallery_img_title p {
			/*width: 100%;*/
			display: block;
			padding: 0 60px 0 20px;
			/*position: absolute;*/
		}
.fancybox-margin {
	margin-right: 0 !important;
}
.fancybox-outer {
	/*padding: 0 41px !important;*/
	background: #fff;
}
.fancybox-inner {
    width: 100% !important;
    box-sizing: border-box;
}
.fancybox-close {
	top: 0px !important;
    right: 0px !important;
	background-image: url(/wp-content/themes/Grid/_img/readmoreicon_close.svg) !important;
	background-position: center center;
	background-size: 15px !important;
	background-repeat: no-repeat;
	/*background-color: #fff;*/
    width: 15px !important;
    height: 15px !important;
    margin: 0px !important;
    padding: 10px !important;
}
.fancy_back {
	position:fixed;
	left:41px;
	bottom:63px;
	width:100px;
	line-height:25px;
	cursor:pointer;
	z-index: 9999;
}
@media (max-width:768px) { .fancy_back { left:20px;bottom:40px; } }
@media (max-width:425px) { .fancy_back { left:20px;bottom:63px; } }

/* Products template */
.page-template-page-products-php .page_content {
	padding-top: 35px;
}
.page-template-page-products-php .page_content h1 {
	margin-top: 0;
}
.products_overview {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
	@media all and (max-width:620px){
		.products_overview {
			flex-direction: column;
		}
	}
.product_overview {
    width: 100%;
	min-width: 375px;
	/*margin-bottom: 50px;*/
}
	@media all and (max-width:768px){
		.product_overview {
			/*margin: 0 auto 25px;*/
		}
	}
	@media all and (max-width:425px){
		.product_overview {
		    width: 100%;
		    /*border-bottom: 1px solid gray;*/
		    /*padding-bottom: 20px;*/
			margin-bottom: 0;
			min-width: 100%;
		}
	}
.product_title {
    /*text-decoration: underline;*/
}
.product_title h3 {
	margin-top: 0;
	margin-bottom: 10px;
}
/*.product_content { padding-bottom: 25px; }*/
.product_content > div {
	display: inline-block;
	/*width: 33%;*/
	vertical-align: top;
}
@media (max-width:768px) {
	.product_content > div {
		width: 100%;
	}
}
.product_foto {
	width: 20%;
}
.product_image {
    display: inline-block;
    padding-right: 5px;
	vertical-align: top;
	/*width: 40%;*/
}
	.product_image img {
		max-width: 100%;
		height: auto;
	}
		@media all and (max-width:425px) {
			.product_image {
				width: 100%;
			}
		}
.product_info {
	width: 56%;
}
@media (max-width:1024px) { .product_info { width:58%; } }
.product_description {
    /*display: inline-block;*/
    /*width: 54%;*/
	/*float: right;*/
	/*min-height: 220px;*/
	padding-right: 15px;
	padding-left: 15px;
}
@media (max-width:768px) { .product_description { padding-left:0;padding-right:0;padding-top:15px; } }
@media all and (max-width:425px) { .product_description { width: 100%; min-height: auto; } }
.product_text p { margin-top:0;margin-bottom:10px;line-height: 15px; }
.product_downloads {
	width: 22%;
}
@media (max-width:1024px) { .product_downloads { width:20%; } }
	.product_prices > div {
	    padding-right: 15px;
	}
	.product_prices .price_euro, .product_prices .price_dkk, .product_prices .price_usd, .product_prices .price_gbp {
		display: inline;
		padding-left: 5px;
	}
		@media all and (max-width:620px) {
			.product_prices .price_euro, .product_prices .price_dkk {
				/*display: block;*/
				/*padding: 0;*/
			}
		}
.product_variant {
    display: block;
	margin-right: -5px;
	padding-right: 10px;
}
	@media all and (max-width:620px){
		.product_variant {
			display: block;
		}
	}
.product_files {
	margin-bottom: 50px;
}
	@media all and (max-width:425px) {
		.product_files {
			margin-bottom: 0;
		}
	}
.product_file {
    display: block;
}
	@media all and (max-width:620px){
		.product_file {
			display: block;
		}
	}
.vat_info {
    font-style: italic;
    font-size: smaller;
	margin-bottom: 50px;
}
	@media all and (max-width:425px) {
		.vat_info {
			margin-bottom: 25px;
		}
	}
.product_prices {
	padding-bottom: 30px;
}
@media (max-width:768px) { .product_prices { padding-bottom:10px; } }

/* Products guides template */
.page-template-page-guides-php .page_content {
	padding-top: 35px;
}
.page-template-page-guides-php .page_content h1 {
	margin-top: 0;
}
.products_guides {
    /*display: flex;*/
	flex-wrap: wrap;
}
@media all and (max-width:620px){ .products_guides { /*flex-direction: column;*/ } }
.product_guides_group {

}
@media (max-width:620px) { .product_guides_group { border-bottom:1px solid #c6c6c6;margin-bottom:40px; } }
.product_guide {
	display: inline-block;
    width: 15%;
    min-width: 200px;
    padding: 0 25px 10px 0;
    /*border: 1px solid #ddd;*/
    margin: 0 55px 10px 0;
	vertical-align: top;
}
	@media all and (max-width:620px){
		.product_guide {
		    width: 100%;
		    text-align: center;
		    /*border-bottom: 1px solid gray;*/
		    padding: 0 0 20px 0;
		    margin: 0;
		}
	}

/* Press N Media template */
.page-template-page-pressNmedia-php .page_content {
	padding-top: 35px;
}
.page-template-page-pressNmedia-php .page_content h1 {
	margin-top: 0;
}
.press_n_media a {
    color: #666;
}
.logos a {
    color: #666;
	margin-right: 10%;
}
	@media all and (max-width:768px) {
		.logos a {
			display: block;
		}
	}
.videos {
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}
	.video {
	    width: 49%;
		min-width: 350px;
		min-height: 350px;
	}
	@media all and (max-width:1200px) {
		.video {
			min-height: 300px;
		}
	}
	@media all and (max-width:768px) {
		.video {
			width: 100%;
			min-width: auto;
		}
	}

/* Newsletters template */
.page-template-page-newsletters-php .page_content {
	padding-top: 35px;
}
.page-template-page-newsletters-php .page_content h1 {
	margin-top: 0;
}
input,select {
	padding: 4px;
	box-sizing: border-box;
}

input[type=text], input[type=email], input[type=number], select {
	width:100%;
	max-width:240px;
	border:1px solid #ccc;
	outline:none;
}

input.error, select.error { border:1px solid #cc0000 }

.cm-ajax-submit, .cm-submit {
    background: #333333;
    border: none;
    color: #fff;
    padding: 6px 12px;
    cursor: pointer;
    font-size: 15px;
    font-family: "open sans";
}
.newsletters_title {
	font-size: 18px;
	font-weight: normal;
}
.newsletters_years {
    font-size: 15px;
}
.newsletters_months {
    margin-bottom: 10px;
}
.newsletters_month {
    width: 22%;
    display: inline-block;
	min-width: 100px;
	padding-bottom: 5px;
    font-size: 15px;
}
.newsletters_month a {
	color: #666;
}

/* About template */
.page-template-page-about-php .page_content {
	padding-top: 35px;
}
.page-template-page-about-php .page_content h1 {
	margin-top: 0;
}

/* Contact template */
.page-template-page-contact-php .page_content {
	padding-top: 35px;
}
.page-template-page-contact-php .page_content h1 {
	margin-top: 0;
	margin-bottom: 22px;
}
.contact_persons {
    display: flex;
    /*justify-content: space-between;*/
	flex-wrap: wrap;
}
@media (max-width:1200px) { .contact_persons { justify-content:space-between; } }
	.contact_person {
		width: 30%;
		min-width: 390px;
		margin-right: 15px;
		margin-bottom: 70px;
	}
	@media all and (max-width:425px) {
		.contact_person {
			min-width: 100%;
			text-align: center;
		}
	}
		.employeeImg {
			min-height: 180px;
			float: left;
			margin-right: 15px;
			margin-bottom: 15px;
		}
		.employeeImg img {
			width:180px !important;
			height:auto;
		}
		@media all and (max-width:1024px) {
			.employeeImg {
				display:none;
			}
		}


		.employee_name { margin: 0; }
		.employee_job { margin: 0; }
		.employee_phone { margin: 0; }
		.employee_email { margin: 0; }
.page_content {
	overflow: auto;
}
.contact_bottom {
    display: flex;
    justify-content: space-between;
}
.contact_general {
	/*text-align: center;*/
	width: 50%;
}
@media all and (max-width:425px) {
	.contact_general {
		text-align: center;
	}
}
	.contact_general p {
		margin: 0;
	}
.contact_login {
    width: 50%;
}

.guide_title h3 {
	margin:0;
	margin-top:3px;
	font-size: 14px;
	font-weight: 300;
}

/* Footer */
.footer {
    background: rgba(0, 0, 0, 0.8) !important;
    color: #fff;
    position: fixed;
    bottom: 0;
    width: 100%;
	z-index: 9999;
	font-size: 10px;
	font-weight: 200;
}
	@media all and (max-width:768px){
		.footer {
			padding: 10px 0;
		}
	}
.footer .smallpage {
	padding-bottom: 0;
}
.footer a {
	text-decoration: none;
	color: #fff;
}
	.footer a:hover { color:#595959; }
.footer_icon {
    width: 22px;
    height: 25px;
    max-width: 22px;
	max-height: 25px;
    vertical-align: middle;
	opacity: 0.8;
}
	@media all and (max-width:768px) {
		.footer_icon {
			max-width: 15px;
		}
	}
.footer_content {
    line-height:62px;
}
	@media all and (max-width:768px) {
		.footer_content {
			line-height: 18px;
		}
	}
.footer_left {
    float: left;
}
@media all and (max-width:425px) { .footer_left { float:none; text-align:center; } }
	.footer_left li {
		display: inline;
		margin-right: 36px;
	}
	@media all and (max-width:768px) {
		.footer_left li {
			margin-right: 5px;
			font-size: 10px;
		}
	}
.footer_right {
    float: right;
	/*width: 200px;*/
	text-align: right;
}
	@media all and (max-width:768px) { .footer_right { width:90px; } }
	@media all and (max-width:425px) { .footer_right { float:none; text-align:center; width:100%; } }
	.footer_right li {
		display: inline;
		margin-left: 20px;
	}
		@media all and (max-width:768px) {
			.footer_right li {
				margin-left: 5px;
			}
		}

		::-webkit-input-placeholder { /* Chrome/Opera/Safari */
			font-family: 'Open Sans', Helvetica, Arial;
		  color: #ccc;
		  text-transform: uppercase;
		}
		::-moz-placeholder { /* Firefox 19+ */
			font-family: 'Open Sans', Helvetica, Arial;
			color: #ccc;

  		  text-transform: uppercase;
		}
		:-ms-input-placeholder { /* IE 10+ */
			font-family: 'Open Sans', Helvetica, Arial;
			color: #ccc;
  		  text-transform: uppercase;
		}
		:-moz-placeholder { /* Firefox 18- */
			font-family: 'Open Sans', Helvetica, Arial;
			color: #ccc;
  		  text-transform: uppercase;
		}


/* Modal */
.modal_bg {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    z-index: 999;
    display: none;
}
.modal_window {
    position: absolute;
    background: #fff;
    min-width: 200px;
    min-height: 32px;
    z-index: 1000;
    -webkit-box-shadow: 0px 6px 0px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 6px 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 6px 0px 0px rgba(0, 0, 0, 0.1);
	padding:24px;
}
.modal_button {
    margin-top: 20px !important;
}
.modal_check {
    font-size: 64px !important;
    color: #778248;
}
.modal_close {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #474748;
    font-size: 12px;
    padding: 3px 5px;
	background: #fff;
	cursor: pointer;
}
.modalcart_content {
	/*padding-right: 15px;*/
}
.modal_window h1 {
	margin-top: 0;
}
.modal_window h3 {
	margin-top: 0;
}
.modal_window p {
	margin: 0;
}
.modal_window input {
    width: 100%;
    box-sizing: border-box;
	border: 1px solid gray;
}
.modal_window button {
	background: #333333;
    border: none;
    color: #fff;
    padding: 6px 12px;
    cursor: pointer;
    font-size: 15px;
    font-family: "Open sans";
	text-transform: uppercase;
}

/* Banner popup */
.popup_banner {
	position: fixed;
	z-index:9998;
	bottom:72px;
	right:10px;
	box-sizing: border-box;
	display:none;
}
@media all and (max-width:768px) { .popup_banner { bottom:56px; } }
@media all and (max-width:425px) { .popup_banner { bottom:72px; } }
@media all and (max-width:300px) { .popup_banner { bottom:92px; } }

.popup_banner p {
	margin:0;
}

.popup_banner button.close {
	float:right;
	border:0;
	width:24px;
	height:24px;
	padding:0;
	background:none;
	cursor:pointer;
	text-align: right;
	outline:none;
	z-index:9999;
}

.popup_banner button.close img { width:12px; height:12px; }

.popup_banner.image {
	text-align: right;
	cursor:pointer;
}

.popup_banner.image img { transition: opacity .3s ease-in-out; display:block; }
.popup_banner.image>img { border:1px solid #000; }
.popup_banner.image img:hover { opacity:.85; }
.popup_banner.image button.close {
	position: absolute;
	top:10px;
	right:0px;
}

.popup_banner.email_signup {
	max-width:260px;
	min-width:200px;
	padding:10px;
	margin-left:10px;
	background:#fff;
	border:1px solid #000;
}

.popup_banner.email_signup p, .popup_banner.email_signup .customfields { font-size:12px; }
.popup_banner.email_signup form { display: inline; margin: 0; }
.popup_banner.email_signup input[type!=checkbox], .popup_banner.email_signup select { width:100%; max-width:240px; box-sizing: border-box; }
.popup_banner.email_signup button.cm-submit { width:100%; max-width:240px; box-sizing: border-box; margin-top:10px; }

/* Loader */
.loader {
  height: 4px;
  width: 100%;
  max-width:320px;
  position: relative;
  overflow: hidden;
  background-color: #ddd;
}
.loader:before{
  display: block;
  position: absolute;
  content: "";
  left: -200px;
  width: 200px;
  height: 4px;
  background-color: #000;
  animation: loading 2s linear infinite;
}

@keyframes loading {
    from {left: -200px; width: 30%;}
    50% {width: 30%;}
    70% {width: 70%;}
    80% { left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
}

/* Video template */
.page_video { padding-bottom:24px; margin-bottom:32px; border-bottom:1px solid rgba(0,0,0,.15); }
.page_video h2 { font-size:24px; font-weight: 300; margin-top:32px; }


/* Youtube */
.youtube_container {
	position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.youtube_video {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Vimeo */
.vimeo_container {
	position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.vimeo_video {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Video */
video.video_container {
	width:100%;
	background:#000;
}