/* ========================================

Theme: sub-page Theme
Version: 1.0
Copyright of Vidal Themes

CONTENTS

01.	Text
02.	Color scheme
03.	Backgrounds
04.	Headers
05.	Footers
06.	Sidebars
07.	Nav
08.	Mobile Nav
09.	Accordion
10.	Alerts
11.	Animation
12.	Blog
13.	Buttons
14.	Draws
15.	Hero Unit
16.	Icon Boxes
17.	Maps
18.	Modal
19.	Notices
20.	Overlays
21.	Parallax
22.	Isotope
23.	Preloaders
24.	Pricing
25.	Promo Boxes
26.	Sliders
27.	Social Networks
28.	Tabs
29.	Tags
30.	Team
31.	Testimonial
32.	Video
33.	Forms

======================================== */
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,900,700italic,900italic|Source+Sans+Pro:400,900italic,900,700italic,700,600italic,600,400italic,300italic,300,200italic,200);
/* ========================================
01. Text
======================================== */
html {
		font-size: 15px;
}

body {
		color: #909090;
		font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
		line-height: 1.65;
		-webkit-font-smoothing: antialiased;
}

@media (max-width: 48em) {
		html {
				font-size: 14px;
		}
}
@media (max-width: 34em) {
		html {
				font-size: 13px;
		}
}
h1 {
		font-size: 3rem;
}

h2 {
		font-size: 2.6rem;
}

h3 {
		font-size: 2.2rem;
}

h4 {
		font-size: 1.8rem;
}

h5 {
		font-size: 1.4rem;
}

h6 {
		font-size: 1rem;
}

.font-size-h1 {
		font-size: 3rem;
}

.font-size-h2 {
		font-size: 2.6rem;
}

.font-size-h3 {
		font-size: 2.2rem;
}

.font-size-h4 {
		font-size: 1.8rem;
}

.font-size-h5 {
		font-size: 1.4rem;
}

.font-size-h6 {
		font-size: 1rem;
}

.font-size-lrg {
		font-size: 3.7rem;
}

.font-size-xlrg {
		font-size: 4rem;
}

.font-size-xxlrg {
		font-size: 4.3rem;
}

h1, h2, h3, h4, h5, h6 {
		margin: 0 0 1.5rem 0;
		color: #303030;
		font-weight: 300;
		font-family: "Lato", Helvetica, Arial, sans-serif;
		line-height: 1;
		text-rendering: optimizeLegibility;
}

p {
		margin: 0 0 1.5rem 0;
}

.link {
		color: #000000;
		text-decoration: none;
		-webkit-transition-duration: 350ms;
				transition-duration: 350ms;
		-webkit-transition-property: color;
		transition-property: color;
}
.link:hover {
		color: #909090;
}

.special-font {
		font-size: inherit;
		font-family: "Mr Dafoe", Helvetica, Arial, sans-serif;
}

.list {
		margin-left: 0;
		padding: 0;
		list-style-type: none;
}
.list--bulleted {
		margin-left: 17px;
		list-style-type: disc;
}
.list--numbered {
		margin-left: 17px;
		list-style-type: decimal;
}
.list__item--inline {
		display: inline;
}
.list__item--inline-block {
		display: inline-block;
}

.blockquote {
		position: relative;
		font-style: italic;
		font-size: 120%;
}
.blockquote:before {
		position: absolute;
		left: -40px;
		height: 100%;
		border-left: 4px solid #afafaf;
		content: "";
}
.blockquote-source {
		font-weight: 700;
}

.table {
		width: 100%;
		border-collapse: collapse;
}
.table td, .table th {
		padding: 10px;
		border: 1px solid #6a1655;
}

.text-decor {
		display: inline-block;
		margin-right: 4px;
		width: 1rem;
		height: 1rem;
		background-color: #a3438b;
}

/* ========================================
02. Colour Scheme
======================================== */
.background-color-1 {
		background-color: #909090;
}

.background-color-2 {
		background-color: #303030;
}

.background-color-3 {
		background-color: #a3438b;
}

.background-color-4 {
		background-color: #6a1655;
}

.background-color-5 {
		background-color: #7a446d;
}

.background-color-6 {
		background-color: #D175BA;
}

.background-color-7 {
		background-color: #D18DC0;
}

.background-color-8 {
		background-color: #CF556B;
}

.background-color-9 {
		background-color: #000000;
}

.background-color-10 {
		background-color: rgba(255,255,255,0);
}

.background-color-11 {
		background-color: #f8f8fa;
}

.background-color-12 {
		background-color: #e5e6eb;
}

