/*
Theme Name: Maatwerk Online
Theme URI: https://www.maatwerkonline.nl
Version: 5.0.0
Author: Maatwerk Online
Author URI: https://www.maatwerkonline.nl
Description: Webdesign by Maatwerk Online
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: maatwerkonline
Domain Path: /languages
*/

/*-----------------------------------------------------------------*/
/* Reset
/*-----------------------------------------------------------------*/
html {
  font-size: 16px;
}

body {
	color: #333;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	line-height: 2;
}

body.page-template-page-leadpage,
body.error404 {
	padding-top: 0;
}

@keyframes shake {
  1%, 9% {
    transform: translate3d(-1px, 0, 0);
  }

  2%, 8% {
    transform: translate3d(2px, 0, 0);
  }

  3%, 5%, 7% {
    transform: translate3d(-4px, 0, 0);
  }

  4%, 6% {
    transform: translate3d(4px, 0, 0);
  }
}

.hidden {
	display: none;
}

.instruction {
	display: none;
}

.parameter-visibility {
	display: none;
}

.bg-white {
	background-color: #fff !important;
}

#wpadminbar {
    position: fixed !important;
}

.admin-bar .fixed-top {
	top: 32px !important;
}
@media (max-width: 782px) {
	.admin-bar .fixed-top {
		top: 46px !important;
	}
}

.animo,
.animo-children > * {
	opacity: 0;
}

.clear {
	clear:both;
}

.clear-right {
	clear:right;
}

.clear-left {
	clear:left;
}

p{
	margin-bottom: 2rem;
}

.text-muted {
  color: initial !important;
  opacity: .5;
}

.countdown .indicator,
.auction .indicator {
    width: 80px;
    float: left;
    text-align: center;
    text-transform: uppercase;
    font-size: .8rem;
}

.text-normal {
    color: #43464b!important;
}

.text-white a {
	color: #fff!important;
}

a,
a:hover {
  color: #333333;
}

a > i.ml-1,
a > i.ml-2,
a > i.ml-3,
a > i.ml-4,
a > i.ml-5,
a > i.right{
	position: relative;
	left: 0;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
a:hover > i.ml-1,
a:hover > i.ml-2,
a:hover > i.ml-3,
a:hover > i.ml-4,
a:hover > i.ml-5,
a:hover > i.right{
	left: 5px;
}

a > i.mr-1,
a > i.mr-2,
a > i.mr-3,
a > i.mr-4,
a > i.mr-5,
a > i.left{
	position: relative;
	right: 0;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
a:hover > i.mr-1,
a:hover > i.mr-2,
a:hover > i.mr-3,
a:hover > i.mr-4,
a:hover > i.mr-5,
a:hover > i.left{
	right: 5px;
}

a.text-normal:hover {
	color: #ff6600!important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6{
	font-weight: 300;
	line-height: 1.5;
	font-family: 'Patua One', 'Open Sans', Helvetica, Arial, sans-serif;
}

h1,
h2,
.h1,
.h2{

}

.mb-p-0 p{
  margin: 0px;
}

h3,
h4,
h5,
h6,
.h3,
.h4,
.h5,
.h6{
	font-weight: 600;
}

h1 p,
h2 p,
h3 p,
h4 p,
h5 p,
h6 p,
.h1 p,
.h2 p,
.h3 p,
.h4 p,
.h5 p,
.h6 p{
	margin-bottom: 0;
	font-family: 'Patua One', 'Open Sans', Helvetica, Arial, sans-serif;

}

@media (max-width:992px){
	.display-1 {
		font-size: 3.5rem;
	}
}

b, strong, .strong {
    font-weight: 600;
}

.extra-small, extra-small {
    font-size: 50%;
    font-weight: 400;
}

.fw-100 {
  font-weight: 100;
}

.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

@media (min-width: 576px) {
	.w-sm-100 {
    	width: 100% !important;
	}
	.w-sm-auto {
    	width: auto !important;
	}
	.h-sm-100 {
    	height: 100% !important;
	}
	.h-sm-auto {
    	height: auto !important;
	}
}

@media (min-width: 768px) {
	.w-md-100 {
    	width: 100% !important;
	}
	.w-md-auto {
    	width: auto !important;
	}
	.h-md-100 {
    	height: 100% !important;
	}
	.h-md-auto {
    	height: auto !important;
	}
}

@media (min-width: 992px) {
	.w-lg-100 {
    	width: 100% !important;
	}
	.w-lg-auto {
    	width: auto !important;
	}
	.h-lg-100 {
    	height: 100% !important;
	}
	.h-lg-auto {
    	height: auto !important;
	}
}

@media (min-width: 1200px) {
	.w-xl-100 {
    	width: 100% !important;
	}
	.w-xl-auto {
    	width: auto !important;
	}
	.h-xl-100 {
    	height: 100% !important;
	}
	.h-xl-auto {
    	height: auto !important;
	}
}

a {
    text-decoration: none;
    position: relative;
    border-bottom: 1px dotted;
}

a:focus,
a:hover {
    text-decoration: none;
}

a.outgoing:before {
	content: "\f14c";
	font-family: FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	z-index: 1040;
	left: 0;
	top: 100%;
	height: 0;
	padding-left: 10px;
	line-height: 20px;
	font-size: 10px;
	display: inline-block;
	color: #fff;
	font-style: normal;
	display: none;
}

a.outgoing:after {
	content: attr(data-target);
	position: absolute;
	z-index: 1040;
	left: 18px;
	top: 100%;
	height: 0;
	padding: 0 10px 0 5px;
	line-height: 20px;
	font-size: 10px;
	color: #fff;
	font-style: normal;
	display: none;
}

a.outgoing:hover:before,
a.outgoing:hover:after {
	height: 20px;
	bottom: -20px;
	background: rgba(0, 0, 0, 0.8);
	display: block;
}

[type=reset],
[type=submit],
button,
html [type=button]{
	border-style: solid;
}

.close {
	height: 20px;
	width: 20px;
	position: relative;
	box-sizing: border-box;
	line-height: 20px;
	display: inline-block;
	opacity: 1;
}
.close:before,
.close:after {
	transform: rotate(-45deg);
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	height: 3px;
	width: 20px;
	background-color: #000;
	transition: all 0.25s ease-out;
}
.text-white .close:before,
.text-white .close:after,
.close.text-white:before,
.close.text-white:after {
	background-color: #fff;
}
.close:after {
	transform: rotate(-135deg);
}
.close:hover:before,
.close:hover:after {
	transform: rotate(0deg);
}
.close span {
	display: none;
}

.col-sticky-holder{
	display: flex;
	display: -webkit-flex;
	flex: 1;
	flex-flow: column nowrap;
}

.sticky-holder{
	position: relative;
	/* display: flex; */
    -webkit-flex: 2;
    flex: 2;
}

.sticky{
	display: block;
}

button {
    outline: 0 !important;
}

.btn {
	cursor: pointer;
	font-size: 14px;
	font-weight: 300;
	padding: .75rem 1.5rem;
  white-space: inherit;
	-webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.btn-sm,
.btn-group-sm >.btn-sm {
	padding: .5rem 1.5rem;
	font-size: inherit;
}

.btn-lg,
.btn-group-lg >.btn, .btn-lg {
	font-size: 20px;
}

.btn.disabled,
.btn:disabled {
	opacity: .25;
}

.btn.loading{
	position: relative;
}
.btn.loading:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: inherit;
    opacity: .8;
    border-radius: .25rem;
 }
.btn.loading:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: url(images/loader-light.svg) no-repeat center center;
}
.btn-link.loading:after,
.btn-transparent.loading:after{
	background: url(images/loader-dark.svg) no-repeat center center;
}

.sharp {
	border-radius: 0;
}

img,
svg{
	max-width: 100%;
	height: auto;
	margin-bottom: 1rem;
}

section{
	padding: 60px 0;
	border: 0;
}

article{
	padding: 50px 0;
	z-index: 1010;
}

.skew-top {
	-webkit-clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 100%);
	margin-top: -65px;
}

.skew-bottom {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
	margin-bottom: -65px;
}

.skew-both {
	-webkit-clip-path: polygon(0 0, 100% 20%, 100% 80%, 0 100%);
	clip-path: polygon(0 0, 100% 20%, 100% 80%, 0 100%);
	margin: -65px 0;
}

.shadow-bottom {
	-webkit-box-shadow: 0px 10px 15px 0px rgba(156,156,156,0.2)
	-moz-box-shadow: 0px 10px 15px 0px rgba(156,156,156,0.2)
	box-shadow: 0px 10px 15px 0px rgba(156,156,156,0.2)
}

.shadow-top {
	-webkit-box-shadow: 0px -10px 15px 0px rgba(156,156,156,0.2)
	-moz-box-shadow: 0px -10px 15px 0px rgba(156,156,156,0.2)
	box-shadow: 0px -10px 15px 0px rgba(156,156,156,0.2)
}

.shadow-both {
	-webkit-box-shadow: 0px 0px 30px 0px rgba(156,156,156,0.4);
	-moz-box-shadow: 0px 0px 30px 0px rgba(156,156,156,0.4);
	box-shadow: 0px 0px 30px 0px rgba(156,156,156,0.4)
}

.overlayed {
    position: relative;
}

.overlayed .container {
    position: relative;
    z-index: 1;
}

.overlayed:before,
.overlayed .slick-slide:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.overlayed:before,
.overlayed .slick-slide:before {
    background: rgba(0, 0, 0, .6);
}

.overlayed.pattern-dotted:before,
.overlayed.pattern-dotted .slick-slide:before {
    background: rgba(95, 96, 97, .5);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTMzRERGREYwOEZCMTFFNEI3OTRGMzQ4NzY5NkE0NzQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTMzRERGREUwOEZCMTFFNEI3OTRGMzQ4NzY5NkE0NzQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDMxRTgyODcwOENBMTFFNEExQzNCNTExOEU2Mjk2NUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDMxRTgyODgwOENBMTFFNEExQzNCNTExOEU2Mjk2NUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4jXJ0mAAAAF0lEQVR42mJmYGD4D8TnmEEEEDMABBgAGmcCoh16VmUAAAAASUVORK5CYII=');
}

.overlayed.pattern-dotted-2:before,
.overlayed.pattern-dotted-2 .slick-slide:before {
    opacity: .15;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB5JREFUeNpiZGBg+A8EjECagQnK+A/mMEAAWAYgwADf9ggBN+tpvAAAAABJRU5ErkJggg==');
}

.overlayed.pattern-lined:before,
.overlayed.pattern-lined .slick-slide:before {
    background: rgba(95, 96, 97, .2);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABCAYAAAD0In+KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzI0MDNENzY2QTUyMTFFM0FDMUJDNjY2MkRCNjlDMzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzI0MDNENzc2QTUyMTFFM0FDMUJDNjY2MkRCNjlDMzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MjQwM0Q3NDZBNTIxMUUzQUMxQkM2NjYyREI2OUMzMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3MjQwM0Q3NTZBNTIxMUUzQUMxQkM2NjYyREI2OUMzMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrPT1y0AAAASSURBVHjaYmZgYPgPxHoAAQYABU0BMT/72gwAAAAASUVORK5CYII=');
}

.overlayed.pattern-lined-h:before,
.overlayed.pattern-lined-h .slick-slide:before {
    background: rgba(95, 96, 97, .2);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAYSURBVHjaYmZgYPjPzMDAoAcAAAD//wMABl8BNN6Jh64AAAAASUVORK5CYII=');
}

