@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Pinyon+Script');

body {
	margin: 0;
	padding: 0;
	background: #ddd;
	font-family: 'Montserrat', sans-serif;
	color: #101010;
}

body.meet-us {
	background: #eee url('../img/bg.png') fixed;
}

a {
	text-decoration: none;
	color: #de4440;
}


/*---- Header ----

header {
	height: 60px;
	background: #FFF;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}

.logo {
	display: inline-block;
	margin: 15px 0;
	width: 160px;
	height: 30px;
	background: url('../img/logo.png') no-repeat center left;
	float: left;
}

.logo.white {
	background: url('../img/logo-white.png') no-repeat center left;
}

#main-nav,
#main-nav a {
	display: inline-block;
	height: 60px;
	float: right;
}

#main-nav a {
	display: inline-block;
	margin-left: 30px;
	height: 60px;
	line-height: 60px;
	font-size: 14px;
	text-transform: uppercase;
	color: #989898;
	float: right;
	transition: 0.2s ease;
}

#main-nav a:hover {
	color: #444;
	transition: 0.2s ease;
}

/*---- Mobile navigation ----

.mobilenav-open {
	margin: 15px 0;
	height: 30px;
	line-height: 30px;
	float: right;
}

#mobilenav {
	position: fixed;
	top: 0;
	left: -250px;
	width: 250px;
	height: 100%;
	background: #222;
	color: #FFF;
	transition: 0.4s ease;
	z-index: 1001;
}

#mobilenav.open {
	left: 0;
	transition: 0.4s ease;
}

#mobilenav span {
	display: block;
	position: relative;
	box-sizing: border-box;
	padding: 15px;
	margin-bottom: 15px;
	width: 100%;
	height: 60px;
	text-transform: uppercase;
	font-weight: 300;
	float: left;
}

#mobilenav span .x {
	display: block;
	position: absolute;
	top: -2.5px;
	right: 30px;
	width: 25px;
	height: 25px;
	cursor: pointer;
}

#mobilenav span .x svg path {
	fill: #fff;
}

#mobilenav nav {
	display: block;
	width: 100%;
	height: auto;
	float: left;
}

#mobilenav a {
	display: block;
	box-sizing: border-box;
	padding: 0 15px;
	width: 100%;
	height: 40px;
	border-width: 0px;
	line-height: 40px;
	font-size: 13px;
	text-transform: uppercase;
	color: #FFF;
	float: left;
}

#mobilenav a:hover,
#mobilenav a.active {
	background: #202020;
	border-width: 0px;
}
*/

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - HEADER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
header {background:transparent!important;height: 60px!important;}