.background-color-13 {
		background-color: #c0c2ce;
}

.background-color-14 {
		background-color: #afafaf;
}

.border-color-1 {
		border-color: #909090;
}

.border-color-2 {
		border-color: #303030;
}

.border-color-3 {
		border-color: #a3438b;
}

.border-color-4 {
		border-color: #6a1655;
}

.border-color-5 {
		border-color: #7a446d;
}

.border-color-6 {
		border-color: #D175BA;
}

.border-color-7 {
		border-color: #D18DC0;
}

.border-color-8 {
		border-color: #CF556B;
}

.border-color-9 {
		border-color: #000000;
}

.border-color-10 {
		border-color: #ffffff;
}

.border-color-11 {
		border-color: #f8f8fa;
}

.border-color-12 {
		border-color: #e5e6eb;
}

.border-color-13 {
		border-color: #c0c2ce;
}

.border-color-14 {
		border-color: #afafaf;
}

.text-color-1 {
		color: #909090;
}

.text-color-2 {
		color: #303030;
}

.text-color-3 {
		color: #a3438b;
}

.text-color-4 {
		color: #6a1655;
}

.text-color-5 {
		color: #7a446d;
}

.text-color-6 {
		color: #D175BA;
}

.text-color-7 {
		color: #D18DC0;
}

.text-color-8 {
		color: #CF556B;
}

.text-color-9 {
		color: #000000;
}

.text-color-10 {
		color: #ffffff;
}

.text-color-11 {
		color: #f8f8fa;
}

.text-color-12 {
		color: #e5e6eb;
}

.text-color-13 {
		color: #c0c2ce;
}

.text-color-14 {
		color: #afafaf;
}

.filter {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		opacity: 0.7;
}

/* ========================================
03. Backgrounds
======================================== */


.sub-header-banner-1 {
		background: url(../img/subpages/sub-header__banner-1.jpg);
}
.sub-header-banner-chimeneas{
		background: url(../img/productos/chimeneas.jpg);
}
.sub-header-banner-altar{
		background: url(../img/proyectos/altar/altarppl.jpg);
}
.sub-header-banner-columnas{
		background: url(../img/proyectos/columnas/columnasppl.jpg);
}

.sub-header-banner-basilica{
		background: url(../img/proyectos/basilica/relojppl.jpg);
}
.sub-header-banner-donantes{
		background: url(../img/proyectos/donantes/donantesppl.jpg);
}
.sub-header-banner-montecarlo{
		background: url(../img/proyectos/montecarlo/montecarloppl.jpg);
}
.sub-header-banner-coloraos{
		background: url(../img/proyectos/monumento/monumentoppl.jpg);
}
.sub-header-banner-lapiedad{
		background: url(../img/proyectos/piedad/piedadppl.jpg);
}
.sub-header-banner-plaza{
		background: url(../img/proyectos/plaza/plazappl.jpg);
}
.sub-header-banner-fuente2{
		background: url(../img/proyectos/fuentenueva/ppal.jpg);
}

.sub-header-banner-cesar{
		background: url(../img/proyectos/cesaraugusto/cesarppl.jpg);
}
.sub-header-banner-mausoleo{
		background: url(../img/proyectos/mausoleo/2.jpg);
}
.sub-header-banner-iglesia{
		background: url(../img/proyectos/iglesia/iglesiappl.jpg);
}
.sub-header-banner-fuente{
		background: url(../img/proyectos/fuente/fuenteppl.jpg);
}
.sub-header-banner-centro{
		background: url(../img/proyectos/centrobudista/ppl.jpg);
}
.sub-header-banner-contacto{
		background: url(../img/general/principalcontacto.png);
}
.sub-header-banner-materiales{
		background: url(../img/materiales/materialesprincipal.jpg);
}
.sub-header-banner-bano{
		background: url(../img/productos/bano.jpg);
}
.sub-header-banner-balaustradas{
		background: url(../img/productos/balaustradas.jpg);
}
.sub-header-banner-jardin{
		background: url(../img/productos/jardin.jpg);
}
.sub-header-banner-soleria{
		background: url(../img/productos/soleria.jpg);
}
.sub-header-banner-asesoramiento{
		background: url(../img/asesoramiento/asesoramiento1.jpg);
}
.sub-header-banner-proyectos{
		background: url(../img/architect/architect__slider-image-1.jpg);
}
.sub-header-banner-decoracion{
		background: url(../img/productos/decoracion.jpg);
}
.sub-header-banner-2 {
		background: url(../img/empresa/donatonigrande.jpg);
}