i.right {
    margin-left: 10px;
    float :right;
}

i.left {
    margin-right: 10px;
    float: left;
}

.container{
	width: 95%;
}

/* .container-fluid{
  height: 150px;
}

@media only screen and (max-width: 1999px) {
  .container-fluid{
    height: 0;
  }
} */

@media (min-width:1200px){
	.container{
		width: 1320px;
	}
}

.container-fluid{
	padding: 0;
	overflow: hidden;
}

.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}
[class^="col-"] {
	border: 0;
}


.list-inline-item.list-icon:not(:last-child) {
    margin-right: 50px;
}
li.list-icon{
    position: relative;
}
li.list-icon > i{
    position: absolute;
    left: -30px;
    top: 9px;
}

.grayscale,
.grayscale-to-color-animation,
.color-to-grayscale-animation:hover {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.grayscale-to-color-animation:hover,
.color-to-grayscale-animation {
	-webkit-filter: none;
	filter: none;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

/*-----------------------------------------------------------------*/
/* Wordpress Core
/*-----------------------------------------------------------------*/
.avatar {
	border-radius: 50%;
	margin-bottom: 0;
}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption,
.gallery-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
        white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

.size-full {
	margin-left: -1.5rem !important;
	margin-right: -1.5rem !important;
	width: calc(100% + 3rem);
	max-width: calc(100% + 3rem);
}

.bypostauthor {
}

.fb-post {
  margin-bottom: 2rem;
}

/*-----------------------------------------------------------------*/
/* Logged In
/*-----------------------------------------------------------------*/
.logged-in .visible-loggedin,
.hidden-loggedin,
.visible-loggedout,
.logged-in .hidden-loggedout {
    display: inherit !important;
}

.visible-loggedin,
.logged-in .hidden-loggedin,
.logged-in .visible-loggedout,
.hidden-loggedout {
    display: none !important;
}

/*-----------------------------------------------------------------*/
/* Colors
/*-----------------------------------------------------------------*/

.bg-gray {
	background-color: #f5f6f8 !important;
}

.bg-gray-before:before {
  content: '';
	position:absolute;
	top: 0;
	right: 100%;
	height: 100%;
	width: 9999px;
	background-color: #f5f6f8;
}

.bg-gray-after:after {
  content: '';
	position:absolute;
	top: 0;
	left: 100%;
	height: 100%;
	width: 9999px;
	background-color: #f5f6f8;
}

.bg-white {
	background-color: #fff !important;
}

.bg-white-before:before {
  content: '';
	position:absolute;
	top: 0;
	right: 100%;
	height: 100%;
	width: 9999px;
	background-color: #fff;
}

.bg-white-after:after {
  content: '';
	position:absolute;
	top: 0;
	left: 100%;
	height: 100%;
	width: 9999px;
	background-color: #fff;
}

.bg-secondary {
	background-color: #232d62 !important;
}

.bg-secondary-before:before {
  content: '';
	position:absolute;
	top: 0;
	right: 100%;
	height: 100%;
	width: 9999px;
	background-color: #232d62;
}

.bg-secondary-after:after {
  content: '';
	position:absolute;
	top: 0;
	left: 100%;
	height: 100%;
	width: 9999px;
	background-color: #232d62;
}

/*-----------------------------------------------------------------*/
/* Header
/*-----------------------------------------------------------------*/
#header {
	-webkit-transition: -webkit-transform 450ms cubic-bezier(0.85, -0.4, 0.2, 1.45);
    transition: -webkit-transform 450ms cubic-bezier(0.85, -0.4, 0.2, 1.45);
    transition: transform 450ms cubic-bezier(0.85, -0.4, 0.2, 1.45);
    transition: transform 450ms cubic-bezier(0.85, -0.4, 0.2, 1.45), -webkit-transform 450ms cubic-bezier(0.85, -0.4, 0.2, 1.45);
    position: absolute;
    top: 40px;
    z-index: 9;
    box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.2);
    width: 100%;
}

@media (max-width: 1200px) {
  #header {
      position: static;
  }
}

#default-menu {
  margin-left: 100px !important;
  width: 100%;
}

#default-menu ul {
  justify-content: flex-end;
  display: flex ;
}

/*-----------------------------------------------------------------*/
/* Navbar
/*-----------------------------------------------------------------*/
.navbar {
	font-size: 17px;
	background: #fff;
	border-bottom: 1px solid #f2f2f2;
	padding: 5;
	-webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
}

.navbar .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.navbar .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.navbar .navbar-brand {
	border: 0;
  max-height: 90px;
}

.navbar .navbar-brand svg{
	max-height: 80px;
  min-height: 80px;
}

.navbar .navbar-nav .nav-link {
	padding: 1.75rem 1rem;
  border: 0;
  text-transform: uppercase;
  font-family: 'Patua One', 'Open Sans', Helvetica, Arial, sans-serif;
}

@media (max-width: 1200px) {
	.navbar .navbar-nav .nav-link {
		padding: 1.75rem .5rem;
	}
}

.navbar li:not(.link-btn) .nav-link{
	position: relative;
}

.navbar li:not(.link-btn):not(.coffee) .nav-link:after{
	content: '';
	position: absolute;
	height: 3px;
	width: 20px;
	background: rgba(0,0,0,.7);
	bottom: 0;
	left: 50%;
	margin-left: -10px;
	opacity: 0;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.navbar li:not(.link-btn):hover .nav-link:after,
.navbar li:not(.link-btn).active .nav-link:after{
	bottom: 20px;
   	opacity: 1;
}

.navbar.navbar-inverse .nav-item{
	padding: 3px 0;
}

.navbar-nav .btn{
    margin-left: 20px;
}

.navbar-nav.buttons{
	margin-left: 50px;
}

.coffee{
  position: relative;
	font-size: 1.4rem;
  -webkit-transform-origin: center;
  transform-origin: center;
	-webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.navbar-nav .coffee .nav-link{
	padding: 0;
}

.coffee.lg,
.coffee:hover{
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

.coffee.lg:hover,
.coffee.xl{
	-webkit-transform: scale(2);
	transform: scale(2);
}

.coffee.xl:hover{
	-webkit-transform: scale(2.5);
	transform: scale(2.5);
}

.coffee:before,
.coffee:after{
	left: 50%;
	margin-left: -2px;
   content: "~";
   color: rgba(0,0,0,.5);
   position: absolute;
   bottom: 20px;
   -webkit-transform: translateY(1rem) rotate(90deg);
	transform: translateY(1rem) rotate(90deg);
   -webkit-animation: steam 3s ease-out infinite;
   animation: steam 3s ease-out infinite;
   -webkit-filter: blur(0.1rem);
   filter: blur(0.1rem);
}

.coffee:after{
	margin-left: 5px;
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.coffee:hover:before,
.coffee:hover:after{
   color: rgba(0,0,0,.7);
}

.coffee i{
  padding-left: 20px;
	position: relative;
    z-index: 90;
}

@-webkit-keyframes steam {
  0% {
    -webkit-transform: translateY(1rem) rotate(90deg);
            transform: translateY(1rem) rotate(90deg);
    opacity: 0;
  }
  16% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1rem) rotate(90deg);
            transform: translateY(-1rem) rotate(90deg);
    opacity: 0;
  }
}

@keyframes steam {
  0% {
    -webkit-transform: translateY(1rem) rotate(90deg);
            transform: translateY(1rem) rotate(90deg);
    opacity: 0;
  }
  16% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1rem) rotate(90deg);
            transform: translateY(-1rem) rotate(90deg);
    opacity: 0;
  }
}

/*-------- Navbar Divider  --------*/
.navbar .navbar-divider{
	height: 20px;
   margin-top: 0.425rem;
   margin-bottom: 0.425rem;
   width: 1px;
}

.navbar-inverse .navbar-divider {
	background-color: #fff;
}

.navbar-light .navbar-divider {
    background-color: #272d63;
}

