.animated1 {
	-webkit-animation-delay: 0.1s;
	-moz-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.animated2 {
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.animated3 {
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.animated4 {
	-webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.animated5 {
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.animated6 {
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
.animated7 {
	-webkit-animation-delay: 0.7s;
	-moz-animation-delay: 0.7s;
	animation-delay: 0.7s;
}
.animated8 {
	-webkit-animation-delay: 0.8s;
	-moz-animation-delay: 0.8s;
	animation-delay: 0.8s;
}
.animated9 {
	-webkit-animation-delay: 0.9s;
	-moz-animation-delay: 0.9s;
	animation-delay: 0.9s;
}
.animated10 {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	animation-delay: 1s;
}
.animated11 {
	-webkit-animation-delay: 1.1s;
	-moz-animation-delay: 1.1s;
	animation-delay: 1.1s;
}
.animated12 {
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
.animated13 {
	-webkit-animation-delay: 1.3s;
	-moz-animation-delay: 1.3s;
	animation-delay: 1.3s;
}
.animated14 {
	-webkit-animation-delay: 1.4s;
	-moz-animation-delay: 1.4s;
	animation-delay: 1.4s;
}
.animated15 {
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
.animated16 {
	-webkit-animation-delay: 1.6s;
	-moz-animation-delay: 1.6s;
	animation-delay: 1.6s;
}
.animated17 {
	-webkit-animation-delay: 1.7s;
	-moz-animation-delay: 1.7s;
	animation-delay: 1.7s;
}
.animated18 {
	-webkit-animation-delay: 1.8s;
	-moz-animation-delay: 1.8s;
	animation-delay: 1.8s;
}
.animated19 {
	-webkit-animation-delay: 1.9s;
	-moz-animation-delay: 1.9s;
	animation-delay: 1.9s;
}
.animated20 {
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	animation-delay: 2s;
}
.animated21 {
	-webkit-animation-delay: 2.1s;
	-moz-animation-delay: 2.1s;
	animation-delay: 2.1s;
}
.animated22 {
	-webkit-animation-delay: 2.2s;
	-moz-animation-delay: 2.2s;
	animation-delay: 2.2s;
}
.animated23 {
	-webkit-animation-delay: 2.3s;
	-moz-animation-delay: 2.3s;
	animation-delay: 2.3s;
}
.animated24 {
	-webkit-animation-delay: 2.4s;
	-moz-animation-delay: 2.4s;
	animation-delay: 2.4s;
}
.animated25 {
	-webkit-animation-delay: 2.5s;
	-moz-animation-delay: 2.5s;
	animation-delay: 2.5s;
}
.animated26 {
	-webkit-animation-delay: 2.6s;
	-moz-animation-delay: 2.6s;
	animation-delay: 2.6s;
}
.animated27 {
	-webkit-animation-delay: 2.7s;
	-moz-animation-delay: 2.7s;
	animation-delay: 2.7s;
}
.animated28 {
	-webkit-animation-delay: 2.8s;
	-moz-animation-delay: 2.8s;
	animation-delay: 2.8s;
}
.animated29 {
	-webkit-animation-delay: 2.9s;
	-moz-animation-delay: 2.9s;
	animation-delay: 2.9s;
}
.animated30 {
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	animation-delay: 3s;
}
.animated31 {
	-webkit-animation-delay: 3.1s;
	-moz-animation-delay: 3.1s;
	animation-delay: 3.1s;
}
.animated32 {
	-webkit-animation-delay: 3.2s;
	-moz-animation-delay: 3.2s;
	animation-delay: 3.2s;
}
.animated33 {
	-webkit-animation-delay: 3.3s;
	-moz-animation-delay: 3.3s;
	animation-delay: 3.3s;
}
.animated34 {
	-webkit-animation-delay: 3.4s;
	-moz-animation-delay: 3.4s;
	animation-delay: 3.4s;
}
.animated35 {
	-webkit-animation-delay: 3.5s;
	-moz-animation-delay: 3.5s;
	animation-delay: 3.5s;
}
.animated36 {
	-webkit-animation-delay: 3.6s;
	-moz-animation-delay: 3.6s;
	animation-delay: 3.6s;
}
.animated37 {
	-webkit-animation-delay: 3.7s;
	-moz-animation-delay: 3.7s;
	animation-delay: 3.7s;
}
.animated38 {
	-webkit-animation-delay: 3.8s;
	-moz-animation-delay: 3.8s;
	animation-delay: 3.8s;
}
.animated39 {
	-webkit-animation-delay: 3.9s;
	-moz-animation-delay: 3.9s;
	animation-delay: 3.9s;
}
.animated40 {
	-webkit-animation-delay: 4s;
	-moz-animation-delay: 4s;
	animation-delay: 4s;
}
.animated41 {
	-webkit-animation-delay: 4.1s;
	-moz-animation-delay: 4.1s;
	animation-delay: 4.1s;
}
.animated42 {
	-webkit-animation-delay: 4.2s;
	-moz-animation-delay: 4.2s;
	animation-delay: 4.2s;
}
.animated43 {
	-webkit-animation-delay: 4.3s;
	-moz-animation-delay: 4.3s;
	animation-delay: 4.3s;
}
.animated44 {
	-webkit-animation-delay: 4.4s;
	-moz-animation-delay: 4.4s;
	animation-delay: 4.4s;
}
.animated45 {
	-webkit-animation-delay: 4.5s;
	-moz-animation-delay: 4.5s;
	animation-delay: 4.5s;
}
.animated46 {
	-webkit-animation-delay: 4.6s;
	-moz-animation-delay: 4.6s;
	animation-delay: 4.6s;
}
.animated47 {
	-webkit-animation-delay: 4.7s;
	-moz-animation-delay: 4.7s;
	animation-delay: 4.7s;
}
.animated48 {
	-webkit-animation-delay: 4.8s;
	-moz-animation-delay: 4.8s;
	animation-delay: 4.8s;
}
.animated49 {
	-webkit-animation-delay: 4.9s;
	-moz-animation-delay: 4.9s;
	animation-delay: 4.9s;
}
.animated50 {
	-webkit-animation-delay: 5s;
	-moz-animation-delay: 5s;
	animation-delay: 5s;
}
#menu_wrapper .nav ul, #menu_wrapper div .nav {
	margin-top: 40px;
}
#menu_wrapper .nav ul li a, #menu_wrapper div .nav li a {
	/*font-family: 'Montserrat' !important;*/
	font-family: 'Dosis', Helvetica, Verdana, sans-serif !important;
}
#menu_wrapper .nav ul li a, #menu_wrapper div .nav li a {
	font-size: 18px;
}
#menu_wrapper .nav ul li ul li a, #menu_wrapper div .nav li ul li a, #menu_wrapper div .nav li.current-menu-parent ul li a {
	font-size: 11px;
}
#menu_close_icon {
	background: #000000;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.7);
}
#menu_toggle, #menu_toggle:after, #menu_toggle:before {
	background: #ffffff;
}
#menu_close_icon {
	color: #ffffff;
}
#menu_close_icon:hover, body[data-style=fullscreen] #menu_close_icon:hover, body[data-style=flow] #menu_close_icon:hover, body[data-style=password] #menu_close_icon:hover, body[data-style=wall] #menu_close_icon:hover, body[data-style=horizontal] #menu_close_icon:hover {
	background: #ffffff;
}
#menu_close_icon:hover {
	color: #ffffff;
}
#menu_close_icon:hover #menu_toggle, #menu_close_icon:hover #menu_toggle:before, #menu_close_icon:hover #menu_toggle:after {
	background: #000000;
}
#menu_wrapper .nav ul li a, #menu_wrapper div .nav li a {
	color: #7c7c7c;
}
@media only screen and (max-width: 767px) {
	#menu_wrapper div .nav li ul li a, #menu_wrapper div .nav li.current-menu-item ul li a, #menu_wrapper div .nav li ul li.current-menu-item a, #menu_wrapper .nav ul li ul li a, #menu_wrapper .nav ul li.current-menu-item ul li a, #menu_wrapper .nav ul li ul li.current-menu-item a, #menu_wrapper div .nav li.current-menu-parent ul li a, #menu_wrapper div .nav li ul li.current-menu-parent a {
		color: #999999 !important;
	}
}
#menu_wrapper .nav ul li a.hover, #menu_wrapper .nav ul li a:hover, #menu_wrapper div .nav li a.hover, #menu_wrapper div .nav li a:hover {
	color: #000000;
}
#menu_wrapper div .nav li.current-menu-item>a, #menu_wrapper div .nav li.current-menu-parent>a, #menu_wrapper div .nav li.current-menu-ancestor>a, #menu_wrapper div .nav li ul li.current-menu-ancestor a, #menu_close_icon:after {
	color: #000000;
}
.top_bar {
	background: #ffffff;
}
#menu_close_icon:after {
	border-color: transparent transparent transparent #ffffff;
}
@media only screen and (max-width: 767px) {
	#menu_wrapper .nav ul li ul, #menu_wrapper div .nav li ul {
		background: #ffffff !important;
	}
}
#menu_wrapper div .nav li ul li a, #menu_wrapper div .nav li.current-menu-item ul li a, #menu_wrapper div .nav li ul li.current-menu-item a, #menu_wrapper .nav ul li ul li a, #menu_wrapper .nav ul li.current-menu-item ul li a, #menu_wrapper .nav ul li ul li.current-menu-item a, #menu_wrapper div .nav li.current-menu-parent ul li a, #menu_wrapper div .nav li ul li.current-menu-parent a {
	color: #999999;
}
#menu_wrapper .nav ul li ul li a:hover, #menu_wrapper .nav ul li ul li a:hover, #menu_wrapper div .nav li ul li a:hover, #menu_wrapper div .nav li ul li a:hover, #menu_wrapper div .nav li.current-menu-item ul li a:hover, #menu_wrapper div .nav li.current-menu-parent ul li a:hover {
	color: #000000;
}
.social_wrapper ul li i {
	color: #ffffff;
}
.social_wrapper ul li i {
	background: #000000;
}
.social_wrapper ul li i {
	font-size: 12px;
	width: 24px;
	height: 24px;
}
#copyright {
	font-size: 12px;
}
#copyright {
	color: #000000;
}
#copyright a, #copyright a:active {
	color: #000;
}
#copyright a:hover {
	color: #666;
}
#page_content_wrapper .inner .sidebar_wrapper .sidebar .content {
	color: #444444;
}
#page_content_wrapper .inner .sidebar_wrapper a {
	color: #004d4d;
}
#post_more_close i.fa {
	color: #000000;
}
#page_content_wrapper .inner .sidebar_wrapper a:hover, #page_content_wrapper .inner .sidebar_wrapper a:active {
	color: #000000;
}
#page_content_wrapper .sidebar .content .sidebar_widget li h2.widgettitle, h2.widgettitle {
	color: #000000;
}
#page_content_wrapper .sidebar .content .sidebar_widget li h2.widgettitle, h2.widgettitle {
	font-size: 16px;
}
#page_content_wrapper .sidebar .content .sidebar_widget li h2.widgettitle, h2.widgettitle, h5.widgettitle {
	font-family: 'Dosis';
}
h1, h2, h3, h4, h5, h6, h7 {
	font-family: 'Dosis';
}
h1 {
	font-size: 40px;
}
h2 {
	font-size: 32px;
}
h3 {
	font-size: 26px;
}
h4 {
	font-size: 24px;
}
h5 {
	font-size: 22px;
}
h6 {
	font-size: 18px;
}
body, .fancybox-title-outside-wrap {
	font-family: 'Open Sans';
}
body {
	font-size: 16px;
}
#page_caption h1 {
	font-size: 36px;
	line-height: 46px;
}
#page_content_wrapper, .page_content_wrapper, #page_content_wrapper .inner .sidebar_content, body[data-style=blog_grid] .post.type-post, body.page-template-galleries-php .gallery.type-gallery, body[data-style=blog_grid] .post.type-post {
	background: #ffffff;
}
body {
	color: #000000;
}
.pagination a {
	color: #154a48;
}