.icon-box__background-image-1 {
		background: url(../img/subpages/sub-page__icon-box-background-1.jpg);
}
.icon-box__background-image-2 {
		background: url(../img/subpages/sub-page__icon-box-background-2.jpg);
}

.hero-unit--banner-1 {
		background-image: url(../img/subpages/coming-soon__hero-banner-1.jpg);
}
.hero-unit--banner-2 {
		background-image: url(../img/subpages/login__hero-banner-1.jpg);
}
.hero-unit--banner-3 {
		background-image: url(../img/subpages/404__hero-banner-1.jpg);
}
.hero-unit--banner-4 {
		background-image: url(../img/general/flagstone-banner.jpg);
}

.split-hero-unit--banner-1:before {
		background-image: url(../img/empresa/expo1.jpg);
}

.split-hero-unit--banner-1:after {
		background-image: url(../img/empresa/expo2.jpg);
}


.parallax--banner-1 {
		background-image: url(../img/subpages/parallax-demo-1.jpg);
}
.parallax--banner-2 {
		background-image: url(../img/subpages/parallax-demo-2.jpg);
}

/* ========================================
04. Headers
======================================== */
.primary-header {
		border-bottom: 0;
}
.primary-header.primary-header--resized {
		/*background-color: #303030;*/
}
.primary-header.primary-header--resized .border-bottom {
		display: none;
}
.primary-header.primary-header--resized .utility-bar-toggle {
		border-left: 1px solid rgba(144, 144, 144, 0.2);
}

@media (max-width: 64em) {
		.primary-header {
				background-color: #303030;
		}
}
.utility-bar {
		position: absolute;
		top: 100%;
		right: 0;
		visibility: hidden;
		overflow: hidden;
		padding: 0 15px 0 15px;
		width: 100%;
		line-height: 100%;
		opacity: 0;
		-webkit-transition-duration: 400ms;
				transition-duration: 400ms;
		-webkit-transition-property: visibility, opacity, -webkit-transform;
		transition-property: visibility, opacity, -webkit-transform;
		transition-property: transform, visibility, opacity;
		transition-property: transform, visibility, opacity, -webkit-transform;
		-webkit-transform: rotateX(90deg) perspective(500px);
				transform: rotateX(90deg) perspective(500px);
		-webkit-transform-origin: top;
				transform-origin: top;
}
.utility-bar__inner {
		position: relative;
		overflow: hidden;
		padding: 15px 0;
		width: 100%;
		height: 100%;
		border-top: 1px solid rgba(255, 255, 255, 0.2);
		background-color: #303030;
}
.utility-bar-toggle {
		position: absolute;
		right: -15px;
		padding-left: 15px;
		height: 100px;
		color: #ffffff;
		line-height: 100px;
		cursor: pointer;
}
.utility-bar-toggle i:before {
		-webkit-transition-duration: 400ms;
				transition-duration: 400ms;
		-webkit-transition-property: color, -webkit-transform;
		transition-property: color, -webkit-transform;
		transition-property: color, transform;
		transition-property: color, transform, -webkit-transform;
}
.utility-bar-toggle:hover i:before {
		color: #ffffff;
}
.utility-bar-toggle__active:before {
		color: #ffffff;
		-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
}
.utility-bar__input, .utility-bar__submit-button {
		height: 35px;
		border: none;
		background: transparent;
		line-height: 35px;
		-webkit-appereance: none;
}
.utility-bar__input {
		position: relative;
		width: 100%;
		border-bottom: 1px solid #909090;
		color: #ffffff;
}
.utility-bar__input:focus {
		outline: 0;
}
.utility-bar__submit-button {
		position: absolute;
		top: 0;
		right: 15px;
		padding-right: 0;
		color: #909090;
		font-size: 22px;
		-webkit-transition-duration: 400ms;
				transition-duration: 400ms;
		-webkit-transition-property: color;
		transition-property: color;
}
.utility-bar__submit-button:focus {
		outline: 0;
}
.utility-bar__submit-button:hover {
		color: #ffffff;
}

.submenu-open.utility-bar {
		visibility: visible;
		opacity: 1;
		-webkit-transform: rotateX(0deg);
				transform: rotateX(0deg);
}

