/* =Background Image Properties
-------------------------------------------------------------- */

.quadro-mod.bgimg-true.bgimg-hpos-center {
	background-position-x: center;
}

.quadro-mod.bgimg-true.bgimg-hpos-left {
	background-position-x: left;
}

.quadro-mod.bgimg-true.bgimg-hpos-right {
	background-position-x: right;
}

.quadro-mod.bgimg-true.bgimg-vpos-center {
	background-position-y: center;
}

.quadro-mod.bgimg-true.bgimg-vpos-top {
	background-position-y: top;
}

.quadro-mod.bgimg-true.bgimg-vpos-bottom {
	background-position-y: bottom;
}

.quadro-mod.bgimg-true.bgimg-repeat-no-repeat {
	background-repeat: no-repeat !important;
}

.quadro-mod.bgimg-true.bgimg-repeat-repeat {
	background-repeat: repeat !important;
}

.quadro-mod.bgimg-true.bgimg-repeat-repeat-x {
	background-repeat: repeat-x !important;
}

.quadro-mod.bgimg-true.bgimg-repeat-repeat-y {
	background-repeat: repeat-y !important;
}

.quadro-mod.bgimg-true.bgimg-size-cover {
	background-size: cover !important;
}

.quadro-mod.bgimg-true.bgimg-size-auto {
	background-size: auto !important;
}

.quadro-mod.bgimg-true.bgimg-size-contain {
	background-size: contain !important;
}


/* =Dividers
-------------------------------------------------------------- */

/* Solid */
.quadro-mod.divider-top-solid {
	border-top: 1px solid;
}

.quadro-mod.divider-bottom-solid {
	border-bottom: 1px solid;
}

.quadro-mod.divider-top-solid-thick {
	border-top: 3px solid;
}

.quadro-mod.divider-bottom-solid-thick {
	border-bottom: 3px solid;
}

/* Dotted */
.quadro-mod.divider-top-dotted {
	border-top: 1px dotted;
}

.quadro-mod.divider-bottom-dotted {
	border-bottom: 1px dotted;
}

.quadro-mod.divider-top-dotted-thick {
	border-top: 5px dotted;
}

.quadro-mod.divider-bottom-dotted-thick {
	border-bottom: 5px dotted;
}

/* Dashed */
.quadro-mod.divider-top-dashed {
	border-top: 1px dashed;
}

.quadro-mod.divider-bottom-dashed {
	border-bottom: 1px dashed;
}

.quadro-mod.divider-top-dashed-thick {
	border-top: 3px dashed;
}

.quadro-mod.divider-bottom-dashed-thick {
	border-bottom: 3px dashed;
}

/* Double */
.quadro-mod.divider-top-double {
	border-top: 4px double;
}

.quadro-mod.divider-bottom-double {
	border-bottom: 4px double;
}

.quadro-mod.divider-top-double-thick {
	border-top: 8px double;
}

.quadro-mod.divider-bottom-double-thick {
	border-bottom: 8px double;
}

/* SVG Dividers */
.mod-divider {
	position: absolute;
		left: 50%;
		/*right: 0;*/
	width: 100%;
	min-width: 1000px;
	text-align: center;
	line-height: 1;
	pointer-events: none;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	z-index: 9;
}

	@media only screen and (min-width: 1025px) {
		.header-layout6 .mod-divider {
			padding-left: 360px !important;
		}
	}

.mod-top-divider {
		top: 0;
	transform: translateX(-50%) scaleY(-1);
	-webkit-transform: translateX(-50%) scaleY(-1);
	-moz-transform: translateX(-50%) scaleY(-1);
	-o-transform: translateX(-50%) scaleY(-1);
	-ms-transform: translateX(-50%) scaleY(-1);
}

.mod-bottom-divider {
		bottom: 0;
}

.mod-divider svg {
	display: block;
	fill: red;
}

/* Some of the SVG dividers used are inspired by this Codrops Article. Thanks!
https://tympanus.net/codrops/2013/10/03/a-collection-of-separator-styles/
*/

