/* =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;
}

.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);
}


/* =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;
	}
}