@media (max-width: 64em) {
		.utility-bar {
				position: relative;
				visibility: hidden;
				width: 100%;
				height: 100px;
				background-color: #ffffff;
				opacity: 0;
				-webkit-transform: none;
						transform: none;
		}
		.utility-bar [class*="column-"] {
				padding: 0;
		}
		.utility-bar__inner {
				margin-top: 20px;
				padding: 0 0 15px;
				border-top: 1px solid #303030;
				background-color: #ffffff;
		}
		.utility-bar__inner .social-icon {
				margin-top: 10px;
				background-color: #303030;
				color: #ffffff;
		}
		.utility-bar__inner .social-icon:hover {
				background-color: #303030;
		}
		.utility-bar-toggle {
				display: none;
		}
		.utility-bar__input {
				border-bottom: 1px solid #303030;
				border-radius: 0;
				color: #909090;
		}
		.utility-bar__submit-button {
				right: 0;
		}

		.mobile-nav-slide-in .utility-bar {
				top: 0;
				left: 0;
				visibility: visible;
				opacity: 1;
		}
}
@media (max-width: 48em) {
		.utility-bar [class*="column-"] {
				padding: 0;
				text-align: center;
		}
}
.sub-header {
		height: 650px;
		background-position: 0%, 20%, 20%;
		background-size: cover;
}

.sub-header .grid-container {
		position: relative;
		top: 50%;
		padding-top: 100px;
		-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
}

.border-bottom {
		position: relative;
		bottom: 0;
		display: block;
		float: right;
		width: 100%;
		height: 1px;
		border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
}

/* ========================================
05. Footers
======================================== */
.social-icon {
		display: inline-block;
		width: 30px;
		height: 30px;
		background-color: #909090;
		color: #303030;
		vertical-align: top;
		text-align: center;
		font-size: 19px;
		line-height: 30px;
		
		-webkit-transition-duration: 350ms;
				transition-duration: 350ms;
		-webkit-transition-property: background-color;
		transition-property: background-color;
}
.social-icon:hover {
		background-color: #ffffff;
		opacity: .9;
}

.copyright {
		float: left;
		clear: both;
		margin-bottom: 1.5rem;
		width: 100%;
		color: #909090;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 8px;
}

.back-to-top--floating {
		position: fixed;
		right: 30px;
		bottom: 30px;
		width: 40px;
		height: 40px;
		border: 1px solid rgba(144, 144, 144, 0.6);
		background-color: rgba(48, 48, 48, 0.6);
		color: #ffffff;
		text-align: center;
		font-size: 22px;
		line-height: 40px;
}


/* ========================================
06. Sidebars
======================================== */
.sidebar__block {
		padding-bottom: 1.5rem;
}

/* ========================================
07. Nav
======================================== */
.primary-header--fixed-nav {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
}

.desktop-nav .nav, .desktop-nav .is-submenu {
		margin: 0;
		padding: 0;
		list-style-type: none;
}

.desktop-nav .is-submenu, .desktop-nav .is-megamenu {
		visibility: hidden;
		opacity: 0;
}

.desktop-nav .has-submenu:hover > .is-submenu, .desktop-nav .has-submenu:hover > .is-megamenu, .desktop-nav .has-submenu:hover > .is-megamenu .is-submenu, .desktop-nav .has-megamenu:hover > .is-submenu, .desktop-nav .has-megamenu:hover > .is-megamenu, .desktop-nav .has-megamenu:hover > .is-megamenu .is-submenu {
		visibility: visible;
		opacity: 1;
}

.desktop-nav .is-submenu, .desktop-nav .is-megamenu {
		-webkit-transition-duration: 350ms;
				transition-duration: 350ms;
		-webkit-transition-property: background-color, opacity, visibility;
		transition-property: background-color, opacity, visibility;
		-webkit-transition-timing-function: ease-in-out;
				transition-timing-function: ease-in-out;
}

.desktop-nav {
		z-index: 1000;
}
.desktop-nav .nav-item {
		position: relative;
		display: inline;
		float: left;
		text-align: center;
		line-height: 100px;
}
.desktop-nav .nav-item:last-child .is-submenu .is-submenu {
		right: 100%;
		left: auto;
}
.desktop-nav .nav-item a {
		float: left;
		margin: 0 15px 0 15px;
		color: #ffffff;
		text-decoration: none;
		font-weight: 600;
		-webkit-transition-duration: 350ms;
				transition-duration: 350ms;
		-webkit-transition-property: color;
		transition-property: color;
}
.desktop-nav .nav-item a:hover {
		color: #cccccc;
}
.desktop-nav .has-submenu, .desktop-nav .has-megamenu {
		position: relative;
}
.desktop-nav .is-submenu {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 100;
		padding: 20px 0 20px;
		background-color: #303030;
}
.desktop-nav .is-submenu li {
		float: left;
		padding: 0 20px;
		min-width: 180px;
		text-align: left;
}
.desktop-nav .is-submenu li a {
		margin: 0;
		width: 100%;
		line-height: 50px;
}
.desktop-nav .is-submenu .is-submenu {
		top: -20px;
		left: 100%;
}
.desktop-nav .has-megamenu {
		position: inherit;
}
.desktop-nav .is-megamenu {
		position: absolute;
		top: 100%;
		right: 0;
		left: 0;
		margin: 0 auto;
		max-width: 1100px;
}
.desktop-nav .is-megamenu .grid-row {
		margin: 0 15px 0 15px;
		width: inherit;
		background-color: #303030;
}
.desktop-nav .is-megamenu .is-submenu {
		position: relative;
		overflow: hidden;
		background-color: transparent;
}