/* Other Dividers */
.mod-divider .divider-shadow {
	display: block;
	position: relative;
	width: 100%;
}

	.mod-divider .divider-shadow:before {
		display: block;
		content: "";
		position: absolute;
			top: 0;
			left: 0;
			right: 0;
		height: 30px;
		box-shadow: 0 0 60px rgba(0,0,0,.3);
	}

.mod-divider .divider-shadow-strong {
	display: block;
	position: relative;
	width: 100%;
}

	.mod-divider .divider-shadow-strong:before {
		display: block;
		content: "";
		position: absolute;
			top: 0;
			left: 0;
			right: 0;
		height: 30px;
		box-shadow: 0 0 60px rgba(0,0,0,.7);
	}

.mod-divider .divider-small-dot {
	display: inline-block;
	width: 5px;
	height: 5px;
	margin: 0 5px;
	background: #000;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.mod-divider .divider-big-dot {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 0 8px;
	background: #000;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.mod-divider .divider-square {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 0 8px;
	background: #000;
}

.mod-divider .divider-diamond {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 0 8px;
	background: #000;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.mod-divider .divider-line {
	display: block;
	width: 280px;
	height: 1px;
	margin: 0 auto;
	background: #000;
}

.mod-divider .divider-thick-line {
	display: block;
	width: 280px;
	height: 4px;
	margin: 0 auto;
	background: #000;
}

.mod-divider .divider-double-line {
	display: block;
	width: 160px;
	height: 2px;
	margin: 0 auto;
	background: #000;
}

	.mod-divider .divider-double-line:first-of-type {
		margin-bottom: 30px;
	}

.mod-divider .divider-dashed-line {
	display: inline-block;
	width: 40px;
	height: 2px;
	margin: 0 10px;
	background: #000;
}

/*.mod-divider .divider-tip {
	display: inline-block;
	width: 0;
	height: 0;
	margin: 0 2px;
	background: none !important;
	border-right: 10px solid transparent;
	border-bottom: 10px solid;
	border-left: 10px solid transparent;
}*/