a, .post_date {
	color: #0da29d;
}
a:hover, a:active {
	color: #000000;
}
h1, h2, h3, h4, h5, pre, code, tt, blockquote, .post_header h5 a, .post_header h3 a, .post_header.grid h6 a, #imageFlow .title h6 {
	color: #000000;
}
hr, .post_wrapper, h1.product_title {
	border-color: #004d4d;
}
.mansory_thumbnail .mask, .wall_thumbnail .mask .mask_frame .mask_image_content.hascycle, .post.type-post .mask {
	background-color: #000000;
}
.mansory_thumbnail .mask, .wall_thumbnail .mask .mask_frame .mask_image_content.hascycle, .post.type-post .mask {
	background: #000000;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.5);
}
.mansory_thumbnail .mask .mask_frame .mask_image_content h6, .mansory_thumbnail .mask .mask_frame .mask_image_content span, .wall_thumbnail h6, .wall_thumbnail .mask .mask_frame .mask_image_content span, .wall_thumbnail .mask .mask_frame .mask_image_content span:not(:empty) {
	color: #ffffff;
}
.wall_thumbnail .mask .mask_frame .mask_image_content span:not(:empty) {
	border-color: #ffffff;
}
.grid_cover_wrapper .mask {
	background: #000000;
}
.grid_cover_wrapper .mask {
	background: #000000;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.7);
}
.grid_cover_wrapper .frame .gallery_content h1 {
	font-family: 'Dosis';
}
.grid_cover_wrapper .frame .gallery_content h1 {
	font-size: 58px;
	line-height: 68px;
	letter-spacing: 0;
}
.grid_cover_wrapper .frame .gallery_content h1 {
	color: #ffffff;
}
.grid_cover_wrapper .frame .gallery_content .gallery_desc {
	font-size: 13px;
}
.grid_cover_wrapper .frame .gallery_content .gallery_desc {
	letter-spacing: 3px;
}
.view_gallery, .view_gallery_full {
	color: #ffffff;
}
.view_gallery, .view_gallery_full {
	border-color: #ffffff;
}
.filter li a, #portfolio_wall_filters li a {
	color: #ffffff;
}
.filter li a:hover, .filter li a.active, #portfolio_wall_filters li a.active, #portfolio_wall_filters li a:hover {
	color: #ffffff;
}
.filter li a:hover, .filter li a.active, #portfolio_wall_filters li a.active, #portfolio_wall_filters li a:hover {
	border-color: #ffffff;
}
#gallery_caption h2, #gallery_caption .gallery_desc, .page_control_static #page_maximize:after, a#prevslide:before, a#nextslide:before, #gallery_caption a, #gallery_caption a:hover, #gallery_caption a:active {
	color: #ffffff !important;
}
.wall_thumbnail .mask .mask_frame .mask_image_content span, .mansory_thumbnail .mask .mask_frame .mask_image_content span, #gallery_caption .gallery_desc, #imageFlow .legend, #imageFlow .legend a, #imageFlow .legend a:hover, #imageFlow .legend a:active {
	font-family: 'Allan';
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
	img.thumbnail_gallery {
		max-width: 212px !important;
		height: auto;
	}
}