/*-------- Dropdown  --------*/
.dropdown-menu {
	display: block !important;
  position: absolute !important;
  left: inherit;
  right: 0;
	background: #ffffff;
	visibility: hidden;
	font-size: 14px;
	border-radius: 0;
	top: 110%;
	opacity: 0;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.dropdown-menu:before {
	position: absolute;
	right: 34px;
	top: -6px;
	content: '';
	width: 0px;
	height: 0px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #ffffff;
}

.dropdown:hover .dropdown-menu,
.dropdown.hover .dropdown-menu {
	visibility: visible;
	top: 100%;
	opacity: 1;
}

.dropdown-item:focus,
.dropdown-item:hover{
	color: #000000;
	background-color: transparent;
}

.dropdown-item{
	position: relative;
	background-color: transparent !important;
    opacity: 0;
    -webkit-transform: translate(10px, 0) scale(0);
    transform: translate(10px, 0) scale(0);
    -webkit-transition: opacity 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
    transition: opacity 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
    transition: transform 150ms ease-in-out, opacity 150ms ease-in-out;
    transition: transform 150ms ease-in-out, opacity 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
}

.dropdown:hover .dropdown-item,
.dropdown.hover .dropdown-item {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
}

.dropdown-item:nth-child(1) {
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.dropdown-item:nth-child(2) {
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.dropdown-item:nth-child(3) {
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}

.dropdown-item:nth-child(4) {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}

.dropdown-item:nth-child(5) {
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms;
}

.dropdown-item:nth-child(6) {
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}

.dropdown-item:nth-child(7) {
    -webkit-transition-delay: 350ms;
    transition-delay: 350ms;
}

.dropdown-item:nth-child(8) {
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
}

.dropdown-item:nth-child(9) {
    -webkit-transition-delay: 450ms;
    transition-delay: 450ms;
}

.dropdown-item:before{
	content: '';
	position: absolute;
	height: 20px;
	width: 3px;
	background: #000;
	left: 0;
	opacity: 0;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.dropdown-item:hover:before,
.dropdown-item.active:before{
    left: 10px;
    opacity: 1;
}

.dropdown-item a{
	display: block;
	color: #000000;
  border: none;
}

.dropdown-item .title{
	background: transparent !important;
	cursor: default;
	border-bottom: 1px solid #e5e5e5;
    font-weight: 600;
}

.navbar .dropdown:hover .dropdown-menu,
.navbar .dropdown.hover .dropdown-menu {
   display: block;
}

/*-------- Mega Menu  --------*/
.navbar ul > li.mega-menu {
	position: static;
}
.navbar ul > li.mega-menu > ul {
    width: 1224px;
    position: absolute;
    left: 0;
    padding: 0;
    display: none;
    z-index: 9999;
    margin: 0;
}
.navbar .dropdown.mega-menu:hover .dropdown-menu {
    display: table !important;
}
.navbar ul > li.mega-menu > ul ul {
    position: static !important;
    display: block !important;
    padding: 0;
    margin: 0;
    border: none;
    height: auto !important;
    background: none;
    box-shadow: none;
    width: 100%;
}
.navbar ul > li.mega-menu > ul ul ul:before {
    display: none;
}
.navbar ul > li.mega-menu > ul ul li {
    position: static !important;
    display: block !important;
    padding: .3rem 0;
    width: 100%;
}
.navbar ul > li.mega-menu > ul > a {
    text-transform: none;
    padding: 15px 10px 0 25px!important;
    margin-bottom: 1px;
    line-height: 22px;
}
.navbar ul > li.mega-menu > ul > li {
    display: table-cell;
    border-right: 1px solid #5a3f1f;
}
nav > ul li.mega-menu > ul > .menu_sidebar {
    padding: 11px 20px 15px;
}
.navbar ul > li.mega-menu > ul > li:last-child {
    border-right: none!important
}
.navbar ul > li.mega-menu > ul > li > a {
    font-weight: 700;
}
.navbar ul > li.mega-menu > ul > li:first-child > a {
    margin-top: 0;
}
.navbar ul > li.mega-menu > ul > li:last-child > a {
    padding-bottom: 0;
}
.navbar ul > li.mega-menu > ul > li:last-child {
    border-right: 0!important;
}
.navbar ul > li.mega-menu > ul li.no_title > a{
	display: none;
}
.navbar ul > li.mega-menu > ul ul ul {
    border: none;
    display: block;
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.navbar ul > li.mega-menu > ul ul ul li {
    border-left: none;
    border-right: none;
    border-bottom: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.navbar ul > li.mega-menu > ul ul li > a {
    color: #555;
}
.navbar ul > li.mega-menu > ul li > ul:before,
.navbar ul > li.mega-menu > ul li > ul:after {
    display: none;
}
.navbar ul > li.mega-menu > ul .description_menu_item {
    padding: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    color: #848998!important;
    text-align: left;
}
.navbar ul > li.mega-menu > ul .description_menu_item a {
    display: inline;
    padding: 0!important;
    line-height: inherit;
    font-size: inherit;
    color: #e60590;
}
.navbar ul > li.mega-menu > ul .description_menu_item a:hover {
    background: none;
    color: #272D32;
}
.navbar ul > .columns-1 > ul > li {
    width: 100%;
}
.navbar ul > .columns-2 > ul > li {
    width: 50%;
}
.navbar ul > .columns-3 > ul > li {
    width: 33.33333333333333%;
}
.navbar ul > .columns-4 > ul > li {
    width: 25%;
}
.navbar ul > .columns-5 > ul > li {
    width: 20%;
}
.navbar ul > .columns-6 > ul > li {
    width: 16.66666666666667%;
}
.navbar ul > .columns-7 > ul > li {
    width: 14.28571428571429%;
}

/*-----------------------------------------------------------------*/
/* Form
/*-----------------------------------------------------------------*/
form.bg-white,
form.bg-primary,
form.bg-secondary,
form.bg-success,
form.bg-info,
form.bg-warning,
form.bg-danger,
form.bg-inverse,
form.bg-faded {
	background-color: transparent !important;
}
form.bg-white .gform_body,
form.bg-white .gform_footer {
	background-color: #fff !important;
}
form.bg-primary .gform_body,
form.bg-primary .gform_footer {
	background-color: #ff6600 !important;
}
form.bg-secondary .gform_body,
form.bg-secondary .gform_footer {
	background-color: #232d62 !important;
}
form.bg-success .gform_body,
form.bg-success .gform_footer {
	background-color: #37bd37 !important;
}
form.bg-info .gform_body,
form.bg-info .gform_footer {
	background-color: #5bc0de !important;
}
form.bg-warning .gform_body,
form.bg-warning .gform_footer {
	background-color: #f0ad4e !important;
}
form.bg-danger .gform_body,
form.bg-danger .gform_footer {
	background-color: #d9534f !important;
}
form.bg-inverse .gform_body,
form.bg-inverse .gform_footer {
	background-color: #292b2c !important;
}
form.bg-faded .gform_body,
form.bg-faded .gform_footer {
	background-color: #f7f7f7 !important;
}

form ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.form-group {
	position: relative;
}
.form-group.input-icon .form-control ~ i{
	position: absolute;
	top: 0;
	padding: .65rem .75rem;
}
.form-group.input-icon .form-control{
	padding-left: 2.5rem;
}
.form-group.input-icon .form-control-sm ~ i{
	padding: .25rem .5rem;
}
.form-group.input-icon .form-control-sm{
	padding-left: 2rem;
}
.form-group.input-icon .form-control-lg ~ i{
	padding: 1rem 1.5rem;
}
.form-group.input-icon .form-control-lg{
	padding-left: 4rem;
}
.form-control {
	border-color: transparent;
	background-color: #f5f6f8;
}
.form-control:focus{
	border-color: #f5f6f8;
}
.form-white .form-control,
.form-white .gform_fileupload_multifile .gform_drop_area {
  background-color: #fff;
}
.hidden_label > label {
	display: none;
}
.form-check {
	line-height: 1.75rem;
}
.form-check-input {
	margin-left: 0;
}
.form-check-label {
	padding-left: 2rem;
}
.form-text {
	padding: 0 1rem;
}
.custom-control {
	padding-left: 0;
}
.custom-control-indicator {
	top: .5rem;
}
.custom-control-description {
	padding-left: 1.5rem;
  cursor: pointer;
}
.custom-control-input:focus~.custom-control-indicator {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.custom-control-input:active~.custom-control-indicator {
	background-color: rgba(255, 102, 0, 0.25);
}
.custom-controls-stacked ul{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.form-inline .gform_body,
.form-inline .gform_footer {
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.form-inline .gform_body > ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.form-inline .form-group {
	margin-bottom: 0;
}
.form-inline .gform_footer {
	margin-left: -8px !important;
	margin-top: 0 !important;
}
.form-inline.w-100 .gform_footer {
	margin-left: 0 !important;
	margin-top: -8px !important;
}
@media (min-width: 576px) {
	.form-inline.w-sm-100 .gform_footer {
		margin-left: 0 !important;
		margin-top: -8px !important;
	}
	.form-inline.w-sm-auto .gform_footer {
		margin-left: -8px !important;
		margin-top: 0 !important;
	}
}
@media (min-width: 768px) {
	.form-inline.w-md-100 .gform_footer {
		margin-left: 0 !important;
		margin-top: -8px !important;
	}
	.form-inline.w-md-auto .gform_footer {
		margin-left: -8px !important;
		margin-top: 0 !important;
	}
}
@media (min-width: 992px) {
	.form-inline.w-lg-100 .gform_footer {
		margin-left: 0 !important;
		margin-top: -8px !important;
	}
	.form-inline.w-lg-auto .gform_footer {
		margin-left: -8px !important;
		margin-top: 0 !important;
	}
}
@media (min-width: 1200px) {
	.form-inline.w-xl-100 .gform_footer {
		margin-left: 0 !important;
		margin-top: -8px !important;
	}
	.form-inline.w-xl-auto .gform_footer {
		margin-left: -8px !important;
		margin-top: 0 !important;
	}
}

.w-100 > .gform_body,
.w-100 > .gform_body .form-group,
.w-100 > .gform_body .form-group > div,
.w-100 > .gform_body .form-control,
.w-100 > .gform_footer,
.w-100 > .gform_footer .btn {
	width: 100% !important;
}

@media (min-width: 576px) {
	.w-sm-100 > .gform_body,
	.w-sm-100 > .gform_body .form-group,
	.w-sm-100 > .gform_body .form-group > div,
	.w-sm-100 > .gform_body .form-control,
	.w-sm-100 > .gform_footer,
	.w-sm-100 > .gform_footer .btn {
    	width: 100% !important;
	}
	.w-sm-auto > .gform_body,
	.w-sm-auto > .gform_body .form-group,
	.w-sm-auto > .gform_body .form-group > div,
	.w-sm-auto > .gform_body .form-control,
	.w-sm-auto > .gform_footer,
	.w-sm-auto > .gform_footer .btn {
    	width: auto !important;
	}
	.h-sm-100 > .gform_body,
	.h-sm-100 > .gform_body .form-group,
	.h-sm-100 > .gform_body .form-group > div,
	.h-sm-100 > .gform_body .form-control,
	.h-sm-100 > .gform_footer,
	.h-sm-100 > .gform_footer .btn {
    	height: 100% !important;
	}
	.h-sm-auto > .gform_body,
	.h-sm-auto > .gform_body .form-group,
	.h-sm-auto > .gform_body .form-group > div,
	.h-sm-auto > .gform_body .form-control,
	.h-sm-auto > .gform_footer,
	.h-sm-auto > .gform_footer .btn {
    	height: auto !important;
	}
}

@media (min-width: 768px) {
	.w-md-100 > .gform_body,
	.w-md-100 > .gform_body .form-group,
	.w-md-100 > .gform_body .form-group > div,
	.w-md-100 > .gform_body .form-control,
	.w-md-100 > .gform_footer,
	.w-md-100 > .gform_footer .btn {
    	width: 100% !important;
	}
	.w-md-auto > .gform_body,
	.w-md-auto > .gform_body .form-group,
	.w-md-auto > .gform_body .form-group > div,
	.w-md-auto > .gform_body .form-control,
	.w-md-auto > .gform_footer,
	.w-md-auto > .gform_footer .btn {
    	width: auto !important;
	}
	.h-md-100 > .gform_body,
	.h-md-100 > .gform_body .form-group,
	.h-md-100 > .gform_body .form-group > div,
	.h-md-100 > .gform_body .form-control,
	.h-md-100 > .gform_footer,
	.h-md-100 > .gform_footer .btn {
    	height: 100% !important;
	}
	.h-md-auto > .gform_body,
	.h-md-auto > .gform_body .form-group,
	.h-md-auto > .gform_body .form-group > div,
	.h-md-auto > .gform_body .form-control,
	.h-md-auto > .gform_footer,
	.h-md-auto > .gform_footer .btn {
    	height: auto !important;
	}
}

@media (min-width: 992px) {
	.w-lg-100 > .gform_body,
	.w-lg-100 > .gform_body .form-group,
	.w-lg-100 > .gform_body .form-group > div,
	.w-lg-100 > .gform_body .form-control,
	.w-lg-100 > .gform_footer,
	.w-lg-100 > .gform_footer .btn {
    	width: 100% !important;
	}
	.w-lg-auto > .gform_body,
	.w-lg-auto > .gform_body .form-group,
	.w-lg-auto > .gform_body .form-group > div,
	.w-lg-auto > .gform_body .form-control,
	.w-lg-auto > .gform_footer,
	.w-lg-auto > .gform_footer .btn {
    	width: auto !important;
	}
	.h-lg-100 > .gform_body,
	.h-lg-100 > .gform_body .form-group,
	.h-lg-100 > .gform_body .form-group > div,
	.h-lg-100 > .gform_body .form-control,
	.h-lg-100 > .gform_footer,
	.h-lg-100 > .gform_footer .btn {
    	height: 100% !important;
	}
	.h-lg-auto > .gform_body,
	.h-lg-auto > .gform_body .form-group,
	.h-lg-auto > .gform_body .form-group > div,
	.h-lg-auto > .gform_body .form-control,
	.h-lg-auto > .gform_footer,
	.h-lg-auto > .gform_footer .btn {
    	height: auto !important;
	}
}

@media (min-width: 1200px) {
	.w-xl-100 > .gform_body,
	.w-xl-100 > .gform_body .form-group,
	.w-xl-100 > .gform_body .form-group > div,
	.w-xl-100 > .gform_body .form-control,
	.w-xl-100 > .gform_footer,
	.w-xl-100 > .gform_footer .btn {
    	width: 100% !important;
	}
	.w-xl-auto > .gform_body,
	.w-xl-auto > .gform_body .form-group,
	.w-xl-auto > .gform_body .form-group > div,
	.w-xl-auto > .gform_body .form-control,
	.w-xl-auto > .gform_footer,
	.w-xl-auto > .gform_footer .btn {
    	width: auto !important;
	}
	.h-xl-100 > .gform_body,
	.h-xl-100 > .gform_body .form-group,
	.h-xl-100 > .gform_body .form-group > div,
	.h-xl-100 > .gform_body .form-control,
	.h-xl-100 > .gform_footer,
	.h-xl-100 > .gform_footer .btn {
    	height: 100% !important;
	}
	.h-xl-auto > .gform_body,
	.h-xl-auto > .gform_body .form-group,
	.h-xl-auto > .gform_body .form-group > div,
	.h-xl-auto > .gform_body .form-control,
	.h-xl-auto > .gform_footer,
	.h-xl-auto > .gform_footer .btn {
    	height: auto !important;
	}
}

.validation_message {
	position: absolute;
    z-index: 1020;
    top: -20px;
    right: 10px;
    display: block;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    font-size: .875rem;
    word-wrap: break-word;
    padding: 5px 0;
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem;
}
.validation_message:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-bottom: -5px;
	margin-left: -5px;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 5px 0;
	border-top-color: #000;
}
img.gform_ajax_spinner {
	display: none;
}

.gform_fileupload_multifile .gform_drop_area {
    border: 2px dashed #ddd;
}

.gform_delete {
  margin-top: -3px;
  margin-bottom: 0;
}

/*-----------------------------------------------------------------*/
/* Search
/*-----------------------------------------------------------------*/
.form-group.input-icon .form-control ~ #close{
	right: 0;
	cursor: pointer;
}
.form-group.input-icon .form-control ~ #close,
.search-results .search-results-header{
	opacity: 1;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.inactive .form-group.input-icon .form-control ~ #close,
.inactive ~ .search-results .search-results-header{
	opacity: 0;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.loading ~.search-results{
	min-height: 90px;
}

.loading ~ .search-results{
	background: url('images/loader-dark.svg') no-repeat center center transparent;
}

/*-----------------------------------------------------------------*/
/* Attention Trigger
/*-----------------------------------------------------------------*/
.attention-trigger {
	display: none;
}
.attention-trigger.popup {
	position: fixed;
	z-index: 1060;
	overflow: scroll;
}
.attention-trigger.popup.fullscreen {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.attention-trigger.popup.fullscreen section{
	min-height: 100%;
	min-width: 100%;
}
.attention-trigger.popup.fullscreen .close{
	position: fixed;
	top: 20px;
	right: 20px;
}
.admin-bar .attention-trigger.popup.fullscreen .close {
	top: 52px !important;
}
@media (max-width: 782px) {
	.admin-bar .attention-trigger.popup.fullscreen .close {
		top: 66px !important;
	}
}

/*-----------------------------------------------------------------*/
/* Page
/*-----------------------------------------------------------------*/
#page {
	-webkit-transition: -webkit-transform 450ms cubic-bezier(0.85, -0.4, 0.2, 1.45);
    transition: -webkit-transform 450ms cubic-bezier(0.85, -0.4, 0.2, 1.45);
    transition: transform 450ms cubic-bezier(0.85, -0.4, 0.2, 1.45);
    transition: transform 450ms cubic-bezier(0.85, -0.4, 0.2, 1.45), -webkit-transform 450ms cubic-bezier(0.85, -0.4, 0.2, 1.45);
}

/*-----------------------------------------------------------------*/
/* Card
/*-----------------------------------------------------------------*/
.card {
	border-radius: 0;
	overflow: hidden;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05);
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.card:hover {
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0);
}
.categories .card img {
    margin: auto;
    -webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	opacity: 1;
	-ms-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}
.categories .card:hover img {
	opacity: .1;
	-ms-transform: translateY(-50px);
	-webkit-transform: translateY(-50px);
	transform: translateY(-50px);
}
.categories .card .card-block {
    -webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	-ms-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}
.categories .card:hover .card-block {
	-ms-transform: translateY(-50px);
	-webkit-transform: translateY(-50px);
	transform: translateY(-50px);
}

/*-----------------------------------------------------------------*/
/* Reviews
/*-----------------------------------------------------------------*/

.reviews {
    cursor: default;
}


.stars {
    font-size: 1.3rem;
    color: #fdd300;
}

/*-----------------------------------------------------------------*/
/* Service boxes
/*-----------------------------------------------------------------*/

#service #icon{
  transform-origin: 50% 50%;
  transform: scale(1) translateX(0px) translateY(0px);
  -webkit-transition: all 300ms ease-in-out;
      transition: all 300ms ease-in-out;
}
section:hover #service #icon,
#service:hover #icon{
  transform: scale(1.1) translateX(0px) translateY(0px);
}

#service #border-1,
#service #border-2,
#service #border-3,
#service #border-4{
     transform-origin: 50% 50%;
      transform: rotateZ(0deg);
}

#service #border-1{
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
section:hover #service #border-1,
#service:hover #border-1{
    transform: rotateZ(90deg);
}

#service #border-2{
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
section:hover #service #border-2,
#service:hover #border-2{
    transform: rotateZ(720deg);
}

#service #border-3{
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
section:hover #service #border-3,
#service:hover #border-3{
    transform: rotateZ(120deg);
}

#service #border-4{
  -webkit-transition: all 600ms ease-in-out;
  transition: all 600ms ease-in-out;
  opacity: 1;
}
section:hover #service #border-4,
#service:hover #border-4{
    opacity: 0;
    transform: rotateZ(50deg);
}