.pagination {
		padding: 5px 10px 5px;
		background-color: #f8f8fa;
		color: #909090;
		text-decoration: none;
		-webkit-transition-duration: 350ms;
				transition-duration: 350ms;
		-webkit-transition-property: background-color, color;
		transition-property: background-color, color;
		-webkit-transition-timing-function: ease-in-out;
				transition-timing-function: ease-in-out;
}
.pagination:hover, .pagination--selected {
		background-color: #303030;
		color: #ffffff;
}

/* ========================================
08. Mobile Nav
======================================== */
.mobile-nav-toggle {
		display: none;
}

@media (max-width: 64em) {
		.mobile-nav .nav {
				margin: 0;
				padding: 0;
				list-style-type: none;
		}

		.mobile-nav-toggle {
				position: relative;
				z-index: 200;
				display: block;
				overflow: hidden;
				width: 30px !important;
				border: none;
				border-radius: none;
				background-color: transparent;
				box-shadow: none;
				cursor: pointer;
		}
		.mobile-nav-toggle:focus {
				outline: 0;
		}
		.mobile-nav-toggle span {
				position: absolute;
				top: 50%;
				right: 0;
				left: 0;
				display: block;
				height: 2px;
				background: #ffffff;
				-webkit-transition: background 0s 0.3s;
				transition: background 0s 0.3s;
				-webkit-transform: translateY(-50%);
						transform: translateY(-50%);
		}
		.mobile-nav-toggle span:before, .mobile-nav-toggle span:after {
				position: absolute;
				left: 0;
				display: block;
				width: 100%;
				height: 2px;
				background-color: #ffffff;
				content: "";
				-webkit-transition-delay: 0.3s, 0s;
						transition-delay: 0.3s, 0s;
				-webkit-transition-duration: 0.3s, 0.3s;
						transition-duration: 0.3s, 0.3s;
		}
		.mobile-nav-toggle span:before {
				top: -10px;
				-webkit-transition-property: top, -webkit-transform;
				transition-property: top, -webkit-transform;
				transition-property: top, transform;
				transition-property: top, transform, -webkit-transform;
		}
		.mobile-nav-toggle span:after {
				bottom: -10px;
				-webkit-transition-property: bottom, -webkit-transform;
				transition-property: bottom, -webkit-transform;
				transition-property: bottom, transform;
				transition-property: bottom, transform, -webkit-transform;
		}
		.mobile-nav-toggle__is-active span {
				background: none;
		}
		.mobile-nav-toggle__is-active span:before {
				top: 0;
				-webkit-transition-delay: 0s, 0.3s;
						transition-delay: 0s, 0.3s;
				-webkit-transform: rotate(45deg);
						transform: rotate(45deg);
		}
		.mobile-nav-toggle__is-active span:after {
				bottom: 0;
				-webkit-transition-delay: 0s, 0.3s;
						transition-delay: 0s, 0.3s;
				-webkit-transform: rotate(-45deg);
						transform: rotate(-45deg);
		}

		.mobile-nav {
				position: fixed;
				left: -100%;
				float: left;
				overflow: auto;
				margin-top: 70px;
				padding-bottom: 100px;
				width: 50%;
				/*Can be 50% for off canvas nav*/
				height: 100%;
				background-color: #ffffff;
				box-shadow: 9px 0px 21px -12px #303030;
				-webkit-transition-duration: 700ms;
						transition-duration: 700ms;
				-webkit-transition-property: left;
				transition-property: left;
				-webkit-transition-timing-function: ease-in-out;
						transition-timing-function: ease-in-out;
		}
		.mobile-nav .nav {
				position: relative;
				float: left;
				padding: 0 15px 0;
				width: 100%;
		}
		.mobile-nav .nav:before {
				position: relative;
				display: block;
				margin-bottom: 20px;
				width: 100%;
				border-bottom: 1px solid #303030;
				color: #303030;
				content: "Menu";
				font-size: 1.4rem;
		}
		.mobile-nav .nav-item {
				float: left;
				clear: both;
				width: 100%;
				line-height: 50px;
		}
		.mobile-nav .nav-item a {
				color: #303030;
				text-decoration: none;
				font-size: 1.4rem;
		}
		.mobile-nav .is-megamenu [class*="column-"] {
				clear: both;
				padding: 0 15px 0;
				width: 100%;
		}
		.mobile-nav .is-megamenu .is-submenu {
				position: relative;
				float: left;
		}
		.mobile-nav .is-submenu, .mobile-nav .is-megamenu {
				overflow: hidden;
				max-height: 0px;
				-webkit-transition-duration: 500ms;
						transition-duration: 500ms;
				-webkit-transition-property: max-height;
				transition-property: max-height;
				-webkit-transition-timing-function: ease-in-out;
						transition-timing-function: ease-in-out;
		}
		.mobile-nav .is-submenu li a, .mobile-nav .is-megamenu li a {
				font-size: 1rem;
		}
		.mobile-nav .submenu-open > .is-submenu,
		.mobile-nav .submenu-open > .is-megamenu .is-submenu,
		.mobile-nav .submenu-open > .is-megamenu {
				max-height: 2000px;
		}

		.mobile-nav-slide-in {
				left: 0;
		}
}
@media (max-width: 34em) {
		.mobile-nav {
				width: 80%;
		}
}
/* ========================================
09. Accordion
======================================== */
.accordion__header {
		background-color: #f8f8fa;
}
.accordion__header:hover {
		background-color: #dadae5;
}
.accordion__content {
		border: 1px solid #f8f8fa;
}