/******
OVERRIDE THEME STYLES
by Piipol
******/

#tekstblok,
.page_tagline {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	padding: 0;
	margin: 0;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
}
#tekstblok {
	z-index: 50;
}
.page_tagline {
	z-index: 90;
}
#tekstblok > .row p {
	padding: 1em 1.1em 2em 1em;
	}
.page_tagline > .row p {
	padding: 2em 1em 4em 2em;
	}
#tekstblok > .row > .col-md-12,
.page_tagline > .row > .col-md-12 {
	font-size: 2em;
    font-family: 'Dosis', Helvetica, Verdana, sans-serif !important;
	font-weight: 500;
	color: white;
	text-align: left;
	text-shadow: 2px 2px 5px RGBA(0,0,0,1);
	line-height: 1.1em;
}
#page_content_wrapper .inner .sidebar_wrapper .ccm-block-page-list-title a,
#page_content_wrapper .sidebar_wrapper .ccm-block-page-list-title,
#page_content_wrapper .inner .sidebar_wrapper .ccm-block-page-list-page-entry-read-more > a {
	color: #004d4d;
}
span.meusearch {
	text-align: center;
    margin: 45%;
    font-size: 1.2em;
}
#nav_wrapper span.meusearch a {
	color: #636363;
}
#nav_wrapper span.meusearch a:hover {
	color: #000;
}