/*-----------------------------------------------------------------*/
/* Accordion
/*-----------------------------------------------------------------*/
.accordion .card{
    background: transparent;
    margin-bottom: 0;
}

.accordion-header a {
    color: #000 !important;
    border: none;
}

.accordion-header {
    border: 1px solid #e6e6e6;
    padding: 10px;
    margin: 10px 0;
}

.accordion-header i {
	padding:5px;
	float: right;
	-webkit-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
}

.accordion-header .collapsed i {
    -ms-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
}

.accordion-block {
    padding: 20px;
}

/*-----------------------------------------------------------------*/
/* Slick
/*-----------------------------------------------------------------*/

.slick-slider {
    display: block;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-slider .container {
  padding-top:  150px;
}


@media(min-width: 1200px) {
	.slick-slider .container {
	  /*padding-top:  350px;*/
		padding-top: 200px;
	}
}

@media(min-width: 1600px) {
	.slick-slider .container {
	  padding-top:  350px;

	}
}


.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
    height: 100%;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
}
.slick-track:before,
.slick-track:after {
    content: "";
    display: table;
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    float: left;
    min-height: 1px;
    padding: 0 10px;
    display: none;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
[dir="rtl"] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
    max-width: 100%;
    vertical-align: middle;
    margin: auto;
}
.slick-slide .normal,
.slick-slide .hover {
    position: relative;
}
.slick-slide .normal {
    display: block;
}
.slick-slide .hover {
    display: none;
}
.slick-slide:hover .normal {
    display: none;
}
.slick-slide:hover .hover {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-prev,
.slick-next {
    position: absolute !important;
    z-index: 99;
    display: block;
    height: 78%;
    width: 30px;
    cursor: pointer;
    background: transparent !important;
    color: transparent;
    top: 0;
    font-size: 35px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0;
    border: none;
    outline: none;
}
.slick-prev:before,
.slick-next:before {
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25;
}
.slick-prev {
    left: -40px;
}
[dir="rtl"] .slick-prev {
    left: auto;
    right: 0px;
}
.slick-next {
    right: -40px;
}
[dir="rtl"] .slick-next {
    left: 0px;
    right: auto;
}
.slick-dots {
    display: table !important;
    margin: 24px auto 0 auto;
}
.slick-dots li {
    position: relative;
    display: inline !important;
}
.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-size: 28px;
    line-height: 20px;
    text-align: center;
    color: #555;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    filter: Alpha(Opacity=100);
    opacity: 1;
}

/*-----------------------------------------------------------------*/
/* Slider
/*-----------------------------------------------------------------*/
.slider .slick-slide {
    padding: 0;
    height: 100%;
}

.slider .slick-slide .content {
    min-height: 100%;
    width: 100%;
    padding: 50px 0;
}

.slider .slick-prev,
.slider .slick-next {
   height: 40px;
   width: 40px;
   bottom: 50px;
   top: inherit;
}

.slider .slick-prev {
	left: 50px;
}

.slider .slick-next {
	left: 90px;
}

.slider .slick-prev:before,
.slider .slick-next:before {
    opacity: 1;
}

/*-----------------------------------------------------------------*/
/* Unordered List (element)
/*-----------------------------------------------------------------*/

ul.checkbox {
	list-style: none;
}

ul.checkbox li {
	position: relative;
	padding-left: 40px;
	margin-bottom: 10px;
}

ul.checkbox li:before {
	position: absolute;
	top: -17px;
	left: 0;
	content: '\f058';
	font-family: 'FontAwesome';
	font-weight: 900;
	font-size: 35px;
	color: #9AC600;
}