/* ========================================
10. Alerts
======================================== */
/* ========================================
11. Animations
======================================== */
.demo-block {
		margin-bottom: 10px;
		width: 100%;
		height: 60px;
		border: 1px solid #ccc;
		background-color: #f8f8fa;
		text-align: center;
}
.demo-block h6 {
		margin: 0;
		line-height: 60px;
}

/* ========================================
12. Blog
======================================== */
.blog-teaser:last-of-type {
		margin-bottom: 10px;
		padding-bottom: 100px;
		border-bottom: 1px solid #909090;
}

.blog-image {
		margin: 0;
		width: 100%;
}
.blog-image__caption {
		margin-bottom: 1.5rem;
		padding: 10px 0 10px;
		border-bottom: 1px solid #f8f8fa;
}

.blog-masonry {
		padding: 15px;
		border: 0;
}
.blog-masonry__image {
		float: left;
}
.blog-masonry__meta {
		padding-bottom: 5px;
}
.blog-masonry__meta-list {
		margin-left: 0;
		padding: 0;
}
.blog-masonry__meta-list-item {
		display: inline;
		margin-right: 10px;
		list-style-type: none;
}

/* ========================================
13. Buttons
======================================== */
.button__brand-color-1 {
		background: #a3438b;
}
.button__brand-color-1:hover {
		background: #7f346c;
}
.button__brand-color-1:active {
		background: #491e3e;
}
.button__brand-color-2 {
		background: #6a1655;
}
.button__brand-color-2:hover {
		background: #400d33;
}
.button__brand-color-2:active {
		background: black;
}
.button__brand-color-3 {
		background: #7a446d;
}
.button__brand-color-3:hover {
		background: #593250;
}
.button__brand-color-3:active {
		background: #281624;
}
.button__brand-color-4 {
		background: #D175BA;
}
.button__brand-color-4:hover {
		background: #c44fa7;
}
.button__brand-color-4:active {
		background: #95327c;
}
.button__brand-color-5 {
		background: #D18DC0;
}
.button__brand-color-5:hover {
		background: #c269ac;
}
.button__brand-color-5:active {
		background: #9f4087;
}
.button__brand-color-6 {
		background: #CF556B;
}
.button__brand-color-6:hover {
		background: #bc354d;
}
.button__brand-color-6:active {
		background: #802435;
}
.button__green {
		background: #3dd326;
}
.button__green:hover {
		background: #31a81e;
}
.button__green:active {
		background: #1e6713;
}
.button__amber {
		background: #ffae00;
}
.button__amber:hover {
		background: #cc8b00;
}
.button__amber:active {
		background: #805700;
}
.button__red {
		background: #ed4040;
}
.button__red:hover {
		background: #e41616;
}
.button__red:active {
		background: #9f0f0f;
}
.button__color-1 {
		background: #039BE5;
}
.button__color-1:hover {
		background: #0279b3;
}
.button__color-1:active {
		background: #014667;
}
.button__color-2 {
		background: #0288D1;
}
.button__color-2:hover {
		background: #02679e;
}
.button__color-2:active {
		background: #013653;
}
.button__color-3 {
		background: #0277BD;
}
.button__color-3:hover {
		background: #01578b;
}
.button__color-3:active {
		background: #01283f;
}
.button__color-4 {
		background: #01579B;
}
.button__color-4:hover {
		background: #013b68;
}
.button__color-4:active {
		background: #00101c;
}