header{z-index: 10; position: relative; vertical-align: middle;}
header.fixed{position: fixed; left: 0; top: 0; width: 100%; -webkit-backface-visibility: hidden;}
header.absolute{position: absolute; left: 0; top: 0; width: 100%;}
header.fixed.scrolled{background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.3);}
header.fixed.light.scrolled{background: #222;}
header.white{background: #fff;}
header.border-bottom{border-bottom: 1px #e3e3e3 solid;}
.logo{display: inline-block; height: 40px; line-height: 40px; margin-top: -20px; position: relative; top: -10px; vertical-align: bottom;}
.logo img{display: inline-block; vertical-align: middle; max-height: 30px; width: auto; top: -2px; position: relative;}
.logo.responsive{display: none; position: absolute; left: 15px; top: 10px;}
.navigation-wrapper{display: inline-block; margin-right: 65px;}
.navigation-wrapper nav > ul > li > a {font-size: 14px;line-height: 28px;}
.navigation-wrapper:last-child{margin-right: 0;}
nav{display: block; position: relative; z-index: 1; top: 3px;}
@media (min-width: 992px) {
	nav li{float: left; position: relative;}
	nav>ul>li:not(:last-child){margin-right: 65px;}
	nav>ul>li>a{font-size: 12px; line-height: 30px; color: #989898; text-transform: uppercase; position: relative; display: inline-block;}
	nav>ul>li:hover>a, nav>ul>li.active>a{color: #444;}
	nav>ul ul{position: absolute; width: 200px; left: 50%; margin-left: -100px; top: 100%; padding: 15px 0; background: #222; opacity: 0; visibility: hidden; transform: translateX(10%); -webkit-transform: translateX(10%); display: block!important;}
	nav li:hover>ul{opacity: 1; visibility: visible; transform: translateX(0%); -webkit-transform: translateX(0%);}
	nav>ul ul li{float: none; padding: 0 30px;}
	nav>ul ul li a, .megamenu a{display: block; font-size: 12px; line-height: 18px; padding: 10px 0; color: rgba(255,255,255,.7); text-transform: uppercase; position:relative;}
	nav>ul>li>ul>li>a{padding-right: 15px;}
	nav>ul>li>ul>li>a+.toggle-icon{position: absolute; width: 0; height: 0; border-style: solid; border-width: 3px 0 3px 4px; border-color: transparent transparent transparent rgba(255,255,255,.7); right: 30px; top: 14px; content: "";}
	nav>ul>li>ul>li.active>a+.toggle-icon{border-color: transparent transparent transparent #fff;}
	nav>ul ul li:hover>a, nav>ul ul li.active>a, .megamenu a:hover, .megamenu a.active{color: #fff;}
	nav>ul ul ul{left: 100%; margin-left: 2px; top: -15px;}
	.megamenu-wrapper{position: static;}
	.megamenu{position: absolute; width: 100%; min-width: 830px; right: 0; top: 100%; padding: 15px 0; background: #222; padding: 15px 30px; opacity: 0; visibility: hidden; transform: translateX(10%); -webkit-transform: translateX(10%); display: block!important;}
	nav li:hover>.megamenu{opacity: 1; visibility: visible; transform: translateX(0%); -webkit-transform: translateX(0%);}
	.megamenu .title{font-size: 15px; line-height: 21px; color: #fff; padding: 8px 0; text-transform: uppercase; display: block;}
	header.light nav>ul>li>a{color: rgba(255,255,255,.7);}
	header.light nav>ul>li:hover>a, header.light nav>ul>li.active>a{color: #fff;}
}
.header-content{padding:0;}
.header-content .grey-line.vertical{position: relative; height: 60px; margin-top: -30px; top: 15px; display: inline-block; vertical-align: top;}
.header-block{line-height: 30px; color: #222;}
header.light .header-block{color: #fff;}
.header-block.grey{color: #989898;}
.header-block>a{margin: 0 45px;}
.header-block>a:first-child{margin-left: 0;}
.header-block>a:last-child{margin-right: 0;}
.hamburger-icon{width: 20px; height: 30px; position: relative; top: -15px; display: inline-block; cursor: pointer; margin-right: 45px; vertical-align: bottom;}
.hamburger-icon:last-child{margin-right: 0;}
.hamburger-icon span{width: 20px; height: 2px; background: #444; position: absolute; left: 0;}
.hamburger-icon.light span{background: #fff;}
header.light .hamburger-icon span{background: #fff;}
.hamburger-icon span:nth-child(1){top: 8px;}
.hamburger-icon:hover span:nth-child(1){top: 6px;}
.hamburger-icon span:nth-child(2){top: 14px;}
.hamburger-icon span:nth-child(3){top: 20px;}
.hamburger-icon:hover span:nth-child(3){top: 22px;}
.hamburger-icon.open-navigation{margin-right: 15px;}
.hamburger-icon.open-navigation:last-child{margin-right: 0;}
.hamburger-icon.open-navigation span{background: #444; width: 3px; height: 3px; border-radius: 50%; -webkit-border-radius: 50%; left: 13px;}
.open-navigation{display: none;}
header .follow{display: none; position: absolute; left: 0; bottom: 5px; width: 100%; text-align: left; padding: 0 15px; white-space: nowrap;}
header .follow .title, header .follow .entry{margin: 0;}

/*Desktops (>=992px)*/
@media (max-width: 1199px) {
	nav>ul>li:not(:last-child){margin-right: 35px;}
}

/* Tablets (>=768px)*/
@media (max-width: 991px) {
	.navigation-wrapper{-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
	.open-navigation{display: inline-block;}
	.navigation-wrapper{position: fixed; top: 0; width: 274px; left: -274px; height: 100%; background: white; z-index: 1;}
	.navigation-wrapper:before{content: ""; position: absolute; left: 0; top: 100%; margin-top: -1px; width: 100%; height: 300px; background: inherit;}
	.navigation-overflow{position: absolute; left: 0; top: 50px; bottom: 40px; right: 0; overflow-y: auto; -webkit-overflow-scrolling: touch;}
	body.open-menu .navigation-wrapper{transform: translateX(100%); -webkit-transform: translateX(100%);}
	header .close-layer{position: fixed; left: -150px; top: -150px; right: -150px; bottom: -150px; background: rgba(0,0,0,.5);}
	header .close-layer .button-close{top: 150px; right: 150px;}
	header .follow{display: block;}
	.logo.responsive{display: block;}

	nav{padding: 0 15px;}
	nav li{margin: 0!important; position: relative;}
	nav a{display: block; position: relative;}
	nav ul ul, .megamenu, .megamenu .rs-slide{padding-left: 15px;}
	.megamenu .row, .megamenu .row>*[class*="col"]{padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0;}
	nav ul ul, .rs-slide,.megamenu{display: none; -webkit-transition: none!important; transition: none!important;}
	/**/
	nav>ul>li>a{font-size: 20px; line-height: 22px; padding: 10px 30px 10px 0; text-transform: uppercase; color: #444;}
	nav>ul>li>a:before{content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #444;}
	nav>ul>li.active>a:before, nav>ul>li:hover>a:before, nav a.selected:before{width: 100%;}
	/**/
	nav>ul>li>ul>li>a, .megamenu .title{font-size: 16px; line-height: 18px; padding: 10px 30px 10px 0; color: #989898;}
	nav>ul>li>ul li.active>a, nav>ul>li>ul li:hover>a, .megamenu .rs-slide a.active, .megamenu .rs-slide a:hover, .megamenu .title.active, .megamenu .title:hover{color: #444;}
	/**/
	nav ul ul ul a, .megamenu .rs-slide a{font-size: 14px; line-height: 18px; text-transform: none; color: #989898; padding: 5px 0 5px 15px;}
	nav ul ul ul a:before, .megamenu .rs-slide a:before{width: 3px; height: 3px; background: currentColor; position: absolute; left: 0px; top: 14px; content: ""; border-radius: 50%; -webkit-border-radius: 50%;}
	/**/
	nav .toggle-icon{width: 41px; height: 41px; position: absolute; right: -12px; top: 0; cursor: pointer; color: #444;}
	nav .toggle-icon:before{position: absolute; width: 17px; height: 1px; background: currentColor; left: 12px; top: 20px; content: "";}
	nav .toggle-icon:after{position: absolute; width: 1px; height: 17px; background: currentColor; left: 20px; top: 12px; content: "";}
	nav .toggle-icon.active:after{height: 0; top: 20px;}
	nav>ul>li>ul>li .toggle-icon, .megamenu .toggle-icon{color: #989898;}

	/**/
	header nav{overflow: hidden;}
	header nav>ul>li{-webkit-transition:all 0.6s cubic-bezier(0.7, 0, 0.3, 1); transition:all 0.6s cubic-bezier(0.7, 0, 0.3, 1); transform: translateX(100%); -webkit-transform: translateX(100%); opacity: 0;}
	body.open-menu header nav>ul>li{transform: translateX(0%); -webkit-transform: translateX(0%); opacity: 1;}

	body.open-menu nav>ul>li:nth-child(1){transition-delay: 60ms; -webkit-transition-delay: 60ms;}
	body.open-menu nav>ul>li:nth-child(2){transition-delay: 120ms; -webkit-transition-delay: 120ms;}
	body.open-menu nav>ul>li:nth-child(3){transition-delay: 180ms; -webkit-transition-delay: 180ms;}
	body.open-menu nav>ul>li:nth-child(4){transition-delay: 240ms; -webkit-transition-delay: 240ms;}
	body.open-menu nav>ul>li:nth-child(5){transition-delay: 300ms; -webkit-transition-delay: 300ms;}
	body.open-menu nav>ul>li:nth-child(6){transition-delay: 360ms; -webkit-transition-delay: 360ms;}
	body.open-menu nav>ul>li:nth-child(7){transition-delay: 420ms; -webkit-transition-delay: 420ms;}
	body.open-menu nav>ul>li:nth-child(8){transition-delay: 480ms; -webkit-transition-delay: 480ms;}
	body.open-menu nav>ul>li:nth-child(9){transition-delay: 540ms; -webkit-transition-delay: 540ms;}
	body.open-menu nav>ul>li:nth-child(10){transition-delay: 600ms; -webkit-transition-delay: 600ms;}
}

/*header type 1*/
header.type-1{padding: 42.5px 35px; height: 115px;}
@media (max-height: 700px) {
	header.type-1{padding: 20px 15px; height: 70px;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
	header.type-1{padding: 10px 0; height: 50px; margin-bottom: 15px;}
}

/*header type 2*/
header.type-2{padding: 55px 0; height: 140px;}
/*Phones (<768px)*/
@media (max-width: 767px) {
	header.type-2{padding: 10px 0; height: 50px; margin-bottom: 15px;}
}
@media (min-width: 768px) {
	header.fixed.scrolled.type-2{padding: 22px 0; height: 74px;}
}

/*header type 3*/
header.type-3{padding: 31px 0; height: 92px;}
/*Phones (<768px)*/
@media (max-width: 767px) {
	header.type-3{padding: 10px 0; height: 50px; margin-bottom: 15px;}
}

/*header type 4*/
header.type-4{padding: 42.5px 0; height: 115px;}
/*Phones (<768px)*/
@media (max-width: 767px) {
	header.type-4{padding: 10px 0; height: 50px; margin-bottom: 15px;}
}
@media (min-width: 768px) {
	header.fixed.scrolled.type-4{padding: 22px 0; height: 74px;}
}

/*header type 5*/
header.type-5{background: #222;}

.header-empty-space{height: 115px;}
/*Phones (<768px)*/
@media (max-width: 767px) {
	.header-empty-space{height: 65px;}
}
.overlay{position: fixed; left: 0px; top: 0px; width: 100%; bottom: 0px; visibility: hidden; opacity: 0; z-index: 11;}
.overlay.frame{left: 30px; top: 30px; right: 30px; bottom: 30px; width: auto;}
.overlay .animation-wrapper{background: rgba(34,34,34,.95); transform: perspective(1000px) rotateX(66deg) scale(0.3) skewX(32deg) skewY(-40deg) rotateY(12deg); -webkit-transform: perspective(1000px) rotateX(66deg) scale(0.3) skewX(32deg) skewY(-40deg) rotateY(12deg);}
.overlay.active{visibility: visible; opacity: 1;}
body.mobile .overlay{left: -100%;}
body.mobile .overlay.active{left: 0%;}
body.mobile .overlay.frame.active{left: 30px;}
.overlay.active .animation-wrapper{transform: perspective(1000px) rotateX(0deg) scale(1) skewX(0deg) skewY(0deg) rotateY(0deg); -webkit-transform: perspective(1000px) rotateX(0deg) scale(1) skewX(0deg) skewY(0deg) rotateY(0deg);}
.overlay .content-wrapper{overflow: auto; -webkit-overflow-scrolling: touch; overflow-x: hidden; opacity: 0;}
.overlay.active .content-wrapper{opacity: 1;}
.overlay .cell-view.page-height{padding: 50px 0 15px 0;}
.overlay.frame .overlay-cell-align{margin-top: -60px;}
.overlay.frame .cell-view.page-height{padding-top: 110px;}

@media (min-width: 992px) {
	.overlay nav{display: block; margin-top: -8px;}
	.overlay nav > ul > li{padding-bottom: 26px; margin-right: 0;}
	.overlay nav > ul > li > a{font-size: 18px; color: #fff; line-height: 36px;}
	.overlay nav > ul > li > a:before{position: absolute; width: 0%; height: 1px; background: #fff; content: ""; left: 0; bottom: 0;}
	.overlay nav > ul > li:hover > a:before, .overlay nav > ul > li.active > a:before{width: 100%;}
	.overlay nav li{float: none; margin-left: 0!important;}
}
.overlay nav.single-column > ul > li:hover > a:before{width: 0;}
.overlay nav.single-column > ul > li > a:hover:before, .overlay nav.single-column > ul > li.active > a:before{width: 100%;}

.overlay .megamenu-wrapper{position: relative;}
.overlay .megamenu{right: auto; left: 100%; top: 0;}
.overlay nav>ul>li:nth-child(4) .megamenu, .overlay nav>ul>li:nth-child(5) .megamenu, .overlay nav>ul>li:nth-child(6) .megamenu, .overlay nav>ul>li:nth-child(7) .megamenu, .overlay nav>ul>li:nth-child(8) .megamenu{top: auto; bottom: 0;}
.overlay nav>ul>li>ul{left: 100%; margin-left: 0; top: 0;}
.overlay nav>ul>li:nth-child(4)>ul, .overlay nav>ul>li:nth-child(5)>ul, .overlay nav>ul>li:nth-child(6)>ul, .overlay nav>ul>li:nth-child(7)>ul, .overlay nav>ul>li:nth-child(8)>ul{top: auto; bottom: 0;}
.overlay .button-close{position: fixed; z-index: 2;}
.overlay.frame .button-close{top: 30px; right: 30px;}
/**/
.twitter-entry{background: #1cb7eb; padding: 30px;}
.twitter-entry.light{background: #efefef;}
.twitter-entry a:hover{text-decoration: underline;}
.twitter-entry .date, .twitter-entry .link{font-size: 11px; line-height: 20px; color: rgba(255,255,255,.7);}
.twitter-entry.light .date, .twitter-entry.light .link, .twitter-entry.light .author{color: #989898;}
.twitter-entry .author{font-size: 12px; line-height: 20px; color: #fff;}
.twitter-entry .link{font-size: 12px;}
.twitter-entry .fa{font-size: 18px; color: rgba(255,255,255,.7);}
.twitter-entry.light .fa{color: #1cb7eb;}
.overlay-thumbnails-wrapper{max-width: 375px;}
.overlay-thumbnails-wrapper-two-columns{max-width: 360px;}
.overlay-thumbnail{display: block; position: relative; overflow: hidden; background: #000;}
.overlay-thumbnail img{display: block; width: 100%; height: auto;}
.overlay-thumbnail img:first-child{opacity: 0.6;}
.overlay-thumbnail img:last-child{position: absolute; left: 0; top: 0;}
.overlay-thumbnail:hover img:last-child{transform: scale(2); -webkit-transform: scale(2); opacity: 0;}
.icon-description-entry .fa{float: left; line-height: inherit; font-size: 20px;}
.icon-description-entry .fa+p{margin-left: 35px;}

/* Tablets (>=768px)*/
@media (max-width: 991px) {
	.overlay nav{padding: 0;}
	/**/
	.overlay nav>ul>li>a{color: #fff;}
	.overlay nav>ul>li>a:before{background: #fff;}
	/**/
	.overlay nav>ul>li>ul>li>a, .overlay .megamenu .title{color: rgba(255,255,255,.5);}
	.overlay nav>ul>li>ul li.active>a, .overlay nav>ul>li>ul li:hover>a, .overlay .megamenu .rs-slide a.active, .overlay .megamenu .rs-slide a:hover, .overlay .megamenu .title.active, .overlay .megamenu .title:hover{color: #fff;}
	/**/
	.overlay nav .toggle-icon{color: #fff;}
	.overlay nav>ul>li>ul>li .toggle-icon, .overlay .megamenu .toggle-icon{color: rgba(255,255,255,.5);}
	/**/
	.overlay nav.single-column>ul>li>a{padding-right: 0; display: inline-block;}
}

/*Phones (<768px)*/
@media (max-width: 767px) {
	.overlay.frame{left: 15px; top: 15px; right: 15px; bottom: 15px;}
	.overlay.frame .overlay-cell-align{margin-top: -30px;}
	.overlay.frame .cell-view.page-height{padding-top: 80px;}
	.overlay.frame .button-close{top: 15px; right: 15px;}
	body.mobile .overlay.frame.active{left: 15px;}
}


/*---- Content ----*/

#content {
	margin: 30px auto;
}
/*
section .line {
	position: relative;
	top: -77px;
	margin-bottom: 15px;
	display: block;
	width: 1140px;
	height: 60px;
	background: url('../img/line.png');
	float: left;
}*/

h2.title-simple {
	width: 100%;
	height: 60px;
	line-height: 60px;
	color: #444;
	font-weight: 700;
	font-size: 30px;
	text-transform: uppercase;
	text-align: center;
}

h2.title {
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 15px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	background: #FFF;
	color: #444;
	font-weight: 700;
	font-size: 30px;
	text-transform: uppercase;
	text-align: center;
	float: left;
}

h2.title::before {
	content: '';
	display: block;
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 100%;
	height: 18%;
	background: url('../img/studs.png');
	background-size: 5% 100%;
}

.subtitle {
	margin-bottom: 60px;
	padding-bottom: 15px;
	width: 100%;
	height: 60px;
	line-height: 45px;
	background: #FFF;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-style: italic;
	color: #888;
	text-align: center;
	float: left;
}

.top-text {
	display: block;
	padding: 15px;
	position: absolute;
	width: auto;
	height: auto;
	color: #FFF;
}

.top-text.red {
	right: -15px;
	bottom: 45px;
	background: #de4440;
	transform: rotate(-5deg);
}

.top-text.yellow {
	right: -10px;
	top: 45px;
	background: #f39c12;
	transform: rotate(10deg);
}

.top-text.blue {
	right: -10px;
	top: 10px;
	background: #2980b9;
	transform: rotate(-8deg);
}

.top-text.green {
	right: -15px;
	top: 0px;
	background: #27ae60;
	transform: rotate(5deg);
}



/*---- Profiles ----*/

.profile {
	position: relative;
	display: block;
	margin-bottom: 60px;
	width: 100%;
	background: #FFF;
	float: left;
}

.profile::before {
	content: '';
	display: block;
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 100%;
	height: 30px;
	background: url('../img/studs.png');
	background-size: 100% 30px;
}

.profile .leader {
	display: block;
	padding: 0 10px;
	position: absolute;
	left: -5px;
	top: -5px;
	width: auto;
	height: 30px;
	background: #de4440;
	line-height: 30px;
	text-transform: uppercase;
	text-align: center;
	font-size: 13px;
	font-weight: 700;
	color: #FFF;
	transform: rotate(-5deg);
	z-index: 1001;
}

.profile .img {
	position: relative;
	display: block;
	width: 100%;
	padding: 35% 0;
	height: 0;
	float: left;
	overflow: hidden;
}

/*
.profile .img::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 20%;
	background: url('../img/pic-to-brick.png');
	background-size: 100% 100%;
}
*/

.profile .img img {
	position: absolute;
	top: -25%;
	left: 0;
	width: 100%;
	height: auto;
	display: block;
	transition: 0.4s ease;
	filter: sepia(100%);
}

.profile:hover .img img {
	transition: 0.4s ease;
	filter: sepia(0%);
}

.profile .email {
	width: 100%;
	height: 30px;
	line-height: 30px;
	background: #27ae60;
	text-align: center;
	font-size: 10px;
	color: #FFF;
	float: left;
}

.profile .details {
	box-sizing: border-box;
	display: block;
	padding: 15px;
	width: 100%;
	float: left;
}

.profile .details .name,
.profile .details .text {
	display: block;
	width: 100%;
}

.profile .details .name {
	margin-bottom: 10px;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
}

.profile .details .text {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	text-align: justify;
	line-height: 18px;
	color: #888;
}

/*---- Exhibitions page ----*/

.box {
	position: relative;
	margin: 30px 0;
	background: #FFF;
}

.box:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	background: url('../img/pic-to-brick.png') repeat-x;
	background-size: 25% 45%;
}

.slider {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 400px;
}

.slider ul {
	position: relative;
	margin: 0;
	padding: 0;
	height: 400px;
	list-style: none;
}

.slider ul li {
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 585px;
	height: 400px;
	background: #ccc;
	text-align: center;
	line-height: 400px;
}

a.control_prev, a.control_next {
	position: absolute;
	top: 44%;
	z-index: 999;
	display: block;
	padding: 15px;
	width: auto;
	height: auto;
	background: #2a2a2a;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	font-size: 18px;
	opacity: 0.8;
	cursor: pointer;
}

a.control_prev:hover, a.control_next:hover {
	opacity: 1;
	-webkit-transition: all 0.2s ease;
}

a.control_prev {
	border-radius: 0 50% 50% 0;
}

a.control_next {
	right: 0;
	border-radius: 50% 0 0 50%;
}


.exhibition-text {
	box-sizing: border-box;
	padding: 60px 30px 30px 30px;
}

.exhibition-text h3 {
	margin: 0 0 30px 0;
	display: block;
	width: 100%;
	font-weight: 700;
	font-size: 22px;
	text-transform: uppercase;
	float: left;
}

.exhibition-text p {
	margin: 0 0 30px 0;
	line-height: 30px;
}

/*---- Blog ----*/

.blog-cover {
	background: url('../img/blog-bg.jpg') no-repeat center 0px;
	background-size: contain;
}

@media (max-width: 768px) {
	.blog-cover {
	background: url('../img/blog-bg.jpg') no-repeat center 0px;
	background-size: contain;
}
}

.blog-minipost {
	display: block;
	margin: 30px 0;
	width: 100%;
	background: #FFF;
	float: left;
	transition: 0.2s ease;
	text-decoration: none;
	color: #000;
}

.blog-post .img,
.blog-minipost .img {
	position: relative;
	display: block;
	margin-bottom: 15px;
	padding-top: 60%;
	width: 100%;
	height: 0;
	float: left;
	-webkit-filter: grayscale(88%);
    filter: grayscale(88%);
	transition: 0.2s ease;
}

.blog-post .img::after,
.blog-minipost .img::after {
	position: absolute;
	top: 10px;
	left: 10px;
	content: '';
	box-sizing: border-box;
	display: block;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	border: 3px solid #FFF;
}

.blog-minipost:hover .img {
	-webkit-filter: grayscale(0%);
    filter: grayscale(0%);
	transition: 0.2s ease;
}

.blog-minipost .info {
	display: block;
	box-sizing: border-box;
	padding: 15px;
	width: 100%;
	height: auto;
	float: left;
}

.blog-minipost .info .title {
	display: block;
	position: relative;
	margin-bottom: 15px;
	padding: 0 15px;
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 18px;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	float: left;
	overflow: hidden;
}

.blog-minipost .info .title::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 25%;
	height: 20px;
	background: linear-gradient(left, transparent , white);
}

.blog-minipost .info .short-text {
	padding: 0 15px 15px 15px;
	color: #7f8c8d;
	font-size: 15px;
	line-height: 22px;
}


.blog-post {
	padding-top: 15%;
}

.blog-post .img {
	margin-top: -20%;
	-webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.blog-post p {
	display: block;
	margin: 10px 0;
	text-align: justify;
	font-size: 16px;
	line-height: 30px;
	float: left;
}

.blog-post img {
	display: block;
	margin: 15px auto;
	width: auto;
	max-width: 100%;
	height: auto;
}

.blog-post .empty-space {
	display: block;
	float: left;
}

.blog-post .bloglink {
	position: relative;
	display: block;
	box-sizing: border-box;
	margin: 15px auto;
	padding: 0 15px;
	width: auto;
	height: 40px;
	line-height: 40px;
	background: #E8E8E8;
	border: 1px solid #000;
	font-family: 'Montserrat', sans-serif;
	font-weight: thin;
	font-size: 12px;
	color: #000;
	text-transform: uppercase;
	float: left;
}

.blogh2 {
	font-size: 50px;
}

.empty-space-100 {
	display: block;
	width: 100%;
	height: 100px;
}

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

footer {
	padding: 30px 0;
	background: #222;
	color: #989898;
}

footer .copy {
	margin: 30px 0;
	height: auto;
	line-height: 30px;
	text-align: center;
	font-size: 13px;
}