.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;
}  .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;
} .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;
} .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;
} .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;
} .mod-divider {
position: absolute;
left: 50%; 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;
}  .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;
} .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;
} .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);
}
.splitbg-layout25 .splitbg {
right: -5%;
top: -15%;
left: -5%;
height: 70%;
transform: rotate(4deg);
-webkit-transform: rotate(4deg);
-moz-transform: rotate(4deg);
-o-transform: rotate(4deg);
-ms-transform: rotate(4deg);
}
.splitbg-layout26 .splitbg {
right: -5%;
bottom: -15%;
left: -5%;
height: 70%;
transform: rotate(-4deg);
-webkit-transform: rotate(-4deg);
-moz-transform: rotate(-4deg);
-o-transform: rotate(-4deg);
-ms-transform: rotate(-4deg);
}
.splitbg-layout27 .splitbg {
top: 0;
right: 0;
left: 0;
height: 100px;
}
.splitbg-layout28 .splitbg {
right: 0;
bottom: 0;
left: 0;
height: 100px;
} @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;
}
}