/* ========================================
14. Draws
======================================== */
.draw__header {
		background-color: #f8f8fa;
}
.draw__header:hover {
		background-color: #dadae5;
		color: #303030;
}

/* ========================================
15. Hero Unit
======================================== */
.transition-layer {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		visibility: hidden;
		overflow: hidden;
		width: 100%;
		height: 650px;
		opacity: 0;
}
.transition-layer__background {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 2500%;
		height: 100%;
		background: url(../img/subpages/ink.png) no-repeat 0 0;
		background-size: 100% 100%;
		-webkit-transform: translateY(-50%) translateX(-2%);
				transform: translateY(-50%) translateX(-2%);
}
.transition-layer.transition-layer__visible {
		visibility: visible;
		opacity: 1;
}
.transition-layer__opening .transition-layer__background {
		-webkit-animation: cd-sequence 0.8s steps(24);
				animation: cd-sequence 0.8s steps(24);
		-webkit-animation-fill-mode: forwards;
				animation-fill-mode: forwards;
}
.transition-layer__closing .transition-layer__background {
		-webkit-animation: cd-sequence-reverse 0.8s steps(24);
				animation: cd-sequence-reverse 0.8s steps(24);
		-webkit-animation-fill-mode: forwards;
				animation-fill-mode: forwards;
}

.scroll-pointer {
		position: absolute;
		bottom: 0;
		left: 50%;
		z-index: 10;
		width: 75px;
		height: 65px;
		-webkit-transform: translateX(-50%);
				transform: translateX(-50%);
		border-left: 40px solid transparent;
		border-right: 40px solid transparent;
		border-bottom: 50px solid #ffffff;
}
.scroll-pointer:after {
		position: absolute;
		left: 50%;
		z-index: 100;
		margin-top: 20px;
		color: #303030;
		content: "\f3d0";
		font-size: 22px;
		font-family: "Ionicons";
		-webkit-transform: translateX(-50%);
				transform: translateX(-50%);
		-webkit-animation: mouse-down 2.5s linear infinite;
				animation: mouse-down 2.5s linear infinite;
}

/* ========================================
16. Icon Boxes
======================================== */
.icon-box__icon {
		font-size: 3rem;
}
.icon-box--bordered {
		border: 1px solid #e5e6eb;
}

/* ========================================
17. Maps
======================================== */
/* ========================================
18. Modal
======================================== */
.modal {
		background-color: rgba(255, 255, 255, 0.95);
}

/* ========================================
19. Notices
======================================== */
.countdown {
		display: block;
}
.countdown__style-1 .countdown-section {
		margin-right: 20px;
		color: #ffffff;
		font-weight: 300;
		font-size: 2rem;
}
.countdown__style-1 .countdown-section:after {
		margin-left: 20px;
		border-right: 1px solid #ffffff;
		content: '';
}
.countdown__style-1 .countdown-section:last-child:after {
		border: 1px solid transparent;
		margin-left: 0px;
}
.countdown__style-1 .countdown-section .countdown-amount {
		padding-right: 10px;
}
.countdown__style-2 {
		float: left;
		margin-bottom: 40px;
		padding-bottom: 20px;
		width: 100%;
		border-top: 1px solid rgba(144, 144, 144, 0.5);
		border-bottom: 1px solid rgba(144, 144, 144, 0.5);
}
.countdown__style-2 .countdown-section {
		float: left;
		width: 25%;
		text-align: center;
}
.countdown__style-2 .countdown-amount {
		display: block;
		float: left;
		width: 100%;
		font-size: 3rem;
}
.countdown__style-2 .countdown-period {
		float: left;
		clear: both;
		width: 100%;
		color: #a3438b;
}

/* ========================================
20. Overlays
======================================== */
.homepage-preview {
		box-shadow: 0px 0px 5px 0px rgba(248, 248, 250, 0.75);
}

.overlay__background {
		background-color: rgba(255, 255, 255, 0.95);
}