.squarelist-thumbnail-grid-wrapper > article a > img {
    max-width: 100%;
    height: 350px;
    -ms-interpolation-mode: bicubic;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

/***
LAYOUT
***/
#doormat {
	background-color: #d9ebeb;
	padding: 2em;
	line-height: 1.3;
}
body.home-alt #doormat {
    margin-left: 408px;
}
.col-md-12.col-sm-3, .col-md-3 {
	display: inline-block;
	width: 22%;
	vertical-align: top;
	margin: 0 0.2em;
}
#innercontent .col-md-12 {
	max-width: 1300px;
}
.col-md-4 {
	display: inline-block;
	width: 32%;
	vertical-align: top;
	margin: 0 0.2em;
}
.col-md-6 {
	display: inline-block;
	width: 45%;
	vertical-align: top;
	margin: 0 0.2em;
}
#custom_logo {
	line-height: 1;
}

.ccm-block-social-links ul.list-inline,
#page_content_wrapper ul.list-inline {margin: 15px 0 15px 0;}

#wrapper.page-template-full #innercontent div {
	padding-left: 30px;
}
.page-template-full #doormat {
	padding-left: 85px;
}
body.home #main {
	margin: 0 70px;
}

/***
START SIMPLE SLIDE_IN
***/
.slide-in {
    animation: slide-in 0.5s forwards;
    -webkit-animation: slide-in 0.5s forwards;
}

