html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
body {
margin: 0;
}
main {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
button,
input {
/* 1 */
overflow: visible;
}
button,
select {
/* 1 */
text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}
.marMax {
margin: 80px;
}
@media only screen and (max-width: 800px) {
.marMax {
margin: 60px;
}
}
@media only screen and (max-width: 568px) {
.marMax {
margin: 40px;
}
}
.marMed {
margin: 60px;
}
@media only screen and (max-width: 800px) {
.marMed {
margin: 40px;
}
}
@media only screen and (max-width: 568px) {
.marMed {
margin: 20px;
}
}
.marMin {
margin: 40px;
}
@media only screen and (max-width: 568px) {
.marMin {
margin: 20px;
}
}
.marTin {
margin: 20px;
}
.marMicro {
margin: 10px;
}
.marBottomMax {
margin-bottom: 80px;
}
@media only screen and (max-width: 800px) {
.marBottomMax {
margin-bottom: 60px;
}
}
@media only screen and (max-width: 568px) {
.marBottomMax {
margin-bottom: 40px;
}
}
.marBottomMed {
margin-bottom: 60px;
}
@media only screen and (max-width: 800px) {
.marBottomMed {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 568px) {
.marBottomMed {
margin-bottom: 20px;
}
}
.marBottomMin {
margin-bottom: 40px;
}
@media only screen and (max-width: 568px) {
.marBottomMin {
margin-bottom: 20px;
}
}
.marBottomTin {
margin-bottom: 20px;
}
.marBottomMicro {
margin-bottom: 10px;
}
.marTopMax {
margin-top: 80px;
}
@media only screen and (max-width: 800px) {
.marTopMax {
margin-top: 60px;
}
}
@media only screen and (max-width: 568px) {
.marTopMax {
margin-top: 40px;
}
}
.marTopMed {
margin-top: 60px;
}
@media only screen and (max-width: 800px) {
.marTopMed {
margin-top: 40px;
}
}
@media only screen and (max-width: 568px) {
.marTopMed {
margin-top: 20px;
}
}
.marTopMin {
margin-top: 40px;
}
@media only screen and (max-width: 568px) {
.marTopMin {
margin-top: 20px;
}
}
.marTopTin {
margin-top: 20px;
}
.marTopMicro {
margin-top: 10px;
}
.marRightMax {
margin-right: 80px;
}
@media only screen and (max-width: 800px) {
.marRightMax {
margin-right: 60px;
}
}
@media only screen and (max-width: 568px) {
.marRightMax {
margin-right: 40px;
}
}
.marRightMed {
margin-right: 60px;
}
@media only screen and (max-width: 800px) {
.marRightMed {
margin-right: 40px;
}
}
@media only screen and (max-width: 568px) {
.marRightMed {
margin-right: 20px;
}
}
.marRightMin {
margin-right: 40px;
}
@media only screen and (max-width: 568px) {
.marRightMin {
margin-right: 20px;
}
}
.marRightTin {
margin-right: 20px;
}
.marRightMicro {
margin-right: 10px;
}
.marLeftMax {
margin-left: 80px;
}
@media only screen and (max-width: 800px) {
.marLeftMax {
margin-left: 60px;
}
}
@media only screen and (max-width: 568px) {
.marLeftMax {
margin-left: 40px;
}
}
.marLeftMed {
margin-left: 60px;
}
@media only screen and (max-width: 800px) {
.marLeftMed {
margin-left: 40px;
}
}
@media only screen and (max-width: 568px) {
.marLeftMed {
margin-left: 20px;
}
}
.marLeftMin {
margin-left: 40px;
}
@media only screen and (max-width: 568px) {
.marLeftMin {
margin-left: 20px;
}
}
.marLeftTin {
margin-left: 20px;
}
.marLeftMicro {
margin-left: 10px;
}
.noMarBottom {
margin-bottom: 0;
}
.noMarTop {
margin-top: 0;
}
.noMarLeft {
margin-left: 0;
}
.noMarRight {
margin-right: 0;
}
@media only screen and (max-width: 900px) {
.lnoMar {
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
}
}
@media only screen and (max-width: 800px) {
.tnoMar {
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
}
}
@media only screen and (max-width: 568px) {
.mnoMar {
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
}
}
@media only screen and (max-width: 360px) {
.smnoMar {
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
}
}
.padMax {
padding: 80px;
}
@media only screen and (max-width: 800px) {
.padMax {
padding: 60px;
}
}
@media only screen and (max-width: 568px) {
.padMax {
padding: 40px;
}
}
.padMed {
padding: 60px;
}
@media only screen and (max-width: 800px) {
.padMed {
padding: 40px;
}
}
@media only screen and (max-width: 568px) {
.padMed {
padding: 20px;
}
}
.padMin {
padding: 40px;
}
@media only screen and (max-width: 568px) {
.padMin {
padding: 20px;
}
}
.padTin {
padding: 20px;
}
.padMicro {
padding: 10px;
}
.padTopMax {
padding-top: 80px;
}
@media only screen and (max-width: 800px) {
.padTopMax {
padding-top: 60px;
}
}
@media only screen and (max-width: 568px) {
.padTopMax {
padding-top: 40px;
}
}
.padTopMed {
padding-top: 60px;
}
@media only screen and (max-width: 800px) {
.padTopMed {
padding-top: 40px;
}
}
@media only screen and (max-width: 568px) {
.padTopMed {
padding-top: 20px;
}
}
.padTopMin {
padding-top: 40px;
}
@media only screen and (max-width: 568px) {
.padTopMin {
padding-top: 20px;
}
}
.padTopTin {
padding-top: 20px;
}
.padTopMicro {
padding-top: 10px;
}
.padBottomMax {
padding-bottom: 80px;
}
@media only screen and (max-width: 800px) {
.padBottomMax {
padding-bottom: 60px;
}
}
@media only screen and (max-width: 568px) {
.padBottomMax {
padding-bottom: 40px;
}
}
.padBottomMed {
padding-bottom: 60px;
}
@media only screen and (max-width: 800px) {
.padBottomMed {
padding-bottom: 40px;
}
}
@media only screen and (max-width: 568px) {
.padBottomMed {
padding-bottom: 20px;
}
}
.padBottomMin {
padding-bottom: 40px;
}
@media only screen and (max-width: 568px) {
.padBottomMin {
padding-bottom: 20px;
}
}
.padBottomTin {
padding-bottom: 20px;
}
.padBottomMicro {
padding-bottom: 10px;
}
.padRightMax {
padding-right: 80px;
}
@media only screen and (max-width: 800px) {
.padRightMax {
padding-right: 60px;
}
}
@media only screen and (max-width: 568px) {
.padRightMax {
padding-right: 40px;
}
}
.padRightMed {
padding-right: 60px;
}
@media only screen and (max-width: 800px) {
.padRightMed {
padding-right: 40px;
}
}
@media only screen and (max-width: 568px) {
.padRightMed {
padding-right: 20px;
}
}
.padRightMin {
padding-right: 40px;
}
@media only screen and (max-width: 568px) {
.padRightMin {
padding-right: 20px;
}
}
.padRightTin {
padding-right: 20px;
}
.padRightMicro {
padding-right: 10px;
}
.padLeftMax {
padding-left: 80px;
}
@media only screen and (max-width: 800px) {
.padLeftMax {
padding-left: 60px;
}
}
@media only screen and (max-width: 568px) {
.padLeftMax {
padding-left: 40px;
}
}
.padLeftMed {
padding-left: 60px;
}
@media only screen and (max-width: 800px) {
.padLeftMed {
padding-left: 40px;
}
}
@media only screen and (max-width: 568px) {
.padLeftMed {
padding-left: 20px;
}
}
.padLeftMin {
padding-left: 40px;
}
@media only screen and (max-width: 568px) {
.padLeftMin {
padding-left: 20px;
}
}
.padLeftTin {
padding-left: 20px;
}
.padLeftMicro {
padding-left: 10px;
}
.noPadRight {
padding-right: 0;
}
.noPadLeft {
padding-left: 0;
}
.noPadTop {
padding-top: 0;
}
.noPadBottom {
padding-bottom: 0;
}
@media only screen and (max-width: 900px) {
.lnoPad {
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
}
}
@media only screen and (max-width: 800px) {
.tnoPad {
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
}
}
@media only screen and (max-width: 568px) {
.mnoPad {
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
}
}
@media only screen and (max-width: 360px) {
.smnoPad {
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
}
}
.column_one {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 5%;
}
.column_one:first-child {
margin-left: auto;
}
.column_one:last-child {
margin-right: auto;
}
.column_one.gutter_minSpace {
margin-bottom: 2%;
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
}
.column_one.gutter_minSpace:first-child {
margin-left: auto;
}
.column_one.gutter_minSpace:last-child {
margin-right: auto;
}
.column_one.gutter_medSpace {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 3%;
}
.column_one.gutter_medSpace:first-child {
margin-left: auto;
}
.column_one.gutter_medSpace:last-child {
margin-right: auto;
}
.column_one.gutter_maxSpace {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 7%;
}
.column_one.gutter_maxSpace:first-child {
margin-left: auto;
}
.column_one.gutter_maxSpace:last-child {
margin-right: auto;
}
.column_one.gutter_noSpace {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 0;
}
.column_one.gutter_noSpace:first-child {
margin-left: auto;
}
.column_one.gutter_noSpace:last-child {
margin-right: auto;
}
.column_one.gutter_noSpace_spaceBottom {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 20px;
}
.column_one.gutter_noSpace_spaceBottom:first-child {
margin-left: auto;
}
.column_one.gutter_noSpace_spaceBottom:last-child {
margin-right: auto;
}
.column_half {
float: left;
clear: none;
text-align: inherit;
width: 47.5%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.column_half::after {
content: '';
display: table;
clear: both;
}
.column_half:last-child {
margin-right: 0%;
}
.column_half.gutter_minSpace {
float: left;
clear: none;
text-align: inherit;
width: 49%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.column_half.gutter_minSpace::after {
content: '';
display: table;
clear: both;
}
.column_half.gutter_minSpace:last-child {
margin-right: 0%;
}
.column_half.gutter_medSpace {
float: left;
clear: none;
text-align: inherit;
width: 48.5%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.column_half.gutter_medSpace::after {
content: '';
display: table;
clear: both;
}
.column_half.gutter_medSpace:last-child {
margin-right: 0%;
}
.column_half.gutter_maxSpace {
float: left;
clear: none;
text-align: inherit;
width: 46.5%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.column_half.gutter_maxSpace::after {
content: '';
display: table;
clear: both;
}
.column_half.gutter_maxSpace:last-child {
margin-right: 0%;
}
.column_half.gutter_noSpace {
float: left;
clear: none;
text-align: inherit;
width: 50%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.column_half.gutter_noSpace::after {
content: '';
display: table;
clear: both;
}
.column_half.gutter_noSpace_spaceBottom {
float: left;
clear: none;
text-align: inherit;
width: 50%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.column_half.gutter_noSpace_spaceBottom::after {
content: '';
display: table;
clear: both;
}
.column_oneThird {
float: left;
clear: none;
text-align: inherit;
width: 29.999999999999996%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.column_oneThird::after {
content: '';
display: table;
clear: both;
}
.column_oneThird:last-child {
margin-right: 0%;
}
.column_oneThird.gutter_minSpace {
float: left;
clear: none;
text-align: inherit;
width: 31.999999999999996%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.column_oneThird.gutter_minSpace::after {
content: '';
display: table;
clear: both;
}
.column_oneThird.gutter_minSpace:last-child {
margin-right: 0%;
}
.column_oneThird.gutter_medSpace {
float: left;
clear: none;
text-align: inherit;
width: 31.33333333333333%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.column_oneThird.gutter_medSpace::after {
content: '';
display: table;
clear: both;
}
.column_oneThird.gutter_medSpace:last-child {
margin-right: 0%;
}
.column_oneThird.gutter_maxSpace {
float: left;
clear: none;
text-align: inherit;
width: 28.66666666666666%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.column_oneThird.gutter_maxSpace::after {
content: '';
display: table;
clear: both;
}
.column_oneThird.gutter_maxSpace:last-child {
margin-right: 0%;
}
.column_oneThird.gutter_noSpace {
float: left;
clear: none;
text-align: inherit;
width: 33.33333333333333%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.column_oneThird.gutter_noSpace::after {
content: '';
display: table;
clear: both;
}
.column_oneThird.gutter_noSpace_spaceBottom {
float: left;
clear: none;
text-align: inherit;
width: 33.33333333333333%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.column_oneThird.gutter_noSpace_spaceBottom::after {
content: '';
display: table;
clear: both;
}
.column_twoThirds {
float: left;
clear: none;
text-align: inherit;
width: 64.99999999999999%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.column_twoThirds::after {
content: '';
display: table;
clear: both;
}
.column_twoThirds:last-child {
margin-right: 0%;
}
.column_twoThirds.gutter_minSpace {
float: left;
clear: none;
text-align: inherit;
width: 65.99999999999999%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.column_twoThirds.gutter_minSpace::after {
content: '';
display: table;
clear: both;
}
.column_twoThirds.gutter_minSpace:last-child {
margin-right: 0%;
}
.column_twoThirds.gutter_medSpace {
float: left;
clear: none;
text-align: inherit;
width: 65.66666666666666%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.column_twoThirds.gutter_medSpace::after {
content: '';
display: table;
clear: both;
}
.column_twoThirds.gutter_medSpace:last-child {
margin-right: 0%;
}
.column_twoThirds.gutter_maxSpace {
float: left;
clear: none;
text-align: inherit;
width: 64.33333333333333%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.column_twoThirds.gutter_maxSpace::after {
content: '';
display: table;
clear: both;
}
.column_twoThirds.gutter_maxSpace:last-child {
margin-right: 0%;
}
.column_twoThirds.gutter_noSpace {
float: left;
clear: none;
text-align: inherit;
width: 66.66666666666666%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.column_twoThirds.gutter_noSpace::after {
content: '';
display: table;
clear: both;
}
.column_twoThirds.gutter_noSpace_spaceBottom {
float: left;
clear: none;
text-align: inherit;
width: 66.66666666666666%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.column_twoThirds.gutter_noSpace_spaceBottom::after {
content: '';
display: table;
clear: both;
}
.column_oneFourth {
float: left;
clear: none;
text-align: inherit;
width: 21.25%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.column_oneFourth::after {
content: '';
display: table;
clear: both;
}
.column_oneFourth:last-child {
margin-right: 0%;
}
.column_oneFourth.gutter_minSpace {
float: left;
clear: none;
text-align: inherit;
width: 23.5%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.column_oneFourth.gutter_minSpace::after {
content: '';
display: table;
clear: both;
}
.column_oneFourth.gutter_minSpace:last-child {
margin-right: 0%;
}
.column_oneFourth.gutter_medSpace {
float: left;
clear: none;
text-align: inherit;
width: 22.75%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.column_oneFourth.gutter_medSpace::after {
content: '';
display: table;
clear: both;
}
.column_oneFourth.gutter_medSpace:last-child {
margin-right: 0%;
}
.column_oneFourth.gutter_maxSpace {
float: left;
clear: none;
text-align: inherit;
width: 19.75%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.column_oneFourth.gutter_maxSpace::after {
content: '';
display: table;
clear: both;
}
.column_oneFourth.gutter_maxSpace:last-child {
margin-right: 0%;
}
.column_oneFourth.gutter_noSpace {
float: left;
clear: none;
text-align: inherit;
width: 25%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.column_oneFourth.gutter_noSpace::after {
content: '';
display: table;
clear: both;
}
.column_oneFourth.gutter_noSpace_spaceBottom {
float: left;
clear: none;
text-align: inherit;
width: 25%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.column_oneFourth.gutter_noSpace_spaceBottom::after {
content: '';
display: table;
clear: both;
}
.column_threeFourths {
float: left;
clear: none;
text-align: inherit;
width: 73.75%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.column_threeFourths::after {
content: '';
display: table;
clear: both;
}
.column_threeFourths:last-child {
margin-right: 0%;
}
.column_threeFourths.gutter_minSpace {
float: left;
clear: none;
text-align: inherit;
width: 74.5%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.column_threeFourths.gutter_minSpace::after {
content: '';
display: table;
clear: both;
}
.column_threeFourths.gutter_minSpace:last-child {
margin-right: 0%;
}
.column_threeFourths.gutter_medSpace {
float: left;
clear: none;
text-align: inherit;
width: 74.25%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.column_threeFourths.gutter_medSpace::after {
content: '';
display: table;
clear: both;
}
.column_threeFourths.gutter_medSpace:last-child {
margin-right: 0%;
}
.column_threeFourths.gutter_maxSpace {
float: left;
clear: none;
text-align: inherit;
width: 73.25%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.column_threeFourths.gutter_maxSpace::after {
content: '';
display: table;
clear: both;
}
.column_threeFourths.gutter_maxSpace:last-child {
margin-right: 0%;
}
.column_threeFourths.gutter_noSpace {
float: left;
clear: none;
text-align: inherit;
width: 75%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.column_threeFourths.gutter_noSpace::after {
content: '';
display: table;
clear: both;
}
.column_threeFourths.gutter_noSpace_spaceBottom {
float: left;
clear: none;
text-align: inherit;
width: 75%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.column_threeFourths.gutter_noSpace_spaceBottom::after {
content: '';
display: table;
clear: both;
}
.column_oneFifth {
float: left;
clear: none;
text-align: inherit;
width: 16%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.column_oneFifth::after {
content: '';
display: table;
clear: both;
}
.column_oneFifth:last-child {
margin-right: 0%;
}
.column_oneFifth.gutter_minSpace {
float: left;
clear: none;
text-align: inherit;
width: 18.4%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.column_oneFifth.gutter_minSpace::after {
content: '';
display: table;
clear: both;
}
.column_oneFifth.gutter_minSpace:last-child {
margin-right: 0%;
}
.column_oneFifth.gutter_medSpace {
float: left;
clear: none;
text-align: inherit;
width: 17.6%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.column_oneFifth.gutter_medSpace::after {
content: '';
display: table;
clear: both;
}
.column_oneFifth.gutter_medSpace:last-child {
margin-right: 0%;
}
.column_oneFifth.gutter_maxSpace {
float: left;
clear: none;
text-align: inherit;
width: 14.4%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.column_oneFifth.gutter_maxSpace::after {
content: '';
display: table;
clear: both;
}
.column_oneFifth.gutter_maxSpace:last-child {
margin-right: 0%;
}
.column_oneFifth.gutter_noSpace {
float: left;
clear: none;
text-align: inherit;
width: 20%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.column_oneFifth.gutter_noSpace::after {
content: '';
display: table;
clear: both;
}
.column_oneFifth.gutter_noSpace_spaceBottom {
float: left;
clear: none;
text-align: inherit;
width: 20%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.column_oneFifth.gutter_noSpace_spaceBottom::after {
content: '';
display: table;
clear: both;
}
.column_twoFifths {
float: left;
clear: none;
text-align: inherit;
width: 37%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.column_twoFifths::after {
content: '';
display: table;
clear: both;
}
.column_twoFifths:last-child {
margin-right: 0%;
}
.column_twoFifths.gutter_minSpace {
float: left;
clear: none;
text-align: inherit;
width: 38.8%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.column_twoFifths.gutter_minSpace::after {
content: '';
display: table;
clear: both;
}
.column_twoFifths.gutter_minSpace:last-child {
margin-right: 0%;
}
.column_twoFifths.gutter_medSpace {
float: left;
clear: none;
text-align: inherit;
width: 38.2%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.column_twoFifths.gutter_medSpace::after {
content: '';
display: table;
clear: both;
}
.column_twoFifths.gutter_medSpace:last-child {
margin-right: 0%;
}
.column_twoFifths.gutter_maxSpace {
float: left;
clear: none;
text-align: inherit;
width: 35.8%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.column_twoFifths.gutter_maxSpace::after {
content: '';
display: table;
clear: both;
}
.column_twoFifths.gutter_maxSpace:last-child {
margin-right: 0%;
}
.column_twoFifths.gutter_noSpace {
float: left;
clear: none;
text-align: inherit;
width: 40%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.column_twoFifths.gutter_noSpace::after {
content: '';
display: table;
clear: both;
}
.column_twoFifths.gutter_noSpace_spaceBottom {
float: left;
clear: none;
text-align: inherit;
width: 40%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.column_twoFifths.gutter_noSpace_spaceBottom::after {
content: '';
display: table;
clear: both;
}
.column_threeFifths {
float: left;
clear: none;
text-align: inherit;
width: 58%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.column_threeFifths::after {
content: '';
display: table;
clear: both;
}
.column_threeFifths:last-child {
margin-right: 0%;
}
.column_threeFifths.gutter_minSpace {
float: left;
clear: none;
text-align: inherit;
width: 59.2%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.column_threeFifths.gutter_minSpace::after {
content: '';
display: table;
clear: both;
}
.column_threeFifths.gutter_minSpace:last-child {
margin-right: 0%;
}
.column_threeFifths.gutter_medSpace {
float: left;
clear: none;
text-align: inherit;
width: 58.8%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.column_threeFifths.gutter_medSpace::after {
content: '';
display: table;
clear: both;
}
.column_threeFifths.gutter_medSpace:last-child {
margin-right: 0%;
}
.column_threeFifths.gutter_maxSpace {
float: left;
clear: none;
text-align: inherit;
width: 57.2%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.column_threeFifths.gutter_maxSpace::after {
content: '';
display: table;
clear: both;
}
.column_threeFifths.gutter_maxSpace:last-child {
margin-right: 0%;
}
.column_threeFifths.gutter_noSpace {
float: left;
clear: none;
text-align: inherit;
width: 60%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.column_threeFifths.gutter_noSpace::after {
content: '';
display: table;
clear: both;
}
.column_threeFifths.gutter_noSpace_spaceBottom {
float: left;
clear: none;
text-align: inherit;
width: 60%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.column_threeFifths.gutter_noSpace_spaceBottom::after {
content: '';
display: table;
clear: both;
}
.column_fourFifths {
float: left;
clear: none;
text-align: inherit;
width: 79%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.column_fourFifths::after {
content: '';
display: table;
clear: both;
}
.column_fourFifths:last-child {
margin-right: 0%;
}
.column_fourFifths.gutter_minSpace {
float: left;
clear: none;
text-align: inherit;
width: 79.6%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.column_fourFifths.gutter_minSpace::after {
content: '';
display: table;
clear: both;
}
.column_fourFifths.gutter_minSpace:last-child {
margin-right: 0%;
}
.column_fourFifths.gutter_medSpace {
float: left;
clear: none;
text-align: inherit;
width: 79.4%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.column_fourFifths.gutter_medSpace::after {
content: '';
display: table;
clear: both;
}
.column_fourFifths.gutter_medSpace:last-child {
margin-right: 0%;
}
.column_fourFifths.gutter_maxSpace {
float: left;
clear: none;
text-align: inherit;
width: 78.6%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.column_fourFifths.gutter_maxSpace::after {
content: '';
display: table;
clear: both;
}
.column_fourFifths.gutter_maxSpace:last-child {
margin-right: 0%;
}
.column_fourFifths.gutter_noSpace {
float: left;
clear: none;
text-align: inherit;
width: 80%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.column_fourFifths.gutter_noSpace::after {
content: '';
display: table;
clear: both;
}
.column_fourFifths.gutter_noSpace_spaceBottom {
float: left;
clear: none;
text-align: inherit;
width: 80%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.column_fourFifths.gutter_noSpace_spaceBottom::after {
content: '';
display: table;
clear: both;
}
.column_oneSixth {
float: left;
clear: none;
text-align: inherit;
width: 12.499999999999998%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.column_oneSixth::after {
content: '';
display: table;
clear: both;
}
.column_oneSixth:last-child {
margin-right: 0%;
}
.column_oneSixth.gutter_minSpace {
float: left;
clear: none;
text-align: inherit;
width: 14.999999999999998%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.column_oneSixth.gutter_minSpace::after {
content: '';
display: table;
clear: both;
}
.column_oneSixth.gutter_minSpace:last-child {
margin-right: 0%;
}
.column_oneSixth.gutter_medSpace {
float: left;
clear: none;
text-align: inherit;
width: 14.166666666666664%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.column_oneSixth.gutter_medSpace::after {
content: '';
display: table;
clear: both;
}
.column_oneSixth.gutter_medSpace:last-child {
margin-right: 0%;
}
.column_oneSixth.gutter_maxSpace {
float: left;
clear: none;
text-align: inherit;
width: 10.83333333333333%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.column_oneSixth.gutter_maxSpace::after {
content: '';
display: table;
clear: both;
}
.column_oneSixth.gutter_maxSpace:last-child {
margin-right: 0%;
}
.column_oneSixth.gutter_noSpace {
float: left;
clear: none;
text-align: inherit;
width: 16.666666666666664%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.column_oneSixth.gutter_noSpace::after {
content: '';
display: table;
clear: both;
}
.column_oneSixth.gutter_noSpace_spaceBottom {
float: left;
clear: none;
text-align: inherit;
width: 16.666666666666664%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.column_oneSixth.gutter_noSpace_spaceBottom::after {
content: '';
display: table;
clear: both;
}
.column_fiveSixths {
float: left;
clear: none;
text-align: inherit;
width: 82.50000000000001%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.column_fiveSixths::after {
content: '';
display: table;
clear: both;
}
.column_fiveSixths:last-child {
margin-right: 0%;
}
.column_fiveSixths.gutter_minSpace {
float: left;
clear: none;
text-align: inherit;
width: 83.00000000000001%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.column_fiveSixths.gutter_minSpace::after {
content: '';
display: table;
clear: both;
}
.column_fiveSixths.gutter_minSpace:last-child {
margin-right: 0%;
}
.column_fiveSixths.gutter_medSpace {
float: left;
clear: none;
text-align: inherit;
width: 82.83333333333334%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.column_fiveSixths.gutter_medSpace::after {
content: '';
display: table;
clear: both;
}
.column_fiveSixths.gutter_medSpace:last-child {
margin-right: 0%;
}
.column_fiveSixths.gutter_maxSpace {
float: left;
clear: none;
text-align: inherit;
width: 82.16666666666667%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.column_fiveSixths.gutter_maxSpace::after {
content: '';
display: table;
clear: both;
}
.column_fiveSixths.gutter_maxSpace:last-child {
margin-right: 0%;
}
.column_fiveSixths.gutter_noSpace {
float: left;
clear: none;
text-align: inherit;
width: 83.33333333333334%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.column_fiveSixths.gutter_noSpace::after {
content: '';
display: table;
clear: both;
}
.column_fiveSixths.gutter_noSpace_spaceBottom {
float: left;
clear: none;
text-align: inherit;
width: 83.33333333333334%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.column_fiveSixths.gutter_noSpace_spaceBottom::after {
content: '';
display: table;
clear: both;
}
@media only screen and (max-width: 900px) {
.lcolumn_one {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 5%;
}
.lcolumn_one:first-child {
margin-left: auto;
}
.lcolumn_one:last-child {
margin-right: auto;
}
.lcolumn_one.gutter_minSpace {
margin-bottom: 2%;
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
}
.lcolumn_one.gutter_minSpace:first-child {
margin-left: auto;
}
.lcolumn_one.gutter_minSpace:last-child {
margin-right: auto;
}
.lcolumn_one.gutter_medSpace {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 3%;
}
.lcolumn_one.gutter_medSpace:first-child {
margin-left: auto;
}
.lcolumn_one.gutter_medSpace:last-child {
margin-right: auto;
}
.lcolumn_one.gutter_maxSpace {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 7%;
}
.lcolumn_one.gutter_maxSpace:first-child {
margin-left: auto;
}
.lcolumn_one.gutter_maxSpace:last-child {
margin-right: auto;
}
.lcolumn_one.gutter_noSpace {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 0;
}
.lcolumn_one.gutter_noSpace:first-child {
margin-left: auto;
}
.lcolumn_one.gutter_noSpace:last-child {
margin-right: auto;
}
.lcolumn_one.gutter_noSpace_spaceBottom {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 20px;
}
.lcolumn_one.gutter_noSpace_spaceBottom:first-child {
margin-left: auto;
}
.lcolumn_one.gutter_noSpace_spaceBottom:last-child {
margin-right: auto;
}
}
@media only screen and (max-width: 900px) {
.lcolumn_half {
float: left;
clear: none;
text-align: inherit;
width: 47.5%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.lcolumn_half::after {
content: '';
display: table;
clear: both;
}
.lcolumn_half:last-child {
margin-right: 0%;
}
.lcolumn_half.gutter_minSpace {
float: left;
clear: none;
text-align: inherit;
width: 49%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.lcolumn_half.gutter_minSpace::after {
content: '';
display: table;
clear: both;
}
.lcolumn_half.gutter_minSpace:last-child {
margin-right: 0%;
}
.lcolumn_half.gutter_medSpace {
float: left;
clear: none;
text-align: inherit;
width: 48.5%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.lcolumn_half.gutter_medSpace::after {
content: '';
display: table;
clear: both;
}
.lcolumn_half.gutter_medSpace:last-child {
margin-right: 0%;
}
.lcolumn_half.gutter_maxSpace {
float: left;
clear: none;
text-align: inherit;
width: 46.5%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.lcolumn_half.gutter_maxSpace::after {
content: '';
display: table;
clear: both;
}
.lcolumn_half.gutter_maxSpace:last-child {
margin-right: 0%;
}
.lcolumn_half.gutter_noSpace {
float: left;
clear: none;
text-align: inherit;
width: 50%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.lcolumn_half.gutter_noSpace::after {
content: '';
display: table;
clear: both;
}
.lcolumn_half.gutter_noSpace_spaceBottom {
float: left;
clear: none;
text-align: inherit;
width: 50%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.lcolumn_half.gutter_noSpace_spaceBottom::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 900px) {
.lcolumn_oneThird {
float: left;
clear: none;
text-align: inherit;
width: 29.999999999999996%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.lcolumn_oneThird::after {
content: '';
display: table;
clear: both;
}
.lcolumn_oneThird:last-child {
margin-right: 0%;
}
.lcolumn_oneThird.gutter_minSpace {
float: left;
clear: none;
text-align: inherit;
width: 31.999999999999996%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.lcolumn_oneThird.gutter_minSpace::after {
content: '';
display: table;
clear: both;
}
.lcolumn_oneThird.gutter_minSpace:last-child {
margin-right: 0%;
}
.lcolumn_oneThird.gutter_medSpace {
float: left;
clear: none;
text-align: inherit;
width: 31.33333333333333%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.lcolumn_oneThird.gutter_medSpace::after {
content: '';
display: table;
clear: both;
}
.lcolumn_oneThird.gutter_medSpace:last-child {
margin-right: 0%;
}
.lcolumn_oneThird.gutter_maxSpace {
float: left;
clear: none;
text-align: inherit;
width: 28.66666666666666%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.lcolumn_oneThird.gutter_maxSpace::after {
content: '';
display: table;
clear: both;
}
.lcolumn_oneThird.gutter_maxSpace:last-child {
margin-right: 0%;
}
.lcolumn_oneThird.gutter_noSpace {
float: left;
clear: none;
text-align: inherit;
width: 33.33333333333333%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.lcolumn_oneThird.gutter_noSpace::after {
content: '';
display: table;
clear: both;
}
.lcolumn_oneThird.gutter_noSpace_spaceBottom {
float: left;
clear: none;
text-align: inherit;
width: 33.33333333333333%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.lcolumn_oneThird.gutter_noSpace_spaceBottom::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 900px) {
.lcolumn_twoThirds {
float: left;
clear: none;
text-align: inherit;
width: 64.99999999999999%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.lcolumn_twoThirds::after {
content: '';
display: table;
clear: both;
}
.lcolumn_twoThirds:last-child {
margin-right: 0%;
}
.lcolumn_twoThirds.gutter_minSpace {
float: left;
clear: none;
text-align: inherit;
width: 65.99999999999999%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.lcolumn_twoThirds.gutter_minSpace::after {
content: '';
display: table;
clear: both;
}
.lcolumn_twoThirds.gutter_minSpace:last-child {
margin-right: 0%;
}
.lcolumn_twoThirds.gutter_medSpace {
float: left;
clear: none;
text-align: inherit;
width: 65.66666666666666%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.lcolumn_twoThirds.gutter_medSpace::after {
content: '';
display: table;
clear: both;
}
.lcolumn_twoThirds.gutter_medSpace:last-child {
margin-right: 0%;
}
.lcolumn_twoThirds.gutter_maxSpace {
float: left;
clear: none;
text-align: inherit;
width: 64.33333333333333%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.lcolumn_twoThirds.gutter_maxSpace::after {
content: '';
display: table;
clear: both;
}
.lcolumn_twoThirds.gutter_maxSpace:last-child {
margin-right: 0%;
}
.lcolumn_twoThirds.gutter_noSpace {
float: left;
clear: none;
text-align: inherit;
width: 66.66666666666666%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.lcolumn_twoThirds.gutter_noSpace::after {
content: '';
display: table;
clear: both;
}
.lcolumn_twoThirds.gutter_noSpace_spaceBottom {
float: left;
clear: none;
text-align: inherit;
width: 66.66666666666666%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.lcolumn_twoThirds.gutter_noSpace_spaceBottom::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 900px) {
.lcolumn_oneFourth {
float: left;
clear: none;
text-align: inherit;
width: 21.25%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.lcolumn_oneFourth::after {
content: '';
display: table;
clear: both;
}
.lcolumn_oneFourth:last-child {
margin-right: 0%;
}
.lcolumn_oneFourth.gutter_minSpace {
float: left;
clear: none;
text-align: inherit;
width: 23.5%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.lcolumn_oneFourth.gutter_minSpace::after {
content: '';
display: table;
clear: both;
}
.lcolumn_oneFourth.gutter_minSpace:last-child {
margin-right: 0%;
}
.lcolumn_oneFourth.gutter_medSpace {
float: left;
clear: none;
text-align: inherit;
width: 22.75%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.lcolumn_oneFourth.gutter_medSpace::after {
content: '';
display: table;
clear: both;
}
.lcolumn_oneFourth.gutter_medSpace:last-child {
margin-right: 0%;
}
.lcolumn_oneFourth.gutter_maxSpace {
float: left;
clear: none;
text-align: inherit;
width: 19.75%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.lcolumn_oneFourth.gutter_maxSpace::after {
content: '';
display: table;
clear: both;
}
.lcolumn_oneFourth.gutter_maxSpace:last-child {
margin-right: 0%;
}
.lcolumn_oneFourth.gutter_noSpace {
float: left;
clear: none;
text-align: inherit;
width: 25%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.lcolumn_oneFourth.gutter_noSpace::after {
content: '';
display: table;
clear: both;
}
.lcolumn_oneFourth.gutter_noSpace_spaceBottom {
float: left;
clear: none;
text-align: inherit;
width: 25%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.lcolumn_oneFourth.gutter_noSpace_spaceBottom::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 900px) {
.lcolumn_threeFourths {
float: left;
clear: none;
text-align: inherit;
width: 73.75%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.lcolumn_threeFourths::after {
content: '';
display: table;
clear: both;
}
.lcolumn_threeFourths:last-child {
margin-right: 0%;
}
.lcolumn_threeFourths.gutter_minSpace {
float: left;
clear: none;
text-align: inherit;
width: 74.5%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.lcolumn_threeFourths.gutter_minSpace::after {
content: '';
display: table;
clear: both;
}
.lcolumn_threeFourths.gutter_minSpace:last-child {
margin-right: 0%;
}
.lcolumn_threeFourths.gutter_medSpace {
float: left;
clear: none;
text-align: inherit;
width: 74.25%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.lcolumn_threeFourths.gutter_medSpace::after {
content: '';
display: table;
clear: both;
}
.lcolumn_threeFourths.gutter_medSpace:last-child {
margin-right: 0%;
}
.lcolumn_threeFourths.gutter_maxSpace {
float: left;
clear: none;
text-align: inherit;
width: 73.25%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.lcolumn_threeFourths.gutter_maxSpace::after {
content: '';
display: table;
clear: both;
}
.lcolumn_threeFourths.gutter_maxSpace:last-child {
margin-right: 0%;
}
.lcolumn_threeFourths.gutter_noSpace {
float: left;
clear: none;
text-align: inherit;
width: 75%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.lcolumn_threeFourths.gutter_noSpace::after {
content: '';
display: table;
clear: both;
}
.lcolumn_threeFourths.gutter_noSpace_spaceBottom {
float: left;
clear: none;
text-align: inherit;
width: 75%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.lcolumn_threeFourths.gutter_noSpace_spaceBottom::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 800px) {
.tcolumn_one {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 5%;
}
.tcolumn_one:first-child {
margin-left: auto;
}
.tcolumn_one:last-child {
margin-right: auto;
}
.tcolumn_one.gutter_minSpace {
margin-bottom: 2%;
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
}
.tcolumn_one.gutter_minSpace:first-child {
margin-left: auto;
}
.tcolumn_one.gutter_minSpace:last-child {
margin-right: auto;
}
.tcolumn_one.gutter_medSpace {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 3%;
}
.tcolumn_one.gutter_medSpace:first-child {
margin-left: auto;
}
.tcolumn_one.gutter_medSpace:last-child {
margin-right: auto;
}
.tcolumn_one.gutter_maxSpace {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 7%;
}
.tcolumn_one.gutter_maxSpace:first-child {
margin-left: auto;
}
.tcolumn_one.gutter_maxSpace:last-child {
margin-right: auto;
}
.tcolumn_one.gutter_noSpace {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 0;
}
.tcolumn_one.gutter_noSpace:first-child {
margin-left: auto;
}
.tcolumn_one.gutter_noSpace:last-child {
margin-right: auto;
}
.tcolumn_one.gutter_noSpace_spaceBottom {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 20px;
}
.tcolumn_one.gutter_noSpace_spaceBottom:first-child {
margin-left: auto;
}
.tcolumn_one.gutter_noSpace_spaceBottom:last-child {
margin-right: auto;
}
}
@media only screen and (max-width: 800px) {
.tcolumn_half {
float: left;
clear: none;
text-align: inherit;
width: 47.5%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.tcolumn_half::after {
content: '';
display: table;
clear: both;
}
.tcolumn_half:last-child {
margin-right: 0%;
}
.tcolumn_half.gutter_minSpace {
float: left;
clear: none;
text-align: inherit;
width: 49%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.tcolumn_half.gutter_minSpace::after {
content: '';
display: table;
clear: both;
}
.tcolumn_half.gutter_minSpace:last-child {
margin-right: 0%;
}
.tcolumn_half.gutter_medSpace {
float: left;
clear: none;
text-align: inherit;
width: 48.5%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.tcolumn_half.gutter_medSpace::after {
content: '';
display: table;
clear: both;
}
.tcolumn_half.gutter_medSpace:last-child {
margin-right: 0%;
}
.tcolumn_half.gutter_maxSpace {
float: left;
clear: none;
text-align: inherit;
width: 46.5%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.tcolumn_half.gutter_maxSpace::after {
content: '';
display: table;
clear: both;
}
.tcolumn_half.gutter_maxSpace:last-child {
margin-right: 0%;
}
.tcolumn_half.gutter_noSpace {
float: left;
clear: none;
text-align: inherit;
width: 50%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.tcolumn_half.gutter_noSpace::after {
content: '';
display: table;
clear: both;
}
.tcolumn_half.gutter_noSpace_spaceBottom {
float: left;
clear: none;
text-align: inherit;
width: 50%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.tcolumn_half.gutter_noSpace_spaceBottom::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 800px) {
.tcolumn_oneThird {
float: left;
clear: none;
text-align: inherit;
width: 29.999999999999996%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.tcolumn_oneThird::after {
content: '';
display: table;
clear: both;
}
.tcolumn_oneThird:last-child {
margin-right: 0%;
}
.tcolumn_oneThird.gutter_minSpace {
float: left;
clear: none;
text-align: inherit;
width: 31.999999999999996%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.tcolumn_oneThird.gutter_minSpace::after {
content: '';
display: table;
clear: both;
}
.tcolumn_oneThird.gutter_minSpace:last-child {
margin-right: 0%;
}
.tcolumn_oneThird.gutter_medSpace {
float: left;
clear: none;
text-align: inherit;
width: 31.33333333333333%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.tcolumn_oneThird.gutter_medSpace::after {
content: '';
display: table;
clear: both;
}
.tcolumn_oneThird.gutter_medSpace:last-child {
margin-right: 0%;
}
.tcolumn_oneThird.gutter_maxSpace {
float: left;
clear: none;
text-align: inherit;
width: 28.66666666666666%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.tcolumn_oneThird.gutter_maxSpace::after {
content: '';
display: table;
clear: both;
}
.tcolumn_oneThird.gutter_maxSpace:last-child {
margin-right: 0%;
}
.tcolumn_oneThird.gutter_noSpace {
float: left;
clear: none;
text-align: inherit;
width: 33.33333333333333%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.tcolumn_oneThird.gutter_noSpace::after {
content: '';
display: table;
clear: both;
}
.tcolumn_oneThird.gutter_noSpace_spaceBottom {
float: left;
clear: none;
text-align: inherit;
width: 33.33333333333333%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.tcolumn_oneThird.gutter_noSpace_spaceBottom::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 800px) {
.tcolumn_twoThirds {
float: left;
clear: none;
text-align: inherit;
width: 64.99999999999999%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.tcolumn_twoThirds::after {
content: '';
display: table;
clear: both;
}
.tcolumn_twoThirds:last-child {
margin-right: 0%;
}
.tcolumn_twoThirds.gutter_minSpace {
float: left;
clear: none;
text-align: inherit;
width: 65.99999999999999%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.tcolumn_twoThirds.gutter_minSpace::after {
content: '';
display: table;
clear: both;
}
.tcolumn_twoThirds.gutter_minSpace:last-child {
margin-right: 0%;
}
.tcolumn_twoThirds.gutter_medSpace {
float: left;
clear: none;
text-align: inherit;
width: 65.66666666666666%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.tcolumn_twoThirds.gutter_medSpace::after {
content: '';
display: table;
clear: both;
}
.tcolumn_twoThirds.gutter_medSpace:last-child {
margin-right: 0%;
}
.tcolumn_twoThirds.gutter_maxSpace {
float: left;
clear: none;
text-align: inherit;
width: 64.33333333333333%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.tcolumn_twoThirds.gutter_maxSpace::after {
content: '';
display: table;
clear: both;
}
.tcolumn_twoThirds.gutter_maxSpace:last-child {
margin-right: 0%;
}
.tcolumn_twoThirds.gutter_noSpace {
float: left;
clear: none;
text-align: inherit;
width: 66.66666666666666%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.tcolumn_twoThirds.gutter_noSpace::after {
content: '';
display: table;
clear: both;
}
.tcolumn_twoThirds.gutter_noSpace_spaceBottom {
float: left;
clear: none;
text-align: inherit;
width: 66.66666666666666%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.tcolumn_twoThirds.gutter_noSpace_spaceBottom::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 800px) {
.tcolumn_oneFourth {
float: left;
clear: none;
text-align: inherit;
width: 21.25%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.tcolumn_oneFourth::after {
content: '';
display: table;
clear: both;
}
.tcolumn_oneFourth:last-child {
margin-right: 0%;
}
.tcolumn_oneFourth.gutter_minSpace {
float: left;
clear: none;
text-align: inherit;
width: 23.5%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.tcolumn_oneFourth.gutter_minSpace::after {
content: '';
display: table;
clear: both;
}
.tcolumn_oneFourth.gutter_minSpace:last-child {
margin-right: 0%;
}
.tcolumn_oneFourth.gutter_medSpace {
float: left;
clear: none;
text-align: inherit;
width: 22.75%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.tcolumn_oneFourth.gutter_medSpace::after {
content: '';
display: table;
clear: both;
}
.tcolumn_oneFourth.gutter_medSpace:last-child {
margin-right: 0%;
}
.tcolumn_oneFourth.gutter_maxSpace {
float: left;
clear: none;
text-align: inherit;
width: 19.75%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.tcolumn_oneFourth.gutter_maxSpace::after {
content: '';
display: table;
clear: both;
}
.tcolumn_oneFourth.gutter_maxSpace:last-child {
margin-right: 0%;
}
.tcolumn_oneFourth.gutter_noSpace {
float: left;
clear: none;
text-align: inherit;
width: 25%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.tcolumn_oneFourth.gutter_noSpace::after {
content: '';
display: table;
clear: both;
}
.tcolumn_oneFourth.gutter_noSpace_spaceBottom {
float: left;
clear: none;
text-align: inherit;
width: 25%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.tcolumn_oneFourth.gutter_noSpace_spaceBottom::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 800px) {
.tcolumn_threeFourths {
float: left;
clear: none;
text-align: inherit;
width: 73.75%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.tcolumn_threeFourths::after {
content: '';
display: table;
clear: both;
}
.tcolumn_threeFourths:last-child {
margin-right: 0%;
}
.tcolumn_threeFourths.gutter_minSpace {
float: left;
clear: none;
text-align: inherit;
width: 74.5%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.tcolumn_threeFourths.gutter_minSpace::after {
content: '';
display: table;
clear: both;
}
.tcolumn_threeFourths.gutter_minSpace:last-child {
margin-right: 0%;
}
.tcolumn_threeFourths.gutter_medSpace {
float: left;
clear: none;
text-align: inherit;
width: 74.25%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.tcolumn_threeFourths.gutter_medSpace::after {
content: '';
display: table;
clear: both;
}
.tcolumn_threeFourths.gutter_medSpace:last-child {
margin-right: 0%;
}
.tcolumn_threeFourths.gutter_maxSpace {
float: left;
clear: none;
text-align: inherit;
width: 73.25%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.tcolumn_threeFourths.gutter_maxSpace::after {
content: '';
display: table;
clear: both;
}
.tcolumn_threeFourths.gutter_maxSpace:last-child {
margin-right: 0%;
}
.tcolumn_threeFourths.gutter_noSpace {
float: left;
clear: none;
text-align: inherit;
width: 75%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.tcolumn_threeFourths.gutter_noSpace::after {
content: '';
display: table;
clear: both;
}
.tcolumn_threeFourths.gutter_noSpace_spaceBottom {
float: left;
clear: none;
text-align: inherit;
width: 75%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.tcolumn_threeFourths.gutter_noSpace_spaceBottom::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 568px) {
.mcolumn_one {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 5%;
}
.mcolumn_one:first-child {
margin-left: auto;
}
.mcolumn_one:last-child {
margin-right: auto;
}
.mcolumn_one.gutter_minSpace {
margin-bottom: 2%;
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
}
.mcolumn_one.gutter_minSpace:first-child {
margin-left: auto;
}
.mcolumn_one.gutter_minSpace:last-child {
margin-right: auto;
}
.mcolumn_one.gutter_medSpace {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 3%;
}
.mcolumn_one.gutter_medSpace:first-child {
margin-left: auto;
}
.mcolumn_one.gutter_medSpace:last-child {
margin-right: auto;
}
.mcolumn_one.gutter_maxSpace {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 7%;
}
.mcolumn_one.gutter_maxSpace:first-child {
margin-left: auto;
}
.mcolumn_one.gutter_maxSpace:last-child {
margin-right: auto;
}
.mcolumn_one.gutter_noSpace {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 0;
}
.mcolumn_one.gutter_noSpace:first-child {
margin-left: auto;
}
.mcolumn_one.gutter_noSpace:last-child {
margin-right: auto;
}
.mcolumn_one.gutter_noSpace_spaceBottom {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 20px;
}
.mcolumn_one.gutter_noSpace_spaceBottom:first-child {
margin-left: auto;
}
.mcolumn_one.gutter_noSpace_spaceBottom:last-child {
margin-right: auto;
}
}
.fullWidth {
width: 100% !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
@media only screen and (max-width: 900px) {
.lfullWidth {
width: 100% !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
}
@media only screen and (max-width: 800px) {
.tfullWidth {
width: 100% !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
}
@media only screen and (max-width: 568px) {
.mfullWidth {
width: 100% !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
}
.grid1 >* {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 5%;
}
.grid1 >*:first-child {
margin-left: auto;
}
.grid1 >*:last-child {
margin-right: auto;
}
.grid1.gutter_minSpace >* {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 2%;
}
.grid1.gutter_minSpace >*:first-child {
margin-left: auto;
}
.grid1.gutter_minSpace >*:last-child {
margin-right: auto;
}
.grid1.gutter_medSpace >* {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 3%;
}
.grid1.gutter_medSpace >*:first-child {
margin-left: auto;
}
.grid1.gutter_medSpace >*:last-child {
margin-right: auto;
}
.grid1.gutter_maxSpace >* {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 7%;
}
.grid1.gutter_maxSpace >*:first-child {
margin-left: auto;
}
.grid1.gutter_maxSpace >*:last-child {
margin-right: auto;
}
.grid1.gutter_noSpace >* {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 0;
}
.grid1.gutter_noSpace >*:first-child {
margin-left: auto;
}
.grid1.gutter_noSpace >*:last-child {
margin-right: auto;
}
.grid1.gutter_noSpace_spaceBottom >* {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 20px;
}
.grid1.gutter_noSpace_spaceBottom >*:first-child {
margin-left: auto;
}
.grid1.gutter_noSpace_spaceBottom >*:last-child {
margin-right: auto;
}
.grid2 >* {
float: left;
clear: none;
text-align: inherit;
width: 47.5%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.grid2 >*::after {
content: '';
display: table;
clear: both;
}
.grid2 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.grid2 >*:nth-child(2n) {
margin-right: 0%;
float: right;
}
.grid2 >*:nth-child(2n + 1) {
clear: both;
}
.grid2.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 49%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.grid2.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid2.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.grid2.gutter_minSpace >*:nth-child(2n) {
margin-right: 0%;
float: right;
}
.grid2.gutter_minSpace >*:nth-child(2n + 1) {
clear: both;
}
.grid2.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 48.5%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.grid2.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid2.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.grid2.gutter_medSpace >*:nth-child(2n) {
margin-right: 0%;
float: right;
}
.grid2.gutter_medSpace >*:nth-child(2n + 1) {
clear: both;
}
.grid2.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 46.5%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.grid2.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid2.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.grid2.gutter_maxSpace >*:nth-child(2n) {
margin-right: 0%;
float: right;
}
.grid2.gutter_maxSpace >*:nth-child(2n + 1) {
clear: both;
}
.grid2.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 50%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.grid2.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid2.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 50%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.grid2.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
.grid3 >* {
float: left;
clear: none;
text-align: inherit;
width: 29.999999999999996%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.grid3 >*::after {
content: '';
display: table;
clear: both;
}
.grid3 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.grid3 >*:nth-child(3n) {
margin-right: 0%;
float: right;
}
.grid3 >*:nth-child(3n + 1) {
clear: both;
}
.grid3.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 31.999999999999996%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.grid3.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid3.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.grid3.gutter_minSpace >*:nth-child(3n) {
margin-right: 0%;
float: right;
}
.grid3.gutter_minSpace >*:nth-child(3n + 1) {
clear: both;
}
.grid3.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 31.33333333333333%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.grid3.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid3.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.grid3.gutter_medSpace >*:nth-child(3n) {
margin-right: 0%;
float: right;
}
.grid3.gutter_medSpace >*:nth-child(3n + 1) {
clear: both;
}
.grid3.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 28.66666666666666%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.grid3.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid3.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.grid3.gutter_maxSpace >*:nth-child(3n) {
margin-right: 0%;
float: right;
}
.grid3.gutter_maxSpace >*:nth-child(3n + 1) {
clear: both;
}
.grid3.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 33.33333333333333%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.grid3.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid3.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 33.33333333333333%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.grid3.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
.grid4 >* {
float: left;
clear: none;
text-align: inherit;
width: 21.25%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.grid4 >*::after {
content: '';
display: table;
clear: both;
}
.grid4 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.grid4 >*:nth-child(4n) {
margin-right: 0%;
float: right;
}
.grid4 >*:nth-child(4n + 1) {
clear: both;
}
.grid4.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 23.5%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.grid4.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid4.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.grid4.gutter_minSpace >*:nth-child(4n) {
margin-right: 0%;
float: right;
}
.grid4.gutter_minSpace >*:nth-child(4n + 1) {
clear: both;
}
.grid4.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 22.75%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.grid4.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid4.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.grid4.gutter_medSpace >*:nth-child(4n) {
margin-right: 0%;
float: right;
}
.grid4.gutter_medSpace >*:nth-child(4n + 1) {
clear: both;
}
.grid4.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 19.75%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.grid4.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid4.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.grid4.gutter_maxSpace >*:nth-child(4n) {
margin-right: 0%;
float: right;
}
.grid4.gutter_maxSpace >*:nth-child(4n + 1) {
clear: both;
}
.grid4.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 25%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.grid4.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid4.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 25%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.grid4.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
.grid5 >* {
float: left;
clear: none;
text-align: inherit;
width: 16%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.grid5 >*::after {
content: '';
display: table;
clear: both;
}
.grid5 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.grid5 >*:nth-child(5n) {
margin-right: 0%;
float: right;
}
.grid5 >*:nth-child(5n + 1) {
clear: both;
}
.grid5.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 18.4%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.grid5.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid5.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.grid5.gutter_minSpace >*:nth-child(5n) {
margin-right: 0%;
float: right;
}
.grid5.gutter_minSpace >*:nth-child(5n + 1) {
clear: both;
}
.grid5.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 17.6%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.grid5.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid5.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.grid5.gutter_medSpace >*:nth-child(5n) {
margin-right: 0%;
float: right;
}
.grid5.gutter_medSpace >*:nth-child(5n + 1) {
clear: both;
}
.grid5.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 14.4%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.grid5.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid5.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.grid5.gutter_maxSpace >*:nth-child(5n) {
margin-right: 0%;
float: right;
}
.grid5.gutter_maxSpace >*:nth-child(5n + 1) {
clear: both;
}
.grid5.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 20%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.grid5.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid5.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 20%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.grid5.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
.grid6 >* {
float: left;
clear: none;
text-align: inherit;
width: 12.499999999999998%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.grid6 >*::after {
content: '';
display: table;
clear: both;
}
.grid6 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.grid6 >*:nth-child(6n) {
margin-right: 0%;
float: right;
}
.grid6 >*:nth-child(6n + 1) {
clear: both;
}
.grid6.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 14.999999999999998%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.grid6.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid6.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.grid6.gutter_minSpace >*:nth-child(6n) {
margin-right: 0%;
float: right;
}
.grid6.gutter_minSpace >*:nth-child(6n + 1) {
clear: both;
}
.grid6.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 14.166666666666664%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.grid6.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid6.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.grid6.gutter_medSpace >*:nth-child(6n) {
margin-right: 0%;
float: right;
}
.grid6.gutter_medSpace >*:nth-child(6n + 1) {
clear: both;
}
.grid6.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 10.83333333333333%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.grid6.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid6.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.grid6.gutter_maxSpace >*:nth-child(6n) {
margin-right: 0%;
float: right;
}
.grid6.gutter_maxSpace >*:nth-child(6n + 1) {
clear: both;
}
.grid6.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 16.666666666666664%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.grid6.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid6.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 16.666666666666664%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.grid6.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
.grid7 >* {
float: left;
clear: none;
text-align: inherit;
width: 9.999999999999998%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.grid7 >*::after {
content: '';
display: table;
clear: both;
}
.grid7 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.grid7 >*:nth-child(7n) {
margin-right: 0%;
float: right;
}
.grid7 >*:nth-child(7n + 1) {
clear: both;
}
.grid7.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 12.571428571428571%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.grid7.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid7.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.grid7.gutter_minSpace >*:nth-child(7n) {
margin-right: 0%;
float: right;
}
.grid7.gutter_minSpace >*:nth-child(7n + 1) {
clear: both;
}
.grid7.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 11.714285714285714%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.grid7.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid7.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.grid7.gutter_medSpace >*:nth-child(7n) {
margin-right: 0%;
float: right;
}
.grid7.gutter_medSpace >*:nth-child(7n + 1) {
clear: both;
}
.grid7.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 8.285714285714285%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.grid7.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid7.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.grid7.gutter_maxSpace >*:nth-child(7n) {
margin-right: 0%;
float: right;
}
.grid7.gutter_maxSpace >*:nth-child(7n + 1) {
clear: both;
}
.grid7.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 14.285714285714285%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.grid7.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid7.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 14.285714285714285%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.grid7.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
.grid8 >* {
float: left;
clear: none;
text-align: inherit;
width: 8.125%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.grid8 >*::after {
content: '';
display: table;
clear: both;
}
.grid8 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.grid8 >*:nth-child(8n) {
margin-right: 0%;
float: right;
}
.grid8 >*:nth-child(8n + 1) {
clear: both;
}
.grid8.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 10.75%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.grid8.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid8.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.grid8.gutter_minSpace >*:nth-child(8n) {
margin-right: 0%;
float: right;
}
.grid8.gutter_minSpace >*:nth-child(8n + 1) {
clear: both;
}
.grid8.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 9.875%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.grid8.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid8.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.grid8.gutter_medSpace >*:nth-child(8n) {
margin-right: 0%;
float: right;
}
.grid8.gutter_medSpace >*:nth-child(8n + 1) {
clear: both;
}
.grid8.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 6.374999999999999%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.grid8.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid8.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.grid8.gutter_maxSpace >*:nth-child(8n) {
margin-right: 0%;
float: right;
}
.grid8.gutter_maxSpace >*:nth-child(8n + 1) {
clear: both;
}
.grid8.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 12.5%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.grid8.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid8.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 12.5%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.grid8.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
.grid9 >* {
float: left;
clear: none;
text-align: inherit;
width: 6.666666666666666%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.grid9 >*::after {
content: '';
display: table;
clear: both;
}
.grid9 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.grid9 >*:nth-child(9n) {
margin-right: 0%;
float: right;
}
.grid9 >*:nth-child(9n + 1) {
clear: both;
}
.grid9.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 9.333333333333332%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.grid9.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid9.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.grid9.gutter_minSpace >*:nth-child(9n) {
margin-right: 0%;
float: right;
}
.grid9.gutter_minSpace >*:nth-child(9n + 1) {
clear: both;
}
.grid9.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 8.444444444444445%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.grid9.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid9.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.grid9.gutter_medSpace >*:nth-child(9n) {
margin-right: 0%;
float: right;
}
.grid9.gutter_medSpace >*:nth-child(9n + 1) {
clear: both;
}
.grid9.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 4.888888888888888%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.grid9.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid9.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.grid9.gutter_maxSpace >*:nth-child(9n) {
margin-right: 0%;
float: right;
}
.grid9.gutter_maxSpace >*:nth-child(9n + 1) {
clear: both;
}
.grid9.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 11.11111111111111%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.grid9.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid9.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 11.11111111111111%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.grid9.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
.grid10 >* {
float: left;
clear: none;
text-align: inherit;
width: 5.5%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.grid10 >*::after {
content: '';
display: table;
clear: both;
}
.grid10 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.grid10 >*:nth-child(10n) {
margin-right: 0%;
float: right;
}
.grid10 >*:nth-child(10n + 1) {
clear: both;
}
.grid10.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 8.2%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.grid10.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid10.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.grid10.gutter_minSpace >*:nth-child(10n) {
margin-right: 0%;
float: right;
}
.grid10.gutter_minSpace >*:nth-child(10n + 1) {
clear: both;
}
.grid10.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 7.3%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.grid10.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid10.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.grid10.gutter_medSpace >*:nth-child(10n) {
margin-right: 0%;
float: right;
}
.grid10.gutter_medSpace >*:nth-child(10n + 1) {
clear: both;
}
.grid10.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 3.699999999999999%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.grid10.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid10.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.grid10.gutter_maxSpace >*:nth-child(10n) {
margin-right: 0%;
float: right;
}
.grid10.gutter_maxSpace >*:nth-child(10n + 1) {
clear: both;
}
.grid10.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 10%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.grid10.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid10.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 10%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.grid10.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
.grid11 >* {
float: left;
clear: none;
text-align: inherit;
width: 4.545454545454547%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.grid11 >*::after {
content: '';
display: table;
clear: both;
}
.grid11 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.grid11 >*:nth-child(11n) {
margin-right: 0%;
float: right;
}
.grid11 >*:nth-child(11n + 1) {
clear: both;
}
.grid11.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 7.272727272727273%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.grid11.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid11.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.grid11.gutter_minSpace >*:nth-child(11n) {
margin-right: 0%;
float: right;
}
.grid11.gutter_minSpace >*:nth-child(11n + 1) {
clear: both;
}
.grid11.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 6.363636363636364%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.grid11.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid11.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.grid11.gutter_medSpace >*:nth-child(11n) {
margin-right: 0%;
float: right;
}
.grid11.gutter_medSpace >*:nth-child(11n + 1) {
clear: both;
}
.grid11.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 2.727272727272728%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.grid11.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid11.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.grid11.gutter_maxSpace >*:nth-child(11n) {
margin-right: 0%;
float: right;
}
.grid11.gutter_maxSpace >*:nth-child(11n + 1) {
clear: both;
}
.grid11.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 9.090909090909092%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.grid11.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid11.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 9.090909090909092%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.grid11.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
.grid12 >* {
float: left;
clear: none;
text-align: inherit;
width: 3.749999999999999%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.grid12 >*::after {
content: '';
display: table;
clear: both;
}
.grid12 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.grid12 >*:nth-child(12n) {
margin-right: 0%;
float: right;
}
.grid12 >*:nth-child(12n + 1) {
clear: both;
}
.grid12.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 6.499999999999999%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.grid12.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid12.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.grid12.gutter_minSpace >*:nth-child(12n) {
margin-right: 0%;
float: right;
}
.grid12.gutter_minSpace >*:nth-child(12n + 1) {
clear: both;
}
.grid12.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 5.583333333333332%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.grid12.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid12.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.grid12.gutter_medSpace >*:nth-child(12n) {
margin-right: 0%;
float: right;
}
.grid12.gutter_medSpace >*:nth-child(12n + 1) {
clear: both;
}
.grid12.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 1.916666666666665%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.grid12.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid12.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.grid12.gutter_maxSpace >*:nth-child(12n) {
margin-right: 0%;
float: right;
}
.grid12.gutter_maxSpace >*:nth-child(12n + 1) {
clear: both;
}
.grid12.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 8.333333333333332%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.grid12.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.grid12.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 8.333333333333332%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.grid12.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
@media only screen and (max-width: 1024px) {
.lxgrid2 >* {
float: left;
clear: none;
text-align: inherit;
width: 47.5%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.lxgrid2 >*::after {
content: '';
display: table;
clear: both;
}
.lxgrid2 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.lxgrid2 >*:nth-child(2n) {
margin-right: 0%;
float: right;
}
.lxgrid2 >*:nth-child(2n + 1) {
clear: both;
}
.lxgrid2.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 49%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.lxgrid2.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.lxgrid2.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.lxgrid2.gutter_minSpace >*:nth-child(2n) {
margin-right: 0%;
float: right;
}
.lxgrid2.gutter_minSpace >*:nth-child(2n + 1) {
clear: both;
}
.lxgrid2.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 48.5%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.lxgrid2.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.lxgrid2.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.lxgrid2.gutter_medSpace >*:nth-child(2n) {
margin-right: 0%;
float: right;
}
.lxgrid2.gutter_medSpace >*:nth-child(2n + 1) {
clear: both;
}
.lxgrid2.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 46.5%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.lxgrid2.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.lxgrid2.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.lxgrid2.gutter_maxSpace >*:nth-child(2n) {
margin-right: 0%;
float: right;
}
.lxgrid2.gutter_maxSpace >*:nth-child(2n + 1) {
clear: both;
}
.lxgrid2.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 50%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.lxgrid2.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.lxgrid2.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 50%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.lxgrid2.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 900px) {
.lgrid1 >* {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 5%;
}
.lgrid1 >*:first-child {
margin-left: auto;
}
.lgrid1 >*:last-child {
margin-right: auto;
}
.lgrid1.gutter_minSpace >* {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 2%;
}
.lgrid1.gutter_minSpace >*:first-child {
margin-left: auto;
}
.lgrid1.gutter_minSpace >*:last-child {
margin-right: auto;
}
.lgrid1.gutter_medSpace >* {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 3%;
}
.lgrid1.gutter_medSpace >*:first-child {
margin-left: auto;
}
.lgrid1.gutter_medSpace >*:last-child {
margin-right: auto;
}
.lgrid1.gutter_maxSpace >* {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 7%;
}
.lgrid1.gutter_maxSpace >*:first-child {
margin-left: auto;
}
.lgrid1.gutter_maxSpace >*:last-child {
margin-right: auto;
}
.lgrid1.gutter_noSpace >* {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 0;
}
.lgrid1.gutter_noSpace >*:first-child {
margin-left: auto;
}
.lgrid1.gutter_noSpace >*:last-child {
margin-right: auto;
}
.lgrid1.gutter_noSpace_spaceBottom >* {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 20px;
}
.lgrid1.gutter_noSpace_spaceBottom >*:first-child {
margin-left: auto;
}
.lgrid1.gutter_noSpace_spaceBottom >*:last-child {
margin-right: auto;
}
}
@media only screen and (max-width: 900px) {
.lgrid2 >* {
float: left;
clear: none;
text-align: inherit;
width: 47.5%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.lgrid2 >*::after {
content: '';
display: table;
clear: both;
}
.lgrid2 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.lgrid2 >*:nth-child(2n) {
margin-right: 0%;
float: right;
}
.lgrid2 >*:nth-child(2n + 1) {
clear: both;
}
.lgrid2.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 49%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.lgrid2.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid2.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.lgrid2.gutter_minSpace >*:nth-child(2n) {
margin-right: 0%;
float: right;
}
.lgrid2.gutter_minSpace >*:nth-child(2n + 1) {
clear: both;
}
.lgrid2.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 48.5%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.lgrid2.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid2.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.lgrid2.gutter_medSpace >*:nth-child(2n) {
margin-right: 0%;
float: right;
}
.lgrid2.gutter_medSpace >*:nth-child(2n + 1) {
clear: both;
}
.lgrid2.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 46.5%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.lgrid2.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid2.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.lgrid2.gutter_maxSpace >*:nth-child(2n) {
margin-right: 0%;
float: right;
}
.lgrid2.gutter_maxSpace >*:nth-child(2n + 1) {
clear: both;
}
.lgrid2.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 50%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.lgrid2.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid2.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 50%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.lgrid2.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 900px) {
.lgrid3 >* {
float: left;
clear: none;
text-align: inherit;
width: 29.999999999999996%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.lgrid3 >*::after {
content: '';
display: table;
clear: both;
}
.lgrid3 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.lgrid3 >*:nth-child(3n) {
margin-right: 0%;
float: right;
}
.lgrid3 >*:nth-child(3n + 1) {
clear: both;
}
.lgrid3.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 31.999999999999996%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.lgrid3.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid3.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.lgrid3.gutter_minSpace >*:nth-child(3n) {
margin-right: 0%;
float: right;
}
.lgrid3.gutter_minSpace >*:nth-child(3n + 1) {
clear: both;
}
.lgrid3.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 31.33333333333333%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.lgrid3.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid3.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.lgrid3.gutter_medSpace >*:nth-child(3n) {
margin-right: 0%;
float: right;
}
.lgrid3.gutter_medSpace >*:nth-child(3n + 1) {
clear: both;
}
.lgrid3.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 28.66666666666666%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.lgrid3.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid3.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.lgrid3.gutter_maxSpace >*:nth-child(3n) {
margin-right: 0%;
float: right;
}
.lgrid3.gutter_maxSpace >*:nth-child(3n + 1) {
clear: both;
}
.lgrid3.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 33.33333333333333%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.lgrid3.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid3.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 33.33333333333333%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.lgrid3.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 900px) {
.lgrid4 >* {
float: left;
clear: none;
text-align: inherit;
width: 21.25%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.lgrid4 >*::after {
content: '';
display: table;
clear: both;
}
.lgrid4 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.lgrid4 >*:nth-child(4n) {
margin-right: 0%;
float: right;
}
.lgrid4 >*:nth-child(4n + 1) {
clear: both;
}
.lgrid4.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 23.5%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.lgrid4.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid4.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.lgrid4.gutter_minSpace >*:nth-child(4n) {
margin-right: 0%;
float: right;
}
.lgrid4.gutter_minSpace >*:nth-child(4n + 1) {
clear: both;
}
.lgrid4.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 22.75%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.lgrid4.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid4.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.lgrid4.gutter_medSpace >*:nth-child(4n) {
margin-right: 0%;
float: right;
}
.lgrid4.gutter_medSpace >*:nth-child(4n + 1) {
clear: both;
}
.lgrid4.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 19.75%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.lgrid4.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid4.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.lgrid4.gutter_maxSpace >*:nth-child(4n) {
margin-right: 0%;
float: right;
}
.lgrid4.gutter_maxSpace >*:nth-child(4n + 1) {
clear: both;
}
.lgrid4.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 25%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.lgrid4.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid4.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 25%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.lgrid4.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 900px) {
.lgrid5 >* {
float: left;
clear: none;
text-align: inherit;
width: 16%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.lgrid5 >*::after {
content: '';
display: table;
clear: both;
}
.lgrid5 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.lgrid5 >*:nth-child(5n) {
margin-right: 0%;
float: right;
}
.lgrid5 >*:nth-child(5n + 1) {
clear: both;
}
.lgrid5.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 18.4%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.lgrid5.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid5.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.lgrid5.gutter_minSpace >*:nth-child(5n) {
margin-right: 0%;
float: right;
}
.lgrid5.gutter_minSpace >*:nth-child(5n + 1) {
clear: both;
}
.lgrid5.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 17.6%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.lgrid5.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid5.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.lgrid5.gutter_medSpace >*:nth-child(5n) {
margin-right: 0%;
float: right;
}
.lgrid5.gutter_medSpace >*:nth-child(5n + 1) {
clear: both;
}
.lgrid5.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 14.4%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.lgrid5.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid5.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.lgrid5.gutter_maxSpace >*:nth-child(5n) {
margin-right: 0%;
float: right;
}
.lgrid5.gutter_maxSpace >*:nth-child(5n + 1) {
clear: both;
}
.lgrid5.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 20%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.lgrid5.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid5.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 20%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.lgrid5.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 900px) {
.lgrid6 >* {
float: left;
clear: none;
text-align: inherit;
width: 12.499999999999998%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.lgrid6 >*::after {
content: '';
display: table;
clear: both;
}
.lgrid6 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.lgrid6 >*:nth-child(6n) {
margin-right: 0%;
float: right;
}
.lgrid6 >*:nth-child(6n + 1) {
clear: both;
}
.lgrid6.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 14.999999999999998%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.lgrid6.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid6.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.lgrid6.gutter_minSpace >*:nth-child(6n) {
margin-right: 0%;
float: right;
}
.lgrid6.gutter_minSpace >*:nth-child(6n + 1) {
clear: both;
}
.lgrid6.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 14.166666666666664%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.lgrid6.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid6.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.lgrid6.gutter_medSpace >*:nth-child(6n) {
margin-right: 0%;
float: right;
}
.lgrid6.gutter_medSpace >*:nth-child(6n + 1) {
clear: both;
}
.lgrid6.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 10.83333333333333%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.lgrid6.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid6.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.lgrid6.gutter_maxSpace >*:nth-child(6n) {
margin-right: 0%;
float: right;
}
.lgrid6.gutter_maxSpace >*:nth-child(6n + 1) {
clear: both;
}
.lgrid6.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 16.666666666666664%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.lgrid6.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid6.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 16.666666666666664%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.lgrid6.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 900px) {
.lgrid7 >* {
float: left;
clear: none;
text-align: inherit;
width: 9.999999999999998%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.lgrid7 >*::after {
content: '';
display: table;
clear: both;
}
.lgrid7 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.lgrid7 >*:nth-child(7n) {
margin-right: 0%;
float: right;
}
.lgrid7 >*:nth-child(7n + 1) {
clear: both;
}
.lgrid7.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 12.571428571428571%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.lgrid7.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid7.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.lgrid7.gutter_minSpace >*:nth-child(7n) {
margin-right: 0%;
float: right;
}
.lgrid7.gutter_minSpace >*:nth-child(7n + 1) {
clear: both;
}
.lgrid7.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 11.714285714285714%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.lgrid7.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid7.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.lgrid7.gutter_medSpace >*:nth-child(7n) {
margin-right: 0%;
float: right;
}
.lgrid7.gutter_medSpace >*:nth-child(7n + 1) {
clear: both;
}
.lgrid7.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 8.285714285714285%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.lgrid7.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid7.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.lgrid7.gutter_maxSpace >*:nth-child(7n) {
margin-right: 0%;
float: right;
}
.lgrid7.gutter_maxSpace >*:nth-child(7n + 1) {
clear: both;
}
.lgrid7.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 14.285714285714285%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.lgrid7.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid7.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 14.285714285714285%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.lgrid7.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 900px) {
.lgrid8 >* {
float: left;
clear: none;
text-align: inherit;
width: 8.125%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.lgrid8 >*::after {
content: '';
display: table;
clear: both;
}
.lgrid8 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.lgrid8 >*:nth-child(8n) {
margin-right: 0%;
float: right;
}
.lgrid8 >*:nth-child(8n + 1) {
clear: both;
}
.lgrid8.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 10.75%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.lgrid8.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid8.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.lgrid8.gutter_minSpace >*:nth-child(8n) {
margin-right: 0%;
float: right;
}
.lgrid8.gutter_minSpace >*:nth-child(8n + 1) {
clear: both;
}
.lgrid8.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 9.875%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.lgrid8.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid8.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.lgrid8.gutter_medSpace >*:nth-child(8n) {
margin-right: 0%;
float: right;
}
.lgrid8.gutter_medSpace >*:nth-child(8n + 1) {
clear: both;
}
.lgrid8.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 6.374999999999999%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.lgrid8.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid8.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.lgrid8.gutter_maxSpace >*:nth-child(8n) {
margin-right: 0%;
float: right;
}
.lgrid8.gutter_maxSpace >*:nth-child(8n + 1) {
clear: both;
}
.lgrid8.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 12.5%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.lgrid8.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid8.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 12.5%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.lgrid8.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 900px) {
.lgrid9 >* {
float: left;
clear: none;
text-align: inherit;
width: 6.666666666666666%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.lgrid9 >*::after {
content: '';
display: table;
clear: both;
}
.lgrid9 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.lgrid9 >*:nth-child(9n) {
margin-right: 0%;
float: right;
}
.lgrid9 >*:nth-child(9n + 1) {
clear: both;
}
.lgrid9.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 9.333333333333332%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.lgrid9.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid9.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.lgrid9.gutter_minSpace >*:nth-child(9n) {
margin-right: 0%;
float: right;
}
.lgrid9.gutter_minSpace >*:nth-child(9n + 1) {
clear: both;
}
.lgrid9.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 8.444444444444445%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.lgrid9.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid9.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.lgrid9.gutter_medSpace >*:nth-child(9n) {
margin-right: 0%;
float: right;
}
.lgrid9.gutter_medSpace >*:nth-child(9n + 1) {
clear: both;
}
.lgrid9.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 4.888888888888888%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.lgrid9.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid9.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.lgrid9.gutter_maxSpace >*:nth-child(9n) {
margin-right: 0%;
float: right;
}
.lgrid9.gutter_maxSpace >*:nth-child(9n + 1) {
clear: both;
}
.lgrid9.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 11.11111111111111%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.lgrid9.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid9.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 11.11111111111111%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.lgrid9.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 900px) {
.lgrid10 >* {
float: left;
clear: none;
text-align: inherit;
width: 5.5%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.lgrid10 >*::after {
content: '';
display: table;
clear: both;
}
.lgrid10 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.lgrid10 >*:nth-child(10n) {
margin-right: 0%;
float: right;
}
.lgrid10 >*:nth-child(10n + 1) {
clear: both;
}
.lgrid10.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 8.2%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.lgrid10.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid10.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.lgrid10.gutter_minSpace >*:nth-child(10n) {
margin-right: 0%;
float: right;
}
.lgrid10.gutter_minSpace >*:nth-child(10n + 1) {
clear: both;
}
.lgrid10.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 7.3%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.lgrid10.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid10.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.lgrid10.gutter_medSpace >*:nth-child(10n) {
margin-right: 0%;
float: right;
}
.lgrid10.gutter_medSpace >*:nth-child(10n + 1) {
clear: both;
}
.lgrid10.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 3.699999999999999%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.lgrid10.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid10.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.lgrid10.gutter_maxSpace >*:nth-child(10n) {
margin-right: 0%;
float: right;
}
.lgrid10.gutter_maxSpace >*:nth-child(10n + 1) {
clear: both;
}
.lgrid10.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 10%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.lgrid10.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid10.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 10%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.lgrid10.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 900px) {
.lgrid11 >* {
float: left;
clear: none;
text-align: inherit;
width: 4.545454545454547%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.lgrid11 >*::after {
content: '';
display: table;
clear: both;
}
.lgrid11 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.lgrid11 >*:nth-child(11n) {
margin-right: 0%;
float: right;
}
.lgrid11 >*:nth-child(11n + 1) {
clear: both;
}
.lgrid11.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 7.272727272727273%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.lgrid11.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid11.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.lgrid11.gutter_minSpace >*:nth-child(11n) {
margin-right: 0%;
float: right;
}
.lgrid11.gutter_minSpace >*:nth-child(11n + 1) {
clear: both;
}
.lgrid11.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 6.363636363636364%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.lgrid11.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid11.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.lgrid11.gutter_medSpace >*:nth-child(11n) {
margin-right: 0%;
float: right;
}
.lgrid11.gutter_medSpace >*:nth-child(11n + 1) {
clear: both;
}
.lgrid11.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 2.727272727272728%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.lgrid11.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid11.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.lgrid11.gutter_maxSpace >*:nth-child(11n) {
margin-right: 0%;
float: right;
}
.lgrid11.gutter_maxSpace >*:nth-child(11n + 1) {
clear: both;
}
.lgrid11.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 9.090909090909092%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.lgrid11.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid11.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 9.090909090909092%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.lgrid11.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 900px) {
.lgrid12 >* {
float: left;
clear: none;
text-align: inherit;
width: 3.749999999999999%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.lgrid12 >*::after {
content: '';
display: table;
clear: both;
}
.lgrid12 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.lgrid12 >*:nth-child(12n) {
margin-right: 0%;
float: right;
}
.lgrid12 >*:nth-child(12n + 1) {
clear: both;
}
.lgrid12.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 6.499999999999999%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.lgrid12.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid12.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.lgrid12.gutter_minSpace >*:nth-child(12n) {
margin-right: 0%;
float: right;
}
.lgrid12.gutter_minSpace >*:nth-child(12n + 1) {
clear: both;
}
.lgrid12.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 5.583333333333332%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.lgrid12.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid12.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.lgrid12.gutter_medSpace >*:nth-child(12n) {
margin-right: 0%;
float: right;
}
.lgrid12.gutter_medSpace >*:nth-child(12n + 1) {
clear: both;
}
.lgrid12.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 1.916666666666665%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.lgrid12.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid12.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.lgrid12.gutter_maxSpace >*:nth-child(12n) {
margin-right: 0%;
float: right;
}
.lgrid12.gutter_maxSpace >*:nth-child(12n + 1) {
clear: both;
}
.lgrid12.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 8.333333333333332%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.lgrid12.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.lgrid12.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 8.333333333333332%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.lgrid12.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 800px) {
.tgrid1 >* {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 5%;
}
.tgrid1 >*:first-child {
margin-left: auto;
}
.tgrid1 >*:last-child {
margin-right: auto;
}
.tgrid1.gutter_minSpace >* {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 2%;
}
.tgrid1.gutter_minSpace >*:first-child {
margin-left: auto;
}
.tgrid1.gutter_minSpace >*:last-child {
margin-right: auto;
}
.tgrid1.gutter_medSpace >* {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 3%;
}
.tgrid1.gutter_medSpace >*:first-child {
margin-left: auto;
}
.tgrid1.gutter_medSpace >*:last-child {
margin-right: auto;
}
.tgrid1.gutter_maxSpace >* {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 7%;
}
.tgrid1.gutter_maxSpace >*:first-child {
margin-left: auto;
}
.tgrid1.gutter_maxSpace >*:last-child {
margin-right: auto;
}
.tgrid1.gutter_noSpace >* {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 0;
}
.tgrid1.gutter_noSpace >*:first-child {
margin-left: auto;
}
.tgrid1.gutter_noSpace >*:last-child {
margin-right: auto;
}
.tgrid1.gutter_noSpace_spaceBottom >* {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 20px;
}
.tgrid1.gutter_noSpace_spaceBottom >*:first-child {
margin-left: auto;
}
.tgrid1.gutter_noSpace_spaceBottom >*:last-child {
margin-right: auto;
}
}
@media only screen and (max-width: 800px) {
.tgrid2 >* {
float: left;
clear: none;
text-align: inherit;
width: 47.5%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.tgrid2 >*::after {
content: '';
display: table;
clear: both;
}
.tgrid2 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.tgrid2 >*:nth-child(2n) {
margin-right: 0%;
float: right;
}
.tgrid2 >*:nth-child(2n + 1) {
clear: both;
}
.tgrid2.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 49%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.tgrid2.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid2.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.tgrid2.gutter_minSpace >*:nth-child(2n) {
margin-right: 0%;
float: right;
}
.tgrid2.gutter_minSpace >*:nth-child(2n + 1) {
clear: both;
}
.tgrid2.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 48.5%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.tgrid2.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid2.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.tgrid2.gutter_medSpace >*:nth-child(2n) {
margin-right: 0%;
float: right;
}
.tgrid2.gutter_medSpace >*:nth-child(2n + 1) {
clear: both;
}
.tgrid2.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 46.5%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.tgrid2.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid2.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.tgrid2.gutter_maxSpace >*:nth-child(2n) {
margin-right: 0%;
float: right;
}
.tgrid2.gutter_maxSpace >*:nth-child(2n + 1) {
clear: both;
}
.tgrid2.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 50%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.tgrid2.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid2.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 50%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.tgrid2.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 800px) {
.tgrid3 >* {
float: left;
clear: none;
text-align: inherit;
width: 29.999999999999996%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.tgrid3 >*::after {
content: '';
display: table;
clear: both;
}
.tgrid3 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.tgrid3 >*:nth-child(3n) {
margin-right: 0%;
float: right;
}
.tgrid3 >*:nth-child(3n + 1) {
clear: both;
}
.tgrid3.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 31.999999999999996%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.tgrid3.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid3.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.tgrid3.gutter_minSpace >*:nth-child(3n) {
margin-right: 0%;
float: right;
}
.tgrid3.gutter_minSpace >*:nth-child(3n + 1) {
clear: both;
}
.tgrid3.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 31.33333333333333%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.tgrid3.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid3.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.tgrid3.gutter_medSpace >*:nth-child(3n) {
margin-right: 0%;
float: right;
}
.tgrid3.gutter_medSpace >*:nth-child(3n + 1) {
clear: both;
}
.tgrid3.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 28.66666666666666%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.tgrid3.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid3.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.tgrid3.gutter_maxSpace >*:nth-child(3n) {
margin-right: 0%;
float: right;
}
.tgrid3.gutter_maxSpace >*:nth-child(3n + 1) {
clear: both;
}
.tgrid3.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 33.33333333333333%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.tgrid3.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid3.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 33.33333333333333%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.tgrid3.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 800px) {
.tgrid4 >* {
float: left;
clear: none;
text-align: inherit;
width: 21.25%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.tgrid4 >*::after {
content: '';
display: table;
clear: both;
}
.tgrid4 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.tgrid4 >*:nth-child(4n) {
margin-right: 0%;
float: right;
}
.tgrid4 >*:nth-child(4n + 1) {
clear: both;
}
.tgrid4.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 23.5%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.tgrid4.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid4.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.tgrid4.gutter_minSpace >*:nth-child(4n) {
margin-right: 0%;
float: right;
}
.tgrid4.gutter_minSpace >*:nth-child(4n + 1) {
clear: both;
}
.tgrid4.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 22.75%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.tgrid4.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid4.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.tgrid4.gutter_medSpace >*:nth-child(4n) {
margin-right: 0%;
float: right;
}
.tgrid4.gutter_medSpace >*:nth-child(4n + 1) {
clear: both;
}
.tgrid4.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 19.75%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.tgrid4.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid4.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.tgrid4.gutter_maxSpace >*:nth-child(4n) {
margin-right: 0%;
float: right;
}
.tgrid4.gutter_maxSpace >*:nth-child(4n + 1) {
clear: both;
}
.tgrid4.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 25%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.tgrid4.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid4.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 25%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.tgrid4.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 800px) {
.tgrid5 >* {
float: left;
clear: none;
text-align: inherit;
width: 16%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.tgrid5 >*::after {
content: '';
display: table;
clear: both;
}
.tgrid5 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.tgrid5 >*:nth-child(5n) {
margin-right: 0%;
float: right;
}
.tgrid5 >*:nth-child(5n + 1) {
clear: both;
}
.tgrid5.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 18.4%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.tgrid5.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid5.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.tgrid5.gutter_minSpace >*:nth-child(5n) {
margin-right: 0%;
float: right;
}
.tgrid5.gutter_minSpace >*:nth-child(5n + 1) {
clear: both;
}
.tgrid5.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 17.6%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.tgrid5.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid5.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.tgrid5.gutter_medSpace >*:nth-child(5n) {
margin-right: 0%;
float: right;
}
.tgrid5.gutter_medSpace >*:nth-child(5n + 1) {
clear: both;
}
.tgrid5.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 14.4%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.tgrid5.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid5.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.tgrid5.gutter_maxSpace >*:nth-child(5n) {
margin-right: 0%;
float: right;
}
.tgrid5.gutter_maxSpace >*:nth-child(5n + 1) {
clear: both;
}
.tgrid5.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 20%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.tgrid5.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid5.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 20%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.tgrid5.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 800px) {
.tgrid6 >* {
float: left;
clear: none;
text-align: inherit;
width: 12.499999999999998%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.tgrid6 >*::after {
content: '';
display: table;
clear: both;
}
.tgrid6 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.tgrid6 >*:nth-child(6n) {
margin-right: 0%;
float: right;
}
.tgrid6 >*:nth-child(6n + 1) {
clear: both;
}
.tgrid6.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 14.999999999999998%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.tgrid6.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid6.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.tgrid6.gutter_minSpace >*:nth-child(6n) {
margin-right: 0%;
float: right;
}
.tgrid6.gutter_minSpace >*:nth-child(6n + 1) {
clear: both;
}
.tgrid6.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 14.166666666666664%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.tgrid6.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid6.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.tgrid6.gutter_medSpace >*:nth-child(6n) {
margin-right: 0%;
float: right;
}
.tgrid6.gutter_medSpace >*:nth-child(6n + 1) {
clear: both;
}
.tgrid6.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 10.83333333333333%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.tgrid6.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid6.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.tgrid6.gutter_maxSpace >*:nth-child(6n) {
margin-right: 0%;
float: right;
}
.tgrid6.gutter_maxSpace >*:nth-child(6n + 1) {
clear: both;
}
.tgrid6.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 16.666666666666664%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.tgrid6.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid6.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 16.666666666666664%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.tgrid6.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 800px) {
.tgrid7 >* {
float: left;
clear: none;
text-align: inherit;
width: 9.999999999999998%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.tgrid7 >*::after {
content: '';
display: table;
clear: both;
}
.tgrid7 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.tgrid7 >*:nth-child(7n) {
margin-right: 0%;
float: right;
}
.tgrid7 >*:nth-child(7n + 1) {
clear: both;
}
.tgrid7.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 12.571428571428571%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.tgrid7.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid7.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.tgrid7.gutter_minSpace >*:nth-child(7n) {
margin-right: 0%;
float: right;
}
.tgrid7.gutter_minSpace >*:nth-child(7n + 1) {
clear: both;
}
.tgrid7.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 11.714285714285714%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.tgrid7.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid7.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.tgrid7.gutter_medSpace >*:nth-child(7n) {
margin-right: 0%;
float: right;
}
.tgrid7.gutter_medSpace >*:nth-child(7n + 1) {
clear: both;
}
.tgrid7.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 8.285714285714285%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.tgrid7.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid7.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.tgrid7.gutter_maxSpace >*:nth-child(7n) {
margin-right: 0%;
float: right;
}
.tgrid7.gutter_maxSpace >*:nth-child(7n + 1) {
clear: both;
}
.tgrid7.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 14.285714285714285%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.tgrid7.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid7.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 14.285714285714285%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.tgrid7.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 800px) {
.tgrid8 >* {
float: left;
clear: none;
text-align: inherit;
width: 8.125%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.tgrid8 >*::after {
content: '';
display: table;
clear: both;
}
.tgrid8 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.tgrid8 >*:nth-child(8n) {
margin-right: 0%;
float: right;
}
.tgrid8 >*:nth-child(8n + 1) {
clear: both;
}
.tgrid8.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 10.75%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.tgrid8.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid8.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.tgrid8.gutter_minSpace >*:nth-child(8n) {
margin-right: 0%;
float: right;
}
.tgrid8.gutter_minSpace >*:nth-child(8n + 1) {
clear: both;
}
.tgrid8.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 9.875%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.tgrid8.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid8.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.tgrid8.gutter_medSpace >*:nth-child(8n) {
margin-right: 0%;
float: right;
}
.tgrid8.gutter_medSpace >*:nth-child(8n + 1) {
clear: both;
}
.tgrid8.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 6.374999999999999%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.tgrid8.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid8.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.tgrid8.gutter_maxSpace >*:nth-child(8n) {
margin-right: 0%;
float: right;
}
.tgrid8.gutter_maxSpace >*:nth-child(8n + 1) {
clear: both;
}
.tgrid8.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 12.5%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.tgrid8.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid8.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 12.5%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.tgrid8.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 800px) {
.tgrid9 >* {
float: left;
clear: none;
text-align: inherit;
width: 6.666666666666666%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.tgrid9 >*::after {
content: '';
display: table;
clear: both;
}
.tgrid9 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.tgrid9 >*:nth-child(9n) {
margin-right: 0%;
float: right;
}
.tgrid9 >*:nth-child(9n + 1) {
clear: both;
}
.tgrid9.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 9.333333333333332%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.tgrid9.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid9.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.tgrid9.gutter_minSpace >*:nth-child(9n) {
margin-right: 0%;
float: right;
}
.tgrid9.gutter_minSpace >*:nth-child(9n + 1) {
clear: both;
}
.tgrid9.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 8.444444444444445%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.tgrid9.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid9.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.tgrid9.gutter_medSpace >*:nth-child(9n) {
margin-right: 0%;
float: right;
}
.tgrid9.gutter_medSpace >*:nth-child(9n + 1) {
clear: both;
}
.tgrid9.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 4.888888888888888%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.tgrid9.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid9.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.tgrid9.gutter_maxSpace >*:nth-child(9n) {
margin-right: 0%;
float: right;
}
.tgrid9.gutter_maxSpace >*:nth-child(9n + 1) {
clear: both;
}
.tgrid9.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 11.11111111111111%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.tgrid9.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid9.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 11.11111111111111%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.tgrid9.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 800px) {
.tgrid10 >* {
float: left;
clear: none;
text-align: inherit;
width: 5.5%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.tgrid10 >*::after {
content: '';
display: table;
clear: both;
}
.tgrid10 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.tgrid10 >*:nth-child(10n) {
margin-right: 0%;
float: right;
}
.tgrid10 >*:nth-child(10n + 1) {
clear: both;
}
.tgrid10.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 8.2%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.tgrid10.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid10.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.tgrid10.gutter_minSpace >*:nth-child(10n) {
margin-right: 0%;
float: right;
}
.tgrid10.gutter_minSpace >*:nth-child(10n + 1) {
clear: both;
}
.tgrid10.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 7.3%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.tgrid10.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid10.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.tgrid10.gutter_medSpace >*:nth-child(10n) {
margin-right: 0%;
float: right;
}
.tgrid10.gutter_medSpace >*:nth-child(10n + 1) {
clear: both;
}
.tgrid10.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 3.699999999999999%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.tgrid10.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid10.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.tgrid10.gutter_maxSpace >*:nth-child(10n) {
margin-right: 0%;
float: right;
}
.tgrid10.gutter_maxSpace >*:nth-child(10n + 1) {
clear: both;
}
.tgrid10.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 10%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.tgrid10.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid10.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 10%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.tgrid10.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 800px) {
.tgrid11 >* {
float: left;
clear: none;
text-align: inherit;
width: 4.545454545454547%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.tgrid11 >*::after {
content: '';
display: table;
clear: both;
}
.tgrid11 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.tgrid11 >*:nth-child(11n) {
margin-right: 0%;
float: right;
}
.tgrid11 >*:nth-child(11n + 1) {
clear: both;
}
.tgrid11.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 7.272727272727273%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.tgrid11.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid11.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.tgrid11.gutter_minSpace >*:nth-child(11n) {
margin-right: 0%;
float: right;
}
.tgrid11.gutter_minSpace >*:nth-child(11n + 1) {
clear: both;
}
.tgrid11.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 6.363636363636364%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.tgrid11.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid11.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.tgrid11.gutter_medSpace >*:nth-child(11n) {
margin-right: 0%;
float: right;
}
.tgrid11.gutter_medSpace >*:nth-child(11n + 1) {
clear: both;
}
.tgrid11.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 2.727272727272728%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.tgrid11.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid11.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.tgrid11.gutter_maxSpace >*:nth-child(11n) {
margin-right: 0%;
float: right;
}
.tgrid11.gutter_maxSpace >*:nth-child(11n + 1) {
clear: both;
}
.tgrid11.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 9.090909090909092%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.tgrid11.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid11.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 9.090909090909092%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.tgrid11.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 800px) {
.tgrid12 >* {
float: left;
clear: none;
text-align: inherit;
width: 3.749999999999999%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.tgrid12 >*::after {
content: '';
display: table;
clear: both;
}
.tgrid12 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.tgrid12 >*:nth-child(12n) {
margin-right: 0%;
float: right;
}
.tgrid12 >*:nth-child(12n + 1) {
clear: both;
}
.tgrid12.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 6.499999999999999%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.tgrid12.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid12.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.tgrid12.gutter_minSpace >*:nth-child(12n) {
margin-right: 0%;
float: right;
}
.tgrid12.gutter_minSpace >*:nth-child(12n + 1) {
clear: both;
}
.tgrid12.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 5.583333333333332%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.tgrid12.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid12.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.tgrid12.gutter_medSpace >*:nth-child(12n) {
margin-right: 0%;
float: right;
}
.tgrid12.gutter_medSpace >*:nth-child(12n + 1) {
clear: both;
}
.tgrid12.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 1.916666666666665%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.tgrid12.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid12.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.tgrid12.gutter_maxSpace >*:nth-child(12n) {
margin-right: 0%;
float: right;
}
.tgrid12.gutter_maxSpace >*:nth-child(12n + 1) {
clear: both;
}
.tgrid12.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 8.333333333333332%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.tgrid12.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.tgrid12.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 8.333333333333332%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.tgrid12.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 568px) {
.mgrid1 >* {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 5%;
}
.mgrid1 >*:first-child {
margin-left: auto;
}
.mgrid1 >*:last-child {
margin-right: auto;
}
.mgrid1.gutter_minSpace >* {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 2%;
}
.mgrid1.gutter_minSpace >*:first-child {
margin-left: auto;
}
.mgrid1.gutter_minSpace >*:last-child {
margin-right: auto;
}
.mgrid1.gutter_medSpace >* {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 3%;
}
.mgrid1.gutter_medSpace >*:first-child {
margin-left: auto;
}
.mgrid1.gutter_medSpace >*:last-child {
margin-right: auto;
}
.mgrid1.gutter_maxSpace >* {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 7%;
}
.mgrid1.gutter_maxSpace >*:first-child {
margin-left: auto;
}
.mgrid1.gutter_maxSpace >*:last-child {
margin-right: auto;
}
.mgrid1.gutter_noSpace >* {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 0;
}
.mgrid1.gutter_noSpace >*:first-child {
margin-left: auto;
}
.mgrid1.gutter_noSpace >*:last-child {
margin-right: auto;
}
.mgrid1.gutter_noSpace_spaceBottom >* {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 20px;
}
.mgrid1.gutter_noSpace_spaceBottom >*:first-child {
margin-left: auto;
}
.mgrid1.gutter_noSpace_spaceBottom >*:last-child {
margin-right: auto;
}
}
@media only screen and (max-width: 568px) {
.mgrid2 >* {
float: left;
clear: none;
text-align: inherit;
width: 47.5%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.mgrid2 >*::after {
content: '';
display: table;
clear: both;
}
.mgrid2 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.mgrid2 >*:nth-child(2n) {
margin-right: 0%;
float: right;
}
.mgrid2 >*:nth-child(2n + 1) {
clear: both;
}
.mgrid2.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 49%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.mgrid2.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.mgrid2.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.mgrid2.gutter_minSpace >*:nth-child(2n) {
margin-right: 0%;
float: right;
}
.mgrid2.gutter_minSpace >*:nth-child(2n + 1) {
clear: both;
}
.mgrid2.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 48.5%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.mgrid2.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.mgrid2.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.mgrid2.gutter_medSpace >*:nth-child(2n) {
margin-right: 0%;
float: right;
}
.mgrid2.gutter_medSpace >*:nth-child(2n + 1) {
clear: both;
}
.mgrid2.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 46.5%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.mgrid2.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.mgrid2.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.mgrid2.gutter_maxSpace >*:nth-child(2n) {
margin-right: 0%;
float: right;
}
.mgrid2.gutter_maxSpace >*:nth-child(2n + 1) {
clear: both;
}
.mgrid2.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 50%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.mgrid2.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.mgrid2.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 50%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.mgrid2.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 568px) {
.mgrid3 >* {
float: left;
clear: none;
text-align: inherit;
width: 29.999999999999996%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.mgrid3 >*::after {
content: '';
display: table;
clear: both;
}
.mgrid3 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.mgrid3 >*:nth-child(3n) {
margin-right: 0%;
float: right;
}
.mgrid3 >*:nth-child(3n + 1) {
clear: both;
}
.mgrid3.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 31.999999999999996%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.mgrid3.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.mgrid3.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.mgrid3.gutter_minSpace >*:nth-child(3n) {
margin-right: 0%;
float: right;
}
.mgrid3.gutter_minSpace >*:nth-child(3n + 1) {
clear: both;
}
.mgrid3.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 31.33333333333333%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.mgrid3.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.mgrid3.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.mgrid3.gutter_medSpace >*:nth-child(3n) {
margin-right: 0%;
float: right;
}
.mgrid3.gutter_medSpace >*:nth-child(3n + 1) {
clear: both;
}
.mgrid3.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 28.66666666666666%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.mgrid3.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.mgrid3.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.mgrid3.gutter_maxSpace >*:nth-child(3n) {
margin-right: 0%;
float: right;
}
.mgrid3.gutter_maxSpace >*:nth-child(3n + 1) {
clear: both;
}
.mgrid3.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 33.33333333333333%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.mgrid3.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.mgrid3.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 33.33333333333333%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.mgrid3.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 568px) {
.mgrid4 >* {
float: left;
clear: none;
text-align: inherit;
width: 21.25%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.mgrid4 >*::after {
content: '';
display: table;
clear: both;
}
.mgrid4 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.mgrid4 >*:nth-child(4n) {
margin-right: 0%;
float: right;
}
.mgrid4 >*:nth-child(4n + 1) {
clear: both;
}
.mgrid4.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 23.5%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.mgrid4.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.mgrid4.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.mgrid4.gutter_minSpace >*:nth-child(4n) {
margin-right: 0%;
float: right;
}
.mgrid4.gutter_minSpace >*:nth-child(4n + 1) {
clear: both;
}
.mgrid4.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 22.75%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.mgrid4.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.mgrid4.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.mgrid4.gutter_medSpace >*:nth-child(4n) {
margin-right: 0%;
float: right;
}
.mgrid4.gutter_medSpace >*:nth-child(4n + 1) {
clear: both;
}
.mgrid4.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 19.75%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.mgrid4.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.mgrid4.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.mgrid4.gutter_maxSpace >*:nth-child(4n) {
margin-right: 0%;
float: right;
}
.mgrid4.gutter_maxSpace >*:nth-child(4n + 1) {
clear: both;
}
.mgrid4.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 25%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.mgrid4.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.mgrid4.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 25%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.mgrid4.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 568px) {
.mgrid5 >* {
float: left;
clear: none;
text-align: inherit;
width: 16%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.mgrid5 >*::after {
content: '';
display: table;
clear: both;
}
.mgrid5 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.mgrid5 >*:nth-child(5n) {
margin-right: 0%;
float: right;
}
.mgrid5 >*:nth-child(5n + 1) {
clear: both;
}
.mgrid5.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 18.4%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.mgrid5.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.mgrid5.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.mgrid5.gutter_minSpace >*:nth-child(5n) {
margin-right: 0%;
float: right;
}
.mgrid5.gutter_minSpace >*:nth-child(5n + 1) {
clear: both;
}
.mgrid5.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 17.6%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.mgrid5.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.mgrid5.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.mgrid5.gutter_medSpace >*:nth-child(5n) {
margin-right: 0%;
float: right;
}
.mgrid5.gutter_medSpace >*:nth-child(5n + 1) {
clear: both;
}
.mgrid5.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 14.4%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.mgrid5.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.mgrid5.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.mgrid5.gutter_maxSpace >*:nth-child(5n) {
margin-right: 0%;
float: right;
}
.mgrid5.gutter_maxSpace >*:nth-child(5n + 1) {
clear: both;
}
.mgrid5.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 20%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.mgrid5.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.mgrid5.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 20%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.mgrid5.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 568px) {
.mgrid6 >* {
float: left;
clear: none;
text-align: inherit;
width: 12.499999999999998%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.mgrid6 >*::after {
content: '';
display: table;
clear: both;
}
.mgrid6 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.mgrid6 >*:nth-child(6n) {
margin-right: 0%;
float: right;
}
.mgrid6 >*:nth-child(6n + 1) {
clear: both;
}
.mgrid6.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 14.999999999999998%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.mgrid6.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.mgrid6.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.mgrid6.gutter_minSpace >*:nth-child(6n) {
margin-right: 0%;
float: right;
}
.mgrid6.gutter_minSpace >*:nth-child(6n + 1) {
clear: both;
}
.mgrid6.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 14.166666666666664%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.mgrid6.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.mgrid6.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.mgrid6.gutter_medSpace >*:nth-child(6n) {
margin-right: 0%;
float: right;
}
.mgrid6.gutter_medSpace >*:nth-child(6n + 1) {
clear: both;
}
.mgrid6.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 10.83333333333333%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.mgrid6.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.mgrid6.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.mgrid6.gutter_maxSpace >*:nth-child(6n) {
margin-right: 0%;
float: right;
}
.mgrid6.gutter_maxSpace >*:nth-child(6n + 1) {
clear: both;
}
.mgrid6.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 16.666666666666664%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.mgrid6.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.mgrid6.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 16.666666666666664%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.mgrid6.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
}
@media only screen and (max-width: 360px) {
.smgrid1 >* {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 5%;
}
.smgrid1 >*:first-child {
margin-left: auto;
}
.smgrid1 >*:last-child {
margin-right: auto;
}
.smgrid1.gutter_minSpace >* {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 2%;
}
.smgrid1.gutter_minSpace >*:first-child {
margin-left: auto;
}
.smgrid1.gutter_minSpace >*:last-child {
margin-right: auto;
}
.smgrid1.gutter_medSpace >* {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 3%;
}
.smgrid1.gutter_medSpace >*:first-child {
margin-left: auto;
}
.smgrid1.gutter_medSpace >*:last-child {
margin-right: auto;
}
.smgrid1.gutter_maxSpace >* {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 7%;
}
.smgrid1.gutter_maxSpace >*:first-child {
margin-left: auto;
}
.smgrid1.gutter_maxSpace >*:last-child {
margin-right: auto;
}
.smgrid1.gutter_noSpace >* {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 0;
}
.smgrid1.gutter_noSpace >*:first-child {
margin-left: auto;
}
.smgrid1.gutter_noSpace >*:last-child {
margin-right: auto;
}
.smgrid1.gutter_noSpace_spaceBottom >* {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
margin-bottom: 20px;
}
.smgrid1.gutter_noSpace_spaceBottom >*:first-child {
margin-left: auto;
}
.smgrid1.gutter_noSpace_spaceBottom >*:last-child {
margin-right: auto;
}
}
@media only screen and (max-width: 360px) {
.smgrid2 >* {
float: left;
clear: none;
text-align: inherit;
width: 47.5%;
margin-left: 0%;
margin-right: 5%;
margin-bottom: 5%;
}
.smgrid2 >*::after {
content: '';
display: table;
clear: both;
}
.smgrid2 >*:nth-child(n) {
margin-right: 5%;
float: left;
clear: none;
}
.smgrid2 >*:nth-child(2n) {
margin-right: 0%;
float: right;
}
.smgrid2 >*:nth-child(2n + 1) {
clear: both;
}
.smgrid2.gutter_minSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 49%;
margin-left: 0%;
margin-right: 2%;
margin-bottom: 2%;
}
.smgrid2.gutter_minSpace >*::after {
content: '';
display: table;
clear: both;
}
.smgrid2.gutter_minSpace >*:nth-child(n) {
margin-right: 2%;
float: left;
clear: none;
}
.smgrid2.gutter_minSpace >*:nth-child(2n) {
margin-right: 0%;
float: right;
}
.smgrid2.gutter_minSpace >*:nth-child(2n + 1) {
clear: both;
}
.smgrid2.gutter_medSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 48.5%;
margin-left: 0%;
margin-right: 3%;
margin-bottom: 3%;
}
.smgrid2.gutter_medSpace >*::after {
content: '';
display: table;
clear: both;
}
.smgrid2.gutter_medSpace >*:nth-child(n) {
margin-right: 3%;
float: left;
clear: none;
}
.smgrid2.gutter_medSpace >*:nth-child(2n) {
margin-right: 0%;
float: right;
}
.smgrid2.gutter_medSpace >*:nth-child(2n + 1) {
clear: both;
}
.smgrid2.gutter_maxSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 46.5%;
margin-left: 0%;
margin-right: 7.000000000000001%;
margin-bottom: 7%;
}
.smgrid2.gutter_maxSpace >*::after {
content: '';
display: table;
clear: both;
}
.smgrid2.gutter_maxSpace >*:nth-child(n) {
margin-right: 7.000000000000001%;
float: left;
clear: none;
}
.smgrid2.gutter_maxSpace >*:nth-child(2n) {
margin-right: 0%;
float: right;
}
.smgrid2.gutter_maxSpace >*:nth-child(2n + 1) {
clear: both;
}
.smgrid2.gutter_noSpace >* {
float: left;
clear: none;
text-align: inherit;
width: 50%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0;
}
.smgrid2.gutter_noSpace >*::after {
content: '';
display: table;
clear: both;
}
.smgrid2.gutter_noSpace_spaceBottom >* {
float: left;
clear: none;
text-align: inherit;
width: 50%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 20px;
}
.smgrid2.gutter_noSpace_spaceBottom >*::after {
content: '';
display: table;
clear: both;
}
}
.span2 {
float: left;
clear: none;
text-align: inherit;
width: 50%;
margin-left: 0%;
margin-right: 0%;
}
.span2::after {
content: '';
display: table;
clear: both;
}
@font-face {
font-family: Frutiger;
src: url("../fonts/Frutiger-Regular.otf");
font-weight: 400;
}
@font-face {
font-family: Frutiger;
src: url("../fonts/Frutiger-Medium.otf");
font-weight: 500;
}
@font-face {
font-family: Frutiger;
src: url("../fonts/Frutiger-Bold.otf");
font-weight: 700;
}
@font-face {
font-family: Machina;
src: url("../fonts/Machina-Light.ttf");
font-weight: 300;
}
@font-face {
font-family: Machina;
src: url("../fonts/Machina-Regular.ttf");
font-weight: 400;
}
@font-face {
font-family: Machina;
src: url("../fonts/Machina-Medium.ttf");
font-weight: 500;
}
@font-face {
font-family: Machina;
src: url("../fonts/Machina-Ultrabold.ttf");
font-weight: 800;
}
/* Colores */
/* FORMATTING ========================================================================== */
*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: none;
-moz-osx-font-smoothing: grayscale;
font-optical-sizing: auto;
font-size: 10px;
height: 100%;
}
body {
position: relative;
margin: 0;
padding: 0;
height: 100%;
font-family: Frutiger, 'DM Sans', sans-serif;
font-weight: 400;
line-height: 150%;
font-size: 1.6rem;
width: 100%;
background: #fff;
color: #0f0f0f;
}
body.overflow {
overflow: hidden;
}
img,
embed,
object,
video,
iframe {
max-width: 100%;
}
img {
border: none;
padding: 0;
margin: 0;
}
form input,
form textarea {
outline: 0;
width: 100%;
font-family: Frutiger, 'DM Sans', sans-serif;
}
::selection {
background: #f26500;
color: #fff;
}
::-moz-selection {
background: #f26500;
color: #fff;
}
/* SNIPPETS ========================================================================== */
.floater {
float: left;
width: 100%;
position: relative;
}
.row {
float: left;
width: 100%;
}
.content-center {
width: auto;
max-width: 1240px;
float: none;
display: block;
margin-right: auto;
margin-left: auto;
padding-left: 0;
padding-right: 0;
padding: 0 20px;
}
.content-center::after {
content: '';
display: table;
clear: both;
}
.content-center:after {
display: none;
}
.content-center.tighter {
max-width: 880px;
}
.content-center.tight {
max-width: 960px;
}
.content-center-full {
width: auto;
max-width: 1440px;
float: none;
display: block;
margin-right: auto;
margin-left: auto;
padding-left: 0;
padding-right: 0;
padding: 0 20px;
}
.content-center-full::after {
content: '';
display: table;
clear: both;
}
.showDesk {
display: block;
}
.hideDesk {
display: none;
}
@media only screen and (max-width: 900px) {
.hideLap {
display: none !important;
}
}
.showLap {
display: none;
}
@media only screen and (max-width: 900px) {
.showLap {
display: block !important;
}
}
@media only screen and (max-width: 800px) {
.hideTab {
display: none !important;
}
}
.showTab {
display: none;
}
@media only screen and (max-width: 800px) {
.showTab {
display: block !important;
}
}
@media only screen and (max-width: 568px) {
.hideMob {
display: none !important;
}
}
.showMob {
display: none;
}
@media only screen and (max-width: 568px) {
.showMob {
display: block !important;
}
}
.mailto:after {
content: '@sertes.com';
}
.table_parent {
display: table;
height: 100%;
width: 100%;
}
.table_parent .table_cell {
display: table-cell;
vertical-align: middle;
}
.left {
float: left;
}
.right {
float: right;
}
.bg_blanco {
background-color: #fff;
color: #0f0f0f;
}
.bg_grisC {
background-color: #f8f8f8;
color: #0f0f0f;
}
.bg_negro {
background-color: #0f0f0f;
color: #fff;
}
.bg_naranja {
background-color: #f26500;
color: #fff;
}
/* ICONS ========================================================================== */
.material-symbols-outlined {
font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.icon16 {
font-size: 16px;
max-width: 16px;
overflow: hidden;
}
.icon18 {
font-size: 18px;
max-width: 18px;
overflow: hidden;
}
.icon20 {
font-size: 20px;
max-width: 20px;
overflow: hidden;
}
.icon28 {
font-size: 28px;
max-width: 28px;
overflow: hidden;
}
.icon32 {
font-size: 32px;
max-width: 32px;
overflow: hidden;
}
.icon56 {
font-size: 56px;
max-width: 56px;
overflow: hidden;
}
.icon68 {
font-size: 68px;
max-width: 68px;
overflow: hidden;
}
@media only screen and (max-width: 1024px) {
.lx_icon56 {
font-size: 56px;
}
}
@media only screen and (max-width: 900px) {
.l_icon48 {
font-size: 48px;
}
}
@media only screen and (max-width: 800px) {
.t_icon40 {
font-size: 40px;
}
}
@media only screen and (max-width: 568px) {
.m_icon32 {
font-size: 32px;
}
}
@media only screen and (max-width: 568px) {
.m_icon18 {
font-size: 18px;
}
}
/* TYPE ========================================================================== */
.alt_font {
font-family: Machina, monospace;
}
.txt_left {
text-align: left;
}
.txt_right {
text-align: right;
}
.txt_center {
text-align: center;
}
.txt_naranja {
color: #f26500;
}
.txt_blanco {
color: #fff;
}
.txt_blanco strong {
color: #f26500;
}
.txt_negro {
color: #0f0f0f;
}
.txt_negro strong {
color: #f26500;
}
.txt_grisC {
color: #f8f8f8;
}
.txt_grisM {
color: #d9d9d9;
}
.txt_gris {
color: #6d6d6d;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Frutiger, 'DM Sans', sans-serif;
line-height: 120%;
font-weight: 400;
margin: 0;
}
h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em {
font-weight: inherit;
}
/* .blogContent h1, .blogContent h2, .blogContent h3, .blogContent h4, .blogContent h5, .blogContent h6
line-height 120% */
.title_56 >h1,
.title_40 >h1,
.title_36 >h1,
.title_32 >h1,
.title_28 >h1,
.title_24 >h1,
.title_20 >h1,
.title_56 >h2,
.title_40 >h2,
.title_36 >h2,
.title_32 >h2,
.title_28 >h2,
.title_24 >h2,
.title_20 >h2,
.title_56 >h3,
.title_40 >h3,
.title_36 >h3,
.title_32 >h3,
.title_28 >h3,
.title_24 >h3,
.title_20 >h3,
.title_56 >h4,
.title_40 >h4,
.title_36 >h4,
.title_32 >h4,
.title_28 >h4,
.title_24 >h4,
.title_20 >h4,
.title_56 >h5,
.title_40 >h5,
.title_36 >h5,
.title_32 >h5,
.title_28 >h5,
.title_24 >h5,
.title_20 >h5,
.title_56 >h6,
.title_40 >h6,
.title_36 >h6,
.title_32 >h6,
.title_28 >h6,
.title_24 >h6,
.title_20 >h6 {
font-size: inherit;
}
.title_56 {
font-size: 5.6rem;
}
.title_56 em {
font-weight: 900;
}
@media only screen and (max-width: 1240px) {
.title_56 {
font-size: 5rem;
}
}
@media only screen and (max-width: 1024px) {
.title_56 {
font-size: 4.2rem;
}
}
@media only screen and (max-width: 900px) {
.title_56 {
font-size: 3.4rem;
}
}
@media only screen and (max-width: 800px) {
.title_56 {
font-size: 3rem;
}
}
@media only screen and (max-width: 568px) {
.title_56 {
font-size: 2.9rem;
}
}
@media only screen and (max-width: 360px) {
.title_56 {
font-size: 2.8rem;
}
}
.title_40 {
font-size: 4rem;
}
@media only screen and (max-width: 1024px) {
.title_40 {
font-size: 3.8rem;
}
}
@media only screen and (max-width: 900px) {
.title_40 {
font-size: 3rem;
}
}
@media only screen and (max-width: 800px) {
.title_40 {
font-size: 2.8rem;
}
}
@media only screen and (max-width: 568px) {
.title_40 {
font-size: 2.7rem;
}
}
@media only screen and (max-width: 360px) {
.title_40 {
font-size: 2.6rem;
}
}
.title_36 {
font-size: 3.6rem;
}
@media only screen and (max-width: 1024px) {
.title_36 {
font-size: 3.4rem;
}
}
@media only screen and (max-width: 900px) {
.title_36 {
font-size: 2.8rem;
}
}
@media only screen and (max-width: 800px) {
.title_36 {
font-size: 2.6rem;
}
}
@media only screen and (max-width: 568px) {
.title_36 {
font-size: 2.5rem;
}
}
@media only screen and (max-width: 360px) {
.title_36 {
font-size: 2.4rem;
}
}
.title_32 {
font-size: 3.2rem;
}
@media only screen and (max-width: 900px) {
.title_32 {
font-size: 2.6rem;
}
}
@media only screen and (max-width: 800px) {
.title_32 {
font-size: 2.4rem;
}
}
@media only screen and (max-width: 568px) {
.title_32 {
font-size: 2.3rem;
}
}
@media only screen and (max-width: 360px) {
.title_32 {
font-size: 2.2rem;
}
}
.title_28 {
font-size: 2.8rem;
}
@media only screen and (max-width: 900px) {
.title_28 {
font-size: 2.4rem;
}
}
@media only screen and (max-width: 800px) {
.title_28 {
font-size: 2.2rem;
}
}
@media only screen and (max-width: 568px) {
.title_28 {
font-size: 2.1rem;
}
}
@media only screen and (max-width: 360px) {
.title_28 {
font-size: 2rem;
}
}
.title_24 {
font-size: 2.4rem;
}
@media only screen and (max-width: 900px) {
.title_24 {
font-size: 2.2rem;
}
}
@media only screen and (max-width: 800px) {
.title_24 {
font-size: 2rem;
}
}
@media only screen and (max-width: 568px) {
.title_24 {
font-size: 1.9rem;
}
}
@media only screen and (max-width: 360px) {
.title_24 {
font-size: 1.8rem;
}
}
.title_20 {
font-size: 2rem;
}
@media only screen and (max-width: 800px) {
.title_20 {
font-size: 1.8rem;
}
}
@media only screen and (max-width: 568px) {
.title_20 {
font-size: 1.7rem;
}
}
@media only screen and (max-width: 360px) {
.title_20 {
font-size: 1.6rem;
}
}
.blogContent h1 {
font-size: 2.8rem;
}
@media only screen and (max-width: 900px) {
.blogContent h1 {
font-size: 2.6rem;
}
}
@media only screen and (max-width: 800px) {
.blogContent h1 {
font-size: 2.4rem;
}
}
@media only screen and (max-width: 568px) {
.blogContent h1 {
font-size: 2.2rem;
}
}
@media only screen and (max-width: 360px) {
.blogContent h1 {
font-size: 2rem;
}
}
.blogContent h2 {
font-size: 2.6rem;
}
@media only screen and (max-width: 800px) {
.blogContent h2 {
font-size: 2.2rem;
}
}
@media only screen and (max-width: 568px) {
.blogContent h2 {
font-size: 2rem;
}
}
@media only screen and (max-width: 360px) {
.blogContent h2 {
font-size: 1.9rem;
}
}
.blogContent h3 {
font-size: 2.4rem;
}
@media only screen and (max-width: 800px) {
.blogContent h3 {
font-size: 2rem;
}
}
@media only screen and (max-width: 568px) {
.blogContent h3 {
font-size: 1.9rem;
}
}
@media only screen and (max-width: 360px) {
.blogContent h3 {
font-size: 1.8rem;
}
}
.blogContent h4 {
font-size: 2.2rem;
}
@media only screen and (max-width: 800px) {
.blogContent h4 {
font-size: 1.9rem;
}
}
@media only screen and (max-width: 568px) {
.blogContent h4 {
font-size: 1.8rem;
}
}
@media only screen and (max-width: 360px) {
.blogContent h4 {
font-size: 1.7rem;
}
}
.blogContent h5 {
font-size: 2rem;
}
@media only screen and (max-width: 800px) {
.blogContent h5 {
font-size: 1.8rem;
}
}
@media only screen and (max-width: 568px) {
.blogContent h5 {
font-size: 1.7rem;
}
}
@media only screen and (max-width: 360px) {
.blogContent h5 {
font-size: 1.6rem;
}
}
.blogContent h6 {
font-size: 1.8rem;
}
@media only screen and (max-width: 568px) {
.blogContent h6 {
font-size: 1.7rem;
}
}
@media only screen and (max-width: 360px) {
.blogContent h6 {
font-size: 1.6rem;
}
}
.subtitle {
line-height: 120%;
font-weight: 400;
text-transform: uppercase;
font-size: 1.6rem;
}
@media only screen and (max-width: 900px) {
.subtitle {
font-size: 1.5rem;
}
}
@media only screen and (max-width: 800px) {
.subtitle {
font-size: 1.4rem;
}
}
@media only screen and (max-width: 568px) {
.subtitle {
font-size: 1.3rem;
}
}
@media only screen and (max-width: 360px) {
.subtitle {
font-size: 1.2rem;
}
}
p,
li {
font-size: 1.8rem;
font-weight: 400;
line-height: 160%;
font-family: Frutiger, 'DM Sans', sans-serif;
margin: 0;
}
@media only screen and (max-width: 568px) {
p,
li {
font-size: 1.7rem;
}
}
@media only screen and (max-width: 360px) {
p,
li {
font-size: 1.6rem;
}
}
.option >p {
font-size: 3.2rem;
font-weight: 400;
line-height: 100%;
}
@media only screen and (max-width: 1024px) {
.option >p {
font-size: 2.8rem;
}
}
@media only screen and (max-width: 900px) {
.option >p {
font-size: 2.4rem;
}
}
@media only screen and (max-width: 800px) {
.option >p {
font-size: 2rem;
}
}
@media only screen and (max-width: 568px) {
.option >p {
font-size: 1.8rem;
}
}
@media only screen and (max-width: 360px) {
.option >p {
font-size: 1.6rem;
}
}
.uppercase {
text-transform: uppercase;
}
.large {
font-size: 2rem;
line-height: 150%;
}
.large >p,
.large >ul>li,
.large >ol>li,
.large >a {
font-family: inherit;
line-height: inherit;
font-size: inherit;
}
@media only screen and (max-width: 568px) {
.large {
font-size: 1.7rem;
}
}
@media only screen and (max-width: 360px) {
.large {
font-size: 1.6rem;
}
}
.small,
label {
font-size: 1.6rem;
line-height: 150%;
}
@media only screen and (max-width: 568px) {
.small,
label {
font-size: 1.5rem;
}
}
@media only screen and (max-width: 360px) {
.small,
label {
font-size: 1.4rem;
}
}
.small >p,
.small >ul>li,
.small >ol>li,
.small >a {
font-family: inherit;
line-height: inherit;
font-size: inherit;
}
.small >ul:not(.menu):not(.sub-menu):not(.slick-dots)>li:before {
top: 17px;
}
.tiny {
font-weight: 900;
font-size: 1.4rem;
line-height: 150%;
}
.tiny >p,
.tiny >li,
.tiny >a {
font-family: inherit;
line-height: inherit;
font-size: inherit;
}
@media only screen and (max-width: 568px) {
.tiny {
font-size: 1.3rem;
}
}
@media only screen and (max-width: 360px) {
.tiny {
font-size: 1.2rem;
}
}
label {
font-weight: 400;
}
a {
text-decoration: none;
margin: 0;
}
a,
.btn,
.btnAlt,
.wp-block-buttons,
input.btn,
.wp-pagenavi>*,
#formsubmit,
.zcwf_button,
button,
input[type=submit] {
font-family: Frutiger, 'DM Sans', sans-serif;
font-size: 1.6rem;
font-weight: 900;
line-height: 100%;
}
@media only screen and (max-width: 568px) {
a,
.btn,
.btnAlt,
.wp-block-buttons,
input.btn,
.wp-pagenavi>*,
#formsubmit,
.zcwf_button,
button,
input[type=submit] {
font-size: 1.5rem;
}
}
@media only screen and (max-width: 360px) {
a,
.btn,
.btnAlt,
.wp-block-buttons,
input.btn,
.wp-pagenavi>*,
#formsubmit,
.zcwf_button,
button,
input[type=submit] {
font-size: 1.4rem;
}
}
a.btnAlt.btnBig {
font-size: 2rem;
font-weight: 500;
text-align: left;
}
@media only screen and (max-width: 900px) {
a.btnAlt.btnBig {
font-size: 1.8rem;
}
}
@media only screen and (max-width: 800px) {
a.btnAlt.btnBig {
font-size: 1.6rem;
}
}
@media only screen and (max-width: 568px) {
a.btnAlt.btnBig {
font-size: 1.4rem;
}
}
hr {
margin: 0 auto;
border: none;
width: 100%;
border-top: #d9d9d9 1px solid;
/* &.naranja
border-top naranja 1px solid
&.tiny
max-width 80px
&.medium
max-width 200px
&.full
max-width 100% */
}
ul {
list-style: none;
padding-left: 0;
margin: 0;
}
ul:not(.menu):not(.sub-menu):not(.slick-dots) {
padding-left: 10px;
}
ul:not(.menu):not(.sub-menu):not(.slick-dots) li:not(.cat-item) {
padding: 10px 0 10px 24px;
position: relative;
}
ul:not(.menu):not(.sub-menu):not(.slick-dots) li:not(.cat-item):before {
content: "";
width: 11px;
height: 11px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-transform: skewX(-20deg);
-moz-transform: skewX(-20deg);
-o-transform: skewX(-20deg);
transform: skewX(-20deg);
background-color: #f26500;
position: absolute;
top: 19px;
left: 0;
}
@media only screen and (max-width: 568px) {
ul:not(.menu):not(.sub-menu):not(.slick-dots) {
padding-left: 8px;
}
ul:not(.menu):not(.sub-menu):not(.slick-dots) li:not(.cat-item) {
padding: 8px 0 8px 20px;
}
ul:not(.menu):not(.sub-menu):not(.slick-dots) li:not(.cat-item):before {
width: 10px;
height: 10px;
top: 17px;
}
}
@media only screen and (max-width: 360px) {
ul:not(.menu):not(.sub-menu):not(.slick-dots) li:not(.cat-item):before {
width: 9px;
height: 9px;
top: 16px;
}
}
ul.icons li span {
color: #f26500;
position: absolute;
font-size: 1.8rem;
left: -8px;
top: 14px;
}
@media only screen and (max-width: 568px) {
ul.icons li span {
font-size: 1.6rem;
left: -6px;
top: 11px;
}
}
ul.icons li:before {
display: none;
}
ol {
padding-left: 10px;
padding-inline-start: 20px;
}
ol li {
padding: 2px 0 2px 18px;
}
ol li::marker {
color: #f26500;
font-weight: 700;
}
.searchandfilter >div >ul {
gap: 32px;
}
.searchandfilter ul {
padding: 0 !important;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.searchandfilter ul li {
padding: 0 !important;
}
.searchandfilter ul li:not(.cat-item):before {
display: none;
}
.searchandfilter ul li.cat-item {
position: relative;
}
.searchandfilter ul li.cat-item:after,
.searchandfilter ul li.cat-item:before {
content: "";
position: absolute;
}
.searchandfilter ul li.cat-item:after {
top: 0;
left: 0;
bottom: 0;
margin: auto;
height: 18px;
width: 18px;
border: solid 1px #6d6d6d;
background-color: transparent;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.searchandfilter ul li.cat-item:before {
display: none;
left: 7px;
top: 15px;
width: 4px;
height: 9px;
border: solid #fff;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
pointer-events: none;
z-index: 1;
}
.searchandfilter ul li.cat-item label {
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
padding: 8px 0 8px 32px;
font-family: Machina, monospace;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.searchandfilter ul li.cat-item label >input {
position: absolute;
cursor: pointer;
opacity: 0;
height: 0;
width: 0;
}
.searchandfilter ul li.cat-item:hover:after {
border-color: #f26500;
}
.searchandfilter ul li.cat-item.checked:before {
display: block;
}
.searchandfilter ul li.cat-item.checked:after {
border-color: #f26500;
background-color: #f26500;
}
.searchandfilter h4 {
margin-top: 0;
font-size: 1.8rem;
font-weight: 700;
}
@media only screen and (max-width: 568px) {
.searchandfilter h4 {
font-size: 1.7rem;
}
}
@media only screen and (max-width: 360px) {
.searchandfilter h4 {
font-size: 1.6rem;
}
}
/*
.check_input
display block
position relative
padding 8px 0 8px 32px
font-family altFont
cursor pointer
-webkit-user-select none
-moz-user-select none
-ms-user-select none
user-select none
.check_input input
position absolute
opacity 0
cursor pointer
height 0
width 0
.checkmark
position absolute
top 0
left 0
bottom 0
margin auto
height 18px
width 18px
border solid 1px gris
background-color transparent
border-radius 4px
transition all ease .3s
.check_input:hover input ~ .checkmark
border-color naranja
.check_input input:checked ~ .checkmark
border-color naranja
background-color naranja
.checkmark:after
content ""
position absolute
display none
.check_input input:checked ~ .checkmark:after
display block
.check_input .checkmark:after
left 6px
top 4px
width 4px
height 8px
border solid white
border-width 0 2px 2px 0
-webkit-transform rotate(45deg)
-ms-transform rotate(45deg)
transform rotate(45deg) */
em {
color: #f26500;
font-style: normal;
}
.w_light {
font-weight: 300;
}
.w_regular {
font-weight: 400;
}
.w_medium {
font-weight: 500;
}
.w_semibold {
font-weight: 600;
}
.w_bold {
font-weight: 700;
}
.w_black {
font-weight: 900;
}
/* BOTONES ========================================================================== */
a.btn,
a.btnAlt,
button.btn,
input.btn,
.wp-block-buttons a,
input[type=submit] {
display: inline-block;
text-align: center;
color: #fff;
border: 0;
outline: 0;
line-height: 24px;
-webkit-border-radius: 56px;
-moz-border-radius: 56px;
-o-border-radius: 56px;
border-radius: 56px;
padding: 15px 30px;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
cursor: pointer;
}
a.btn span.material-symbols-outlined,
a.btnAlt span.material-symbols-outlined,
button.btn span.material-symbols-outlined,
input.btn span.material-symbols-outlined,
.wp-block-buttons a span.material-symbols-outlined,
input[type=submit] span.material-symbols-outlined {
display: inline-block;
font-size: 1.6rem;
line-height: 24px;
}
a.btn.iconL,
a.btnAlt.iconL,
button.btn.iconL,
input.btn.iconL,
.wp-block-buttons a.iconL,
input[type=submit].iconL {
float: left;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 24px;
}
a.btn.iconL span.material-symbols-outlined,
a.btnAlt.iconL span.material-symbols-outlined,
button.btn.iconL span.material-symbols-outlined,
input.btn.iconL span.material-symbols-outlined,
.wp-block-buttons a.iconL span.material-symbols-outlined,
input[type=submit].iconL span.material-symbols-outlined {
float: left;
margin-right: 8px;
}
@media only screen and (max-width: 568px) {
a.btn,
a.btnAlt,
button.btn,
input.btn,
.wp-block-buttons a,
input[type=submit] {
padding: 16px 32px;
}
}
@media only screen and (max-width: 360px) {
a.btn,
a.btnAlt,
button.btn,
input.btn,
.wp-block-buttons a,
input[type=submit] {
padding: 12px 28px;
width: 100%;
}
}
a.btn,
button.btn,
input.btn,
.wp-block-buttons a,
input[type=submit] {
background-color: #f26500;
}
a.btn:hover,
button.btn:hover,
input.btn:hover,
.wp-block-buttons a:hover,
input[type=submit]:hover {
background-color: #da5b00;
}
a.btnAlt {
background-color: transparent;
border: solid 1px #fff;
}
a.btnAlt:hover {
background-color: #fff;
color: #0f0f0f;
}
a.btnAlt.btnAlt_negro {
border: solid 1px #0f0f0f;
color: #0f0f0f;
}
a.btnAlt.btnAlt_negro:hover {
background-color: #0f0f0f;
color: #fff;
}
a.btnAlt.btnBig {
border: solid 1px rgba(255,255,255,0.5);
line-height: 130%;
padding: 16px 20px;
gap: 12px;
}
a.btnAlt.btnBig span {
font-weight: 700;
}
a.btnAlt.btnBig span.material-symbols-outlined {
margin-left: auto;
padding-left: 12px;
font-size: 1.8rem;
}
a.btnAlt.btnBig:hover {
background-color: transparent;
color: #fff;
border: solid 1px #fff;
}
@media only screen and (max-width: 568px) {
a.btnAlt.btnBig {
padding: 12px 16px;
}
a.btnAlt.btnBig span.material-symbols-outlined {
font-size: 1.6rem;
}
}
@media only screen and (max-width: 360px) {
a.btnAlt.btnBig {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 8px;
}
a.btnAlt.btnBig span.material-symbols-outlined {
font-size: 1.4rem;
}
}
.btnTxt {
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #f26500;
font-weight: 400;
text-decoration: underline;
cursor: pointer;
}
.btnTxt:hover {
color: #da5b00;
}
.btnTxt span {
margin-left: 8px;
}
#filter_button {
color: #0f0f0f;
display: none;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
background-color: transparent;
text-decoration: none;
padding: 4px 12px;
gap: 8px;
}
#filter_button span {
color: #f26500;
}
#filter_button:hover {
color: #0f0f0f;
}
@media only screen and (max-width: 900px) {
#filter_button {
display: flex;
}
}
.btnCircle {
display: flex;
text-align: center;
color: #fff;
background-color: #f26500;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.btnCircle svg {
fill: #fff;
max-height: 100%;
max-width: 100%;
}
.btnCircle:hover {
background-color: #da5b00;
}
.btnCircle.prev,
.btnCircle.next {
border: solid 1px #0f0f0f;
background-color: transparent;
color: #0f0f0f;
padding: 10px;
}
.btnCircle.prev:hover,
.btnCircle.next:hover {
background-color: transparent;
border-color: #f26500;
}
button,
input.btn {
width: auto;
outline: 0;
border: 0;
cursor: pointer;
}
button.tab,
a.tab {
padding: 16px 20px;
-webkit-border-radius: 48px;
-moz-border-radius: 48px;
-o-border-radius: 48px;
border-radius: 48px;
background-color: transparent;
border: solid 1px #0f0f0f;
line-height: 100%;
font-weight: 500;
color: #0f0f0f;
cursor: pointer;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
button.tab.active,
a.tab.active,
button.tab:hover,
a.tab:hover {
border: solid 1px #f26500;
color: #f26500;
}
@media only screen and (max-width: 800px) {
button.tab,
a.tab {
padding: 12px 16px;
}
}
@media only screen and (max-width: 460px) {
button.tab,
a.tab {
padding: 12px;
}
}
/* FORM ========================================================================== */
::-webkit-input-placeholder {
color: #999;
-webkit-font-smoothing: antialiased;
}
::-moz-placeholder {
color: #999;
opacity: 1;
}
:focus::-webkit-input-placeholder {
color: #999;
}
:focus::-moz-placeholder {
color: #999;
}
.form_container .sent,
.form_container .sending {
width: 100%;
background-color: #fff;
border: solid 2px #f8f8f8;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
height: calc(100% + 5px);
position: absolute;
overflow: hidden;
display: block;
top: 0;
left: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.form_container .sent hr,
.form_container .sending hr {
margin: 15px auto 0;
}
.form_container .sent .msg_sent,
.form_container .sending .msg_sent {
text-align: center;
padding: 20px;
opacity: 0;
-webkit-transition: opacity ease 0.3s;
-moz-transition: opacity ease 0.3s;
-o-transition: opacity ease 0.3s;
transition: opacity ease 0.3s;
}
.form_container .sent.success,
.form_container .sending.success,
.form_container .sent.procesing,
.form_container .sending.procesing {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all ease 0.3s 0.5s;
-moz-transition: all ease 0.3s 0.5s;
-o-transition: all ease 0.3s 0.5s;
transition: all ease 0.3s 0.5s;
}
.form_container .sent.success .msg_sent,
.form_container .sending.success .msg_sent,
.form_container .sent.procesing .msg_sent,
.form_container .sending.procesing .msg_sent {
opacity: 1;
-webkit-transition: opacity ease 0.3s 0.2s;
-moz-transition: opacity ease 0.3s 0.2s;
-o-transition: opacity ease 0.3s 0.2s;
transition: opacity ease 0.3s 0.2s;
}
.form_container .sent.success.procesing,
.form_container .sending.success.procesing {
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.form_container .form_contacto {
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
width: 100%;
position: relative;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.form_container .form_contacto .chosen-container {
width: 100% !important;
}
.form_container .form_contacto .chosen-container.chosen-container-active .chosen-single {
-moz-box-shadow: 0 0 5px rgba(109,109,109,0.5);
-webkit-box-shadow: 0 0 5px rgba(109,109,109,0.5);
box-shadow: 0 0 5px rgba(109,109,109,0.5);
}
.form_container .form_contacto .chosen-container .chosen-drop {
top: 61px;
background-color: #fff;
-moz-box-shadow: 0 5px 5px rgba(109,109,109,0.5);
-webkit-box-shadow: 0 5px 5px rgba(109,109,109,0.5);
box-shadow: 0 5px 5px rgba(109,109,109,0.5);
width: 100%;
}
.form_container .form_contacto .chosen-container .chosen-drop .chosen-results li {
color: #6d6d6d;
font-size: 1.4rem;
}
.form_container .form_contacto .chosen-container .chosen-drop .chosen-results li.highlighted {
background-color: #6d6d6d;
color: #fff;
}
.form_container .form_contacto.submited {
overflow: hidden;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.form_container .form_contacto.submited >.col2,
.form_container .form_contacto.submited >.row {
opacity: 0;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.form_container .form_contacto .form_errors {
display: none;
width: 100%;
padding: 2px 0;
color: #c00;
margin-top: 15px;
line-height: 100%;
}
.form_container .form_contacto .form_errorsWrapper {
display: none;
position: relative;
float: left;
width: 100%;
}
.form_input,
.crmWebToEntityForm input,
.crmWebToEntityForm select {
display: block;
height: 34px;
line-height: 24px;
font-size: 1.6rem;
-webkit-appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
padding: 4px;
width: 100%;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
font-weight: 500;
font-family: Frutiger, 'DM Sans', sans-serif;
color: #0f0f0f;
background-color: transparent;
border: 0;
border-bottom: solid 1px #0f0f0f;
outline: 0;
text-overflow: ellipsis;
float: none;
}
.form_input.error-form,
.crmWebToEntityForm input.error-form,
.crmWebToEntityForm select.error-form {
border-bottom: solid 1px #f26500;
}
.form_input:focus,
.crmWebToEntityForm input:focus,
.crmWebToEntityForm select:focus {
border-bottom: solid 1px #793200;
}
.form_input.hidden,
.crmWebToEntityForm input.hidden,
.crmWebToEntityForm select.hidden {
display: none;
}
textarea.form_input {
height: 85px;
}
select.form_input:invalid {
font-weight: 300;
opacity: 0.6;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
.number_input {
display: block;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
border: solid 1px #6d6d6d;
background-color: transparent;
color: #0f0f0f;
text-align: center;
line-height: 100%;
font-size: 1.6rem;
font-weight: 700;
width: 40px;
height: 28px;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.number_input.active,
.number_input.focused {
border-color: #f26500;
background-color: #f26500;
color: #fff;
}
.form_space {
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.form_space label {
position: relative;
color: #0f0f0f;
line-height: 12px;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.form_space label.active,
.form_space label.focused {
color: #6d6d6d;
font-size: 1.2rem;
}
.btnRow {
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
textarea {
resize: none;
}
.check_input {
display: block;
position: relative;
padding: 8px 0 8px 32px;
font-family: Machina, monospace;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.check_input input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkmark {
position: absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
height: 18px;
width: 18px;
border: solid 1px #6d6d6d;
background-color: transparent;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.check_input:hover input ~ .checkmark {
border-color: #f26500;
}
.check_input input:checked ~ .checkmark {
border-color: #f26500;
background-color: #f26500;
}
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.check_input input:checked ~ .checkmark:after {
display: block;
}
.check_input .checkmark:after {
left: 6px;
top: 4px;
width: 4px;
height: 8px;
border: solid #fff;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.filter_space {
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
/* &:focus
border-bottom solid 1px naranja - 50% */
}
.filter_space select,
.filter_space label {
display: inline-block;
font-family: Frutiger, 'DM Sans', sans-serif;
font-size: 1.4rem;
line-height: 150%;
}
@media only screen and (max-width: 568px) {
.filter_space select,
.filter_space label {
font-size: 1.3rem;
}
}
@media only screen and (max-width: 360px) {
.filter_space select,
.filter_space label {
font-size: 1.2rem;
}
}
.filter_space select {
font-weight: 900;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
background-color: transparent;
outline: 0;
border: 0;
padding: 4px 14px 4px 8px;
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%225%22%20viewBox%3D%220%200%208%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%201L3.82843%203.82843L6.65685%201%22%20stroke%3D%22%23F26500%22%2F%3E%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position-x: 100%;
background-position-y: 50%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/* .crmWebToEntityForm
background-color transparent !important
padding 0 !important
max-width none !important
width 100%
.zcwf_row
position relative
flexbox(flex)
flex-direction(column)
column(1/2, $gutter:1, $cycle:2)
margin-top 0 !important
+below(2)
stack()
.zcwf_col_lab, .zcwf_col_fld
width 100% !important
.zcwf_col_lab
position absolute
z-index 1
display block
position absolute
top "calc((%s / 2) - 12px)" % formHeight
left 0
padding 0 23px
color negro
transition all ease .1s
&.active
color naranja
top 6px
font-size 1.2rem
.zcwf_col_fld
select
padding-left 16px
padding-top 20px */
/*#buscador
h4
padding-top 0
ul
list-style none
padding-left 0
padding-left 0
margin 0
li
column(1/2, $gutter:2, $cycle:2)
padding 0
margin-top 0
margin-bottom 0
position static
&:before
content ""
display none
label
display block
width 100%
+below(2)
ul
li:first-child
margin-bottom 15px
li
span(1/1)*/
/* CONTENT ========================================================================== */
body:not(.home) {
padding-top: 84px;
}
@media only screen and (max-width: 800px) {
body:not(.home) {
padding-top: 72px;
}
}
header {
height: 84px;
background-color: #fff;
z-index: 10;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
top: 0;
left: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
@media only screen and (max-width: 800px) {
header {
height: 72px;
}
}
header.floater {
position: fixed;
}
header .content-center {
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
height: inherit;
z-index: 1;
}
header .content-center.center {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
header .content-center #logo_box {
height: inherit;
max-width: 150px;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
}
header .content-center #logo_box a {
width: auto;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
-webkit-transition: width ease 0.3s;
-moz-transition: width ease 0.3s;
-o-transition: width ease 0.3s;
transition: width ease 0.3s;
padding: 4px 0;
}
header .content-center #logo_box img {
display: block;
height: 100%;
width: auto;
}
@media only screen and (max-width: 900px) {
header .content-center #logo_box {
max-width: 130px;
}
}
header .content-center #menuIcon_wrapper {
display: none;
height: inherit;
}
@media only screen and (max-width: 800px) {
header .content-center #menuIcon_wrapper {
height: inherit;
width: 100px;
float: right;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
display: block;
}
}
header .content-center #menuIcon {
display: none;
height: 20px;
width: 26px;
float: right;
margin-left: 20px;
}
@media only screen and (max-width: 900px) {
header .content-center #menuIcon {
display: block;
}
}
header .content-center #menuIcon a#nav-toggle {
width: 26px;
height: 19px;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
cursor: pointer;
display: block;
}
header .content-center #menuIcon a#nav-toggle.activo span {
height: 4px;
}
header .content-center #menuIcon a#nav-toggle.activo span:nth-child(1),
header .content-center #menuIcon a#nav-toggle.activo span:nth-child(6) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
header .content-center #menuIcon a#nav-toggle.activo span:nth-child(2),
header .content-center #menuIcon a#nav-toggle.activo span:nth-child(5) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
header .content-center #menuIcon a#nav-toggle.activo span:nth-child(1) {
left: 2px;
top: 3px;
}
header .content-center #menuIcon a#nav-toggle.activo span:nth-child(2) {
left: calc(50% - 2px);
top: 3px;
}
header .content-center #menuIcon a#nav-toggle.activo span:nth-child(3) {
left: -50%;
opacity: 0;
}
header .content-center #menuIcon a#nav-toggle.activo span:nth-child(4) {
left: 100%;
opacity: 0;
}
header .content-center #menuIcon a#nav-toggle.activo span:nth-child(5) {
left: 2px;
top: 12px;
}
header .content-center #menuIcon a#nav-toggle.activo span:nth-child(6) {
left: calc(50% - 2px);
top: 12px;
}
header .content-center #menuIcon a#nav-toggle span {
display: block;
position: absolute;
height: 3px;
width: 50%;
opacity: 1;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
-o-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
}
header .content-center #menuIcon a#nav-toggle span:nth-child(even) {
left: 50%;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
-o-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
header .content-center #menuIcon a#nav-toggle span:nth-child(odd) {
left: 0px;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
-o-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
header .content-center #menuIcon a#nav-toggle span:nth-child(1),
header .content-center #menuIcon a#nav-toggle span:nth-child(2) {
top: 0;
}
header .content-center #menuIcon a#nav-toggle span:nth-child(3),
header .content-center #menuIcon a#nav-toggle span:nth-child(4) {
top: 7px;
}
header .content-center #menuIcon a#nav-toggle span:nth-child(5),
header .content-center #menuIcon a#nav-toggle span:nth-child(6) {
top: 14px;
}
header .content-center #menuIcon a#nav-toggle span {
background: #0f0f0f;
}
@media only screen and (min-width: 801px) {
header .content-center #mainMenu {
display: flex !important;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
}
header .content-center #mainMenu ul li {
float: left;
position: relative;
}
header .content-center #mainMenu ul li a {
cursor: pointer;
display: block;
color: #0f0f0f;
line-height: 150%;
font-size: 1.6rem;
font-weight: 600;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
header .content-center #mainMenu ul li.menu-item-has-children >a:after {
font-family: 'Material Symbols Outlined';
font-size: 14px;
color: #0f0f0f;
content: 'keyboard_arrow_down';
margin-left: 8px;
position: relative;
top: 2px;
}
header .content-center #mainMenu ul:not(.sub-menu) {
z-index: 1;
}
header .content-center #mainMenu ul:not(.sub-menu) >li >a {
line-height: 84px;
padding: 0 16px;
position: relative;
}
header .content-center #mainMenu ul:not(.sub-menu) >li:after {
content: "";
display: block;
position: absolute;
bottom: 0;
width: 100%;
height: 2px;
background-color: #f26500;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: transform ease 0.3s;
-moz-transition: transform ease 0.3s;
-o-transition: transform ease 0.3s;
transition: transform ease 0.3s;
}
header .content-center #mainMenu ul:not(.sub-menu) >li:hover >a,
header .content-center #mainMenu ul:not(.sub-menu) >li.current_page_item >a,
header .content-center #mainMenu ul:not(.sub-menu) >li.current-menu-parent >a {
color: #f26500;
}
header .content-center #mainMenu ul:not(.sub-menu) >li:hover >a:after,
header .content-center #mainMenu ul:not(.sub-menu) >li.current_page_item >a:after,
header .content-center #mainMenu ul:not(.sub-menu) >li.current-menu-parent >a:after {
color: #f26500;
}
header .content-center #mainMenu .sub-menu {
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
position: absolute;
padding: 12px 0;
top: 80%;
left: 0;
margin: auto;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
background-color: #fff;
-moz-box-shadow: 0px 3px 1px -2px rgba(109,109,109,0.2), 0px 2px 2px rgba(109,109,109,0.14), 0px 1px 5px rgba(109,109,109,0.12);
-webkit-box-shadow: 0px 3px 1px -2px rgba(109,109,109,0.2), 0px 2px 2px rgba(109,109,109,0.14), 0px 1px 5px rgba(109,109,109,0.12);
box-shadow: 0px 3px 1px -2px rgba(109,109,109,0.2), 0px 2px 2px rgba(109,109,109,0.14), 0px 1px 5px rgba(109,109,109,0.12);
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-o-border-radius: 12px;
border-radius: 12px;
}
header .content-center #mainMenu .sub-menu.open {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
header .content-center #mainMenu .sub-menu li {
width: 100%;
}
header .content-center #mainMenu .sub-menu li a {
width: 100%;
font-weight: 400;
color: #0f0f0f;
padding: 8px 20px;
white-space: nowrap;
position: relative;
}
header .content-center #mainMenu .sub-menu li a:before {
content: '';
display: block;
position: absolute;
bottom: 8px;
left: 20px;
right: 20px;
height: 1px;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
background-color: #f26500;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
header .content-center #mainMenu .sub-menu li:hover a:before {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
}
@media only screen and (max-width: 1024px) {
header .content-center #mainMenu ul li a {
font-size: 1.4rem;
}
}
@media only screen and (max-width: 900px) {
header .content-center #mainMenu ul:not(.sub-menu) >li >a {
padding: 0 12px;
}
}
@media only screen and (max-width: 800px) {
header .content-center #mainMenu {
display: none;
position: fixed;
top: 72px;
right: -51%;
width: 50%;
min-width: 340px;
height: calc(100% - 72px);
margin-top: 0;
border-left: solid 1px #d9d9d9;
overflow-x: hidden;
overflow-y: scroll;
background-color: #fff;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
header .content-center #mainMenu ul:not(.sub-menu) >li >a,
header .content-center #mainMenu ul >li >a {
padding: 28px 24px;
font-size: 1.4rem;
}
header .content-center #mainMenu ul {
height: 100%;
width: 100%;
}
header .content-center #mainMenu ul li {
width: 100%;
text-align: center;
border-bottom: solid 1px #d9d9d9;
}
header .content-center #mainMenu ul li.current_page_item a {
color: #f26500;
}
header .content-center #mainMenu ul li.menu-item-type-custom:not(.lang-item) > a {
text-transform: uppercase;
color: #6d6d6d;
font-size: 1.2rem;
background-color: rgba(248,248,248,0.5);
padding: 12px 25px;
}
header .content-center #mainMenu ul a,
header .content-center #mainMenu ul span {
display: block;
cursor: pointer;
color: #0f0f0f;
line-height: 100%;
text-align: left;
}
header .content-center #mainMenu .sub-menu {
height: auto;
width: 100%;
}
header .content-center #mainMenu .sub-menu li {
border-bottom: 0;
border-top: solid 1px #d9d9d9;
}
header .content-center #mainMenu .sub-menu li a {
width: 100%;
text-indent: 12px;
}
header .content-center #mainMenu .sub-menu li a:before {
content: "-";
position: relative;
left: -5px;
}
header .content-center #mainMenu .sub-menu li .sub-menu li a {
text-indent: 24px;
}
}
@media only screen and (max-width: 568px) {
header .content-center #mainMenu {
width: 100%;
min-width: 0;
right: -101%;
border-left: 0;
}
header .content-center #mainMenu ul:not(.sub-menu) >li >a,
header .content-center #mainMenu ul >li >a {
padding: 25px 20px;
}
}
header .content-center #mainMenu.openMenu {
right: 0;
height: calc(100% - 84px);
top: 84px;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
@media only screen and (max-width: 800px) {
header .content-center #mainMenu.openMenu {
height: calc(100% - 72px);
top: 72px;
}
}
header.open {
border-bottom: solid 1px #d9d9d9;
}
header.transparent {
background-color: transparent;
}
header.transparent .content-center #menuIcon {
display: none;
height: 20px;
width: 26px;
float: right;
margin-left: 20px;
}
@media only screen and (max-width: 900px) {
header.transparent .content-center #menuIcon {
display: block;
}
}
header.transparent .content-center #menuIcon a#nav-toggle {
width: 26px;
height: 19px;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
cursor: pointer;
display: block;
}
header.transparent .content-center #menuIcon a#nav-toggle.activo span {
height: 4px;
}
header.transparent .content-center #menuIcon a#nav-toggle.activo span:nth-child(1),
header.transparent .content-center #menuIcon a#nav-toggle.activo span:nth-child(6) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
header.transparent .content-center #menuIcon a#nav-toggle.activo span:nth-child(2),
header.transparent .content-center #menuIcon a#nav-toggle.activo span:nth-child(5) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
header.transparent .content-center #menuIcon a#nav-toggle.activo span:nth-child(1) {
left: 2px;
top: 3px;
}
header.transparent .content-center #menuIcon a#nav-toggle.activo span:nth-child(2) {
left: calc(50% - 2px);
top: 3px;
}
header.transparent .content-center #menuIcon a#nav-toggle.activo span:nth-child(3) {
left: -50%;
opacity: 0;
}
header.transparent .content-center #menuIcon a#nav-toggle.activo span:nth-child(4) {
left: 100%;
opacity: 0;
}
header.transparent .content-center #menuIcon a#nav-toggle.activo span:nth-child(5) {
left: 2px;
top: 12px;
}
header.transparent .content-center #menuIcon a#nav-toggle.activo span:nth-child(6) {
left: calc(50% - 2px);
top: 12px;
}
header.transparent .content-center #menuIcon a#nav-toggle span {
display: block;
position: absolute;
height: 3px;
width: 50%;
opacity: 1;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
-o-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
}
header.transparent .content-center #menuIcon a#nav-toggle span:nth-child(even) {
left: 50%;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
-o-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
header.transparent .content-center #menuIcon a#nav-toggle span:nth-child(odd) {
left: 0px;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
-o-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
header.transparent .content-center #menuIcon a#nav-toggle span:nth-child(1),
header.transparent .content-center #menuIcon a#nav-toggle span:nth-child(2) {
top: 0;
}
header.transparent .content-center #menuIcon a#nav-toggle span:nth-child(3),
header.transparent .content-center #menuIcon a#nav-toggle span:nth-child(4) {
top: 7px;
}
header.transparent .content-center #menuIcon a#nav-toggle span:nth-child(5),
header.transparent .content-center #menuIcon a#nav-toggle span:nth-child(6) {
top: 14px;
}
header.transparent .content-center #menuIcon a#nav-toggle span {
background: #fff;
}
@media only screen and (min-width: 801px) {
header.transparent .content-center #mainMenu ul li a {
color: #fff;
}
header.transparent .content-center #mainMenu ul.sub-menu li a {
color: #0f0f0f;
}
}
header.transparent.open {
background-color: #fff;
}
header.transparent.open .content-center #menuIcon {
display: none;
height: 20px;
width: 26px;
float: right;
margin-left: 20px;
}
@media only screen and (max-width: 900px) {
header.transparent.open .content-center #menuIcon {
display: block;
}
}
header.transparent.open .content-center #menuIcon a#nav-toggle {
width: 26px;
height: 19px;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
cursor: pointer;
display: block;
}
header.transparent.open .content-center #menuIcon a#nav-toggle.activo span {
height: 4px;
}
header.transparent.open .content-center #menuIcon a#nav-toggle.activo span:nth-child(1),
header.transparent.open .content-center #menuIcon a#nav-toggle.activo span:nth-child(6) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
header.transparent.open .content-center #menuIcon a#nav-toggle.activo span:nth-child(2),
header.transparent.open .content-center #menuIcon a#nav-toggle.activo span:nth-child(5) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
header.transparent.open .content-center #menuIcon a#nav-toggle.activo span:nth-child(1) {
left: 2px;
top: 3px;
}
header.transparent.open .content-center #menuIcon a#nav-toggle.activo span:nth-child(2) {
left: calc(50% - 2px);
top: 3px;
}
header.transparent.open .content-center #menuIcon a#nav-toggle.activo span:nth-child(3) {
left: -50%;
opacity: 0;
}
header.transparent.open .content-center #menuIcon a#nav-toggle.activo span:nth-child(4) {
left: 100%;
opacity: 0;
}
header.transparent.open .content-center #menuIcon a#nav-toggle.activo span:nth-child(5) {
left: 2px;
top: 12px;
}
header.transparent.open .content-center #menuIcon a#nav-toggle.activo span:nth-child(6) {
left: calc(50% - 2px);
top: 12px;
}
header.transparent.open .content-center #menuIcon a#nav-toggle span {
display: block;
position: absolute;
height: 3px;
width: 50%;
opacity: 1;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
-o-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
}
header.transparent.open .content-center #menuIcon a#nav-toggle span:nth-child(even) {
left: 50%;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
-o-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
header.transparent.open .content-center #menuIcon a#nav-toggle span:nth-child(odd) {
left: 0px;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
-o-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
header.transparent.open .content-center #menuIcon a#nav-toggle span:nth-child(1),
header.transparent.open .content-center #menuIcon a#nav-toggle span:nth-child(2) {
top: 0;
}
header.transparent.open .content-center #menuIcon a#nav-toggle span:nth-child(3),
header.transparent.open .content-center #menuIcon a#nav-toggle span:nth-child(4) {
top: 7px;
}
header.transparent.open .content-center #menuIcon a#nav-toggle span:nth-child(5),
header.transparent.open .content-center #menuIcon a#nav-toggle span:nth-child(6) {
top: 14px;
}
header.transparent.open .content-center #menuIcon a#nav-toggle span {
background: #0f0f0f;
}
header.headScroll {
background-color: #fff;
border-bottom: solid 1px #d9d9d9;
}
header.headScroll:before {
opacity: 0;
}
header.headScroll .content-center #menuIcon {
display: none;
height: 20px;
width: 26px;
float: right;
margin-left: 20px;
}
@media only screen and (max-width: 900px) {
header.headScroll .content-center #menuIcon {
display: block;
}
}
header.headScroll .content-center #menuIcon a#nav-toggle {
width: 26px;
height: 19px;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
cursor: pointer;
display: block;
}
header.headScroll .content-center #menuIcon a#nav-toggle.activo span {
height: 4px;
}
header.headScroll .content-center #menuIcon a#nav-toggle.activo span:nth-child(1),
header.headScroll .content-center #menuIcon a#nav-toggle.activo span:nth-child(6) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
header.headScroll .content-center #menuIcon a#nav-toggle.activo span:nth-child(2),
header.headScroll .content-center #menuIcon a#nav-toggle.activo span:nth-child(5) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
header.headScroll .content-center #menuIcon a#nav-toggle.activo span:nth-child(1) {
left: 2px;
top: 3px;
}
header.headScroll .content-center #menuIcon a#nav-toggle.activo span:nth-child(2) {
left: calc(50% - 2px);
top: 3px;
}
header.headScroll .content-center #menuIcon a#nav-toggle.activo span:nth-child(3) {
left: -50%;
opacity: 0;
}
header.headScroll .content-center #menuIcon a#nav-toggle.activo span:nth-child(4) {
left: 100%;
opacity: 0;
}
header.headScroll .content-center #menuIcon a#nav-toggle.activo span:nth-child(5) {
left: 2px;
top: 12px;
}
header.headScroll .content-center #menuIcon a#nav-toggle.activo span:nth-child(6) {
left: calc(50% - 2px);
top: 12px;
}
header.headScroll .content-center #menuIcon a#nav-toggle span {
display: block;
position: absolute;
height: 3px;
width: 50%;
opacity: 1;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
-o-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
}
header.headScroll .content-center #menuIcon a#nav-toggle span:nth-child(even) {
left: 50%;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
-o-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
header.headScroll .content-center #menuIcon a#nav-toggle span:nth-child(odd) {
left: 0px;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
-o-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
header.headScroll .content-center #menuIcon a#nav-toggle span:nth-child(1),
header.headScroll .content-center #menuIcon a#nav-toggle span:nth-child(2) {
top: 0;
}
header.headScroll .content-center #menuIcon a#nav-toggle span:nth-child(3),
header.headScroll .content-center #menuIcon a#nav-toggle span:nth-child(4) {
top: 7px;
}
header.headScroll .content-center #menuIcon a#nav-toggle span:nth-child(5),
header.headScroll .content-center #menuIcon a#nav-toggle span:nth-child(6) {
top: 14px;
}
header.headScroll .content-center #menuIcon a#nav-toggle span {
background: #0f0f0f;
}
header.headScroll .content-center #menuIcon_wrapper {
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
header.headScroll .content-center #mainMenu .sub-menu {
top: 100%;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
@media only screen and (min-width: 801px) {
header.headScroll .content-center #mainMenu ul li a {
color: #0f0f0f;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
}
@media only screen and (max-width: 800px) {
header.headScroll .content-center #mainMenu {
height: calc(100% - 72px);
top: 72px;
}
}
@media only screen and (max-width: 800px) {
header.headScroll .content-center #mainMenu.openMenu {
height: calc(100% - 72px);
top: 72px;
}
}
.closeArea {
display: none;
position: fixed;
z-index: 10;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background-color: rgba(0,0,0,0.5);
}
main {
height: 100%;
margin-bottom: -180px;
}
@media only screen and (max-width: 568px) {
main {
margin-bottom: -220px;
}
}
footer {
padding: 48px 0;
height: 180px;
position: relative;
z-index: 5;
}
footer .content-center {
height: 100%;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
color: #0f0f0f;
}
footer .logo img {
display: block;
}
footer .texts,
footer .socials {
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
footer .texts {
gap: 60px;
}
footer .texts a {
color: inherit;
font-weight: inherit;
text-decoration: underline;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
footer .texts a:hover {
text-decoration-color: #f26500;
}
footer .socials {
gap: 20px;
}
@media only screen and (max-width: 1024px) {
footer .texts {
gap: 48px;
}
}
@media only screen and (max-width: 900px) {
footer .texts {
gap: 36px;
}
}
@media only screen and (max-width: 800px) {
footer .texts {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 4px;
}
}
@media only screen and (max-width: 568px) {
footer {
height: 220px;
padding: 28px 0;
}
footer .content-center {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
footer .texts {
gap: 2px;
}
footer .socials {
gap: 16px;
}
footer .socials .btnCircle {
width: 32px;
height: 32px;
}
}
/* Error 404 ========================================================================== */
#errorBox {
height: calc(100% - 180px);
min-height: 320px;
}
@media only screen and (max-width: 800px) {
#errorBox {
min-height: 280px;
}
}
@media only screen and (max-width: 568px) {
#errorBox {
min-height: 240px;
}
}
@media only screen and (max-width: 360px) {
#errorBox {
min-height: 220px;
}
}
#errorBox section,
#errorBox .content-center {
height: 100%;
}
#errorBox .content-center {
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
#errorBox .txtBox {
text-align: center;
max-width: 400px;
margin: 24px auto 0;
}
@media only screen and (max-width: 568px) {
#errorBox .txtBox {
margin: 24px auto 8px;
}
}
/* GENERAL ========================================================================== */
.roundBox {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
overflow: hidden;
}
.roundBox.rounder {
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
-o-border-radius: 40px;
border-radius: 40px;
}
.roundBox.shadow {
-moz-box-shadow: 0px 2px 8px 2px rgba(0,0,0,0.08);
-webkit-box-shadow: 0px 2px 8px 2px rgba(0,0,0,0.08);
box-shadow: 0px 2px 8px 2px rgba(0,0,0,0.08);
}
.articleBox {
height: 100%;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 24px;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.articleBox .imgSpace {
position: relative;
overflow: hidden;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
}
.articleBox .imgSpace picture>* {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
display: block;
object-fit: cover;
min-height: 100%;
height: auto;
width: 100%;
-webkit-transform: scale(1.01);
-moz-transform: scale(1.01);
-o-transform: scale(1.01);
transform: scale(1.01);
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.articleBox .imgSpace:before {
content: "";
display: block;
padding-bottom: 75%;
}
.articleBox .txtSpace {
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
.articleBox .txtSpace .title {
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
}
.articleBox.main {
position: relative;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-direction: row;
-ms-flex-direction: row;
flex-direction: row;
gap: 60px;
}
.articleBox.main .imgSpace {
width: 48%;
}
.articleBox.main .txtSpace {
width: 52%;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 48px 0;
}
.articleBox:hover .imgSpace picture>* {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
@media only screen and (max-width: 1024px) {
.articleBox.main {
gap: 48px;
}
.articleBox.main .imgSpace,
.articleBox.main .txtSpace {
width: 50%;
}
.articleBox.main .txtSpace {
padding: 40px 0;
}
}
@media only screen and (max-width: 900px) {
.articleBox.main {
gap: 36px;
}
.articleBox.main .imgSpace {
width: 52%;
}
.articleBox.main .txtSpace {
width: 48%;
}
}
@media only screen and (max-width: 800px) {
.articleBox .txtSpace {
padding-bottom: 12px;
}
.articleBox.main {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
max-width: 380px;
margin: 0 auto;
gap: 24px;
}
.articleBox.main .txtSpace,
.articleBox.main .imgSpace {
width: 100%;
}
.articleBox.main .txtSpace {
padding: 0 0 12px;
}
}
@media only screen and (max-width: 568px) {
.articleBox {
gap: 20px;
}
.articleBox .txtSpace {
padding-bottom: 8px;
gap: 12px;
}
.articleBox.main .txtSpace {
padding: 0 0 8px;
}
.articleBox.main p {
font-size: 1.7rem;
}
}
@media only screen and (max-width: 360px) {
.articleBox.main p {
font-size: 1.6rem;
}
}
#contacto,
#page_contacto {
overflow: hidden;
}
#contacto .txtSpace a,
#page_contacto .txtSpace a {
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
margin-top: 20px;
}
#contacto .txtSpace a .icon,
#page_contacto .txtSpace a .icon {
padding: 6px;
border: solid 2px #f26500;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
margin-right: 18px;
}
#contacto .txtSpace {
width: 45%;
float: left;
max-width: 520px;
padding-right: 40px;
}
#contacto .txtSpace .title_4 {
margin-bottom: 30px;
position: relative;
}
#contacto .txtSpace .title_4:after {
content: "";
display: block;
position: absolute;
width: calc(50vw - 520px);
right: calc(100% - 80px);
top: calc(100% + 10px);
height: 2px;
background-color: #f26500;
}
@media only screen and (max-width: 1240px) {
#contacto .txtSpace .title_4:after {
width: 100px;
left: -20px;
right: initial;
}
}
#contacto .formSpace {
width: 55%;
float: right;
}
#contacto.trigger_parent .txtSpace .title_4 {
opacity: 0;
-webkit-transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}
#contacto.trigger_parent .txtSpace .title_4:after {
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transition: transform 0.4s ease 0.3s;
-moz-transition: transform 0.4s ease 0.3s;
-o-transition: transform 0.4s ease 0.3s;
transition: transform 0.4s ease 0.3s;
}
#contacto.trigger_parent .txtSpace p,
#contacto.trigger_parent .txtSpace a {
opacity: 0;
-webkit-transition: opacity 0.4s ease 0.6s;
-moz-transition: opacity 0.4s ease 0.6s;
-o-transition: opacity 0.4s ease 0.6s;
transition: opacity 0.4s ease 0.6s;
}
#contacto.trigger_parent .formSpace {
opacity: 0;
-webkit-transition: opacity 0.4s ease 0.9s;
-moz-transition: opacity 0.4s ease 0.9s;
-o-transition: opacity 0.4s ease 0.9s;
transition: opacity 0.4s ease 0.9s;
}
#contacto.vis .txtSpace .title_4 {
opacity: 1;
}
#contacto.vis .txtSpace .title_4:after {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
#contacto.vis .txtSpace p,
#contacto.vis .txtSpace a {
opacity: 1;
}
#contacto.vis .formSpace {
opacity: 1;
}
@media only screen and (max-width: 900px) {
#contacto .txtSpace,
#contacto .formSpace {
width: 50%;
}
}
@media only screen and (max-width: 720px) {
#contacto .txtSpace,
#contacto .formSpace {
width: 100%;
float: initial;
margin-left: auto;
margin-right: auto;
}
#contacto .txtSpace {
padding-right: 0;
max-width: 460px;
margin-bottom: 30px;
text-align: center;
}
#contacto .txtSpace .title_4:after {
right: 0;
left: 0;
margin: auto;
}
#contacto .txtSpace a {
text-align: left;
}
}
.prodBox {
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 32px;
gap: 12px;
overflow: hidden;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.prodBox .imgSpace {
position: relative;
}
.prodBox .imgSpace picture>* {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
display: block;
object-fit: contain;
max-height: 100%;
height: auto;
width: 100%;
-webkit-transform: scale(1.01);
-moz-transform: scale(1.01);
-o-transform: scale(1.01);
transform: scale(1.01);
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.prodBox .imgSpace:before {
content: "";
display: block;
padding-bottom: 100%;
}
.prodBox .txtSpace {
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 4px;
}
.prodBox:hover .imgSpace picture>* {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
@media only screen and (max-width: 1024px) {
.prodBox {
padding: 28px;
}
}
@media only screen and (max-width: 800px) {
.prodBox {
padding: 24px;
}
}
@media only screen and (max-width: 568px) {
.prodBox {
padding: 20px;
}
}
@media only screen and (max-width: 360px) {
.prodBox {
gap: 8px;
}
}
.breadcrumbs {
display: flex;
margin-bottom: 36px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
gap: 10px;
}
.breadcrumbs >a,
.breadcrumbs >p {
display: inline-block;
font-weight: 500;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.breadcrumbs >p:last-child {
display: none;
}
/* SECCIONES ========================================================================== */
.boxes {
padding: 120px 0;
}
.boxes .content-center {
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 60px;
}
.boxes .blockBox {
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
z-index: 1;
}
.boxes .blockBox .txtSpace {
width: 55%;
padding: 24px 32px;
position: relative;
}
.boxes .blockBox .txtSpace .head {
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
}
.boxes .blockBox .txtSpace .title {
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 4px;
}
.boxes .blockBox .txtSpace hr {
margin: 20px 0;
}
.boxes .blockBox .txtSpace:before {
content: "";
position: absolute;
inset: 0 0 0 auto;
height: 100%;
width: 1200px;
border: solid 1px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-o-border-radius: 12px;
border-radius: 12px;
z-index: -1;
}
.boxes .blockBox .imgSpace {
width: 45%;
}
.boxes .blockBox .imgSpace .roundBox {
position: relative;
width: 100%;
overflow: hidden;
background-color: #fff;
}
.boxes .blockBox .imgSpace .roundBox:before {
content: "";
display: block;
padding-bottom: 56.25%;
}
.boxes .blockBox .imgSpace .roundBox picture>* {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
display: block;
object-fit: cover;
min-height: 100%;
height: auto;
width: 100%;
-webkit-transform: scale(1.01);
-moz-transform: scale(1.01);
-o-transform: scale(1.01);
transform: scale(1.01);
}
.boxes .blockBox.reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-moz-box-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.boxes .blockBox.reverse .txtSpace:before {
inset: 0 auto 0 0;
}
.boxes.light {
background-color: #fff;
}
.boxes.light .blockBox span.material-symbols-outlined {
color: #f26500;
}
.boxes.light .blockBox .title_3 {
color: #0f0f0f;
}
.boxes.light .blockBox p {
color: #6d6d6d;
}
.boxes.light .blockBox hr {
border-color: #f8f8f8;
}
.boxes.light .blockBox .txtSpace:before {
border-color: #f8f8f8;
background-color: #fff;
}
.boxes.dark {
background-color: #0f0f0f;
}
.boxes.dark .blockBox span.material-symbols-outlined {
color: #f26500;
}
.boxes.dark .blockBox .title_3 {
color: #fff;
}
.boxes.dark .blockBox p {
color: #f8f8f8;
}
.boxes.dark .blockBox hr {
border-color: #050505;
}
.boxes.dark .blockBox .txtSpace:before {
border-color: #050505;
background-color: #0f0f0f;
}
@media only screen and (max-width: 1240px) {
.boxes .blockBox .txtSpace:before {
width: calc((100vw - 40px) * 0.775);
}
}
@media only screen and (max-width: 1024px) {
.boxes {
padding: 100px 0;
}
.boxes .blockBox .txtSpace .head {
gap: 16px;
}
.boxes .blockBox .txtSpace hr {
margin: 16px 0;
}
}
@media only screen and (max-width: 900px) {
.boxes {
padding: 80px 0;
}
.boxes .blockBox {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.boxes .blockBox .txtSpace {
width: 100%;
padding: 24px;
}
.boxes .blockBox .txtSpace hr {
margin: 12px 0;
}
.boxes .blockBox .txtSpace:before {
width: 100%;
height: calc(100% + 24px);
inset: auto 0 0 0;
}
.boxes .blockBox .imgSpace {
width: 60%;
}
.boxes .blockBox.reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.boxes .blockBox.reverse .txtSpace:before {
inset: auto 0 0 0;
}
}
@media only screen and (max-width: 800px) {
.boxes {
padding: 60px 0;
}
.boxes .blockBox .imgSpace {
width: 70%;
}
}
@media only screen and (max-width: 568px) {
.boxes .content-center {
gap: 40px;
}
.boxes .blockBox .txtSpace {
padding: 20px;
}
.boxes .blockBox .txtSpace .head {
gap: 12px;
}
.boxes .blockBox .txtSpace hr {
margin: 8px 0;
}
.boxes .blockBox .txtSpace:before {
height: calc(100% + 20px);
}
.boxes .blockBox .imgSpace {
width: 80%;
}
}
@media only screen and (max-width: 360px) {
.boxes {
padding: 40px 0;
}
.boxes .content-center {
gap: 20px;
}
.boxes .blockBox .imgSpace {
width: 90%;
}
}
.banner {
position: relative;
overflow: hidden;
}
.banner .content-center {
display: flex;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.banner .content-center.only_text {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.banner .bgArea {
position: absolute;
display: block;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background-color: #000;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
opacity: 0.4;
}
.banner .bgArea.empty {
display: none;
}
.banner .txtArea {
padding: 60px 20px 60px 0;
width: 65%;
position: relative;
z-index: 2;
}
.banner .txtArea ul {
text-align: left;
}
.banner .imgArea {
position: relative;
width: 35%;
z-index: 2;
}
.banner .imgArea picture>* {
position: absolute;
object-fit: contain;
inset: 0;
margin: auto;
display: block;
}
.banner .imgArea.big picture>* {
max-width: 100%;
}
.banner .imgArea.small picture>* {
max-height: 70%;
max-width: 60%;
}
.banner .imgArea.giant {
width: 55%;
}
.banner .imgArea.giant picture>* {
max-width: 100%;
}
.banner .content-center.bigger_image .txtArea {
width: 45%;
}
.banner .logos {
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
margin-top: 24px;
}
.banner .logos a {
display: flex;
}
.banner .logos img {
max-width: 200px;
}
@media only screen and (max-width: 1024px) {
.banner .logos {
gap: 16px;
margin-top: 20px;
}
.banner .logos img {
max-width: 180px;
}
}
@media only screen and (max-width: 900px) {
.banner .txtArea p:not(.subtitle) {
margin-top: 4px;
}
.banner .logos {
gap: 12px;
}
.banner .logos img {
max-width: 150px;
}
}
@media only screen and (max-width: 800px) {
.banner .logos {
margin-top: 16px;
gap: 8px;
}
.banner .logos img {
max-width: 140px;
}
.banner .imgArea.small picture>* {
max-height: 75%;
max-width: 80%;
}
.banner .content-center.bigger_image {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.banner .content-center.bigger_image .txtArea,
.banner .content-center.bigger_image .imgArea {
width: 100%;
}
.banner .content-center.bigger_image .txtArea {
text-align: left;
padding: 40px 20px;
}
.banner .content-center.bigger_image .imgArea.giant:before {
content: "";
display: block;
padding-bottom: 50%;
}
.banner .content-center.bigger_image .imgArea.giant picture>* {
inset: auto 0 0 0;
height: 100%;
}
}
@media only screen and (max-width: 568px) {
.banner .content-center {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.banner .content-center.reversed {
padding: 40px 20px;
gap: 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-moz-box-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.banner .txtArea {
width: 100%;
text-align: center;
padding: 0;
}
.banner .content-center:not(.reversed) .txtArea {
padding: 40px 20px;
}
.banner .logos {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.banner .imgArea {
width: 100%;
}
.banner .imgArea.big {
height: 240px;
}
.banner .imgArea.big picture>* {
inset: 0 0 auto 0;
height: 150%;
max-width: 80%;
}
.banner .imgArea.small {
display: none;
}
}
@media only screen and (max-width: 360px) {
.banner .logos img {
max-width: 120px;
}
.banner .imgArea.big {
height: 180px;
}
.banner .imgArea.big picture>* {
max-width: 100%;
}
}
.list .title p.subtitle {
margin-bottom: 4px;
}
.list .title p.large {
max-width: 920px;
margin-left: auto;
margin-right: auto;
}
.list .item {
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.list .item:after {
display: none;
}
.list .item span.material-symbols-outlined {
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
}
.list .item .text {
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
}
.list .grid2,
.list .grid3 {
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.list .grid2 .item {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom-style: solid;
border-bottom-width: 1px;
gap: 24px;
}
.list .grid2 .item:nth-child(odd) {
padding: 36px 48px 36px 24px;
border-right-style: solid;
border-right-width: 1px;
}
.list .grid2 .item:nth-child(even) {
padding: 36px 24px 36px 48px;
}
.list .grid2 .item:last-child,
.list .grid2 .item:nth-last-child(2):nth-child(odd) {
border-bottom-width: 0;
}
.list .grid3 {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.list .grid3 .item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
gap: 12px;
padding: 36px;
border-right-style: solid;
border-right-width: 1px;
border-bottom-style: solid;
border-bottom-width: 1px;
}
.list .grid3 .item:last-child,
.list .grid3 .item:nth-child(3n) {
border-right-width: 0;
}
.list .grid3 .item:last-child,
.list .grid3 .item:nth-last-child(2):nth-child(odd),
.list .grid3 .item:nth-last-child(2):nth-child(even),
.list .grid3 .item:nth-last-child(3):nth-child(even) {
border-bottom-width: 0;
}
.list.dark {
background-color: #0f0f0f;
color: #fff;
}
.list.dark .title h2>strong {
color: #f26500;
}
.list.dark .title p.subtitle {
color: #f8f8f8;
}
.list.dark .item span.material-symbols-outlined {
color: #f26500;
}
.list.dark .item p:not(.title_5) {
color: #f8f8f8;
}
.list.dark .grid2 .item,
.list.dark .grid3 .item {
border-color: #0f0f0f;
}
.list.light {
background-color: #fff;
color: #0f0f0f;
}
.list.light .title h2>strong {
color: #f26500;
}
.list.light .title p.subtitle {
color: #6d6d6d;
}
.list.light .item span.material-symbols-outlined {
color: #f26500;
}
.list.light .item p:not(.title_5) {
color: #6d6d6d;
}
.list.light .grid2 .item,
.list.light .grid3 .item {
border-color: #f8f8f8;
}
@media only screen and (max-width: 1240px) {
.list .grid2 .item {
gap: 20px;
}
.list .grid2 .item:nth-child(odd) {
padding: 32px 44px 32px 20px;
}
.list .grid2 .item:nth-child(even) {
padding: 32px 20px 32px 44px;
}
.list .grid3 .item {
padding: 32px;
}
}
@media only screen and (max-width: 1024px) {
.list .grid2 .item:nth-child(odd) {
padding: 28px 36px 28px 16px;
}
.list .grid2 .item:nth-child(even) {
padding: 28px 16px 28px 36px;
}
.list .grid3 .item {
padding: 28px;
}
}
@media only screen and (max-width: 900px) {
.list .item .text {
gap: 8px;
}
.list .grid2 .item,
.list .grid3 .item {
gap: 12px;
}
.list .grid2 .item:nth-child(odd),
.list .grid3 .item:nth-child(odd) {
padding: 24px 28px 24px 8px;
}
.list .grid2 .item:nth-child(even),
.list .grid3 .item:nth-child(even) {
padding: 24px 8px 24px 28px;
}
.list .grid2 .item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.list .grid3 .item {
border-right-width: 0;
}
.list .grid3 .item:nth-child(odd):not(:last-child) {
border-right-style: solid;
border-right-width: 1px;
}
.list .grid3 .item:nth-last-child(3):nth-child(even),
.list .grid3 .item:nth-last-child(2):nth-child(even) {
border-bottom-style: solid;
border-bottom-width: 1px;
}
.list .grid3 .item:last-child,
.list .grid3 .item:nth-last-child(2):nth-child(odd) {
border-bottom-width: 0;
}
}
@media only screen and (max-width: 800px) {
.list .grid2 .item:nth-child(odd),
.list .grid3 .item:nth-child(odd) {
padding: 24px 24px 24px 0px;
}
.list .grid2 .item:nth-child(even),
.list .grid3 .item:nth-child(even) {
padding: 24px 0px 24px 24px;
}
}
@media only screen and (max-width: 568px) {
.list .grid2 .item:nth-child(odd),
.list .grid3 .item:nth-child(odd),
.list .grid2 .item:nth-child(even),
.list .grid3 .item:nth-child(even) {
padding: 20px 0px;
}
.list .grid2 .item:nth-child(odd),
.list .grid3 .item:nth-child(odd),
.list .grid2 .item:nth-child(even),
.list .grid3 .item:nth-child(even),
.list .grid2 .item:nth-child(odd):not(:last-child),
.list .grid3 .item:nth-child(odd):not(:last-child) {
border-right-width: 0;
}
.list .grid2 .item:nth-last-child(2):nth-child(odd),
.list .grid3 .item:nth-last-child(2):nth-child(odd) {
border-bottom-style: solid;
border-bottom-width: 1px;
}
.list .grid2 .item:last-child,
.list .grid3 .item:last-child {
border-bottom-width: 0;
}
}
.steps {
position: relative;
}
.steps .bgArea {
position: absolute;
display: block;
height: 100%;
width: 100%;
inset: 0;
margin: auto;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
background-color: #000;
z-index: -2;
}
.steps .bgArea .overlay {
position: absolute;
display: block;
height: 100%;
width: 100%;
inset: 0;
margin: auto;
background-color: #000;
opacity: 0.5;
z-index: -1;
}
.steps .bgArea:before,
.steps .bgArea:after {
content: "";
display: block;
position: absolute;
z-index: 1;
width: 100%;
height: 4px;
left: 0;
right: 0;
}
.steps .bgArea:before {
top: 0;
background: linear-gradient(180deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%);
}
.steps .bgArea:after {
bottom: 0;
background: linear-gradient(0deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%);
}
.steps .roundBox {
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-direction: row;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
max-width: 680px;
padding: 24px;
gap: 16px;
}
.steps .list {
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 24px;
}
.steps .list.i2 .roundBox:first-child,
.steps .list.i3 .roundBox:first-child,
.steps .list.i4 .roundBox:first-child,
.steps .list.i5 .roundBox:first-child {
-webkit-align-self: flex-start;
-ms-flex-item-align: flex-start;
align-self: flex-start;
}
.steps .list.i2 .roundBox:last-child,
.steps .list.i3 .roundBox:last-child,
.steps .list.i4 .roundBox:last-child,
.steps .list.i5 .roundBox:last-child {
-webkit-align-self: flex-end;
-ms-flex-item-align: flex-end;
align-self: flex-end;
}
.steps .list.i4 .roundBox:nth-child(2) {
-webkit-align-self: flex-start;
-ms-flex-item-align: flex-start;
align-self: flex-start;
margin-left: calc((100% - 680px) / 3);
}
.steps .list.i4 .roundBox:nth-child(3) {
-webkit-align-self: flex-end;
-ms-flex-item-align: flex-end;
align-self: flex-end;
margin-right: calc((100% - 680px) / 3);
}
.steps .list.i5 .roundBox:nth-child(2) {
-webkit-align-self: flex-start;
-ms-flex-item-align: flex-start;
align-self: flex-start;
margin-left: calc((100% - 680px) / 4);
}
.steps .list.i5 .roundBox:nth-child(4) {
-webkit-align-self: flex-end;
-ms-flex-item-align: flex-end;
align-self: flex-end;
margin-right: calc((100% - 680px) / 4);
}
.steps.light .roundBox p {
color: #0f0f0f;
}
.steps.light .roundBox p.txt_bold {
color: #f26500;
}
.steps.dark .roundBox {
background-color: #0f0f0f;
}
.steps.dark .roundBox p {
color: #fff;
}
.steps.dark .roundBox p.txt_bold {
color: #f26500;
}
@media only screen and (max-width: 800px) {
.steps .roundBox {
gap: 12px;
}
.steps .list {
gap: 20px;
}
}
@media only screen and (max-width: 568px) {
.steps .roundBox {
padding: 20px;
gap: 8px;
}
.steps .list {
gap: 16px;
}
}
@media only screen and (max-width: 360px) {
.steps .roundBox {
padding: 16px;
}
.steps .list {
gap: 12px;
}
}
.long_texts {
background-color: #fff;
}
.long_texts .content-center {
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 40px;
}
.long_texts .content-center hr:last-child {
display: none;
}
.long_texts .imgSpace {
text-align: center;
}
.long_texts .imgSpace p {
max-width: 80%;
margin-left: auto;
margin-right: auto;
}
.long_texts .roundBox {
position: relative;
overflow: hidden;
}
.long_texts .roundBox:before {
content: "";
display: block;
padding-bottom: 56.25%;
}
.long_texts .roundBox picture>* {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
display: block;
object-fit: cover;
min-height: 100%;
height: auto;
width: 100%;
-webkit-transform: scale(1.01);
-moz-transform: scale(1.01);
-o-transform: scale(1.01);
transform: scale(1.01);
}
.long_texts .row {
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 60px;
}
.long_texts .row.reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-moz-box-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.long_texts .row .txtSpace {
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
}
.long_texts .row .txtSpace .title_5 {
margin-bottom: 12px;
}
.long_texts .row .txtSpace:after {
display: none;
}
.long_texts .row.single {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
max-width: 75%;
}
.long_texts .row.single.reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.long_texts .row.single .txtSpace,
.long_texts .row.single .imgSpace {
width: 100%;
}
.long_texts .row.half .txtSpace,
.long_texts .row.half .imgSpace {
width: 50%;
}
.long_texts .row.brick .txtSpace {
width: 55%;
}
.long_texts .row.brick .imgSpace {
width: 45%;
}
.long_texts .row.third .txtSpace {
width: calc(100% - 280px);
}
.long_texts .row.third .imgSpace {
width: 280px;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
}
.long_texts.light {
backgorund-color: #fff;
}
.long_texts.light .intro .title_3 {
color: #0f0f0f;
}
.long_texts.light .imgSpace p {
color: #0f0f0f;
}
.long_texts.light .txtSpace {
color: #6d6d6d;
}
.long_texts.light .txtSpace .title_5 {
color: #f26500;
}
.long_texts.dark {
background-color: #0f0f0f;
}
.long_texts.dark hr {
border-color: #0f0f0f;
}
.long_texts.dark .intro .title_3 {
color: #fff;
}
.long_texts.dark .imgSpace p {
color: #fff;
}
.long_texts.dark .txtSpace {
color: #f8f8f8;
}
.long_texts.dark .txtSpace .title_5 {
color: #f26500;
}
@media only screen and (max-width: 1024px) {
.long_texts .row {
gap: 52px;
}
}
@media only screen and (max-width: 900px) {
.long_texts .row {
gap: 44px;
}
.long_texts .row.half .txtSpace {
width: 55%;
}
.long_texts .row.half .imgSpace {
width: 45%;
}
}
@media only screen and (max-width: 800px) {
.long_texts .row {
gap: 32px;
}
}
@media only screen and (max-width: 660px) {
.long_texts .content-center {
gap: 32px;
}
.long_texts .row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 40px;
}
.long_texts .row.reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.long_texts .row.w_btn {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-moz-box-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.long_texts .row.single,
.long_texts .row.half,
.long_texts .row.brick,
.long_texts .row.third {
max-width: 80%;
}
.long_texts .row.single .txtSpace,
.long_texts .row.half .txtSpace,
.long_texts .row.brick .txtSpace,
.long_texts .row.third .txtSpace,
.long_texts .row.single .imgSpace,
.long_texts .row.half .imgSpace,
.long_texts .row.brick .imgSpace,
.long_texts .row.third .imgSpace {
width: 100%;
}
.long_texts .row.third .imgSpace {
width: 280px;
}
}
@media only screen and (max-width: 568px) {
.long_texts .content-center {
gap: 28px;
}
.long_texts .imgSpace p {
max-width: 90%;
}
.long_texts .row {
gap: 32px;
}
.long_texts .row .txtSpace .title_5 {
margin-bottom: 8px;
}
.long_texts .row.single,
.long_texts .row.half,
.long_texts .row.brick,
.long_texts .row.third {
max-width: 90%;
}
}
@media only screen and (max-width: 360px) {
.long_texts .content-center {
gap: 24px;
}
.long_texts .imgSpace p {
max-width: 100%;
}
.long_texts .row {
gap: 24px;
}
.long_texts .row .txtSpace .title_5 {
margin-bottom: 4px;
}
.long_texts .row.single,
.long_texts .row.half,
.long_texts .row.brick,
.long_texts .row.third {
max-width: 100%;
}
}
.video {
position: relative;
}
.video:before {
content: "";
display: block;
inset: 0 0 auto 0;
width: 100%;
height: 50%;
background: #fff;
position: absolute;
z-index: -1;
}
.video .roundBox {
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 4px;
}
.video.left .roundBox {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-moz-box-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.video .vidSpace {
width: 45%;
position: relative;
}
.video .vidSpace iframe {
position: absolute;
inset: 0 0 0 0;
height: 100%;
width: 100%;
}
.video .txtSpace {
width: 55%;
padding: 60px 48px;
}
.video .txtSpace .title_3 {
margin-bottom: 24px;
}
.video.dark .roundBox {
background-color: #0f0f0f;
}
.video.dark .txtSpace .title_3 {
color: #fff;
}
.video.dark .txtSpace p {
color: #f8f8f8;
}
.video.light .roundBox {
background-color: #fff;
}
.video.light .txtSpace .title_3 {
color: #0f0f0f;
}
.video.light .txtSpace p {
color: #6d6d6d;
}
@media only screen and (max-width: 1024px) {
.video .txtSpace {
padding: 48px 36px;
}
}
@media only screen and (max-width: 900px) {
.video .vidSpace {
width: 40%;
}
.video .txtSpace {
width: 60%;
padding: 36px 24px;
}
}
@media only screen and (max-width: 800px) {
.video .roundBox {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.video.left .roundBox {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.video .txtSpace,
.video .vidSpace {
width: 100%;
}
.video .txtSpace {
padding: 28px 20px;
}
.video .vidSpace {
position: relative;
overflow: hidden;
}
}
@media only screen and (max-width: 568px) {
.video .txtSpace .title_3 {
margin-bottom: 20px;
}
}
.cifras .container {
position: relative;
}
.cifras .top,
.cifras .center,
.cifras .bottom {
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.cifras .center {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: absolute;
text-align: center;
margin: auto;
inset: 0;
width: 240px;
height: 100%;
padding: 36px 24px 40px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-o-border-radius: 12px;
border-radius: 12px;
background-color: #f26500;
color: #fff;
}
.cifras .top,
.cifras .bottom {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.cifras .group {
width: calc(50% - 120px);
padding: 36px;
text-align: center;
}
@media only screen and (max-width: 1024px) {
.cifras .center {
width: 220px;
}
.cifras .group {
width: calc(50% - 110px);
}
}
@media only screen and (max-width: 900px) {
.cifras .center {
width: 200px;
padding: 32px 24px 36px;
}
.cifras .group {
width: calc(50% - 100px);
padding: 28px;
}
}
@media only screen and (max-width: 800px) {
.cifras .center {
width: 180px;
padding: 28px 20px 32px;
}
.cifras .group {
width: calc(50% - 90px);
padding: 24px;
}
}
@media only screen and (max-width: 700px) {
.cifras .container {
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border: solid 1px #f8f8f8;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-o-border-radius: 12px;
border-radius: 12px;
overflow: hidden;
}
.cifras hr {
display: none;
}
.cifras .center,
.cifras .top,
.cifras .bottom {
width: 100%;
}
.cifras .center {
position: static;
height: auto;
padding: 12px 24px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-direction: row;
-ms-flex-direction: row;
flex-direction: row;
gap: 12px;
}
.cifras .center .title_5 {
text-align: left;
max-width: 110px;
}
.cifras .top,
.cifras .bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.cifras .group {
width: 100%;
padding: 20px 24px;
border-top: solid #f8f8f8 1px;
}
}
@media only screen and (max-width: 568px) {
.cifras .center .title_5 {
max-width: 100px;
}
}
@media only screen and (max-width: 360px) {
.cifras .center {
padding: 8px 20px;
gap: 8px;
}
.cifras .center .title_5 {
max-width: 94px;
}
.cifras .group {
padding: 16px 20px;
}
}
.intro {
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
max-width: 760px;
margin: 0 auto;
gap: 28px;
}
.intro p {
padding: 0 40px;
}
@media only screen and (max-width: 800px) {
.intro p {
padding: 0 20px;
}
}
@media only screen and (max-width: 568px) {
.intro {
gap: 24px;
}
.intro p {
padding: 0;
}
}
.categories {
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-direction: row;
-ms-flex-direction: row;
flex-direction: row;
gap: 4px;
}
.categories .category {
color: #0f0f0f;
background-color: #f8f8f8;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
padding: 8px 16px;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.categories .category:hover {
background-color: #ececec;
}
.contacto .content-center {
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 144px;
}
.contacto .imgSpace,
.contacto .txtSpace {
width: 50%;
}
.contacto .imgSpace {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
overflow: hidden;
}
.contacto .imgSpace picture {
display: block;
height: 100%;
width: 100%;
}
.contacto .imgSpace picture>* {
object-fit: cover;
height: 100%;
width: 100%;
}
.contacto .txtSpace {
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
.contacto .txtSpace .titleSpace h2 {
margin-bottom: 16px;
}
@media only screen and (max-width: 1024px) {
.contacto .content-center {
gap: 108px;
}
}
@media only screen and (max-width: 900px) {
.contacto .content-center {
gap: 72px;
}
.contacto .imgSpace {
width: 45%;
}
.contacto .txtSpace {
width: 55%;
}
}
@media only screen and (max-width: 800px) {
.contacto .content-center {
gap: 40px;
}
.contacto .imgSpace {
width: 40%;
}
.contacto .txtSpace {
width: 60%;
}
}
@media only screen and (max-width: 568px) {
.contacto .content-center {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
.contacto .imgSpace,
.contacto .txtSpace {
width: 100%;
}
.contacto .imgSpace {
position: relative;
}
.contacto .imgSpace:before {
content: "";
display: block;
padding-bottom: 35vw;
}
.contacto .imgSpace picture>* {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
display: block;
min-height: 100%;
height: auto;
-webkit-transition: top ease 0.3s;
-moz-transition: top ease 0.3s;
-o-transition: top ease 0.3s;
transition: top ease 0.3s;
}
}
.urgencia .roundBox,
.familia .roundBox {
padding: 80px;
text-align: center;
}
.urgencia .txtSpace,
.familia .txtSpace {
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0 auto;
height: 100%;
gap: 24px;
}
.urgencia .txtSpace p,
.familia .txtSpace p {
margin-bottom: 12px;
}
.urgencia .txtSpace .btn,
.familia .txtSpace .btn {
margin-top: auto;
}
@media only screen and (max-width: 1024px) {
.urgencia .roundBox,
.familia .roundBox {
padding: 68px;
}
}
@media only screen and (max-width: 900px) {
.urgencia .roundBox,
.familia .roundBox {
padding: 56px;
}
}
@media only screen and (max-width: 800px) {
.urgencia .roundBox,
.familia .roundBox {
padding: 44px;
}
}
@media only screen and (max-width: 568px) {
.urgencia .roundBox,
.familia .roundBox {
padding: 32px;
}
.urgencia .txtSpace p,
.familia .txtSpace p {
margin-bottom: 8px;
}
}
@media only screen and (max-width: 360px) {
.urgencia .roundBox,
.familia .roundBox {
padding: 28px 20px;
}
.urgencia .txtSpace,
.familia .txtSpace {
gap: 20px;
}
.urgencia .txtSpace p,
.familia .txtSpace p {
margin-bottom: 4px;
}
}
.urgencia .txtSpace {
max-width: 700px;
}
.familia .txtSpace {
max-width: 540px;
}
/* INICIO ========================================================================== */
#hero {
min-height: 100dvh;
background-color: #0f0f0f;
overflow: hidden;
position: relative;
/* .vectorSpace
position absolute
inset 0
z-index 2
img
position absolute
margin auto
inset 0
width 100%
height 100%
object-fit cover
img:not(.mobile)
display block
img.mobile
display none */
}
#hero .item > .content-center,
#hero .slick-list,
#hero .slick-track {
height: 100%;
min-height: inherit;
}
#hero .slick-track {
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
#hero .item {
background-color: #0f0f0f;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
height: auto;
min-height: inherit;
}
#hero .item:after {
content: "";
display: block;
position: absolute;
background: linear-gradient(90deg, #000 15%, rgba(0,0,0,0) 100%);
opacity: 0.9;
inset: 0;
z-index: 1;
}
#hero .item .content-center {
padding-top: 84px;
padding-bottom: 64px;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative;
gap: 60px;
}
#hero .txtSpace {
width: 65%;
max-width: 500px;
padding: 40px 0 52px;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
gap: 20px;
z-index: 3;
color: #fff;
position: relative;
}
#hero .txtSpace h1 {
color: #fff;
}
#hero .slider_options {
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
position: absolute;
inset: auto 0 0 0;
color: #fff;
gap: 32px;
}
#hero .slider_options .option {
position: relative;
padding: 12px 8px 24px;
width: 64px;
text-align: center;
border: 0;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
background: transparent;
cursor: pointer;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
#hero .slider_options .option p {
color: #fff;
opacity: 0.7;
}
#hero .slider_options .option:after {
content: "";
position: absolute;
display: block;
inset: auto 0 0 0;
width: 100%;
height: 6px;
background-color: #f26500;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition: transform ease 0.3s;
-moz-transition: transform ease 0.3s;
-o-transition: transform ease 0.3s;
transition: transform ease 0.3s;
}
#hero .slider_options .option.active p,
#hero .slider_options .option:hover p {
opacity: 1;
font-weight: 700;
}
#hero .slider_options .option.active:after,
#hero .slider_options .option:hover:after {
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}
@media only screen and (max-width: 1024px) {
#hero .slider_options {
gap: 28px;
}
#hero .slider_options .option {
width: 60px;
}
}
@media only screen and (max-width: 900px) {
#hero .slider_options {
gap: 24px;
}
#hero .slider_options .option {
width: 56px;
}
}
@media only screen and (max-width: 800px) {
#hero .slider_options {
gap: 20px;
}
#hero .slider_options .option {
width: 48px;
}
}
@media only screen and (max-width: 568px) {
#hero .item:after {
background: rgba(0,0,0,0.75);
}
#hero .item .content-center {
padding-top: 72px;
padding-bottom: 42px;
}
#hero .txtSpace {
padding: 20px 0 28px;
margin: 0 auto;
width: 100%;
max-width: 420px;
text-align: center;
}
#hero .slider_options {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
gap: 16px;
}
#hero .slider_options .option {
padding: 8px 4px 16px;
width: 40px;
}
#hero .slider_options .option:after {
height: 4px;
}
}
#equipos .roundBox,
#plantas .roundBox {
height: auto;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
position: relative;
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
-webkit-flex-shrink: 1;
-ms-flex-shrink: 1;
flex-shrink: 1;
-webkit-flex-basis: calc(25% - 72px);
-ms-flex-basis: calc(25% - 72px);
flex-basis: calc(25% - 72px);
max-width: calc(1240px / 4);
overflow: hidden;
}
@media only screen and (max-width: 568px) {
#equipos .roundBox,
#plantas .roundBox {
max-width: calc(100% - 16px);
}
}
#equipos .roundBox .imgSpace,
#plantas .roundBox .imgSpace {
position: relative;
}
#equipos .roundBox .imgSpace:before,
#plantas .roundBox .imgSpace:before {
content: "";
display: block;
padding-bottom: 100%;
}
#equipos .roundBox .imgSpace picture>*,
#plantas .roundBox .imgSpace picture>* {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
display: block;
object-fit: cover;
min-height: 100%;
height: auto;
width: 100%;
-webkit-transition: top ease 0.3s;
-moz-transition: top ease 0.3s;
-o-transition: top ease 0.3s;
transition: top ease 0.3s;
}
#equipos .roundBox p.small,
#plantas .roundBox p.small {
position: relative;
color: #0f0f0f;
z-index: 1;
top: 0;
-webkit-transition: top ease 0.3s;
-moz-transition: top ease 0.3s;
-o-transition: top ease 0.3s;
transition: top ease 0.3s;
}
#equipos .roundBox .footer,
#plantas .roundBox .footer {
position: absolute;
background-color: #f26500;
padding: 16px 12px;
color: #fff;
bottom: -54px;
left: 0;
right: 0;
-webkit-transition: bottom ease 0.3s;
-moz-transition: bottom ease 0.3s;
-o-transition: bottom ease 0.3s;
transition: bottom ease 0.3s;
}
#equipos .roundBox:hover .imgSpace picture>*,
#plantas .roundBox:hover .imgSpace picture>* {
top: -40px;
}
#equipos .roundBox:hover p.small,
#plantas .roundBox:hover p.small {
top: -40px;
}
#equipos .roundBox:hover .footer,
#plantas .roundBox:hover .footer {
bottom: 0;
}
#equipos .arrows {
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 0 60px;
margin-bottom: 8px;
gap: 16px;
}
#equipos .cardsSpace .roundBox {
margin: 0 12px;
padding: 32px 20px;
gap: 32px;
}
#equipos .cardsSpace .slick-track {
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin: 56px 0 40px;
}
@media only screen and (max-width: 800px) {
#equipos .cardsSpace .roundBox {
gap: 28px;
padding: 28px 20px;
}
#equipos .cardsSpace .slick-track {
margin: 44px 0 32px;
}
}
@media only screen and (max-width: 568px) {
#equipos .arrows {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
gap: 12px;
margin-bottom: 16px;
}
#equipos .cardsSpace .slick-track {
margin: 32px 0 24px;
}
}
@media only screen and (max-width: 360px) {
#equipos .arrows {
margin-bottom: 24px;
}
#equipos .cardsSpace .roundBox {
margin: 0 8px;
}
#equipos .cardsSpace .slick-track {
margin: 28px 0 24px;
}
}
#plantas .cardsSpace {
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 24px;
margin: 40px 0;
}
#plantas .roundBox {
background-color: #fff;
padding: 8px 32px 28px;
gap: 8px;
}
@media only screen and (max-width: 900px) {
#plantas .cardsSpace {
margin: 32px 0;
}
#plantas .roundBox {
-webkit-flex-basis: calc(50% - 48px);
-ms-flex-basis: calc(50% - 48px);
flex-basis: calc(50% - 48px);
padding: 8px 28px 24px;
}
}
@media only screen and (max-width: 800px) {
#plantas .cardsSpace {
margin: 28px 0;
gap: 20px;
}
#plantas .roundBox {
padding: 8px 24px 20px;
}
}
@media only screen and (max-width: 568px) {
#plantas .cardsSpace {
margin: 24px 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
#plantas .roundBox {
width: 100%;
-webkit-flex-basis: 100%;
-ms-flex-basis: 100%;
flex-basis: 100%;
padding: 8px 20px 20px;
}
}
#experiencia .roundBox {
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
position: relative;
}
#experiencia .imgSpace {
width: 60%;
position: absolute;
inset: 0 auto 0 0;
}
#experiencia .imgSpace picture>* {
min-height: 100%;
object-fit: cover;
}
#experiencia .imgSpace:after {
content: '';
display: block;
position: absolute;
inset: 0 0 0 auto;
height: 100%;
width: 50%;
background: linear-gradient(90deg, rgba(15,15,15,0) 0%, #0f0f0f 95%);
z-index: 1;
}
#experiencia .txtSpace {
width: 40%;
padding: 72px 48px 72px 0;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
gap: 24px;
z-index: 1;
}
#experiencia .txtSpace h2 {
color: #fff;
}
@media only screen and (max-width: 1024px) {
#experiencia .imgSpace {
width: 55%;
}
#experiencia .txtSpace {
width: 45%;
padding: 60px 36px 60px 0;
}
}
@media only screen and (max-width: 900px) {
#experiencia .imgSpace {
width: 50%;
}
#experiencia .txtSpace {
width: 50%;
padding: 48px 24px 48px 0;
}
}
@media only screen and (max-width: 800px) {
#experiencia .roundBox {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
#experiencia .txtSpace,
#experiencia .imgSpace {
width: 100%;
}
#experiencia .txtSpace {
padding: 20px 28px;
}
#experiencia .txtSpace ul {
-webkit-column-count: 2;
-moz-column-count: 2;
-o-column-count: 2;
column-count: 2;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
-o-column-gap: 20px;
column-gap: 20px;
}
#experiencia .imgSpace {
position: relative;
overflow: hidden;
}
#experiencia .imgSpace picture>* {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
display: block;
height: auto;
width: 100%;
-webkit-transition: top ease 0.3s;
-moz-transition: top ease 0.3s;
-o-transition: top ease 0.3s;
transition: top ease 0.3s;
}
#experiencia .imgSpace:after {
height: 50%;
width: 100%;
inset: auto 0 0 0;
background: linear-gradient(180deg, rgba(15,15,15,0) 0%, #0f0f0f 95%);
}
#experiencia .imgSpace:before {
content: "";
display: block;
padding-bottom: 35%;
}
}
@media only screen and (max-width: 680px) {
#experiencia .txtSpace ul {
-webkit-column-count: 1;
-moz-column-count: 1;
-o-column-count: 1;
column-count: 1;
-webkit-column-gap: 0;
-moz-column-gap: 0;
-o-column-gap: 0;
column-gap: 0;
}
}
@media only screen and (max-width: 568px) {
#experiencia .txtSpace {
gap: 20px;
padding: 16px 20px;
}
}
/* EMPRESA ========================================================================== */
#nosotros .content-center,
#empresa .content-center,
#beneficios .content-center {
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 800px) {
#nosotros .content-center,
#empresa .content-center,
#beneficios .content-center {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
}
#nosotros .content-center {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
#nosotros .left,
#nosotros .right {
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
-webkit-flex-shrink: 1;
-ms-flex-shrink: 1;
flex-shrink: 1;
-webkit-flex-basis: 50%;
-ms-flex-basis: 50%;
flex-basis: 50%;
}
#nosotros .left {
padding-right: 72px;
}
#nosotros .left .imgSpace {
position: relative;
}
#nosotros .left .imgSpace:before {
content: "";
display: block;
padding-bottom: 70%;
}
#nosotros .left .imgSpace picture>* {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
display: block;
object-fit: cover;
min-height: 100%;
height: auto;
width: 100%;
-webkit-transition: top ease 0.3s;
-moz-transition: top ease 0.3s;
-o-transition: top ease 0.3s;
transition: top ease 0.3s;
}
#nosotros .left .txtSpace {
position: relative;
padding: 28px 36px;
z-index: 1;
margin-left: auto;
margin-top: -14%;
max-width: 400px;
-webkit-border-radius: 16px 0 16px 16px;
-moz-border-radius: 16px 0 16px 16px;
-o-border-radius: 16px 0 16px 16px;
border-radius: 16px 0 16px 16px;
}
#nosotros .right {
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 24px;
}
#nosotros .right h1 {
margin-bottom: 12px;
}
@media only screen and (max-width: 1024px) {
#nosotros .left {
padding-right: 60px;
}
#nosotros .left .txtSpace {
padding: 24px 28px;
max-width: 385px;
}
}
@media only screen and (max-width: 900px) {
#nosotros .left {
padding-right: 40px;
}
#nosotros .left .txtSpace {
padding: 24px;
}
}
@media only screen and (max-width: 800px) {
#nosotros .content-center {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-moz-box-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
gap: 48px;
}
#nosotros .left,
#nosotros .right {
-webkit-flex-basis: 100%;
-ms-flex-basis: 100%;
flex-basis: 100%;
width: 100%;
}
#nosotros .left {
padding-right: 0;
max-width: 580px;
}
}
@media only screen and (max-width: 568px) {
#nosotros .content-center {
gap: 36px;
}
#nosotros .right {
gap: 20px;
}
#nosotros .right h1 {
margin-bottom: 8px;
}
}
@media only screen and (max-width: 360px) {
#nosotros .content-center {
gap: 24px;
}
#nosotros .left .txtSpace {
padding: 20px;
}
#nosotros .right h1 {
margin-bottom: 4px;
}
}
#empresa .content-center {
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 24px;
}
#empresa .mision,
#empresa .vision {
padding: 32px;
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
-webkit-flex-shrink: 1;
-ms-flex-shrink: 1;
flex-shrink: 1;
-webkit-flex-basis: 50%;
-ms-flex-basis: 50%;
flex-basis: 50%;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
}
@media only screen and (max-width: 1024px) {
#empresa .mision,
#empresa .vision {
padding: 28px;
}
}
@media only screen and (max-width: 900px) {
#empresa .mision,
#empresa .vision {
padding: 24px;
}
}
@media only screen and (max-width: 360px) {
#empresa .mision,
#empresa .vision {
padding: 20px;
}
}
#beneficios .content-center {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
#beneficios .txtSpace,
#beneficios .vidSpace {
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
-webkit-flex-shrink: 1;
-ms-flex-shrink: 1;
flex-shrink: 1;
-webkit-flex-basis: 50%;
-ms-flex-basis: 50%;
flex-basis: 50%;
}
#beneficios .txtSpace {
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 24px;
padding-right: 72px;
}
#beneficios .vidSpace {
position: relative;
}
#beneficios .vidSpace iframe {
width: 100%;
}
#beneficios .vidSpace picture>* {
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
display: block;
object-fit: cover;
min-height: 100%;
height: auto;
width: 100%;
-webkit-transition: top ease 0.3s;
-moz-transition: top ease 0.3s;
-o-transition: top ease 0.3s;
transition: top ease 0.3s;
}
#beneficios .vidSpace .btnCircle {
position: absolute;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 72px;
height: 72px;
margin: auto;
inset: 0;
z-index: 1;
pointer-events: none;
}
@media only screen and (max-width: 1024px) {
#beneficios .txtSpace {
padding-right: 60px;
}
}
@media only screen and (max-width: 900px) {
#beneficios .txtSpace {
padding-right: 40px;
}
}
@media only screen and (max-width: 800px) {
#beneficios .content-center {
gap: 48px;
}
#beneficios .txtSpace,
#beneficios .vidSpace {
width: 100%;
-webkit-flex-basis: 100%;
-ms-flex-basis: 100%;
flex-basis: 100%;
}
#beneficios .txtSpace {
padding-right: 0;
}
}
@media only screen and (max-width: 568px) {
#beneficios .content-center {
gap: 36px;
}
#beneficios .vidSpace .btnCircle {
width: 60px;
height: 60px;
}
}
@media only screen and (max-width: 360px) {
#beneficios .content-center {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-moz-box-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
gap: 24px;
}
#beneficios .txtSpace {
gap: 20px;
}
#beneficios .vidSpace .btnCircle {
width: 48px;
height: 48px;
}
}
/* PRODUCTOS ========================================================================== */
#producto .content-center {
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
#producto .top {
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
gap: 4px;
margin-bottom: 32px;
}
#producto .left,
#producto .right {
width: calc(50% - 24px);
}
#producto .left .mainPhoto {
background-color: #fff;
border: solid 1px #d9d9d9;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
padding: 48px;
display: block;
width: 100%;
}
#producto .left .thumbnails {
width: 100%;
display: block;
margin-top: 24px;
}
#producto .left .thumbnails .slick-track {
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
#producto .left .thumbnails .box {
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
-webkit-flex-shrink: 1;
-ms-flex-shrink: 1;
flex-shrink: 1;
-webkit-flex-basis: 33.33%;
-ms-flex-basis: 33.33%;
flex-basis: 33.33%;
margin: 0 12px;
border: solid 1px #d9d9d9;
background-color: transparent;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
padding: 12px;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
#producto .left .thumbnails .box.slick-current {
border-color: #f26500;
background-color: #f8f8f8;
}
#producto .left .mainPhoto .item,
#producto .left .thumbnails .item {
position: relative;
}
#producto .left .mainPhoto .item:before,
#producto .left .thumbnails .item:before {
content: "";
display: block;
padding-bottom: 100%;
}
#producto .left .mainPhoto .item picture>*,
#producto .left .thumbnails .item picture>* {
position: absolute;
inset: 0;
margin: auto;
display: block;
object-fit: contain;
min-height: 100%;
height: auto;
width: 100%;
-webkit-transition: top ease 0.3s;
-moz-transition: top ease 0.3s;
-o-transition: top ease 0.3s;
transition: top ease 0.3s;
}
#producto .right {
margin-top: 20px;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
#producto .right .head {
margin-bottom: 24px;
}
#producto .right .head p.small.txt_gris {
margin-top: 4px;
}
#producto .right .head p.small:not(.txt_gris) {
margin-top: 24px;
}
#producto .right .paragraph {
margin-bottom: 48px;
}
#producto .right .datos {
margin-bottom: 36px;
}
#producto .right .datos .title_24 {
margin-bottom: 8px;
}
#producto .right .datos .tabla {
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
#producto .right .datos .fila {
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: solid 1px #d9d9d9;
padding: 14px 0;
width: 100%;
gap: 24px;
}
#producto .right .botones {
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-direction: row;
-ms-flex-direction: row;
flex-direction: row;
gap: 24px;
}
@media only screen and (max-width: 1024px) {
#producto .left,
#producto .right {
width: calc(50% - 20px);
}
}
@media only screen and (max-width: 900px) {
#producto .left {
width: calc(45% - 16px);
}
#producto .right {
width: calc(55% - 16px);
}
}
@media only screen and (max-width: 800px) {
#producto .content-center {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
#producto .top {
display: flex;
}
#producto .left,
#producto .right {
width: 100%;
}
#producto .left {
max-width: 80%;
margin: 0 auto;
}
#producto .left .mainPhoto {
padding: 36px;
}
#producto .left .thumbnails .box {
-webkit-flex-basis: 25%;
-ms-flex-basis: 25%;
flex-basis: 25%;
}
#producto .right {
margin-top: 40px;
}
#producto .right .head {
display: none;
}
#producto .right .paragraph {
margin-bottom: 36px;
}
#producto .right .datos {
margin-bottom: 28px;
}
#producto .right .datos .title_24 {
margin-bottom: 0;
}
}
@media only screen and (max-width: 568px) {
#producto .top {
margin-bottom: 24px;
}
#producto .left {
max-width: 90%;
}
#producto .left .mainPhoto {
padding: 28px;
}
#producto .left .thumbnails .box {
-webkit-flex-basis: 33.33%;
-ms-flex-basis: 33.33%;
flex-basis: 33.33%;
}
#producto .right {
margin-top: 36px;
}
#producto .right .paragraph {
margin-bottom: 32px;
}
#producto .right .datos {
margin-bottom: 28px;
}
#producto .right .botones {
gap: 20px;
}
}
@media only screen and (max-width: 360px) {
#producto .top {
margin-bottom: 20px;
}
#producto .left {
max-width: 100%;
}
#producto .left .mainPhoto {
padding: 20px;
}
#producto .left .thumbnails {
margin-top: 20px;
}
#producto .left .thumbnails .box {
margin: 0 8px;
}
#producto .right {
margin-top: 32px;
}
#producto .right .paragraph {
margin-bottom: 28px;
}
#producto .right .datos {
margin-bottom: 24px;
}
#producto .right .botones {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
}
}
#productos .top,
#productos .bottom {
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
#productos .left,
#productos .middle .container {
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 48px;
}
#productos .middle {
display: none;
position: relative;
padding: 12px 0;
width: calc(100% + 40px);
left: -20px;
right: -20px;
}
#productos .middle .container {
margin-top: 12px;
padding: 24px 20px;
position: relative;
}
#productos .middle .container:before {
content: "";
display: block;
position: absolute;
background-color: #f8f8f8;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
#productos .top {
-webkit-align-items: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
#productos .top .filtering {
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-direction: row;
-ms-flex-direction: row;
flex-direction: row;
gap: 8px;
}
#productos .bottom {
position: relative;
padding-top: 32px;
gap: 32px;
}
#productos .left {
width: 260px;
}
#productos .left .search-filter-input-checkbox__label {
display: block;
}
#productos .right {
width: calc(100% - 260px);
}
#productos .right .productos_grid {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#productos .categorias,
#productos .marcas {
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (max-width: 1024px) {
#productos .left {
width: 230px;
}
#productos .right {
width: calc(100% - 230px);
}
}
@media only screen and (max-width: 900px) {
#productos .middle .container {
gap: 20px;
}
#productos .bottom {
gap: 0;
}
#productos .left {
display: none;
}
#productos .right {
width: 100%;
}
#productos .categorias .lista,
#productos .marcas .lista {
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0 24px;
}
}
@media only screen and (max-width: 568px) {
#productos .top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
gap: 8px;
}
#productos .top .filtering {
width: 100%;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
#productos .middle .container {
margin-top: 4px;
padding: 20px;
}
}
@media only screen and (max-width: 460px) {
#productos .right .productos_grid {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (max-width: 360px) {
#productos .categorias .lista,
#productos .marcas .lista {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.productos_grid {
display: flex;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 24px;
}
@media only screen and (max-width: 900px) {
.productos_grid {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (max-width: 568px) {
.productos_grid {
gap: 20px;
}
}
.prod3 .prodBox,
.prod4 .prodBox {
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
-webkit-flex-shrink: 1;
-ms-flex-shrink: 1;
flex-shrink: 1;
width: 100%;
}
.prod3 .prodBox {
-webkit-flex-basis: 33.33%;
-ms-flex-basis: 33.33%;
flex-basis: 33.33%;
max-width: calc((100% / 3) - 16px);
}
@media only screen and (max-width: 680px) {
.prod3 .prodBox {
-webkit-flex-basis: 50%;
-ms-flex-basis: 50%;
flex-basis: 50%;
max-width: calc((100% / 2) - 12px);
}
}
@media only screen and (max-width: 460px) {
.prod3 .prodBox {
-webkit-flex-basis: 100%;
-ms-flex-basis: 100%;
flex-basis: 100%;
max-width: 280px;
}
}
.prod4 .prodBox {
-webkit-flex-basis: 25%;
-ms-flex-basis: 25%;
flex-basis: 25%;
max-width: calc((100% / 4) - 18px);
}
@media only screen and (max-width: 900px) {
.prod4 .prodBox {
-webkit-flex-basis: 33.33%;
-ms-flex-basis: 33.33%;
flex-basis: 33.33%;
max-width: calc((100% / 3) - 16px);
}
.prod4 >.prodBox:last-child {
display: none;
}
}
@media only screen and (max-width: 800px) {
.prod4 .prodBox {
-webkit-flex-basis: 50%;
-ms-flex-basis: 50%;
flex-basis: 50%;
max-width: calc((100% / 2) - 12px);
}
.prod4 >.prodBox:last-child {
display: flex;
}
}
@media only screen and (max-width: 460px) {
.prod4 .prodBox {
-webkit-flex-basis: 100%;
-ms-flex-basis: 100%;
flex-basis: 100%;
max-width: 280px;
}
}
/* SERVICIOS ========================================================================== */
#servicios .txtSpace {
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
max-width: 760px;
margin: 0 auto;
gap: 20px;
}
@media only screen and (max-width: 568px) {
#servicios .txtSpace {
margin: 12px 0;
}
}
.servicio .content-center {
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.servicio .content-center .txtSpace {
padding-right: 60px;
}
.servicio .content-center.reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-moz-box-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.servicio .content-center.reverse .txtSpace {
padding-left: 60px;
}
.servicio .txtSpace,
.servicio .imgSpace {
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
-webkit-flex-shrink: 1;
-ms-flex-shrink: 1;
flex-shrink: 1;
-webkit-flex-basis: 50%;
-ms-flex-basis: 50%;
flex-basis: 50%;
}
.servicio .txtSpace h2 {
margin-bottom: 24px;
}
.servicio .txtSpace div.small {
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
.servicio .imgSpace {
position: relative;
}
.servicio .imgSpace:before {
content: "";
display: block;
padding-bottom: 75%;
}
.servicio .imgSpace picture>* {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
display: block;
object-fit: cover;
min-height: 100%;
height: auto;
width: 100%;
-webkit-transition: top ease 0.3s;
-moz-transition: top ease 0.3s;
-o-transition: top ease 0.3s;
transition: top ease 0.3s;
}
@media only screen and (max-width: 1024px) {
.servicio .content-center .txtSpace {
padding-right: 48px;
}
.servicio .content-center.reverse .txtSpace {
padding-left: 48px;
}
.servicio .txtSpace h2 {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 900px) {
.servicio .content-center .txtSpace {
padding-right: 36px;
}
.servicio .content-center.reverse .txtSpace {
padding-left: 36px;
}
.servicio .txtSpace {
-webkit-flex-basis: 55%;
-ms-flex-basis: 55%;
flex-basis: 55%;
}
.servicio .txtSpace h2 {
margin-bottom: 16px;
}
.servicio .txtSpace div.small {
gap: 12px;
}
.servicio .imgSpace {
-webkit-flex-basis: 45%;
-ms-flex-basis: 45%;
flex-basis: 45%;
}
}
@media only screen and (max-width: 800px) {
.servicio .content-center {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-moz-box-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
gap: 40px;
}
.servicio .content-center .txtSpace {
padding-right: 0;
}
.servicio .content-center.reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-moz-box-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.servicio .content-center.reverse .txtSpace {
padding-left: 0;
}
.servicio .txtSpace,
.servicio .imgSpace {
-webkit-flex-basis: 100%;
-ms-flex-basis: 100%;
flex-basis: 100%;
width: 100%;
}
.servicio .txtSpace h2 {
margin-bottom: 12px;
}
.servicio .imgSpace {
max-width: 480px;
}
.servicio .imgSpace:before {
padding-bottom: 56.25%;
}
}
@media only screen and (max-width: 568px) {
.servicio .content-center {
gap: 32px;
}
.servicio .txtSpace div.small {
gap: 8px;
}
}
@media only screen and (max-width: 360px) {
.servicio .content-center {
gap: 24px;
}
}
/* CALCULADORA ========================================================================== */
#calculadora .txtSpace {
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
max-width: 640px;
margin: 0 auto;
gap: 20px;
}
@media only screen and (max-width: 568px) {
#calculadora .txtSpace {
margin: 12px 0;
}
}
#campos .content-center {
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 56px;
}
#campos .row {
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 28px;
}
#campos .opciones {
-webkit-column-count: 3;
-moz-column-count: 3;
-o-column-count: 3;
column-count: 3;
-webkit-column-gap: 24px;
-moz-column-gap: 24px;
-o-column-gap: 24px;
column-gap: 24px;
-webkit-column-fill: balance;
-moz-column-fill: balance;
-o-column-fill: balance;
column-fill: balance;
}
#campos .opcion {
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 8px 0;
gap: 12px;
}
#campos .opcion input {
-webkit-flex-grow: 0;
-ms-flex-grow: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
-webkit-flex-basis: 40px;
-ms-flex-basis: 40px;
flex-basis: 40px;
}
#campos .opcion label {
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
-webkit-flex-shrink: 1;
-ms-flex-shrink: 1;
flex-shrink: 1;
-webkit-flex-basis: auto;
-ms-flex-basis: auto;
flex-basis: auto;
}
@media only screen and (max-width: 800px) {
#campos .content-center {
gap: 44px;
}
#campos .row {
gap: 20px;
}
#campos .opciones {
-webkit-column-count: 2;
-moz-column-count: 2;
-o-column-count: 2;
column-count: 2;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
-o-column-gap: 20px;
column-gap: 20px;
}
}
@media only screen and (max-width: 568px) {
#campos .content-center {
gap: 32px;
}
#campos .row {
gap: 12px;
}
#campos .opciones {
-webkit-column-count: 1;
-moz-column-count: 1;
-o-column-count: 1;
column-count: 1;
-webkit-column-gap: 0;
-moz-column-gap: 0;
-o-column-gap: 0;
column-gap: 0;
}
}
@media only screen and (max-width: 360px) {
#campos .content-center {
gap: 24px;
}
#campos .row {
gap: 8px;
}
}
#resultados {
overflow: hidden;
}
#resultados .content-center {
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 40px;
}
#resultados .top {
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 24px;
}
#resultados h2 {
line-height: 140%;
}
#resultados .bottom {
display: none;
}
#resultados .bottom .hid {
display: none;
}
#resultados .bottom.empty .hid {
display: block;
}
#resultados .bottom.empty p:not(.hid) {
display: none;
}
@media only screen and (max-width: 900px) {
#resultados .content-center {
gap: 32px;
}
}
@media only screen and (max-width: 800px) {
#resultados .content-center {
gap: 24px;
}
#resultados .top {
gap: 20px;
}
}
@media only screen and (max-width: 568px) {
#resultados .content-center {
gap: 20px;
}
#resultados .top {
gap: 16px;
}
}
/* CONTACTO ========================================================================== */
#cajas .content-center {
display: flex;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-direction: row;
-ms-flex-direction: row;
flex-direction: row;
gap: 24px;
}
#cajas .urgencia,
#cajas .familia {
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
-webkit-flex-shrink: 1;
-ms-flex-shrink: 1;
flex-shrink: 1;
-webkit-flex-basis: 50%;
-ms-flex-basis: 50%;
flex-basis: 50%;
}
#cajas .roundBox {
height: 100%;
}
@media only screen and (max-width: 800px) {
#cajas .content-center {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
#cajas .urgencia,
#cajas .familia {
-webkit-flex-basis: 100%;
-ms-flex-basis: 100%;
flex-basis: 100%;
width: 100%;
}
}
@media only screen and (max-width: 568px) {
#cajas {
margin-top: 24px;
}
}
@media only screen and (max-width: 360px) {
#cajas {
margin-top: 20px;
}
}
#ubicaciones .grid {
display: flex;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 24px;
}
#ubicaciones .roundBox {
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
-webkit-flex-shrink: 1;
-ms-flex-shrink: 1;
flex-shrink: 1;
-webkit-flex-basis: 33.33%;
-ms-flex-basis: 33.33%;
flex-basis: 33.33%;
max-width: calc((100% / 3) - 16px);
width: 100%;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 24px 20px;
gap: 12px;
}
#ubicaciones .roundBox h3 {
margin-bottom: 12px;
}
#ubicaciones .roundBox:after {
display: none;
}
@media only screen and (max-width: 800px) {
#ubicaciones .grid {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#ubicaciones .roundBox {
-webkit-flex-basis: 50%;
-ms-flex-basis: 50%;
flex-basis: 50%;
max-width: calc((100% / 2) - 12px);
}
#ubicaciones .roundBox h3 {
margin-bottom: 8px;
}
}
@media only screen and (max-width: 568px) {
#ubicaciones .grid {
gap: 20px;
}
#ubicaciones .roundBox {
-webkit-flex-basis: 100%;
-ms-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
}
#ubicaciones .roundBox h3 {
margin-bottom: 4px;
}
}
@media only screen and (max-width: 360px) {
#ubicaciones .roundBox {
gap: 8px;
}
}
/* BLOG ========================================================================== */
#blog {
overflow: hidden;
}
#blog .content-center {
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 48px;
}
#blog .grid {
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
gap: 24px;
}
#blog .grid .articleBox {
height: auto;
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
-webkit-flex-shrink: 1;
-ms-flex-shrink: 1;
flex-shrink: 1;
-webkit-flex-basis: 33.33%;
-ms-flex-basis: 33.33%;
flex-basis: 33.33%;
max-width: calc((100% / 3) - 16px);
}
@media only screen and (max-width: 900px) {
#blog .grid .articleBox {
-webkit-flex-basis: 50%;
-ms-flex-basis: 50%;
flex-basis: 50%;
max-width: calc((100% / 2) - 12px);
}
}
@media only screen and (max-width: 800px) {
#blog .content-center {
gap: 36px;
}
}
@media only screen and (max-width: 568px) {
#blog .content-center {
gap: 24px;
}
#blog .grid .articleBox {
-webkit-flex-basis: 100%;
-ms-flex-basis: 100%;
flex-basis: 100%;
max-width: 380px;
}
}
.pagination_wp {
width: 100%;
float: left;
margin-top: 24px;
}
.pagination_wp .wp-pagenavi {
display: table;
margin: 0 auto;
text-align: center;
}
.pagination_wp .wp-pagenavi a,
.pagination_wp .wp-pagenavi span {
display: inline-block;
color: #0f0f0f;
border: 0;
line-height: 24px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
width: 32px;
height: 32px;
text-align: center;
margin: 4px;
vertical-align: middle;
border: solid 1px transparent;
background-color: transparent;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pagination_wp .wp-pagenavi a:hover,
.pagination_wp .wp-pagenavi span:hover {
border-color: #0f0f0f;
}
.pagination_wp .wp-pagenavi a.current,
.pagination_wp .wp-pagenavi span.current {
border-color: #f26500;
background-color: #f26500;
color: #fff;
}
.pagination_wp .wp-pagenavi a.nextpostslink,
.pagination_wp .wp-pagenavi a.previouspostslink,
.pagination_wp .wp-pagenavi a.last,
.pagination_wp .wp-pagenavi a.first {
font-family: 'Material Symbols Outlined';
color: #0f0f0f;
border-color: #0f0f0f;
}
.pagination_wp .wp-pagenavi span.material-symbols-outlined {
margin: 0;
border: 0;
padding: 0;
text-align: center;
line-height: 24px;
}
@media only screen and (max-width: 568px) {
.pagination_wp .wp-pagenavi a,
.pagination_wp .wp-pagenavi span {
margin: 2px;
}
.pagination_wp .wp-pagenavi a.nextpostslink,
.pagination_wp .wp-pagenavi a.previouspostslink {
display: none;
}
}
@media only screen and (max-width: 360px) {
.pagination_wp .wp-pagenavi a.last,
.pagination_wp .wp-pagenavi a.first {
display: none;
}
}
#posts .grid {
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
gap: 24px;
}
#posts .grid .articleBox {
height: auto;
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
-webkit-flex-shrink: 1;
-ms-flex-shrink: 1;
flex-shrink: 1;
-webkit-flex-basis: 50%;
-ms-flex-basis: 50%;
flex-basis: 50%;
max-width: calc((100% / 2) - 12px);
}
@media only screen and (max-width: 568px) {
#posts .grid .articleBox {
-webkit-flex-basis: 100%;
-ms-flex-basis: 100%;
flex-basis: 100%;
max-width: 380px;
}
}
.blogContent.self_trigger {
opacity: 0;
-webkit-transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}
.blogContent.vis {
opacity: 1;
}
.blogContent >*:first-child {
margin-top: 0;
}
.blogContent >* {
margin-bottom: 20px;
}
@media only screen and (max-width: 568px) {
.blogContent >* {
margin-bottom: 15px;
}
}
.blogContent >*:last-child {
margin-bottom: 0 !important;
}
.blogContent h1,
.blogContent h2,
.blogContent h3,
.blogContent h4,
.blogContent h5,
.blogContent h6 {
margin-top: 30px;
}
@media only screen and (max-width: 568px) {
.blogContent h1,
.blogContent h2,
.blogContent h3,
.blogContent h4,
.blogContent h5,
.blogContent h6 {
margin-top: 25px;
}
}
.blogContent a {
font-size: inherit;
font-weight: inherit;
color: inherit;
text-decoration: underline;
text-decoration-color: #f26500;
}
.blogContent p {
line-height: 165%;
}
.blogContent img,
.blogContent .wp-block-image {
display: block;
margin: 0 auto 40px auto;
max-height: 75vh;
max-width: 80%;
height: auto;
width: auto;
}
@media only screen and (max-width: 568px) {
.blogContent img,
.blogContent .wp-block-image {
margin: 0 auto 30px auto;
max-width: 100%;
}
}
#formsubmit {
background-color: #f26500 !important;
color: #fff !important;
outline: 0 !important;
border: 0 !important;
width: 100% !important;
max-width: none !important;
}
.zcwf_button[type="reset"] {
display: none;
}
.zoho_with_intro {
max-width: 800px;
margin: 0 auto;
}
.form_container .file_combo,
.wpd-form-wrapper .file_combo {
position: relative;
cursor: pointer;
border: 1px dashed #f26500;
padding: 15px;
float: left;
width: 100%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 160px;
}
.form_container .file_combo .file_combo_btn,
.wpd-form-wrapper .file_combo .file_combo_btn {
background-color: #161616;
padding: 11.5px 20px;
width: 200px;
text-align: center;
float: left;
margin-top: 10px;
}
@media only screen and (max-width: 568px) {
.form_container .file_combo .file_combo_btn,
.wpd-form-wrapper .file_combo .file_combo_btn {
width: 170px;
min-width: 0;
padding: 11.5px 15px;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
-o-border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
-o-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
}
}
.form_container .file_combo .file_combo_visible,
.wpd-form-wrapper .file_combo .file_combo_visible {
width: 100%;
float: left;
position: relative;
overflow: hidden;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (max-width: 568px) {
.form_container .file_combo .file_combo_visible,
.wpd-form-wrapper .file_combo .file_combo_visible {
width: calc(100% - 170px);
margin-right: 0;
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
-o-border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
-o-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
}
}
.form_container .file_combo .file_combo_visible span,
.wpd-form-wrapper .file_combo .file_combo_visible span {
text-align: left;
color: #0f0f0f;
width: 100%;
display: inline-block;
text-align: center;
line-height: 39px;
}
.form_container .file_combo .file_combo_visible span strong,
.wpd-form-wrapper .file_combo .file_combo_visible span strong {
color: #f26500;
text-decoration: underline;
font-weight: 400;
}
.form_container .file_combo .file_combo_visible span.progress,
.wpd-form-wrapper .file_combo .file_combo_visible span.progress {
height: 0;
background-color: #f26500;
margin: 10px 0;
top: 0;
left: 0;
color: #fff;
width: 0;
overflow: hidden;
padding: 0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
fonr-size: 14px;
line-height: 30px;
}
.form_container .file_combo .file_combo_visible span.error_empty {
display: none;
font-size: 14px;
color: #f00;
}
.form_container .file_combo .file_combo_visible.error-form span.error_empty {
display: block;
}
.form_container .file_combo .file_combo_visible span.progress.uploading,
.wpd-form-wrapper .file_combo .file_combo_visible span.progress.uploading {
width: 95%;
height: 30px;
-webkit-transition: width ease 10s;
-moz-transition: width ease 10s;
-o-transition: width ease 10s;
-webkit-transition: width ease 10s;
-moz-transition: width ease 10s;
-o-transition: width ease 10s;
transition: width ease 10s;
padding-left: 10px;
}
.form_container .file_combo .file_combo_visible span.progress.enviado,
.wpd-form-wrapper .file_combo .file_combo_visible span.progress.enviado {
width: 100%;
height: 30px;
padding-left: 10px;
-webkit-transition: width 0.3s ease;
-moz-transition: width 0.3s ease;
-o-transition: width 0.3s ease;
-webkit-transition: width 0.3s ease;
-moz-transition: width 0.3s ease;
-o-transition: width 0.3s ease;
transition: width 0.3s ease;
}
.form_container .file_combo .file_combo_area,
.wpd-form-wrapper .file_combo .file_combo_area {
width: 100%;
height: 170px;
margin-top: 10px;
position: absolute;
z-index: 1;
top: 0;
left: 0;
opacity: 0;
}
.icon_adjuntar {
text-align: center;
}
.form_container .file_combo:hover .file_combo_btn,
.wpd-form-wrapper .file_combo:hover .file_combo_btn {
background-color: #f26500;
cursor: pointer;
}
.input-file {
display: block;
width: 100%;
color: transparent;
position: relative;
}
.input-file::-webkit-file-upload-button {
visibility: hidden;
}
.input-file::after {
content: "";
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.0003 26.25C30.0003 29.1389 28.9864 31.5973 26.9587 33.625C24.9309 35.6528 22.4725 36.6667 19.5837 36.6667C16.6948 36.6667 14.2364 35.6528 12.2087 33.625C10.1809 31.5973 9.16699 29.1389 9.16699 26.25V10.8334C9.16699 8.75004 9.89616 6.97921 11.3545 5.52087C12.8128 4.06254 14.5837 3.33337 16.667 3.33337C18.7503 3.33337 20.5212 4.06254 21.9795 5.52087C23.4378 6.97921 24.167 8.75004 24.167 10.8334V25.4167C24.167 26.6945 23.7225 27.7778 22.8337 28.6667C21.9448 29.5556 20.8614 30 19.5837 30C18.3059 30 17.2225 29.5556 16.3337 28.6667C15.4448 27.7778 15.0003 26.6945 15.0003 25.4167V11.6667C15.0003 11.1945 15.16 10.7987 15.4795 10.4792C15.7989 10.1598 16.1948 10 16.667 10C17.1392 10 17.535 10.1598 17.8545 10.4792C18.1739 10.7987 18.3337 11.1945 18.3337 11.6667V25.4167C18.3337 25.7778 18.4517 26.0764 18.6878 26.3125C18.9239 26.5487 19.2225 26.6667 19.5837 26.6667C19.9448 26.6667 20.2434 26.5487 20.4795 26.3125C20.7156 26.0764 20.8337 25.7778 20.8337 25.4167V10.8334C20.8059 9.66671 20.3962 8.6806 19.6045 7.87504C18.8128 7.06949 17.8337 6.66671 16.667 6.66671C15.5003 6.66671 14.5142 7.06949 13.7087 7.87504C12.9031 8.6806 12.5003 9.66671 12.5003 10.8334V26.25C12.4725 28.2223 13.1531 29.8959 14.542 31.2709C15.9309 32.6459 17.6114 33.3334 19.5837 33.3334C21.5281 33.3334 23.1809 32.6459 24.542 31.2709C25.9031 29.8959 26.6114 28.2223 26.667 26.25V11.6667C26.667 11.1945 26.8267 10.7987 27.1462 10.4792C27.4656 10.1598 27.8614 10 28.3337 10C28.8059 10 29.2017 10.1598 29.5212 10.4792C29.8406 10.7987 30.0003 11.1945 30.0003 11.6667V26.25Z' fill='%23F1BE07'/%3E%3C/svg%3E ");
height: 40px;
width: 40px;
top: 25px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.input-file::before {
content: "Arrastra los archivos aquí o da clic para seleccionar";
color: #0f0f0f;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
background: transparent;
border: 1px dashed #f26500;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
padding: 25px;
padding-top: 75px;
outline: none;
white-space: nowrap;
-webkit-user-select: none;
cursor: pointer;
font-family: "Figtree";
font-size: 16px;
line-height: 22px;
letter-spacing: 0.025px;
font-style: normal;
font-weight: 400;
}