/*-----------------------------------------------------------------*/
/* Carousel
/*-----------------------------------------------------------------*/
.carousel {
    padding: 0;
    list-style: none;
    display: block;
    background: url('images/loader-dark.svg') no-repeat center center transparent;
}
.carousel > div {
    opacity: 0;
    height: 100px;
}
.carousel.slick-initialized {
    background: none;
}
.carousel.slick-initialized > div {
    opacity: 1;
    height: 100%;
    position: relative;
    -webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
.carousel.slider {
    height: 9999999px;
}
.carousel .slick-slide img {
    max-height: 100%;
    width: auto;
    border-top-left-radius: 10% !important;;
}
.carousel li {
    float: left;
    display: block;
    padding: 0;
    border-radius: 0;
    overflow: hidden;
    padding-bottom: 20px;
}

/*-----------------------------------------------------------------*/
/* Chat Conversation
/*-----------------------------------------------------------------*/

.phone {
	width: 320px;
	max-width: 100%;
    display: inline-block;
    position: relative;
    box-sizing: content-box !important;
    padding: 50px 15px 50px 15px;
	max-width: 100%;
    background: #1e1e1e;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
.phone .screen {
    width: 100%;
    position: relative;
    height: 100%;
    color: white;
    z-index: 2;
    text-align: center;
    display: block;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 0 0 3px #111;
    box-shadow: 0 0 0 3px #111;
}
.phone .screen {
  text-align: left;
}

.screen-container {
  height: 100%;
}

/* Status Bar */

.status-bar {
  height: 25px;
  background: #004e45;
  color: #fff;
  font-size: 14px;
  padding: 0 8px;
}

.status-bar:after {
  content: "";
  display: table;
  clear: both;
}

.status-bar div {
  float: right;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 0 0 8px;
}

/* Chat */

.chat {
  height: calc(100% - 69px);
}

.chat-container {
  height: 100%;
}

/* User Bar */

.user-bar {
  height: 55px;
  background: #005e54;
  color: #fff;
  padding: 0 8px;
  font-size: 24px;
  position: relative;
  z-index: 1;
}

.user-bar:after {
  content: "";
  display: table;
  clear: both;
}

.user-bar div {
  float: left;
  transform: translateY(-50%);
  position: relative;
  top: 50%;
}

.user-bar .actions {
  float: right;
  margin: 0 0 0 20px;
}

.user-bar .actions.more {
  margin: 0 12px 0 32px;
}

.user-bar .actions.attachment {
  margin: 0 0 0 30px;
}

.user-bar .actions.attachment i {
  display: block;
  transform: rotate(-45deg);
}

.user-bar .avatar {
  margin: 0 0 0 5px;
  width: 36px;
  height: 36px;
}

.user-bar .avatar img {
  border-radius: 50%;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
  display: block;
  width: 100%;
}

.user-bar .name {
  font-size: 17px;
  line-height: 1;
  text-overflow: ellipsis;
  letter-spacing: 0.3px;
  overflow: hidden;
  white-space: nowrap;
  max-width: 70%;
}

.user-bar .status {
  display: block;
  font-size: 13px;
  letter-spacing: 0;
}

/* Conversation */

.conversation {
  height: calc(100% - 12px);
  position: relative;
  background: #efe7dd url("https://cloud.githubusercontent.com/assets/398893/15136779/4e765036-1639-11e6-9201-67e728e86f39.jpg") repeat;
  z-index: 0;
}

.conversation ::-webkit-scrollbar {
  transition: all .5s;
  width: 5px;
  height: 1px;
  z-index: 10;
}

.conversation ::-webkit-scrollbar-track {
  background: transparent;
}

.conversation ::-webkit-scrollbar-thumb {
  background: #b3ada7;
}

.conversation .conversation-container {
  height: calc(100% - 68px);
  box-shadow: inset 0 10px 10px -10px #000000;
  overflow-x: hidden;
  padding: 0 16px;
  margin-bottom: 5px;
}

.conversation .conversation-container:after {
  content: "";
  display: table;
  clear: both;
}

/* Messages */

.message {
  color: #000;
  clear: both;
	line-height: 1.5;
	font-size: .8rem;
  padding: 8px;
  position: relative;
  margin: 8px 0;
  max-width: 85%;
  word-wrap: break-word;
  z-index: -1;
}

.message:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
}

.metadata {
  display: inline-block;
  float: right;
  padding: 0 0 0 7px;
  position: relative;
  bottom: -4px;
}

.metadata .time {
  color: rgba(0, 0, 0, .45);
  font-size: 11px;
  display: inline-block;
}

.metadata .tick {
  display: inline-block;
  margin-left: 2px;
  position: relative;
  top: 4px;
  height: 16px;
  width: 16px;
}

.metadata .tick svg {
  position: absolute;
  transition: .5s ease-in-out;
}

.metadata .tick svg:first-child {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: perspective(800px) rotateY(180deg);
          transform: perspective(800px) rotateY(180deg);
}

.metadata .tick svg:last-child {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: perspective(800px) rotateY(0deg);
          transform: perspective(800px) rotateY(0deg);
}

.metadata .tick-animation svg:first-child {
  -webkit-transform: perspective(800px) rotateY(0);
          transform: perspective(800px) rotateY(0);
}

.metadata .tick-animation svg:last-child {
  -webkit-transform: perspective(800px) rotateY(-179.9deg);
          transform: perspective(800px) rotateY(-179.9deg);
}

.message:first-child {
  margin: 16px 0 8px;
}

.message.received {
  background: #fff;
  border-radius: 0px 5px 5px 5px;
  float: left;
}

.message.received .metadata {
  padding: 0 0 0 16px;
}

.message.received:after {
  border-width: 0px 10px 10px 0;
  border-color: transparent #fff transparent transparent;
  top: 0;
  left: -10px;
}

.message.sent {
  background: #e1ffc7;
  border-radius: 5px 0px 5px 5px;
  float: right;
}

.message.sent:after {
  border-width: 0px 0 10px 10px;
  border-color: transparent transparent transparent #e1ffc7;
  top: 0;
  right: -10px;
}

/* Compose */

.conversation-compose {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  overflow: hidden;
  height: 50px;
  width: 100%;
  z-index: 2;
  margin-bottom: 10px;
}

.conversation-compose div,
.conversation-compose input {
  background: #fff;
  height: 100%;
}

.conversation-compose .emoji {
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border-radius: 5px 0 0 5px;
  flex: 0 0 auto;
  margin-left: 8px;
  width: 48px;
}

.conversation-compose .input-msg {
  border: 0;
  flex: 1 1 auto;
  font-size: 16px;
  margin-left: 8px;
	padding-left: 10px;
  outline: none;
  min-width: 50px;
  border-radius: 5px 0 0 5px;
}

.conversation-compose .send {
  background: transparent;
  border: 0;
  cursor: pointer;
  flex: 0 0 auto;
  margin-left: 20px;
  margin-right: 8px;
  padding: 0;
  position: relative;
  outline: none;
  overflow: visible;
}

.conversation-compose .send .circle:before {
  border-width: 0px 0 10px 10px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  position: absolute;
  width: 0;
  height: 0;
  content: "";
	top: -2px;
	left: -20px;
}

.conversation-compose .send .circle {
  background: #008a7c;
  padding: 0;
  border-radius: 50%;
  color: #fff;
  position: relative;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.conversation-compose .send .circle:hover {
  background: #004e45;
}

.conversation-compose .send .circle i {
  font-size: 24px;
  margin-left: 5px;
}

/* Small Screens */

@media (max-width: 768px) {
  .phone {
    border-radius: 0;
    flex: none;
    padding: 0;
    max-width: none;
    overflow: hidden;
    height: 100%;
    width: 100%;
  }

  .phone > .screen .chat {
    visibility: visible;
  }

  .phone {
    visibility: hidden;
  }

  .phone .status-bar {
    display: none;
  }

  .screen-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .conversation {
    height: calc(100vh - 55px);
  }
  .conversation .conversation-container {
    height: calc(100vh - 120px);
  }
}

/*-----------------------------------------------------------------*/
/* Services
/*-----------------------------------------------------------------*/

.service-img img {
    border-radius: 50%;
    border: solid 3px;
    max-width: 120px;
}
.service-img {
    text-align: Center;
}
.service-arrow {
    position: relative;
    top: 30px;
}
.service-title p {
    font-weight: 500;
    font-size: 34px;
}
.more-info p {
  margin-bottom: 0;
  margin-top: 7px;
}

@media (min-width: 768px) {
	.arrow-right::after {
	    font-family: 'pe-icon-7-stroke';
	    font-size: 55px;
	    top: 10px;
	    position: absolute;
	    right: -23px;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	    content: "\e699";
	    color: #848994;
	}
}

/*-----------------------------------------------------------------*/
/* Attention
/*-----------------------------------------------------------------*/

.attention-inner {
	position: relative;
	padding: .25rem;
	background-color: rgba(0, 0, 0, 0.6);
	border-radius: 2.5rem;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.attention-inner:before {
    content: '';
    margin-left: -8px;
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -10px;
    left: 50%;
    border-top: 0 inset transparent;
    border-left: 8px inset transparent;
    border-right: 8px inset transparent;
    border-bottom: 10px solid rgba(0, 0, 0, 0.6);
}
.attention-inner p {
	width: 300px;
	max-width: 100%;
}

/*-----------------------------------------------------------------*/
/* Post
/*-----------------------------------------------------------------*/

#list,
#list article {
    position: relative;
	 padding-bottom: 100px;
}
#list .header-content{
	position: relative;
	z-index: 1010;
	background: #fff;
	border: 1px solid #f2f2f2;
}
#list .entry-content{
	position: relative;
	z-index: 1010;
	background: #fff;
	border: 1px solid #f2f2f2;
	border-top: 0;
}
#list *:hover > .anchorjs-link{
	margin-left: -3.5rem !important;
	padding-right: 2.2rem !important;
}
#list.list-center:before {
    content: '';
    position: absolute;
    z-index: 1020;
    top: -20px;
    left: 50%;
    margin-left: -10px;
    height: 20px;
    width: 20px;
    background: #fff;
    border: 2px solid #f2f2f2;
    border-radius: 50%;
}
#list.list-center:after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: #f2f2f2;
    position: absolute;
    top: 0;
    left: 50%;
    right: inherit;
}
#list.list-center article:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #f2f2f2;
    position: absolute;
    top: 50%;
    left: 0;
    bottom: inherit;
}
#list.list-left:before {
    content: '';
    position: absolute;
    z-index: 1020;
    top: -20px;
    left: 0;
    margin-left: -10px;
    height: 20px;
    width: 20px;
    background: #fff;
    border: 2px solid #f2f2f2;
    border-radius: 50%;
}
#list.list-left:after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: #f2f2f2;
    position: absolute;
    top: 0;
    left: 0;
    right: inherit;
}
#list.list-left article:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #f2f2f2;
    position: absolute;
    top: 50%;
    left: 0;
    bottom: inherit;
    z-index: -1;
}



/*-----------------------------------------------------------------*/
/* Comments
/*-----------------------------------------------------------------*/
#comments .commentlist{
	font-size: .85rem;
}
.comment-text p{
	margin-bottom: 0;
}
.comment-reply-link,
.comment-edit-link{
	color: #bbb;
}
.comment-reply-link:hover,
.comment-edit-link:hover{
	color: #636c72;
}
.children .avatar{
	width: 40px;
}

/*-----------------------------------------------------------------*/
/* Google Map
/*-----------------------------------------------------------------*/

#map {
    height: 600px;
}

.google-map-marker {
	display: none;
}

/*-----------------------------------------------------------------*/
/* Contact Info
/*-----------------------------------------------------------------*/

.info-content.contact-info {
    max-width: 300px;
    padding: 20px;
}
.info-content.contact-info h3 {
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
}
.info-content.contact-info p {
    margin: 0;
}
.info-content.contact-info p.visiting-address {
    margin-bottom: 24px;
}
.contact-info .phone-email > a {
    padding-left: 30px;
    position: relative;
    color: #43464b;
}
.contact-info .phone-email > a > i {
    position: absolute;
    left: 0;
    top: 3px;
}
.route {
	background: #43464b;
	border-radius: 50px;
	height: 30px;
	line-height: 30px;
	color: #fff !important;
	text-align: center;
	display: inline-block;
}
.route:hover {
	background: #ff6600;
}
.route > i{
	width: 30px;
}

/*-----------------------------------------------------------------*/
/* Sidebar
/*-----------------------------------------------------------------*/
aside {
	padding-bottom: 100px;
}

aside img {
	 margin-bottom: 0;
	 -moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
aside .widget:hover img {
	-moz-transform: scale(1.01);
	-webkit-transform: scale(1.01);
	transform: scale(1.01);
	-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
}

.sidebar h1,
.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar h5,
.sidebar h6,
.sidebar .h1,
.sidebar .h2,
.sidebar .h3,
.sidebar .h4,
.sidebar .h5,
.sidebar .h6 {
	position: relative;
	padding-bottom: 10px;
}

.sidebar h1:after,
.sidebar h2:after,
.sidebar h3:after,
.sidebar h4:after,
.sidebar h5:after,
.sidebar h6:after,
.sidebar .h1:after,
.sidebar .h2:after,
.sidebar .h3:after,
.sidebar .h4:after,
.sidebar .h5:after,
.sidebar .h6:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 3px;
	width: 50px;
	background: #43464b;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.sidebar .widget {
	margin-bottom: 2rem;
}

.sidebar .widget:hover h1:after,
.sidebar .widget:hover h2:after,
.sidebar .widget:hover h3:after,
.sidebar .widget:hover h4:after,
.sidebar .widget:hover h5:after,
.sidebar .widget:hover h6:after,
.sidebar .widget:hover .h1:after,
.sidebar .widget:hover .h2:after,
.sidebar .widget:hover .h3:after,
.sidebar .widget:hover .h4:after,
.sidebar .widget:hover .h5:after,
.sidebar .widget:hover .h6:after {
	width: 70px;
}