.divider-fancy-1 span,
.divider-fancy-2 span {
	display: inline-block;
	margin: 0 10px;
	vertical-align: middle;
}

	.divider-fancy-1 .fancy-1-line,
	.divider-fancy-2 .fancy-2-line {
		width: 140px;
		height: 1px;
		background: #000;
	}

	.divider-fancy-1 .fancy-1-dot,
	.divider-fancy-2 .fancy-2-dot {
		width: 5px;
		height: 5px;
		background: #000;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}

.divider-fancy-3 {
	display: block;
	position: relative;
	width: 220px;
	height: 18px;
	margin: 0 auto;
}

	.divider-fancy-3 span {
		position: absolute;
	}

	.divider-fancy-3 .fancy-3-dot {
		width: 10px;
		height: 10px;
		background: #000;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}

		.divider-fancy-3 .fancy-3-dot:first-child {
				top: 0;
				right: 0;
			-webkit-border-bottom-left-radius: 0;
			-moz-border-radius-bottomleft: 0;
			border-bottom-left-radius: 0;
		}

		.divider-fancy-3 .fancy-3-dot:last-child {
				bottom: 0;
				left: 0;
			-webkit-border-top-right-radius: 0;
			-moz-border-radius-topright: 0;
			border-top-right-radius: 0;
		}

	.divider-fancy-3 .fancy-3-line {
			top: 8px;
			left: 5px;
		width: 210px;
		height: 2px;
		background: #000;
	}

.fancy-4-line {
	display: inline-block;
	width: 20px;
	height: 2px;
	margin: 0;
	background: #000;
	transform: rotate(60deg);
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
}

.fancy-5-line {
	display: inline-block;
	width: 20px;
	height: 2px;
	margin: 0;
	background: #000;
	transform: rotate(300deg);
	-webkit-transform: rotate(300deg);
	-moz-transform: rotate(300deg);
	-o-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
}

.mod-divider .divider-vertical-line-1 {
	display: block;
	width: 1px;
	height: 160px;
	margin: 0 auto;
	background: #000;
}

.mod-divider .divider-vertical-line-2 {
	display: block;
	width: 1px;
	height: 80px;
	margin: 0 auto;
	background: #000;
}

.mod-divider .divider-vertical-line-3 {
	display: block;
	width: 3px;
	height: 160px;
	margin: 0 auto;
	background: #000;
}

.mod-divider .divider-vertical-line-4 {
	display: block;
	width: 3px;
	height: 80px;
	margin: 0 auto;
	background: #000;
}

.mod-divider .divider-line-arrow-1,
.mod-divider .divider-line-arrow-2,
.mod-divider .divider-line-arrow-3 {
	position: relative;
	height: 120px;
	width: 120px;
	margin: 0 auto;
}

	.mod-divider .divider-line-arrow-1a,
	.mod-divider .divider-line-arrow-2a,
	.mod-divider .divider-line-arrow-3a {
		display: block;
		width: 1px;
		height: 120px;
		margin: 0 auto;
		background: #000;
	}

	.mod-divider .divider-line-arrow-2a {
		width: 5px;
	}

	.mod-divider .divider-line-arrow-3a {
		width: 10px;
	}

	.mod-divider .divider-line-arrow-1b,
	.mod-divider .divider-line-arrow-1c,
	.mod-divider .divider-line-arrow-2b,
	.mod-divider .divider-line-arrow-2c,
	.mod-divider .divider-line-arrow-3b,
	.mod-divider .divider-line-arrow-3c {
		display: block;
		position: absolute;
			top: -1px;
			left: 0;
		width: 60px;
		height: 1px;
		background: #000;
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		transform-origin: top right;
	}

	.mod-divider .divider-line-arrow-1c,
	.mod-divider .divider-line-arrow-2c,
	.mod-divider .divider-line-arrow-3c {
			left: auto;
			right: 0;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		transform-origin: top left;
	}

	.mod-divider .divider-line-arrow-2b,
	.mod-divider .divider-line-arrow-2c {
			top: -3px;
		height: 5px;
	}

	.mod-divider .divider-line-arrow-3b,
	.mod-divider .divider-line-arrow-3c {
			top: -8px;
		height: 10px;
	}

.mod-divider .divider-chevron-1,
.mod-divider .divider-chevron-2,
.mod-divider .divider-chevron-3 {
	position: relative;
	height: 45px;
	width: 120px;
	margin: 0 auto;
}

	.mod-divider .divider-chevron-1a,
	.mod-divider .divider-chevron-1b,
	.mod-divider .divider-chevron-2a,
	.mod-divider .divider-chevron-2b,
	.mod-divider .divider-chevron-3a,
	.mod-divider .divider-chevron-3b {
		display: block;
		position: absolute;
			top: 0;
			left: 0;
		width: 60px;
		height: 1px;
		background: #000;
		-ms-transform: rotate(-35deg);
		-webkit-transform: rotate(-35deg);
		transform: rotate(-35deg);
		transform-origin: top right;
	}

	.mod-divider .divider-chevron-1b,
	.mod-divider .divider-chevron-2b,
	.mod-divider .divider-chevron-3b {
			left: auto;
			right: 0;
		-ms-transform: rotate(35deg);
		-webkit-transform: rotate(35deg);
		transform: rotate(35deg);
		transform-origin: top left;
	}

	.mod-divider .divider-chevron-2a,
	.mod-divider .divider-chevron-2b {
		height: 5px;	
	}

	.mod-divider .divider-chevron-3a,
	.mod-divider .divider-chevron-3b {
		height: 10px;
	}


/* =Split Background
-------------------------------------------------------------- */
.splitbg {
	position: absolute;
	background-position: center;
	background-size: cover;
}

.splitbg-layout1 .splitbg {
		top: 0;
		bottom: 0;
		left: 0;
	width: 50%;
}

.splitbg-layout2 .splitbg {
		top: 0;
		right: 0;
		bottom: 0;
	width: 50%;
}

.splitbg-layout3 .splitbg {
		top: 0;
		right: 0;
		left: 0;
	height: 50%;
}

.splitbg-layout4 .splitbg {
		right: 0;
		bottom: 0;
		left: 0;
	height: 50%;
}

.splitbg-layout5 .splitbg {
		top: 0;
		bottom: 0;
		left: 0;
	width: 30%;
}

.splitbg-layout6 .splitbg {
		top: 0;
		right: 0;
		bottom: 0;
	width: 30%;
}

.splitbg-layout7 .splitbg {
		top: 50%;
		left: 0;
		bottom: 0;
	width: 55%;
	height: 150%;
	transform: rotate(-10deg) translateY(-50%);
	-webkit-transform: rotate(-10deg) translateY(-50%);
	-moz-transform: rotate(-10deg) translateY(-50%);
	-o-transform: rotate(-10deg) translateY(-50%);
	-ms-transform: rotate(-10deg) translateY(-50%);
}

.splitbg-layout8 .splitbg {
		top: 50%;
		right: 0;
		bottom: 0;
	width: 55%;
	height: 150%;
	transform: rotate(10deg) translateY(-50%);
	-webkit-transform: rotate(10deg) translateY(-50%);
	-moz-transform: rotate(10deg) translateY(-50%);
	-o-transform: rotate(10deg) translateY(-50%);
	-ms-transform: rotate(10deg) translateY(-50%);
}

.splitbg-layout9 .splitbg {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	width: 50%;
	min-width: 400px;
	height: 60%;
	margin: auto;
}

.splitbg-layout10 .splitbg {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	width: 50%;
	min-width: 400px;
	margin: auto;
}

.splitbg-layout11 .splitbg {
		top: 0;
		bottom: 0;
		left: 50%;
	width: 700px;
	height: 700px;
	margin: auto;
	transform: rotate(45deg) translateX(-50%);
	-webkit-transform: rotate(45deg) translateX(-50%);
	-moz-transform: rotate(45deg) translateX(-50%);
	-o-transform: rotate(45deg) translateX(-50%);
	-ms-transform: rotate(45deg) translateX(-50%);
	transform-origin: center left;
}

.splitbg-layout12 .splitbg {
		top: 0;
		bottom: 0;
		left: 50%;
	width: 800px;
	height: 800px;
	margin: auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.splitbg-layout13 .splitbg {
		top: -250px;
		left: -250px;
	width: 500px;
	height: 500px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.splitbg-layout14 .splitbg {
		top: -250px;
		right: -250px;
	width: 500px;
	height: 500px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.splitbg-layout15 .splitbg {
		right: -250px;
		bottom: -250px;
	width: 500px;
	height: 500px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.splitbg-layout16 .splitbg {
		bottom: -250px;
		left: -250px;
	width: 500px;
	height: 500px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.splitbg-layout17 .splitbg {
		top: 0;
		left: 0;
	width: 50%;
	height: 50%;
}

.splitbg-layout18 .splitbg {
		top: 0;
		right: 0;
	width: 50%;
	height: 50%;
}

.splitbg-layout19 .splitbg {
		right: 0;
		bottom: 0;
	width: 50%;
	height: 50%;
}

.splitbg-layout20 .splitbg {
		bottom: 0;
		left: 0;
	width: 50%;
	height: 50%;
}

.splitbg-layout21 .splitbg {
		top: -100px;
		bottom: -100px;
		left: 0;
	width: 50%;
	min-width: 240px;
	-webkit-border-top-right-radius: 50%;
	-webkit-border-bottom-right-radius: 50%;
	-moz-border-radius-topright: 50%;
	-moz-border-radius-bottomright: 50%;
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
}

.splitbg-layout22 .splitbg {
		top: -100px;
		right: 0;
		bottom: -100px;
	width: 50%;
	min-width: 240px;
	-webkit-border-top-left-radius: 50%;
	-webkit-border-bottom-left-radius: 50%;
	-moz-border-radius-topleft: 50%;
	-moz-border-radius-bottomleft: 50%;
	border-top-left-radius: 50%;
	border-bottom-left-radius: 50%;
}

.splitbg-layout23 .splitbg {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	width: 60%;
	min-width: 340px;
	height: 140%;
	margin: auto;
	transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
}

.splitbg-layout24 .splitbg {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	width: 60%;
	min-width: 340px;
	height: 140%;
	margin: auto;
	transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
}


/* =Responsive Visibility
-------------------------------------------------------------- */

@media only screen and (min-width: 1025px) {
	.quadro-mod.rv-desktop-hide {
		display: none;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.quadro-mod.rv-tablet-hide {
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	.quadro-mod.rv-mobile-hide {
		display: none;
	}
}