.slide-out {
    animation: slide-out 0.5s forwards;
    -webkit-animation: slide-out 0.5s forwards;
}
    
@keyframes slide-in {
    100% { transform: translateX(0%); }
}

@-webkit-keyframes slide-in {
    100% { -webkit-transform: translateX(0%); }
}
    
@keyframes slide-out {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
}

@-webkit-keyframes slide-out {
    0% { -webkit-transform: translateX(0%); }
    100% { -webkit-transform: translateX(-100%); }
}
/***
end SIMPLE SLIDE_IN
***/

/***
FORMULIEREN
***/
.ccm-page input, .ccm-page textarea {
    border: 2px solid #0da29d;
    border-radius: 10px;
    background-color: white;
    outline: 0;
    left: 0;
    top: 0;
    width: 95%;
    height: 100%;
    color: #085e5b;
    padding: 5px 0 5px 5px;
	line-height: normal;
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}
.ccm-page a[class*="button"], .ccm-page input[type="submit"], 
.ccm-page button, .ccm-page .btn {
    display: inline-block;
    font: 100 .9em/2em "Open Sans",Helvetica,Arial,sans-serif;
    font-weight: 300;
    padding: 10px 20px;
    margin: 5px 0 5px 5px;
    text-decoration: none;
    text-transform: none;
    color: #fff;
    border: 0;
    border-radius: 10px;
    background: #0da29d;
    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);*/
    background: -moz-linear-gradient(45deg,#0da29d 0,#085e5b 100%);
    background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#0da29d),color-stop(100%,#085e5b));
    background: -webkit-linear-gradient(45deg,#0da29d 0,#085e5b 100%);
    background: -o-linear-gradient(45deg,#0da29d 0,#085e5b 100%);
    background: -ms-linear-gradient(45deg,#0da29d 0,#085e5b 100%);
    background: linear-gradient(45deg,#0da29d 0,#085e5b 100%);
    -webkit-box-shadow: 0 0 12px 0 rgba(50,50,50,.8);
    -moz-box-shadow: 0 0 12px 0 rgba(50,50,50,.8);
    box-shadow: 0 0 12px 0 rgba(50,50,50,.8);
    cursor: pointer;
    max-width: 500px;
}
#nav_wrapper form {
	text-align: center;
}
#nav_wrapper input {
	padding: 5px 0 5px 0;
	width: 120px;
	margin: auto;
	border: 1px solid #7c7c7c;
	border-radius: 3px;
}
#nav_wrapper input.btn {
	padding: 3px 0 3px 0;
	background-color: #000000;
	color: #FFFFFF;
	cursor: pointer;
}

/***
ANIMATED SCROLL MOUSE and ARROW ICON
***/
.mouse {
    width: 25px;
    height: 45px;
    border: 2px solid #fff;
    position: absolute;
    bottom: 20vh;
    right: 50%;
    margin-left: -12.5px;
    border-radius: 12px;
    background-color: rgba(235, 235, 235, 0.5);
}
body.home .mouse {
    top: 40vh;
    right: 5%;
}
.mouse::after {
    content: "";
    position: absolute;
    height: 5px;
    width: 5px;
    background-color: #fff;
    border-radius: 50%;
    left: 50%;
    top: 10px;
    margin-left: -2.5px;
    transition: all 0.3s ease-in;
    -webkit-animation-name: rotateplane;
    -webkit-animation-duration: 2s;
    animation-name: rotateplane;
    animation-duration: 2s;
    animation-iteration-count: infinite;
   /*box-sizing: border-box;*/
}
.arrow-down {
	width: 0; 
	height: 0; 
	position: absolute;
	top: 40vh;
	right: 5%;
	margin-left: -12.5px;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid rgba(235, 235, 235, 0.8);
    transition: all 0.3s ease-in;
    -webkit-animation-name: movearrow;
    -webkit-animation-duration: 2s;
    animation-name: movearrow;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

@-webkit-keyframes rotateplane {
    0%   {top:10px;}
    25%  {top:14px;}
    50%  {top:19px;}
    75%  {top:24px;}
    100% {top:28px;}
}
@-moz-keyframes rotateplane {
    0%   {top:10px;}
    25%  {top:14px;}
    50%  {top:19px;}
    75%  {top:24px;}
    100% {top:28px;}
}
@-o-keyframes rotateplane {
    0%   {top:10px;}
    25%  {top:14px;}
    50%  {top:19px;}
    75%  {top:24px;}
    100% {top:28px;}
}

@-webkit-keyframes movearrow {
    0%   {top:30vh;}
    25%  {top:35vh;}
    50%  {top:40vh;}
    75%  {top:43vh;}
    100% {top:45vh;}
}
@-moz-keyframes movearrow {
    0%   {top:30vh;}
    25%  {top:35vh;}
    50%  {top:40vh;}
    75%  {top:43vh;}
    100% {top:45vh;}
}
@-o-keyframes movearrow {
    0%   {top:30vh;}
    25%  {top:35vh;}
    50%  {top:40vh;}
    75%  {top:43vh;}
    100% {top:45vh;}
}

/******
OVERRIDE CONCRETE5
by Piipol
******/

.ccm-page div.ccm-block-page-list-title {
	font-size: 1.1em;
	margin-top: 1.3em;
}
#doormat .ccm-page div.ccm-block-page-list-title {
    font-size: 1.2em;
    margin-top: 0.5em;
}
.ccm-page .ccm-block-page-list-date {
	font-size: 1em;
	color: teal; }
div.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-text {
    padding-left: 0; }
/*.ccm-block-page-list-page-entry-horizontal:nth-child(odd) {
	background-color: #ebf9f9;
}*/
/*.ccm-block-page-list-page-entry-horizontal:nth-child(even) {
	background-color: #eef6f6;
}*/
#doormat footer div.ccm-block-page-list-wrapper {
	width: 80%;
}