/* ========================================
21. Parallax
======================================== */
/* ========================================
22. Isotope
======================================== */
.isotope-filters-button, .isotope-filters-button--masonry {
		display: inline-block;
		padding: 20px 20px 0 0;
		cursor: pointer;
		-webkit-transition-duration: 500ms;
				transition-duration: 500ms;
		-webkit-transition-property: background-color, color;
		transition-property: background-color, color;
		-webkit-transition-timing-function: ease-in-out;
				transition-timing-function: ease-in-out;
}
.isotope-filters-button:hover, .isotope-filters-button--masonry:hover {
		background-color: transparent;
		color: #303030;
}
.isotope-filters-button__selected, .isotope-filters-button__selected--masonry, .isotope-filters-button--masonry__selected, .isotope-filters-button--masonry__selected--masonry {
		background-color: transparent;
		color: #303030;
}

.isotope-height-1 {
		height: 400px;
}

.isotope-height-2 {
		height: 800px;
}

/* ========================================
23. Preloaders
======================================== */
/* ========================================
24. Pricing
======================================== */
.pricing-column__price-amount {
		font-size: 1.7rem;
}

/* ========================================
25. Promo Boxes
======================================== */
.promo-box {
		text-align: center;
}

/* ========================================
26. Sliders
======================================== */
.ensemble-slideshow__pager--alt {
		display: inline-block;
		margin-left: 50%;
		-webkit-transform: translateX(-50%);
				transform: translateX(-50%);
}
.ensemble-slideshow__pager--alt .ensemble-slideshow__pager-item {
		background-color: #f8f8fa;
}
.ensemble-slideshow__pager--alt .ensemble-slideshow__pager-item-active {
		background-color: #303030;
}
.ensemble-slideshow__pager--style-1 .ensemble-slideshow__pager-item {
		display: inline-block;
		margin-right: 1px;
		background-color: #f8f8fa;
}
.ensemble-slideshow__pager--style-1 .ensemble-slideshow__pager-item-active, .ensemble-slideshow__pager--style-1 .ensemble-slideshow__pager-item:hover {
		background-color: #303030;
}

/* ========================================
27. Social Networks
======================================== */
/* ========================================
28. Tabs
======================================== */
/* ========================================
29. Tags
======================================== */
/* ========================================
30. Team
======================================== */
.profile__sharing-links--alt {
		position: absolute;
		top: 10px;
		right: 10px;
		width: 22px;
		height: 22px;
		text-align: center;
		font-size: 16px;
		line-height: 22px;
		-webkit-transition-duration: 350ms;
				transition-duration: 350ms;
		-webkit-transition-property: background-color, color;
		transition-property: background-color, color;
}
.profile__sharing-link {
		margin-bottom: 2px;
		background-color: #f8f8fa;
		color: #303030;
}
.profile__sharing-link:hover {
		background-color: #303030;
		color: #ffffff;
}

/* ========================================
31. Testimonials
======================================== */
/* ========================================
32. Video
======================================== */
/* ========================================
32. Forms
======================================== */
.mailchimp-signup {
		position: relative;
		float: left;
		width: 100%;
}
.mailchimp-signup__input {
		padding-left: 10px;
		width: 100%;
		height: 40px;
		background: transparent;
		color: #909090;
		line-height: 1;
		-webkit-transition-duration: 350ms;
				transition-duration: 350ms;
		-webkit-transition-property: background-color, color;
		transition-property: background-color, color;
		-webkit-appearance: none;
}
.mailchimp-signup__input-dark {
		border: 1px solid #909090;
}
.mailchimp-signup__input-dark:focus {
		background-color: #f8f8fa;
}
.mailchimp-signup__input-light {
		border: 1px solid #909090;
}
.mailchimp-signup__input-light:focus {
		background-color: #ffffff;
}
.mailchimp-signup__input:focus {
		outline: 0;
}
.mailchimp-signup__input--hidden {
		position: absolute;
		left: -10000px;
}
.mailchimp-signup__input--submit {
		position: absolute;
		top: 0;
		right: 0;
		height: 40px;
		line-height: 1;
}
.mailchimp-signup__input--submit-dark {
		border: 1px solid #303030;
		background-color: #303030;
}
.mailchimp-signup__input--submit-dark:hover {
		background-color: #ffffff;
		color: #303030;
}
.mailchimp-signup__input--submit-light {
		border: 1px solid #909090;
		background-color: #909090;
}
.mailchimp-signup__input--submit-light:hover {
		background-color: #303030;
		color: #909090;
}