.sidebar dl,
.sidebar ol,
.sidebar ul {
	padding-left: 20px;
}

/*-----------------------------------------------------------------*/
/* Cookie message
/*-----------------------------------------------------------------*/

.cookie-message {
    z-index: 7;
    background-color: #191a1e;
	color: #abafba;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    height: 80px;
    display: none;
    right: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform 450ms cubic-bezier(0.85, -0.4, 0.2, 1.45);
    transition: -webkit-transform 450ms cubic-bezier(0.85, -0.4, 0.2, 1.45);
    transition: transform 450ms cubic-bezier(0.85, -0.4, 0.2, 1.45);
    transition: transform 450ms cubic-bezier(0.85, -0.4, 0.2, 1.45), -webkit-transform 450ms cubic-bezier(0.85, -0.4, 0.2, 1.45)
}
@media (max-width: 575px){
    .cookie-message {
        height: 140px
    }
}
.cookie-message .container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}
@media (max-width: 575px){
    .cookie-message .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px;
    }
}
.cookie-message .container::after {
    content: none
}
.cookie-message .btn-link {
    color: #9ba0a5;
}
.cookie-message svg{
	fill: #fff;
	fill-rule: evenodd;
}
.cookie-message p {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 0 15px
}
.cookie-message-is-active .cookie-message,
.cookie-message-is-transitioning .cookie-message {
    display: block
}
.cookie-message-is-active .cookie-message {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.cookie-message-is-active #header,
.cookie-message-is-active #page,
.cookie-message-is-active #footer {
	-webkit-transform: translateY(80px);
	transform: translateY(80px)
}
@media (max-width: 575px){
    .cookie-message-is-active #header,
    .cookie-message-is-active #page,
    .cookie-message-is-active #footer {
        -webkit-transform: translateY(140px);
        transform: translateY(140px)
    }
}

.admin-bar.cookie-message-is-active .cookie-message {
    -webkit-transform: translateY(32px);
    transform: translateY(32px)
}
.admin-bar.cookie-message-is-active #header,
.admin-bar.cookie-message-is-active #page,
.admin-bar.cookie-message-is-active #footer {
	-webkit-transform: translateY(80px);
	transform: translateY(80px)
}
@media (max-width: 575px){
    .admin-bar.cookie-message-is-active #header,
    .admin-bar.cookie-message-is-active #page,
    .admin-bar.cookie-message-is-active #footer {
        -webkit-transform: translateY(140px);
        transform: translateY(140px)
    }
}

/*-----------------------------------------------------------------*/
/* Breadcrumbs
/*-----------------------------------------------------------------*/

.breadcrumb {
    background: transparent;
    color: rgba(41, 43, 44, 0.5);
    font-size: .75rem;
    padding: 0;
    margin-bottom: 0;
}

.breadcrumb a {
    color: rgba(41, 43, 44, 0.5);
}

.breadcrumb a:hover {
    color: rgba(41, 43, 44, 0.8);
}

/*-----------------------------------------------------------------*/
/* Post Share
/*-----------------------------------------------------------------*/
.meta-share .share-list,
.entry-share .share-list {
    display: flex;
    align-items: center;
}

.meta-share{
	background: #fff;
	border: 1px solid #f2f2f2;
	border-top: 0;
}

.share-list {
    font-size: 14px;
    line-height: 1.714285714286em;
    letter-spacing: 0.25px;
    color: #fff;
    padding: 0;
    list-style: none;
    margin-bottom: 0;
}

.share-list .share {
    display: block;
    clear: both;
}

.share-list .share:first-child {
    margin-top: 0;
}

.share-list .share a {
    display: block;
    float: right;
    width: 90px;
    padding: 9px 20px;
    color: inherit;
    text-decoration: none;
    text-align: right;
	border-radius: 2.5em;
    margin: 5px 0 0 0;
    -webkit-transition: width 300ms;
	transition: width 300ms;
}

.share-list .share a:hover {
	width: 100px;
}

.share-list .share i {
    font-size: 1.5rem;
    float: left;
}

@media (max-width: 575px) {
	.share-list .share a {
		width: 55px !important;
		padding: 10px 0 5px;
		text-align: center;
	}
	.share-list .share i {
		float: none;
	}
}

.share-list .twitter a {
	background-color: #1da1f2;
}

.share-list .facebook a {
	background-color: #3b5998;
}

.share-list .linkedin a {
	background-color: #0077b5;
}

.share-list .whatsapp a {
	background-color: #25d366;
}

.share-list .comments a {
	background-color: #ff6600;
}

/*-----------------------------------------------------------------*/
/* Anchor
/*-----------------------------------------------------------------*/

.anchorjs-link {
    font: normal normal normal 22px/45px FontAwesome;
    color: #abafba;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 250ms linear;
}
.anchorjs-link:hover,
.anchorjs-link:focus {
  color: #000;
  margin-left: -2rem !important;
}
*:hover > .anchorjs-link {
  margin-left: -2rem !important;
}

/*-----------------------------------------------------------------*/
/* Tag
/*-----------------------------------------------------------------*/

.tag a {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: rgba(0, 73, 144, 0.9);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}

/*-----------------------------------------------------------------*/
/* Avatar
/*-----------------------------------------------------------------*/

.author-meta .author{
	display: block;
}

.author-meta .function{
	display: block;
	line-height: 1;
}

.blog .author-details,
.archive .author-details{
	font-size: 70%;
}

/*-----------------------------------------------------------------*/
/* Blockquote
/*-----------------------------------------------------------------*/
.blockquote{
	margin-bottom: 2rem;
}
.blockquote p{
	color: #373a3c;
}

/*-----------------------------------------------------------------*/
/* Animated Image
/*-----------------------------------------------------------------*/

.animated-image {
	position: relative;
	margin: 0 auto;
	max-width: 1000px;
	list-style: none;
	text-align: center;
	overflow: hidden;
}

.animated-image figure {
	position: relative;
	float: left;
	overflow: hidden;
	min-width: inherit;
	max-width: inherit;
	width: 100%;
	text-align: center;
}

.animated-image figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	margin-bottom: 0;
}

.animated-image figure figcaption {
	padding: 1rem;
	color: #fff;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.animated-image figure figcaption::before,
.animated-image figure figcaption::after {
	pointer-events: none;
}

.animated-image figure figcaption,
.animated-image figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.animated-image figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.animated-image figure h2 span {
	font-weight: 800;
	color: white;
}

.animated-image figure h2,
.animated-image figure p {
	margin: 0;
}

.animated-image figure p {
	letter-spacing: 1px;
	font-size: 14px;
}

/* Lily */
figure.effect-lily img {
	max-width: none;
	width: -webkit-calc(100% + 50px);
	width: calc(100%);
}

figure.effect-lily figcaption {
	text-align: left;
}

figure.effect-lily figcaption > div {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	height: 50%;
}

figure.effect-lily h2,
figure.effect-lily p {
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.effect-lily h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-lily p {
	color: rgba(255,255,255,0.8);
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
}

figure.effect-lily:hover img,
figure.effect-lily:hover p {
	opacity: 1;
}

figure.effect-lily:hover img,
figure.effect-lily:hover h2,
figure.effect-lily:hover p {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-lily:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}

/* Sadie */
figure.effect-sadie figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
	background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
}

figure.effect-sadie h2 {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	color: #484c61;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
}

figure.effect-sadie figcaption::before,
figure.effect-sadie p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	opacity: 0;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}

figure.effect-sadie:hover h2 {
	color: #fff;
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
	transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}

figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* Roxy */
figure.effect-roxy {
	background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
	background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);
}

figure.effect-roxy img {
	max-width: none;
	width: -webkit-calc(100% + 60px);
	width: calc(100% + 60px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50px,0,0);
	transform: translate3d(-50px,0,0);
}

figure.effect-roxy figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-20px,0,0);
	transform: translate3d(-20px,0,0);
}

figure.effect-roxy figcaption {
	padding: 3em;
	text-align: left;
}

figure.effect-roxy h2 {
	padding: 30% 0 10px 0;
}

figure.effect-roxy p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
}

figure.effect-roxy:hover img {
	opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-roxy:hover figcaption::before,
figure.effect-roxy:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* Bubba */
figure.effect-bubba {
	background: #9e5406;
}

figure.effect-bubba img {
	opacity: 0.7;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-bubba:hover img {
	opacity: 0.4;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h2 {
	padding-top: 30%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}

figure.effect-bubba p {
	padding: 20px 2.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* Romeo */
figure.effect-romeo {
	-webkit-perspective: 1000px;
	perspective: 1000px;
}

figure.effect-romeo img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,0,300px);
	transform: translate3d(0,0,300px);
}

figure.effect-romeo:hover img {
	opacity: 0.6;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-romeo figcaption::before,
figure.effect-romeo figcaption::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	height: 1px;
	background: #fff;
	content: '';
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
}

figure.effect-romeo:hover figcaption::before {
	opacity: 0.5;
	-webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
	transform: translate3d(-50%,-50%,0) rotate(45deg);
}

figure.effect-romeo:hover figcaption::after {
	opacity: 0.5;
	-webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);
	transform: translate3d(-50%,-50%,0) rotate(-45deg);
}

figure.effect-romeo h2,
figure.effect-romeo p {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-romeo h2 {
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
	transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
}

figure.effect-romeo p {
	padding: 0.25em 2em;
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,150%,0);
	transform: translate3d(0,-50%,0) translate3d(0,150%,0);
}

figure.effect-romeo:hover h2 {
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
	transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
}

figure.effect-romeo:hover p {
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,100%,0);
	transform: translate3d(0,-50%,0) translate3d(0,100%,0);
}

/* Layla */
figure.effect-layla {
	background: #18a367;
}

figure.effect-layla img {
	height: 390px;
}

figure.effect-layla figcaption {
	padding: 3em;
}

figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {
	position: absolute;
	content: '';
	opacity: 0;
}