.ccm-page .pagination>.active>a,.ccm-page  .pagination>.active>span,.ccm-page  .pagination>.active>a:hover,.ccm-page  .pagination>.active>span:hover,.ccm-page  .pagination>.active>a:focus,.ccm-page  .pagination>.active>span:focus {
    background-color: teal;
    border-color: teal;
}
.ccm-page .pagination>li>a, .pagination>li>span {
    /*color: teal;*/
}
.ccm-page .pagination>li>a, .pagination>li>span {
    color: teal;
    background-color: #fff;
    border: 1px solid teal;
}
div.ccm-area[data-total-blocks="0"] {
    outline: 2px solid #eae0c8;
    background-color: #fff7e6;
}
/**bug that prevents drag and drop of blocks**/
div#ccm-menu-click-proxy { z-index: auto !important; }


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

@media only screen and (min-width: 960px) and (max-width: 1150px) {
#tekstblok > .row > .col-md-12,
.page_tagline > .row > .col-md-12 {
	font-size: 1.5em;
	line-height: 1em;
}
}

@media only screen and (max-width: 959px) {
#page_content_wrapper.gallery {
    width: 100% !important;
}
#wrapper.page-template-full #innercontent div {
	padding-left: 3px;
}
#tekstblok, .page_tagline {
	position: initial;
	margin: 2em 0 0 0;
}
body.home .mouse {
    top: 35vh;
    right: 50%;
}
}

@media only screen and (max-width: 1300px) and (min-width: 960px) {
	.col-md-4 {
	width: 48%;
}
}

@media only screen and (max-width: 960px) and (min-width: 768px) {
	body.home-alt #doormat {
    margin-left: 0 !important;
}
}

@media only screen and (max-width: 768px) {
	.col-md-4 {
	width: 48%;
}
}

@media only screen and (max-width: 480px) {
	body.home-alt #doormat {
    margin-left: 0 !important;
}
.col-md-12 .col-sm-3, .col-md-3, .col-md-4, .col-md-6 {
    margin:0;
    width: 99%;
    max-width: 99%;
}
#wrapper.page-template-full #innercontent div,
#wrapper.page-template-full #innercontent div.ccm-custom-style-container.ccm-custom-style-main-351, .page-template-full #doormat {
	padding-left: 5px;
}
body.home #main {
	margin: 0 5px;
}
#page_content_wrapper, .page_content_wrapper {
    margin-left: -35px;
}
article.squarelist-page-entry-grid-item {
    display: block;
    width: 98%;
    height: 98%;
	margin: auto;
}
#tekstblok, .page_tagline {
	display: none;
}
}

.western strong {
    font-weight: 800;
}

.western cite {
    font-size: 10px;
    font-style: unset;
}
div.ccm-block-express-form .form-group div.radio {
	display: table-cell;
	vertical-align: middle;
	padding-right: 20px;
}