figure.effect-layla figcaption::before {
	top: 50px;
	right: 30px;
	bottom: 50px;
	left: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

figure.effect-layla figcaption::after {
	top: 30px;
	right: 50px;
	bottom: 30px;
	left: 50px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

figure.effect-layla h2 {
	padding-top: 26%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-layla p {
	padding: 0.5em 2em;
	text-transform: none;
	opacity: 0;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
}

figure.effect-layla img,
figure.effect-layla h2 {
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-layla:hover img {
	opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-layla:hover h2,
figure.effect-layla:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,
figure.effect-layla:hover p,
figure.effect-layla:hover img {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

/* Honey */
figure.effect-honey {
	background: #4a3753;
}

figure.effect-honey img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-honey:hover img {
	opacity: 0.5;
}

figure.effect-honey figcaption::before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: #fff;
	content: '';
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}

figure.effect-honey h2 {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 1em 1.5em;
	width: 100%;
	text-align: left;
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-honey h2 i {
	font-style: normal;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-honey figcaption::before,
figure.effect-honey h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-honey:hover figcaption::before,
figure.effect-honey:hover h2,
figure.effect-honey:hover h2 i {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* Oscar */
figure.effect-oscar {
	background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
	background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);
}

figure.effect-oscar img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-oscar figcaption {
	padding: 3em;
	background-color: rgba(58,52,42,0.7);
	-webkit-transition: background-color 0.35s;
	transition: background-color 0.35s;
}

figure.effect-oscar figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
}

figure.effect-oscar h2 {
	margin: 20% 0 10px 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-oscar figcaption::before,
figure.effect-oscar p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}

figure.effect-oscar:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-oscar:hover figcaption {
	background-color: rgba(58,52,42,0);
}

figure.effect-oscar:hover img {
	opacity: 0.4;
}

/* Marley */
figure.effect-marley figcaption {
	text-align: left;
}

figure.effect-marley h2,
figure.effect-marley p {
	position: absolute;
	right: 30px;
	left: 30px;
	padding: 10px 0;
}


figure.effect-marley p {
	bottom: 30px;
	line-height: 1.5;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-marley h2 {
	top: 30px;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-marley:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-marley h2::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 4px;
	background: #fff;
	content: '';
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.effect-marley h2::after,
figure.effect-marley p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-marley:hover h2::after,
figure.effect-marley:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* Ruby */
figure.effect-ruby img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-ruby:hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-ruby h2 {
	margin-top: 20%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-ruby p {
	margin: 1em 0 0;
	padding: 3em;
	border: 1px solid #fff;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0) scale(1.1);
	transform: translate3d(0,20px,0) scale(1.1);
}

figure.effect-ruby:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-ruby:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}

/* Milo */
figure.effect-milo {
	background: #2e5d5a;
}

figure.effect-milo img {
	max-width: none;
	width: -webkit-calc(100% + 60px);
	width: calc(100% + 60px);
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-30px,0,0) scale(1.12);
	transform: translate3d(-30px,0,0) scale(1.12);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-milo:hover img {
	opacity: 0.5;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}

figure.effect-milo h2 {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 1em 1.2em;
}

figure.effect-milo p {
	padding: 0 10px 0 0;
	width: 50%;
	border-right: 1px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0,0);
	transform: translate3d(-40px,0,0);
}

figure.effect-milo:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* Dexter */
figure.effect-dexter {
	background: -webkit-linear-gradient(top, rgba(37,141,200,1) 0%, rgba(104,60,19,1) 100%);
	background: linear-gradient(to bottom, rgba(37,141,200,1) 0%,rgba(104,60,19,1) 100%);
}

figure.effect-dexter img {
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-dexter:hover img {
	opacity: 0.4;
}

figure.effect-dexter figcaption::after {
	position: absolute;
	right: 30px;
	bottom: 30px;
	left: 30px;
	height: -webkit-calc(50% - 30px);
	height: calc(50% - 30px);
	border: 7px solid #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-100%,0);
	transform: translate3d(0,-100%,0);
}

figure.effect-dexter:hover figcaption::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-dexter figcaption {
	padding: 3em;
	text-align: left;
}

figure.effect-dexter p {
	position: absolute;
	right: 60px;
	bottom: 60px;
	left: 60px;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-100px,0);
	transform: translate3d(0,-100px,0);
}

figure.effect-dexter:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* Sarah */
figure.effect-sarah img {
	max-width: none;
	width: 100%;
}

figure.effect-sarah figcaption {
	text-align: left;
}

figure.effect-sarah h2 {
	position: relative;
	overflow: hidden;
	padding-bottom: 0.5rem;
}

figure.effect-sarah h2::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}

figure.effect-sarah:hover h2::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-sarah p {
	padding: 1em 0;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

figure.effect-sarah:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* Zoe */
figure.effect-zoe figcaption {
	top: auto;
	bottom: 0;
	padding: 1em;
	height: 3.75em;
	background: #fff;
	color: #3c4a50;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-zoe h2 {
	float: left;
}

figure.effect-zoe p.icon-links a {
	float: right;
	color: #3c4a50;
	font-size: 1.4em;
}

figure.effect-zoe:hover p.icon-links a:hover,
figure.effect-zoe:hover p.icon-links a:focus {
	color: #252d31;
}

figure.effect-zoe p.description {
	position: absolute;
	bottom: 8em;
	padding: 2em;
	color: #fff;
	text-transform: none;
	font-size: 90%;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	-webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */
}

figure.effect-zoe h2,
figure.effect-zoe p.icon-links a {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
}

figure.effect-zoe p.icon-links a span::before {
	display: inline-block;
	padding: 8px 10px;
	font-family: 'feathericons';
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-eye::before {
	content: '\e000';
}

.icon-paper-clip::before {
	content: '\e001';
}

.icon-heart::before {
	content: '\e024';
}

figure.effect-zoe h2 {
	display: inline-block;
}

figure.effect-zoe:hover p.description {
	opacity: 1;
}

figure.effect-zoe:hover figcaption,
figure.effect-zoe:hover h2,
figure.effect-zoe:hover p.icon-links a {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-zoe:hover h2 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-zoe:hover p.icon-links a:nth-child(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-zoe:hover p.icon-links a:nth-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

figure.effect-zoe:hover p.icon-links a:first-child {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

/* Chico */
figure.effect-chico img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}

figure.effect-chico:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-chico figcaption {
	padding: 3em;
}

figure.effect-chico figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

figure.effect-chico figcaption::before,
figure.effect-chico p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-chico h2 {
	padding: 20% 0 20px 0;
}

figure.effect-chico p {
	margin: 0 auto;
	max-width: 200px;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

@media (max-width: 50em) {
	.content {
		padding: 0 10px;
		text-align: center;
	}
	.animated-image figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
	}
}

/*-----------------------------------------------------------------*/
/* Waves
/*-----------------------------------------------------------------*/

.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}
.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    opacity: 0;
    background: rgba(0, 0, 0, .2);
    background: -webkit-radial-gradient(rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, .5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -o-radial-gradient(rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, .5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -moz-radial-gradient(rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, .5) 60%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, .5) 60%, rgba(255, 255, 255, 0) 70%);
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transform: scale(0) translate(0, 0);
    -moz-transform: scale(0) translate(0, 0);
    -ms-transform: scale(0) translate(0, 0);
    -o-transform: scale(0) translate(0, 0);
    transform: scale(0) translate(0, 0);
    pointer-events: none
}
.waves-effect.waves-light .waves-ripple {
    background: rgba(255, 255, 255, .4);
    background: -webkit-radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -o-radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -moz-radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%)
}
.waves-effect.waves-classic .waves-ripple {
    background: rgba(0, 0, 0, .2)
}
.waves-effect.waves-classic.waves-light .waves-ripple {
    background: rgba(255, 255, 255, .4)
}
.waves-notransition {
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -o-transition: none!important;
    transition: none!important
}
.waves-button,
.waves-circle {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%)
}
.waves-button,
.waves-button:hover,
.waves-button:visited,
.waves-button-input {
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    outline: 0;
    color: inherit;
    background-color: transparent;
    font-size: 1em;
    line-height: 1em;
    text-align: center;
    text-decoration: none;
    z-index: 1
}
.waves-button {
    padding: .85em 1.1em;
    border-radius: .2em
}
.waves-button-input {
    margin: 0;
    padding: .85em 1.1em
}
.waves-input-wrapper {
    border-radius: .2em;
    vertical-align: bottom
}
.waves-input-wrapper.waves-button {
    padding: 0
}
.waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1
}
.waves-circle {
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%
}
.waves-float {
    -webkit-mask-image: none;
    -webkit-box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, .12);
    box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, .12);
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}
.waves-float:active {
    -webkit-box-shadow: 0 8px 20px 1px rgba(0, 0, 0, .3);
    box-shadow: 0 8px 20px 1px rgba(0, 0, 0, .3)
}
.waves-block {
    display: block
}

/*-----------------------------------------------------------------*/
/* Photoswipe
/*-----------------------------------------------------------------*/

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }
  .pswp * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .pswp img {
    max-width: none; }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none; }

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0; }

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222; }

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0; }

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline; }

.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s;
  -webkit-box-shadow: none;
          box-shadow: none; }
  .pswp__button:focus,
  .pswp__button:hover {
    opacity: 1; }
  .pswp__button:active {
    outline: none;
    opacity: 0.9; }
  .pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1; }

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(images/photoswipe-default-skin.svg) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(images/photoswipe-default-skin.svg); }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none; } }

.pswp__button--close {
  background-position: 0 -44px; }

.pswp__button--share {
  background-position: -44px -44px; }

.pswp__button--fs {
  display: none; }

.pswp--supports-fs .pswp__button--fs {
  display: block; }

.pswp--fs .pswp__button--fs {
  background-position: -44px 0; }

.pswp__button--zoom {
  display: none;
  background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom {
  display: block; }

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0; }

/* No arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden; }

/* Arrow buttons hit area */
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute; }

.pswp__button--arrow--left {
  left: 0; }

.pswp__button--arrow--right {
  right: 0; }

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute; }

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px; }

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px; }

/* Share modal/popup and links */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__share-modal--hidden {
  display: none; }

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
          transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }
  .pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px; }
    .pswp__share-tooltip a:hover {
      text-decoration: none;
      color: #000; }
    .pswp__share-tooltip a:first-child {
      /* round corners on the first/last list item */
      border-radius: 2px 2px 0 0; }
    .pswp__share-tooltip a:last-child {
      border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in {
  opacity: 1; }
  .pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px; }

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF; }
  a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF; }

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D; }

a.pswp__share--download:hover {
  background: #DDD; }

/* Index indicator ("1 of X" counter) */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px; }

/* Caption */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px; }
  .pswp__caption small {
    font-size: 11px;
    color: #BBB; }

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC; }

.pswp__caption--empty {
  display: none; }

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden; }

/* Loading indicator (preloader) You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr; }

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px; }

.pswp__preloader--active {
  opacity: 1; }
  .pswp__preloader--active .pswp__preloader__icn {
    /* We use .gif in browsers that don't support CSS animation */
    background: url('images/loader-dark.svg') 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active {
  opacity: 1; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
            animation: clockwise 500ms linear infinite; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
            animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0; }

.pswp--css_animation .pswp__preloader__cut {
  /*  The idea of animating inner circle is based on Polymer ("material") loading indicator by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html */
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden; }

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0; }

@media (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right; } }

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

/* Additional styles */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550; }

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%; }

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible; }

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5); }

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3); }

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0; }

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0; }

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none; }

.pswp__element--disabled {
  display: none !important; }

.pswp--minimal--dark .pswp__top-bar {
  background: none; }

/*-----------------------------------------------------------------*/
/* Pagination
/*-----------------------------------------------------------------*/
.previous-post,
.next-post {
    padding: 30px 10px 30px 60px;
    width: 50%;
    position: relative;
    color: inherit!important;
}

.next-post {
    float: right;
    text-align: right;
    padding: 30px 60px 30px 10px;
}

.previous-post .blognav-meta,
.next-post .blognav-meta {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    opacity: 0.5;
}

.previous-post a,
.next-post a {
    width: 100%;
    height: 100%;
    line-height: 55px;
    display: block;
}

.next-post a {
    text-align: right;
}

.previous-post i,
.next-post i {
    position: absolute;
    top: 26px;
    left: 5px;
    opacity: 0.3;
    font-size: 48px;
}

.next-post i {
    right: 5px;
}

.previous-post:hover i,
.next-post:hover i {
    opacity: 1;
}

div[id$="hotjar_branding"] {
	display: none !important;
}


/*-----------------------------------------------------------------*/
/* Divider
/*-----------------------------------------------------------------*/

.divider {
	display: inline-block;
    width: 100%;
}
.divider .border{
    border: 1px solid #000;
    width: 50px;
    margin-bottom: 15px;
}
.divider .border.white {
    border: 1px solid #fff;
}
.divider .border.center {
    position: relative;
    left: 50%;
    margin-left: -25px;
}

/*-----------------------------------------------------------------*/
/* Image Gallery
/*-----------------------------------------------------------------*/
.image-gallery a{
	cursor: -moz-zoom-in;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}


/*-----------------------------------------------------------------*/
/* Social icons
/*-----------------------------------------------------------------*/

.social-icons .social-item {
    background: #3a3a3a;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    float: left;
    text-align: center;
    font-size: 1.3rem;
    border-radius: 50%;
    color: #fff;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.social-icons .social-item.fa-at:hover {
    background: #ff6600;
}
.social-icons .social-item.fa-facebook:hover {
    background: #3b5998;
}
.social-icons .social-item.fa-linkedin:hover {
    background: #0077b5;
}
.social-icons .social-item.fa-newsletter:hover {
    background: #2c9ab7;
}
.social-icons .social-item.fa-rss:hover {
    background: #f26522;
}
.social-icons .social-item.fa-twitter:hover {
    background: #55acee;
}
.social-icons .social-item.fa-whatsapp:hover {
    background: #43d854;
}
.social-icons .social-item.fa-wordpress:hover {
    background: #21759b;
}
.social-icons .social-item.fa-youtube:hover {
    background: #cd201f;
}
.social-icons .social-item.fa-instagram:hover {
    background: #c13584;
}

/*-----------------------------------------------------------------*/
/* Product Categories
/*-----------------------------------------------------------------*/

.product-categories {
    max-height: 193px;
    overflow: hidden;
    -webkit-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out;
}

.product-categories.full-height {
    max-height: 9999px;
}

#text-4 h4,
#text-5 h4 {
    font-weight: bold;
    text-transform: inherit !important;
    margin-top: -16px;
    cursor: pointer;
    font-size: 0.8rem !important;
}

/*-----------------------------------------------------------------*/
/* Merken
/*-----------------------------------------------------------------*/

.merken-logos {
    position: relative;
    height: 220px;
}
.merken-logos > a > img {
    width: 220px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*-----------------------------------------------------------------*/
/* Footer
/*-----------------------------------------------------------------*/

#footer{
	-webkit-transition: -webkit-transform 450ms cubic-bezier(0.85, -0.4, 0.2, 1.45);
    transition: -webkit-transform 450ms cubic-bezier(0.85, -0.4, 0.2, 1.45);
    transition: transform 450ms cubic-bezier(0.85, -0.4, 0.2, 1.45);
    transition: transform 450ms cubic-bezier(0.85, -0.4, 0.2, 1.45), -webkit-transform 450ms cubic-bezier(0.85, -0.4, 0.2, 1.45);
}

/** CUSTOM **/

.head-dashed p, .slider-dashed .container > p.dashed {
	border: 2px dotted;
    text-transform: uppercase;
    font-size: 1.5em;
    text-align: center;
    display: inline;
    padding: 10px 20px;
    font-weight: 300;
}

.head-dashed p, .slider-dashed .container .combined-text {
	margin-bottom: -30px;
  margin-top: -15px;
}

.head-dashed, .head-dashed-white {
	margin: 0 auto 20px;
  font-weight: 300;
}

.head-white {
	color: #fff;
	border-color: #fff;
}

.innovation p {
	margin: 0;
}

.slider-dashed .container > p.dashed {
	width: 225px;
}

.slider-dashed .container p.display-3 {
	font-family: 'Patua One', 'Open Sans', Helvetica, Arial, sans-serif;
}

.candy-line figure:before, .candy-line figure:after {
	display: block;
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -18px;
    left: 0;
    right: 0;
    height: 2px;
    flex: 1;
    border-bottom: 6px dotted #58595b;
    z-index: -1;
}

.candy-line svg, .candy-line img {
	background-color: #fff;
	width: 80px;
	padding: 0 15px;
}

.clip5 {
	clip-path: polygon(0% 5%, 100% 0px, 100% 95%, 0% 100%);
	-webkit-clip-path: polygon(0% 5%, 100% 0px, 100% 95%, 0% 100%);
	-o-clip-path: polygon(0% 5%, 100% 0px, 100% 95%, 0% 100%);
	-ms-clip-path: polygon(0% 5%, 100% 0px, 100% 95%, 0% 100%);
}

.clip5-top {
  clip-path: polygon(0% 5%, 100% 0px, 100% 100%, 0% 100%);
	-webkit-clip-path: polygon(0% 5%, 100% 0px, 100% 100%, 0% 100%);
	-o-clip-path: polygon(0% 5%, 100% 0px, 100% 100%, 0% 100%);
	-ms-clip-path: polygon(0% 5%, 100% 0px, 100% 100%, 0% 100%);
}


.clip10 {
	clip-path: polygon(0% 10%, 100% 0px, 100% 90%, 0% 100%);
	-webkit-clip-path: polygon(0% 10%, 100% 0px, 100% 90%, 0% 100%);
	-o-clip-path: polygon(0% 10%, 100% 0px, 100% 90%, 0% 100%);
	-ms-clip-path: polygon(0% 10%, 100% 0px, 100% 90%, 0% 100%);
}

.clip10-top {
  clip-path: polygon(0% 10%, 100% 0px, 100% 100%, 0% 100%);
	-webkit-clip-path: polygon(0% 10%, 100% 0px, 100% 100%, 0% 100%);
	-o-clip-path: polygon(0% 10%, 100% 0px, 100% 100%, 0% 100%);
	-ms-clip-path: polygon(0% 10%, 100% 0px, 100% 100%, 0% 100%);
}

.clip10 .container:first-of-type, .clip10-top {
	padding-top: 70px;
}

.family-picture {
  padding: 0px;
}

.family-picture .container:first-of-type, .clip10-top {
  padding-top: 0px;
}

.clip10-top {
	clip-path: polygon(0% 10%, 100% 0px, 100% 100%, 0% 100%);
	-webkit-clip-path: polygon(0% 10%, 100% 0px, 100% 100%, 0% 100%);
	-o-clip-path: polygon(0% 10%, 100% 0px, 100% 100%, 0% 100%);
	-ms-clip-path: polygon(0% 10%, 100% 0px, 100% 100%, 0% 100%);
}

.btn-primary {
	background-color: #fff;
	color: rgb(154,198,0);
	border-color: rgb(154,198,0);
	border-radius: 50px;
    border-width: 2px;
    font-weight: 800;
    margin-bottom: 10px;
}

.btn-primary:hover {
	background-color: rgb(154,198,0);
	color: #fff;
	border-color: rgb(154,198,0);
}

.btn-secondary {
	background-color: rgb(154,198,0);;
	color: #fff;
	border-color: rgb(154,198,0);
	border-radius: 50px;
    border-width: 2px;
    font-weight: 800;
    margin-bottom: 10px;
}

.btn-secondary:hover {
	background-color: #fff;
	color: rgb(154,198,0);
	border-color: rgb(154,198,0);
}

.left-big {
	font-size: 35px;
	font-weight: 800;
	font-family: 'Patua One', 'Open Sans', Helvetica, Arial, sans-serif;
	line-height: 40px;
}

.footer {
	padding: 0px;
}

/** otc-icon **/

.otc-icon, .otc-icon svg {
	width: 200px;
}

.otc-icon-m, .otc-icon-m svg {
	width: 138px;
	height: 138px;
}

/** Innovation **/

.innovation-2 {
	margin-top: -77px;
}

.innovation-3 {
	margin-top: -79px;
}

/** bg-pos -left -right **/

.bg-pos-left {
	background-size: 50% 100% !important;
	background-position: left bottom;
	transition: 0.4s;
}

.bg-pos-right {
	background-position: right bottom;
	transition: 0.4s;
}


.b-top-left img{
    border-top-left-radius: 10% !important;
    max-width: 95%;
}

.img-h-150 img {
	max-height: 150px;
}

.p-t-text {
	padding-top: 42px;
}

.lead {
	position: relative;
    padding-left: 40px;
}

.lead:before {
	content: "\f06a";
    font-family: FontAwesome;
    position: absolute;
    left: 90px;
    top: -10px;
    font-weight: 900;
    font-size: 30px;
}

@media (max-width: 1200px) {
	.lead:before {
		left:0px;
	}
}

span.cursor-before {
  float:left;
  display:block;
}

#typed-strings0, #typed-strings1, #typed-strings2 {
  display: none !important;
}

span.cursor-text {
  clear: right !important;
  display: block;
  width: 0;
  position: relative;
  left: 20px;
  overflow: hidden;
  -webkit-transition: all 900ms ease-in-out 1.1s;
  -moz-transition: all 900ms ease-in-out 1.1s;
  -o-transition: all 900ms ease-in-out 1.1s;
  transition: all 900ms ease-in-out 1.1s;
}

.slick-active span.cursor-text {
  width: 300px;
}

@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

span.cursor {
  position: absolute;
  margin-left: 0;
  -webkit-transition: all 900ms ease-in-out 1s;
  -moz-transition: all 900ms ease-in-out 1s;
  -o-transition: all 900ms ease-in-out 1s;
  transition: all 900ms ease-in-out 1s;
  animation: blink-animation 1500ms steps(5, start) infinite;
  -webkit-animation: blink-animation 1500ms steps(5, start) infinite;
  animation-delay: 1800ms;
  -webkit-animation-delay: 1800ms;
}

.slick-active span.cursor {
  margin-left: 300px;
}
.typing-text{
	font-family: 'Patua One', 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 4.5rem;
	font-weight: 300;
	line-height: 1.1;
	margin-bottom: 2rem;
	margin-top: 0;
}
.typed-cursor{
	font-family: 'Patua One', 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 4.5rem;
}
.combined-text p.display-3 { display:inline-block; margin-right:10px;  }

/*Fix for large width*/
.page-template-default figure.image img{
	/*width:100%;*/
}
/*Fix for large width*/
figure.image.image-fix-width img {
    width: 100%;
}

/*-----------------------------------------------------------------*/
/* Archive
/*-----------------------------------------------------------------*/

.post-card {
}

.blog-category {
  padding: 10px;
  position: absolute;
  bottom: 10px;
  left: 10px;
  color: #FFF;
  border: solid 1px #FFF;
  border-radius: 25px !important;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  font-size: 1rem;
  line-height: 1.25;
}

.posts .post-card .img {
  overflow:hidden;
  max-height: 195px;
  border-top-left-radius: 10%!important;
    border-radius: 3px;
}

.posts .post-card .img img{
  border-top-left-radius: 10%!important;
  border-radius: 3px;
  object-fit: cover;
	object-position: 100% 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.posts .post-card:hover .img img {
	transform: scale(1.1);
}

.posts a .post-card .content p {
  color: #000;
}

#maatwerk_online_loadmore {
  width: 100%;
}

.cta-block {
  background-color: rgb(235, 244, 204);
  border-top-left-radius: 10%!important;
  border-radius: 3px;
}

.slick-slide:focus {
  outline: unset;
}

/*-----------------------------------------------------------------*/
/* Group taxonomy
/*-----------------------------------------------------------------*/

.machine-specs {
  list-style: none;
}

@media (max-width: 1000px) {
  .title-head {
    margin-top:40px;
  }
}