@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400i|Work Sans:400,700');
.pov-z-popin {
z-index: 100001000;
}
.pov-z-popin-disabler {
z-index: 100000900;
}
.pov-z-admin-message {
z-index: 20000000;
}
.pov-z-admin-canvas-loading {
z-index: 2000001;
}
.pov-z-nav-fixed {
z-index: 100000;
}
.pov-z-content-over {
z-index: 10000;
}
.no-animation {
-webkit-animation: none;
-moz-animation: none;
animation: none;
}
@keyframes blink {
0% {
opacity: 0;
filter: alpha(opacity=0);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
}
}
@-webkit-keyframes blink {
0% {
opacity: 0;
filter: alpha(opacity=0);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
}
}
[FORMAT_STRING_MULTI_LINE] {
white-space: pre-line;
}
body.pov-human-admin [FORMAT_STRING_MULTI_LINE] > * {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
color: inherit;
}
img[src='/res/im/1pxTransparent.gif'] {
display: none;
}
.icomoon-14 {
font-size: 14px;
}
.icomoon-16 {
font-size: 16px;
}
.icomoon-24 {
font-size: 24px;
}
.icomoon-28 {
font-size: 28px;
}
.icomoon-32 {
font-size: 32px;
}
.icomoon-36 {
font-size: 32px;
}
.icomoon-48 {
font-size: 48px;
}
.icomoon-64 {
font-size: 64px;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-left {
text-align: left;
}
.text-justify {
text-align: justify;
}
@media (max-width: 768px) {
.text-center-xs {
text-align: center;
}
.text-right-xs {
text-align: right;
}
.text-left-xs {
text-align: left;
}
.text-justify-xs {
text-align: justify;
}
}
@media (min-width: 768px) {
.text-center-sm {
text-align: center;
}
.text-right-sm {
text-align: right;
}
.text-left-sm {
text-align: left;
}
.text-justify-sm {
text-align: justify;
}
}
@media (min-width: 992px) {
.text-center-md {
text-align: center;
}
.text-right-md {
text-align: right;
}
.text-left-md {
text-align: left;
}
.text-justify-md {
text-align: justify;
}
}
@media (min-width: 1200px) {
.text-center-lg {
text-align: center;
}
.text-right-lg {
text-align: right;
}
.text-left-lg {
text-align: left;
}
.text-justify-lg {
text-align: justify;
}
}
.divide-text-horizontal > *:after {
content: " | ";
opacity: 0.5;
filter: alpha(opacity=50);
}
.divide-text-horizontal > *:last-child:after {
content: "";
}
/*
Button name
*/
.switch {
/*
@w:100px;
@h:40px;
@radius:18px;
@padding:3px;
*/
position: relative;
display: inline-block;
vertical-align: top;
width: 60px;
height: 20px;
background-color: white;
border-radius: 20px;
box-shadow: inset 0 -1px #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.05);
cursor: pointer;
background-image: -webkit-linear-gradient(top, #eeeeee, #ffffff 25px);
background-image: -moz-linear-gradient(top, #eeeeee, #ffffff 25px);
background-image: -o-linear-gradient(top, #eeeeee, #ffffff 25px);
background-image: linear-gradient(to bottom, #eeeeee, #ffffff 25px);
}
.switch .switch-input {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.switch .switch-input:checked ~ .switch-label {
background: #31d82b;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch .switch-input:checked ~ .switch-label:before {
opacity: 0;
}
.switch .switch-input:checked ~ .switch-label:after {
opacity: 1;
}
.switch .switch-input:checked ~ .switch-handle {
left: 41px;
box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch .switch-label {
position: relative;
display: block;
height: inherit;
font-size: 10px;
text-transform: uppercase;
background: #eceeef;
border-radius: inherit;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
-webkit-transition: opacity background 0.15s ease-out;
-moz-transition: opacity background 0.15s ease-out;
-ms-transition: opacity background 0.15s ease-out;
-o-transition: opacity background 0.15s ease-out;
transition: opacity background 0.15s ease-out;
}
.switch .switch-label:before,
.switch .switch-label:after {
position: absolute;
top: 50%;
margin-top: -0.5em;
line-height: 1;
-webkit-transition: inherit;
-moz-transition: inherit;
-ms-transition: inherit;
-o-transition: inherit;
transition: inherit;
}
.switch .switch-label:before {
content: attr(data-off);
right: 11px;
color: #aaa;
text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch .switch-label:after {
content: attr(data-on);
left: 11px;
color: white;
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
opacity: 0;
}
.switch .switch-handle {
position: absolute;
top: 1px;
left: 2px;
width: 18px;
height: 18px;
background: white;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
background-image: -webkit-linear-gradient(top, #ffffff 40%, #f0f0f0);
background-image: -moz-linear-gradient(top, #ffffff 40%, #f0f0f0);
background-image: -o-linear-gradient(top, #ffffff 40%, #f0f0f0);
background-image: linear-gradient(to bottom, #ffffff 40%, #f0f0f0);
-webkit-transition: left 0.15s ease-out;
-moz-transition: left 0.15s ease-out;
-ms-transition: left 0.15s ease-out;
-o-transition: left 0.15s ease-out;
transition: left 0.15s ease-out;
}
.switch .switch-handle:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
margin: -6px 0 0 -6px;
width: 12px;
height: 12px;
background: #f9f9f9;
border-radius: 6px;
-webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
-moz-box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
background-image: -webkit-linear-gradient(top, #eeeeee, #ffffff);
background-image: -moz-linear-gradient(top, #eeeeee, #ffffff);
background-image: -o-linear-gradient(top, #eeeeee, #ffffff);
background-image: linear-gradient(to bottom, #eeeeee, #ffffff);
}
.switch.switch-80 {
width: 80px;
}
.switch.switch-80 .switch-input:checked ~ .switch-handle {
left: 61px;
}
.switch.switch-90 {
width: 90px;
}
.switch.switch-90 .switch-input:checked ~ .switch-handle {
left: 71px;
}
.btn-facebook {
background-color: #3b5998 !important;
color: #fff !important;
}
.btn-facebook:hover {
background-color: #1e2e4f !important;
color: #fff !important;
}
.btn-twitter {
background-color: #33ccff !important;
color: #fff !important;
}
.btn-twitter:hover {
background-color: #0099cc !important;
color: #fff !important;
}
.btn-google {
background-color: #dd4b39 !important;
color: #fff !important;
}
.btn-google:hover {
background-color: #96271a !important;
color: #fff !important;
}
.btn-linkedin {
background-color: #4875b4 !important;
color: #fff !important;
}
.btn-linkedin:hover {
background-color: #2b466b !important;
color: #fff !important;
}
.btn-pinterest {
background-color: #910101 !important;
color: #fff !important;
}
.btn-pinterest:hover {
background-color: #2c0000 !important;
color: #fff !important;
}
.btn-instagram {
background-color: #517fa4 !important;
color: #fff !important;
}
.btn-instagram:hover {
background-color: #2f4a60 !important;
color: #fff !important;
}
.btn-youtube {
background-color: #e52d27 !important;
color: #fff !important;
}
.btn-youtube:hover {
background-color: #941612 !important;
color: #fff !important;
}
.btn-soundcloud {
background-color: #fe3801 !important;
color: #fff !important;
}
.btn-soundcloud:hover {
background-color: #982201 !important;
color: #fff !important;
}
.btn-vimeo {
background-color: #51b5e7 !important;
color: #fff !important;
}
.btn-vimeo:hover {
background-color: #1984b9 !important;
color: #fff !important;
}
.txt-facebook {
color: #3b5998 !important;
}
a.txt-facebook:hover {
color: #1e2e4f !important;
}
.txt-twitter {
color: #33ccff !important;
}
a.txt-twitter:hover {
color: #0099cc !important;
}
.txt-google {
color: #dd4b39 !important;
}
a.txt-google:hover {
color: #96271a !important;
}
.txt-linkedin {
color: #4875b4 !important;
}
a.txt-linkedin:hover {
color: #2b466b !important;
}
.txt-pinterest {
color: #910101 !important;
}
a.txt-pinterest:hover {
color: #2c0000 !important;
}
.txt-instagram {
color: #517fa4 !important;
}
a.txt-instagram:hover {
color: #2f4a60 !important;
}
.txt-youtube {
color: #e52d27 !important;
}
a.txt-youtube:hover {
color: #941612 !important;
}
.txt-soundcloud {
color: #fe3801 !important;
}
a.txt-soundcloud:hover {
color: #982201 !important;
}
.txt-vimeo {
color: #51b5e7 !important;
}
a.txt-vimeo:hover {
color: #1984b9 !important;
}
a.txt-hover-facebook:hover {
color: #3b5998 !important;
}
a.txt-hover-twitter:hover {
color: #33ccff !important;
}
a.txt-hover-google:hover {
color: #dd4b39 !important;
}
a.txt-hover-linkedin:hover {
color: #4875b4 !important;
}
a.txt-hover-pinterest:hover {
color: #910101 !important;
}
a.txt-hover-instagram:hover {
color: #517fa4 !important;
}
a.txt-hover-youtube:hover {
color: #e52d27 !important;
}
a.txt-hover-soundcloud:hover {
color: #fe3801 !important;
}
a.txt-hover-vimeo:hover {
color: #51b5e7 !important;
}
a.bg-hover-facebook:hover {
background-color: #3b5998 !important;
}
a.bg-hover-twitter:hover {
background-color: #33ccff !important;
}
a.bg-hover-google:hover {
background-color: #dd4b39 !important;
}
a.bg-hover-linkedin:hover {
background-color: #4875b4 !important;
}
a.bg-hover-pinterest:hover {
background-color: #910101 !important;
}
a.bg-hover-instagram:hover {
background-color: #517fa4 !important;
}
a.bg-hover-youtube:hover {
background-color: #e52d27 !important;
}
a.bg-hover-soundcloud:hover {
background-color: #fe3801 !important;
}
a.bg-hover-vimeo:hover {
background-color: #51b5e7 !important;
}
.bg-facebook {
background-color: #3b5998 !important;
color: #fff !important;
}
.bg-twitter {
background-color: #33ccff !important;
color: #fff !important;
}
.bg-google {
background-color: #dd4b39 !important;
color: #fff !important;
}
.bg-linkedin {
background-color: #4875b4 !important;
color: #fff !important;
}
.bg-pinterest {
background-color: #910101 !important;
color: #fff !important;
}
.bg-instagram {
background-color: #517fa4 !important;
color: #fff !important;
}
.bg-youtube {
background-color: #e52d27 !important;
color: #fff !important;
}
.bg-soundcloud {
background-color: #fe3801 !important;
color: #fff !important;
}
.bg-vimeo {
background-color: #51b5e7 !important;
color: #fff !important;
}
.select2-dropdown {
z-index: 100002000;
min-width: 250px;
}
.select2-container .select2-selection--single {
height: auto;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 1.5;
}
.select2-option {
display: block;
}
.select2-option.thumb-text .a,
.select2-option.thumb-text .b {
display: block;
float: left;
}
.select2-option.thumb-text .a {
margin-right: 10px;
}
.select2-option.thumb-text .b > span,
.select2-option.thumb-text .b > i,
.select2-option.thumb-text .b > b {
display: block;
}
.select2-option.thumb-text:before,
.select2-option.thumb-text:after {
content: " ";
display: table;
}
.select2-option.thumb-text:after {
clear: both;
}
.select2-option.thumb-text:before,
.select2-option.thumb-text:after {
content: " ";
display: table;
}
.select2-option.thumb-text:after {
clear: both;
}
.select2-selection__rendered .select2-option {
margin-top: 5px;
margin-bottom: 5px;
}
.pov-dropped,
.pov-dragged {
-webkit-animation: blink 0.5s linear infinite;
-moz-animation: blink 0.5s linear infinite;
animation: blink 0.5s linear infinite;
}
.embed-responsive-4by1 {
padding-bottom: 25%;
}
.embed-responsive-3by1 {
padding-bottom: 33.33333333%;
}
.embed-responsive-1440by600 {
padding-bottom: 41.66666667%;
}
.embed-responsive-cinemascope {
padding-bottom: 42.55319149%;
}
.embed-responsive-widescreen {
padding-bottom: 54.05405405%;
}
.embed-responsive-2by1 {
padding-bottom: 50%;
}
.embed-responsive-1by1 {
padding-bottom: 100%;
}
.embed-responsive-height-166,
.embed-responsive-soundcloud-track {
height: 166px;
}
.embed-responsive-height-220 {
height: 220px;
}
.embed-responsive-height-140 {
height: 140px;
}
.blink {
-webkit-animation: blink 0.5s linear infinite;
-moz-animation: blink 0.5s linear infinite;
animation: blink 0.5s linear infinite;
}
[data-pov-get-template] {
display: none;
}
.pov-flag .pov-flag-down-block {
display: block;
}
.pov-flag .pov-flag-down-inline {
display: inline;
}
.pov-flag .pov-flag-down-inline-block {
display: inline-block;
}
.pov-flag .pov-flag-down-none {
display: none;
}
.pov-flag.pov-flag-up .pov-flag-up-block {
display: block;
}
.pov-flag.pov-flag-up .pov-flag-up-inline {
display: inline;
}
.pov-flag.pov-flag-up .pov-flag-up-inline-block {
display: inline-block;
}
.pov-flag.pov-flag-up .pov-flag-up-none {
display: none;
}
.zero-height-container {
display: block;
height: 0px;
position: absolute;
width: 100%;
z-index: 10000;
}
.flex-right {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
}
.w-100pc {
width: 100%;
}
.table.table-no-border > thead > tr > th,
.table.table-no-border > tbody > tr > th,
.table.table-no-border > tfoot > tr > th,
.table.table-no-border > thead > tr > td,
.table.table-no-border > tbody > tr > td,
.table.table-no-border > tfoot > tr > td {
border-top: 0px solid transparent;
}
.hover-or-not .hover-visible {
display: none;
}
.hover-or-not:hover .hover-visible {
display: block;
}
.hover-or-not:hover .hover-hidden {
display: none;
}
.admin-show .hover-visible {
display: none;
}
.admin-show:hover .hover-visible {
display: none !important;
}
.admin-show:hover .hover-hidden {
display: block !important;
}
[data-nav-ajax-link] {
cursor: pointer;
}
a {
outline: none;
}
a:active,
a:focus {
outline: none;
text-decoration: none;
color: inherit;
}
.img-responsive {
transform: rotate(0.0001deg);
}
.transi {
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.transi.transi-02s {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.ov-h {
overflow: hidden;
}
.ov-xh {
overflow-x: hidden;
}
.ov-yh {
overflow-y: hidden;
}
.ov-v {
overflow: visible;
}
.text-italic {
font-style: italic !important;
}
.text-underline {
text-decoration: underline !important;
}
.text-bold {
font-weight: bold !important;
}
.visible-if-alone {
display: none;
}
.visible-if-alone:first-child:last-child {
display: block;
}
[data-display='none'] {
display: none;
}
[data-bg-src] {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.hover-toggler .hover-toggler-hide {
display: none;
}
.hover-toggler .hover-toggler-invisible {
visibility: hidden;
}
.hover-toggler .hover-toggler-visible {
visibility: visible;
}
.hover-toggler:hover .hover-toggler-invisible,
.hover-toggler.active .hover-toggler-invisible {
visibility: visible;
}
.hover-toggler:hover .hover-toggler-visible,
.hover-toggler.active .hover-toggler-visible {
visibility: hidden;
}
.hover-toggler:hover .hover-toggler-show,
.hover-toggler.active .hover-toggler-show {
display: none;
}
.hover-toggler:hover .hover-toggler-hide,
.hover-toggler.active .hover-toggler-hide {
display: block;
}
.hover-toggler:hover .hover-toggler-hide.hover-inline,
.hover-toggler.active .hover-toggler-hide.hover-inline {
display: inline;
}
.hover-toggler:hover .hover-toggler-hide.hover-inline-block,
.hover-toggler.active .hover-toggler-hide.hover-inline-block {
display: inline-block;
}
.file-uploader-wrapper {
display: inline-block;
overflow: hidden;
position: relative;
cursor: pointer;
}
.file-uploader-wrapper input[type='file'] {
opacity: 0;
position: absolute;
cursor: pointer;
width: 100%;
height: 100%;
z-index: 1;
top: 0px;
left: 0px;
}
.d-inline-block {
display: inline-block !important;
}
.d-inline {
display: inline !important;
}
.d-block {
display: block !important;
}
.hidden {
display: none !important;
}
.no-decoration {
text-decoration: none !important;
}
.cursor-pointer {
cursor: pointer;
}
.not-selectable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default;
}
.text-selectable {
-webkit-touch-callout: text;
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
/*
[data-stage-div-screen]{
.visible-xs, .visible-sm, .visible-md, .visible-lg {
display: none!important;
}
}
[data-stage-div-screen="xs"]{
.visible-xs {
display: block!important;
}
}
[data-stage-div-screen="sm"]{
.visible-sm {
display: block!important;
}
}
[data-stage-div-screen="md"]{
.visible-md {
display: block!important;
}
}
[data-stage-div-screen="lg"]{
.visible-lg {
display: block!important;
}
}
*/
/* Extra small devices (phones, up to 480px) */
/* No media query since this is the default in Bootstrap */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
.h-100pct {
height: 100%;
}
.col-no-m {
margin-left: -15px;
margin-right: -15px;
}
.col-no-m-r {
margin-right: -15px;
}
.col-no-m-l {
margin-left: -15px;
}
.col-no-p-r {
padding-right: 0px;
}
.col-no-p-l {
padding-left: 0px;
}
.gut-no-p-x {
padding-left: 0px !important;
padding-right: 0px !important;
}
.gut-outer-x-demi {
margin-left: -15px;
padding-left: 15px;
margin-right: -15px;
padding-right: 15px;
}
.gut-outer-x-1 {
margin-left: -30px;
padding-left: 30px;
margin-right: -30px;
padding-right: 30px;
}
.gut-outer-y-demi {
margin-top: -15px;
padding-top: 15px;
margin-bottom: -15px;
padding-bottom: 15px;
}
.gut-outer-y-1 {
margin-top: -30px;
padding-top: 30px;
margin-bottom: -30px;
padding-bottom: 30px;
}
.gut-outer-demi {
margin-left: -15px;
padding-left: 15px;
margin-right: -15px;
padding-right: 15px;
margin-top: -15px;
padding-top: 15px;
margin-bottom: -15px;
padding-bottom: 15px;
}
.gut-outer-1 {
margin-left: -30px;
padding-left: 30px;
margin-right: -30px;
padding-right: 30px;
margin-top: -30px;
padding-top: 30px;
margin-bottom: -30px;
padding-bottom: 30px;
}
.gut-p-l-demi {
padding-left: 15px;
}
.gut-p-r-demi {
padding-right: 15px;
}
.gut-p-t-demi {
padding-top: 15px;
}
.gut-p-b-demi {
padding-bottom: 15px;
}
.gut-p-y-demi {
padding-top: 15px;
padding-bottom: 15px;
}
.gut-p-x-demi {
padding-left: 15px;
padding-right: 15px;
}
.gut-p-xy-demi {
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 15px;
}
.gut-m-l-demi {
margin-left: 15px;
}
.gut-m-r-demi {
margin-right: 15px;
}
.gut-m-t-demi {
margin-top: 15px;
}
.gut-m-b-demi {
margin-bottom: 15px;
}
.gut-m-y-0 {
margin-top: 0;
margin-bottom: 0;
}
.gut-m-y-demi {
margin-top: 15px;
margin-bottom: 15px;
}
.gut-m-x-demi {
margin-left: 15px;
margin-right: 15px;
}
.gut-m-xy-demi {
margin-left: 15px;
margin-right: 15px;
margin-top: 15px;
margin-bottom: 15px;
}
.gut-p-x-0 {
padding-left: 0px;
padding-right: 0px;
}
.gut-p-l-1 {
padding-left: 30px;
}
.gut-p-r-1 {
padding-right: 30px;
}
.gut-p-t-1 {
padding-top: 30px;
}
.gut-p-t-2 {
padding-top: 60px;
}
.gut-p-t-3 {
padding-top: 90px;
}
.gut-p-b-2 {
padding-bottom: 60px;
}
.gut-p-b-3 {
padding-bottom: 90px;
}
.gut-p-b-1 {
padding-bottom: 30px;
}
@media (max-width: 768px) {
.gut-p-b-1.gut-p-b-1-hidden-xs {
padding-bottom: 0px;
}
}
.gut-p-y-1 {
padding-top: 30px;
padding-bottom: 30px;
}
@media (max-width: 768px) {
.gut-p-y-1.gut-p-y-1-hidden-xs {
padding-top: 0px;
padding-bottom: 0px;
}
}
.gut-p-y-2 {
padding-top: 60px;
padding-bottom: 60px;
}
.gut-p-y-3 {
padding-top: 90px;
padding-bottom: 90px;
}
.gut-m-y-1 {
margin-top: 30px;
margin-bottom: 30px;
}
.gut-m-y-2 {
margin-top: 60px;
margin-bottom: 60px;
}
.gut-m-y-3 {
margin-top: 90px;
margin-bottom: 90px;
}
.gut-m-y-4 {
margin-top: 120px;
margin-bottom: 120px;
}
.gut-p-x-1 {
padding-left: 30px;
padding-right: 30px;
}
.gut-p-x-2 {
padding-left: 60px;
padding-right: 60px;
}
.gut-p-xy-1 {
padding-left: 30px;
padding-right: 30px;
padding-top: 30px;
padding-bottom: 30px;
}
.gut-m-l-1 {
margin-left: 30px;
}
.gut-m-l-2 {
margin-left: 60px;
}
.gut-m-l-3 {
margin-left: 90px;
}
.gut-m-l-4 {
margin-left: 120px;
}
.gut-m-l-5 {
margin-left: 150px;
}
.gut-m-l-6 {
margin-left: 180px;
}
.gut-m-r-1 {
margin-right: 30px;
}
.gut-m-r-2 {
margin-right: 60px;
}
.gut-m-r-3 {
margin-right: 90px;
}
.gut-m-r-4 {
margin-right: 120px;
}
.gut-m-r-5 {
margin-right: 150px;
}
.gut-m-r-6 {
margin-right: 180px;
}
.gut-m-t-1 {
margin-top: 30px;
}
.gut-m-t-2 {
margin-top: 60px;
}
.gut-m-t-3 {
margin-top: 90px;
}
.gut-m-t-4 {
margin-top: 120px;
}
.gut-m-t-5 {
margin-top: 150px;
}
.gut-m-t-6 {
margin-top: 180px;
}
.gut-m-t-7 {
margin-top: 210px;
}
.gut-m-t-8 {
margin-top: 240px;
}
.gut-m-b-2 {
margin-bottom: 60px;
}
.gut-m-b-1 {
margin-bottom: 30px;
}
.gut-m-b-3 {
margin-bottom: 90px;
}
.gut-m-b-4 {
margin-bottom: 120px;
}
.gut-m-b-5 {
margin-bottom: 150px;
}
.gut-m-b-6 {
margin-bottom: 150px;
}
gut-m-t-2.gut-m-y-1 {
margin-top: 30px;
margin-bottom: 30px;
}
.gut-m-x-1 {
margin-left: 30px;
margin-right: 30px;
}
.gut-m-x-2 {
margin-left: 60px;
margin-right: 60px;
}
.gut-m-xy-1 {
margin-left: 30px;
margin-right: 30px;
margin-top: 30px;
margin-bottom: 30px;
}
.d-table {
display: table;
}
.d-cell-vertical-middle {
display: table-cell;
vertical-align: middle;
}
.text-right-xs {
text-align: right;
}
@media (min-width: 768px) {
.text-right-xs {
text-align: inherit;
}
}
.line-through {
text-decoration: line-through;
}
.centered {
text-align: center;
font-size: 0;
}
.centered > div {
float: none;
display: inline-block;
text-align: left;
font-size: 13px;
}
.margin-auto {
margin: auto;
}
.page [data-is-open-btn-target] .word-is-close {
display: inline;
}
.page [data-is-open-btn-target] .word-is-open {
display: none;
}
.page [data-is-open-btn-target].is-open-btn-open .word-is-close {
display: none;
}
.page [data-is-open-btn-target].is-open-btn-open .word-is-open {
display: inline;
}
.page [data-is-open] {
display: none;
}
.page [data-is-open].is-open {
display: block;
}
.page [data-is-open] .baseline {
display: none;
}
html,
body {
fs: w-paragraph;
font-family: 'Work Sans', sans-serif;
line-height: 24px;
font-size: 14px;
font-weight: 400;
font-style: normal;
color: #111111;
}
@media (min-width: 768px) {
html,
body {
font-size: 16px;
line-height: 28px;
}
}
a,
a:active,
a:hover,
a:focus {
text-decoration: none;
}
p,
h1,
h2,
h3,
blockquote {
margin: 0;
padding: 0;
}
blockquote {
fs: w-h2;
font-family: 'Crimson Text', serif;
font-weight: 200;
font-size: 30px;
line-height: normal;
letter-spacing: -2px;
font-style: italic;
border: none;
}
@media (min-width: 768px) {
blockquote {
font-size: 46px;
}
}
blockquote:before {
content: "";
display: inline-block;
border-top: 20px solid #222222;
vertical-align: middle;
width: 15px;
margin-right: 10px;
}
@media (min-width: 768px) {
blockquote:before {
width: 70px;
margin-right: 30px;
}
}
.w-h1 {
fs: w-h1;
font-family: 'Work Sans', sans-serif;
font-size: 30px;
line-height: 1.3;
font-weight: 800;
text-transform: uppercase;
}
@media (min-width: 768px) {
.w-h1 {
font-size: 46px;
}
}
.w-h2 {
fs: w-h2;
font-family: 'Crimson Text', serif;
font-weight: 200;
font-size: 30px;
line-height: normal;
letter-spacing: -2px;
font-style: italic;
}
@media (min-width: 768px) {
.w-h2 {
font-size: 46px;
}
}
.w-h3 {
fs: w-h3;
font-family: 'Crimson Text', serif;
font-size: 18px;
line-height: 1.1;
letter-spacing: -1px;
font-style: italic;
}
@media (min-width: 768px) {
.w-h3 {
font-size: 24px;
}
}
.w-date {
fs: w-date;
font-family: 'Work Sans', sans-serif;
font-weight: 900;
font-size: 18px;
font-weight: 800;
line-height: 1.5;
}
@media (min-width: 768px) {
.w-date {
font-size: 24px;
}
}
.w-introduction {
fs: w-introduction;
font-family: 'Work Sans', sans-serif;
font-weight: 900;
font-size: 14px;
line-height: normal;
line-height: 1;
}
@media (min-width: 768px) {
.w-introduction {
font-size: 18px;
}
}
.w-paragraph {
fs: w-paragraph;
font-family: 'Work Sans', sans-serif;
line-height: 24px;
font-size: 14px;
font-weight: 400;
font-style: normal;
}
@media (min-width: 768px) {
.w-paragraph {
font-size: 16px;
line-height: 28px;
}
}
.w-paragraph-small {
fs: w-paragraph-small;
font-family: 'Work Sans', sans-serif;
line-height: 1.5;
font-size: 12px;
}
@media (min-width: 768px) {
.w-paragraph-small {
font-size: 14px;
}
}
.w-indication {
fs: w-indication;
font-family: 'Work Sans', sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 20px;
}
@media (min-width: 768px) {
.w-indication {
font-size: 16px;
line-height: 24px;
}
}
.w-indication2 {
fs: w-indication;
font-family: 'Work Sans', sans-serif;
line-height: 12px;
font-size: 12px;
}
@media (min-width: 768px) {
.w-indication2 {
font-size: 12px;
}
}
.w-indication3 {
fs: w-indication;
font-family: 'Work Sans', sans-serif;
line-height: 12px;
font-size: 12px;
font-weight: 400;
opacity: 0.8;
filter: alpha(opacity=80);
}
@media (min-width: 768px) {
.w-indication3 {
font-size: 12px;
}
}
.w-link {
fs: w-link;
font-family: 'Work Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
line-height: 16px;
}
.w-link-small {
fs: w-link-small;
font-family: 'Work Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 11px;
line-height: 13px;
}
.w-nav {
fs: w-nav;
font-family: 'Work Sans', sans-serif;
font-size: 14px;
}
@media (min-width: 1200px) {
.w-nav {
font-size: 18px;
}
}
@media (max-width: 768px) {
.bg-dark-sm {
color: #ffffff;
}
.bg-dark-sma,
.bg-dark-sm a {
color: #ffffff;
}
.bg-dark-sma:active,
.bg-dark-sm a:active,
.bg-dark-sma:hover,
.bg-dark-sm a:hover,
.bg-dark-sma:focus,
.bg-dark-sm a:focus {
color: #ffffff;
opacity: 0.8;
filter: alpha(opacity=80);
}
.bg-dark-sm.btn-classic,
.bg-dark-sma.btn-classic,
.bg-dark-sm .btn-classic,
.bg-dark-sm a.btn-classic,
.bg-dark-sm a .btn-classic,
.bg-dark-sm .btn-classic a,
.bg-dark-sm.btn-classic a {
border-color: #ffffff;
background-color: transparent;
color: #ffffff;
}
.bg-dark-sm.btn-classic:active,
.bg-dark-sma.btn-classic:active,
.bg-dark-sm .btn-classic:active,
.bg-dark-sm a.btn-classic:active,
.bg-dark-sm a .btn-classic:active,
.bg-dark-sm .btn-classic a:active,
.bg-dark-sm.btn-classic a:active,
.bg-dark-sm.btn-classic:hover,
.bg-dark-sma.btn-classic:hover,
.bg-dark-sm .btn-classic:hover,
.bg-dark-sm a.btn-classic:hover,
.bg-dark-sm a .btn-classic:hover,
.bg-dark-sm .btn-classic a:hover,
.bg-dark-sm.btn-classic a:hover,
.bg-dark-sm.btn-classic:focus,
.bg-dark-sma.btn-classic:focus,
.bg-dark-sm .btn-classic:focus,
.bg-dark-sm a.btn-classic:focus,
.bg-dark-sm a .btn-classic:focus,
.bg-dark-sm .btn-classic a:focus,
.bg-dark-sm.btn-classic a:focus {
border-color: transparent;
background-color: #ffffff;
color: #111111;
}
.bg-dark-sm a.btn-classic-branding {
border-color: #ffffff;
background-color: transparent;
color: #ffffff;
}
.bg-dark-sm a.btn-classic-branding:active,
.bg-dark-sm a.btn-classic-branding:hover,
.bg-dark-sm a.btn-classic-branding:focus {
border-color: transparent;
background-color: #ffffff;
color: #111111;
}
.bg-dark-sm.icon-rounded,
.bg-dark-sma.icon-rounded,
.bg-dark-sm .icon-rounded,
.bg-dark-sm a .icon-rounded,
.bg-dark-sm a.icon-rounded {
border-color: #ffffff;
color: #ffffff;
}
.bg-dark-sm.icon-rounded:active,
.bg-dark-sma.icon-rounded:active,
.bg-dark-sm .icon-rounded:active,
.bg-dark-sm a .icon-rounded:active,
.bg-dark-sm a.icon-rounded:active,
.bg-dark-sm.icon-rounded:hover,
.bg-dark-sma.icon-rounded:hover,
.bg-dark-sm .icon-rounded:hover,
.bg-dark-sm a .icon-rounded:hover,
.bg-dark-sm a.icon-rounded:hover,
.bg-dark-sm.icon-rounded:focus,
.bg-dark-sma.icon-rounded:focus,
.bg-dark-sm .icon-rounded:focus,
.bg-dark-sm a .icon-rounded:focus,
.bg-dark-sm a.icon-rounded:focus {
border-color: #111111;
background-color: #ffffff;
color: #111111;
}
.bg-dark-sm .slick-dots li button:before {
color: #ffffff;
}
.bg-dark-sm .slick-prev:before,
.bg-dark-sm .slick-next:before {
color: #111111;
}
}
@media (max-width: 768px) and (min-width: 992px) {
.bg-dark-sm .slick-prev:before,
.bg-dark-sm .slick-next:before {
color: #ffffff;
}
}
@media (max-width: 768px) {
.bg-light-sm {
color: #111111;
}
.bg-light-sma,
.bg-light-sm a {
color: #111111;
}
.bg-light-sma:active,
.bg-light-sm a:active,
.bg-light-sma:hover,
.bg-light-sm a:hover,
.bg-light-sma:focus,
.bg-light-sm a:focus {
color: #111111;
opacity: 0.8;
filter: alpha(opacity=80);
}
.bg-light-sm.btn-classic,
.bg-light-sma.btn-classic,
.bg-light-sm .btn-classic,
.bg-light-sm a.btn-classic,
.bg-light-sm a .btn-classic,
.bg-light-sm .btn-classic a,
.bg-light-sm.btn-classic a {
border-color: #111111;
background-color: transparent;
color: #111111;
}
.bg-light-sm.btn-classic:active,
.bg-light-sma.btn-classic:active,
.bg-light-sm .btn-classic:active,
.bg-light-sm a.btn-classic:active,
.bg-light-sm a .btn-classic:active,
.bg-light-sm .btn-classic a:active,
.bg-light-sm.btn-classic a:active,
.bg-light-sm.btn-classic:hover,
.bg-light-sma.btn-classic:hover,
.bg-light-sm .btn-classic:hover,
.bg-light-sm a.btn-classic:hover,
.bg-light-sm a .btn-classic:hover,
.bg-light-sm .btn-classic a:hover,
.bg-light-sm.btn-classic a:hover,
.bg-light-sm.btn-classic:focus,
.bg-light-sma.btn-classic:focus,
.bg-light-sm .btn-classic:focus,
.bg-light-sm a.btn-classic:focus,
.bg-light-sm a .btn-classic:focus,
.bg-light-sm .btn-classic a:focus,
.bg-light-sm.btn-classic a:focus {
background-color: #111111;
border-color: transparent;
color: #ffffff;
}
.bg-light-sm.icon-rounded,
.bg-light-sma.icon-rounded,
.bg-light-sm .icon-rounded,
.bg-light-sm a .icon-rounded,
.bg-light-sm a.icon-rounded {
border-color: #111111;
color: #111111;
}
.bg-light-sm.icon-rounded:hover,
.bg-light-sma.icon-rounded:hover,
.bg-light-sm .icon-rounded:hover,
.bg-light-sm a .icon-rounded:hover,
.bg-light-sm a.icon-rounded:hover {
border-color: #ffffff;
background-color: #111111;
color: #ffffff;
}
}
.bg-branding,
.bg-branding-dark,
.bg-branding-medium,
.bg-dark,
.bg-grey-dark {
color: #ffffff;
}
.bg-brandinga,
.bg-branding-darka,
.bg-branding-mediuma,
.bg-darka,
.bg-grey-darka,
.bg-branding a,
.bg-branding-dark a,
.bg-branding-medium a,
.bg-dark a,
.bg-grey-dark a {
color: #ffffff;
}
.bg-brandinga:active,
.bg-branding-darka:active,
.bg-branding-mediuma:active,
.bg-darka:active,
.bg-grey-darka:active,
.bg-branding a:active,
.bg-branding-dark a:active,
.bg-branding-medium a:active,
.bg-dark a:active,
.bg-grey-dark a:active,
.bg-brandinga:hover,
.bg-branding-darka:hover,
.bg-branding-mediuma:hover,
.bg-darka:hover,
.bg-grey-darka:hover,
.bg-branding a:hover,
.bg-branding-dark a:hover,
.bg-branding-medium a:hover,
.bg-dark a:hover,
.bg-grey-dark a:hover,
.bg-brandinga:focus,
.bg-branding-darka:focus,
.bg-branding-mediuma:focus,
.bg-darka:focus,
.bg-grey-darka:focus,
.bg-branding a:focus,
.bg-branding-dark a:focus,
.bg-branding-medium a:focus,
.bg-dark a:focus,
.bg-grey-dark a:focus {
color: #ffffff;
opacity: 0.8;
filter: alpha(opacity=80);
}
.bg-branding.btn-classic,
.bg-branding-dark.btn-classic,
.bg-branding-medium.btn-classic,
.bg-dark.btn-classic,
.bg-grey-dark.btn-classic,
.bg-brandinga.btn-classic,
.bg-branding-darka.btn-classic,
.bg-branding-mediuma.btn-classic,
.bg-darka.btn-classic,
.bg-grey-darka.btn-classic,
.bg-branding .btn-classic,
.bg-branding-dark .btn-classic,
.bg-branding-medium .btn-classic,
.bg-dark .btn-classic,
.bg-grey-dark .btn-classic,
.bg-branding a.btn-classic,
.bg-branding-dark a.btn-classic,
.bg-branding-medium a.btn-classic,
.bg-dark a.btn-classic,
.bg-grey-dark a.btn-classic,
.bg-branding a .btn-classic,
.bg-branding-dark a .btn-classic,
.bg-branding-medium a .btn-classic,
.bg-dark a .btn-classic,
.bg-grey-dark a .btn-classic,
.bg-branding .btn-classic a,
.bg-branding-dark .btn-classic a,
.bg-branding-medium .btn-classic a,
.bg-dark .btn-classic a,
.bg-grey-dark .btn-classic a,
.bg-branding.btn-classic a,
.bg-branding-dark.btn-classic a,
.bg-branding-medium.btn-classic a,
.bg-dark.btn-classic a,
.bg-grey-dark.btn-classic a {
border-color: #ffffff;
background-color: transparent;
color: #ffffff;
}
.bg-branding.btn-classic:active,
.bg-branding-dark.btn-classic:active,
.bg-branding-medium.btn-classic:active,
.bg-dark.btn-classic:active,
.bg-grey-dark.btn-classic:active,
.bg-brandinga.btn-classic:active,
.bg-branding-darka.btn-classic:active,
.bg-branding-mediuma.btn-classic:active,
.bg-darka.btn-classic:active,
.bg-grey-darka.btn-classic:active,
.bg-branding .btn-classic:active,
.bg-branding-dark .btn-classic:active,
.bg-branding-medium .btn-classic:active,
.bg-dark .btn-classic:active,
.bg-grey-dark .btn-classic:active,
.bg-branding a.btn-classic:active,
.bg-branding-dark a.btn-classic:active,
.bg-branding-medium a.btn-classic:active,
.bg-dark a.btn-classic:active,
.bg-grey-dark a.btn-classic:active,
.bg-branding a .btn-classic:active,
.bg-branding-dark a .btn-classic:active,
.bg-branding-medium a .btn-classic:active,
.bg-dark a .btn-classic:active,
.bg-grey-dark a .btn-classic:active,
.bg-branding .btn-classic a:active,
.bg-branding-dark .btn-classic a:active,
.bg-branding-medium .btn-classic a:active,
.bg-dark .btn-classic a:active,
.bg-grey-dark .btn-classic a:active,
.bg-branding.btn-classic a:active,
.bg-branding-dark.btn-classic a:active,
.bg-branding-medium.btn-classic a:active,
.bg-dark.btn-classic a:active,
.bg-grey-dark.btn-classic a:active,
.bg-branding.btn-classic:hover,
.bg-branding-dark.btn-classic:hover,
.bg-branding-medium.btn-classic:hover,
.bg-dark.btn-classic:hover,
.bg-grey-dark.btn-classic:hover,
.bg-brandinga.btn-classic:hover,
.bg-branding-darka.btn-classic:hover,
.bg-branding-mediuma.btn-classic:hover,
.bg-darka.btn-classic:hover,
.bg-grey-darka.btn-classic:hover,
.bg-branding .btn-classic:hover,
.bg-branding-dark .btn-classic:hover,
.bg-branding-medium .btn-classic:hover,
.bg-dark .btn-classic:hover,
.bg-grey-dark .btn-classic:hover,
.bg-branding a.btn-classic:hover,
.bg-branding-dark a.btn-classic:hover,
.bg-branding-medium a.btn-classic:hover,
.bg-dark a.btn-classic:hover,
.bg-grey-dark a.btn-classic:hover,
.bg-branding a .btn-classic:hover,
.bg-branding-dark a .btn-classic:hover,
.bg-branding-medium a .btn-classic:hover,
.bg-dark a .btn-classic:hover,
.bg-grey-dark a .btn-classic:hover,
.bg-branding .btn-classic a:hover,
.bg-branding-dark .btn-classic a:hover,
.bg-branding-medium .btn-classic a:hover,
.bg-dark .btn-classic a:hover,
.bg-grey-dark .btn-classic a:hover,
.bg-branding.btn-classic a:hover,
.bg-branding-dark.btn-classic a:hover,
.bg-branding-medium.btn-classic a:hover,
.bg-dark.btn-classic a:hover,
.bg-grey-dark.btn-classic a:hover,
.bg-branding.btn-classic:focus,
.bg-branding-dark.btn-classic:focus,
.bg-branding-medium.btn-classic:focus,
.bg-dark.btn-classic:focus,
.bg-grey-dark.btn-classic:focus,
.bg-brandinga.btn-classic:focus,
.bg-branding-darka.btn-classic:focus,
.bg-branding-mediuma.btn-classic:focus,
.bg-darka.btn-classic:focus,
.bg-grey-darka.btn-classic:focus,
.bg-branding .btn-classic:focus,
.bg-branding-dark .btn-classic:focus,
.bg-branding-medium .btn-classic:focus,
.bg-dark .btn-classic:focus,
.bg-grey-dark .btn-classic:focus,
.bg-branding a.btn-classic:focus,
.bg-branding-dark a.btn-classic:focus,
.bg-branding-medium a.btn-classic:focus,
.bg-dark a.btn-classic:focus,
.bg-grey-dark a.btn-classic:focus,
.bg-branding a .btn-classic:focus,
.bg-branding-dark a .btn-classic:focus,
.bg-branding-medium a .btn-classic:focus,
.bg-dark a .btn-classic:focus,
.bg-grey-dark a .btn-classic:focus,
.bg-branding .btn-classic a:focus,
.bg-branding-dark .btn-classic a:focus,
.bg-branding-medium .btn-classic a:focus,
.bg-dark .btn-classic a:focus,
.bg-grey-dark .btn-classic a:focus,
.bg-branding.btn-classic a:focus,
.bg-branding-dark.btn-classic a:focus,
.bg-branding-medium.btn-classic a:focus,
.bg-dark.btn-classic a:focus,
.bg-grey-dark.btn-classic a:focus {
border-color: transparent;
background-color: #ffffff;
color: #111111;
}
.bg-branding a.btn-classic-branding,
.bg-branding-dark a.btn-classic-branding,
.bg-branding-medium a.btn-classic-branding,
.bg-dark a.btn-classic-branding,
.bg-grey-dark a.btn-classic-branding {
border-color: #ffffff;
background-color: transparent;
color: #ffffff;
}
.bg-branding a.btn-classic-branding:active,
.bg-branding-dark a.btn-classic-branding:active,
.bg-branding-medium a.btn-classic-branding:active,
.bg-dark a.btn-classic-branding:active,
.bg-grey-dark a.btn-classic-branding:active,
.bg-branding a.btn-classic-branding:hover,
.bg-branding-dark a.btn-classic-branding:hover,
.bg-branding-medium a.btn-classic-branding:hover,
.bg-dark a.btn-classic-branding:hover,
.bg-grey-dark a.btn-classic-branding:hover,
.bg-branding a.btn-classic-branding:focus,
.bg-branding-dark a.btn-classic-branding:focus,
.bg-branding-medium a.btn-classic-branding:focus,
.bg-dark a.btn-classic-branding:focus,
.bg-grey-dark a.btn-classic-branding:focus {
border-color: transparent;
background-color: #ffffff;
color: #111111;
}
.bg-branding.icon-rounded,
.bg-branding-dark.icon-rounded,
.bg-branding-medium.icon-rounded,
.bg-dark.icon-rounded,
.bg-grey-dark.icon-rounded,
.bg-brandinga.icon-rounded,
.bg-branding-darka.icon-rounded,
.bg-branding-mediuma.icon-rounded,
.bg-darka.icon-rounded,
.bg-grey-darka.icon-rounded,
.bg-branding .icon-rounded,
.bg-branding-dark .icon-rounded,
.bg-branding-medium .icon-rounded,
.bg-dark .icon-rounded,
.bg-grey-dark .icon-rounded,
.bg-branding a .icon-rounded,
.bg-branding-dark a .icon-rounded,
.bg-branding-medium a .icon-rounded,
.bg-dark a .icon-rounded,
.bg-grey-dark a .icon-rounded,
.bg-branding a.icon-rounded,
.bg-branding-dark a.icon-rounded,
.bg-branding-medium a.icon-rounded,
.bg-dark a.icon-rounded,
.bg-grey-dark a.icon-rounded {
border-color: #ffffff;
color: #ffffff;
}
.bg-branding.icon-rounded:active,
.bg-branding-dark.icon-rounded:active,
.bg-branding-medium.icon-rounded:active,
.bg-dark.icon-rounded:active,
.bg-grey-dark.icon-rounded:active,
.bg-brandinga.icon-rounded:active,
.bg-branding-darka.icon-rounded:active,
.bg-branding-mediuma.icon-rounded:active,
.bg-darka.icon-rounded:active,
.bg-grey-darka.icon-rounded:active,
.bg-branding .icon-rounded:active,
.bg-branding-dark .icon-rounded:active,
.bg-branding-medium .icon-rounded:active,
.bg-dark .icon-rounded:active,
.bg-grey-dark .icon-rounded:active,
.bg-branding a .icon-rounded:active,
.bg-branding-dark a .icon-rounded:active,
.bg-branding-medium a .icon-rounded:active,
.bg-dark a .icon-rounded:active,
.bg-grey-dark a .icon-rounded:active,
.bg-branding a.icon-rounded:active,
.bg-branding-dark a.icon-rounded:active,
.bg-branding-medium a.icon-rounded:active,
.bg-dark a.icon-rounded:active,
.bg-grey-dark a.icon-rounded:active,
.bg-branding.icon-rounded:hover,
.bg-branding-dark.icon-rounded:hover,
.bg-branding-medium.icon-rounded:hover,
.bg-dark.icon-rounded:hover,
.bg-grey-dark.icon-rounded:hover,
.bg-brandinga.icon-rounded:hover,
.bg-branding-darka.icon-rounded:hover,
.bg-branding-mediuma.icon-rounded:hover,
.bg-darka.icon-rounded:hover,
.bg-grey-darka.icon-rounded:hover,
.bg-branding .icon-rounded:hover,
.bg-branding-dark .icon-rounded:hover,
.bg-branding-medium .icon-rounded:hover,
.bg-dark .icon-rounded:hover,
.bg-grey-dark .icon-rounded:hover,
.bg-branding a .icon-rounded:hover,
.bg-branding-dark a .icon-rounded:hover,
.bg-branding-medium a .icon-rounded:hover,
.bg-dark a .icon-rounded:hover,
.bg-grey-dark a .icon-rounded:hover,
.bg-branding a.icon-rounded:hover,
.bg-branding-dark a.icon-rounded:hover,
.bg-branding-medium a.icon-rounded:hover,
.bg-dark a.icon-rounded:hover,
.bg-grey-dark a.icon-rounded:hover,
.bg-branding.icon-rounded:focus,
.bg-branding-dark.icon-rounded:focus,
.bg-branding-medium.icon-rounded:focus,
.bg-dark.icon-rounded:focus,
.bg-grey-dark.icon-rounded:focus,
.bg-brandinga.icon-rounded:focus,
.bg-branding-darka.icon-rounded:focus,
.bg-branding-mediuma.icon-rounded:focus,
.bg-darka.icon-rounded:focus,
.bg-grey-darka.icon-rounded:focus,
.bg-branding .icon-rounded:focus,
.bg-branding-dark .icon-rounded:focus,
.bg-branding-medium .icon-rounded:focus,
.bg-dark .icon-rounded:focus,
.bg-grey-dark .icon-rounded:focus,
.bg-branding a .icon-rounded:focus,
.bg-branding-dark a .icon-rounded:focus,
.bg-branding-medium a .icon-rounded:focus,
.bg-dark a .icon-rounded:focus,
.bg-grey-dark a .icon-rounded:focus,
.bg-branding a.icon-rounded:focus,
.bg-branding-dark a.icon-rounded:focus,
.bg-branding-medium a.icon-rounded:focus,
.bg-dark a.icon-rounded:focus,
.bg-grey-dark a.icon-rounded:focus {
border-color: #111111;
background-color: #ffffff;
color: #111111;
}
/*
&a, a{
color:@color-branding;
&:active, &:hover, &:focus{
color:@color-branding;
.opacity(80);
}
&.icon-rounded{
border-color: @color-branding;
color: @color-branding;
&:hover {
background-color: @color-branding;
color: @color-white;
}
}
}*/
.bg-white,
.bg-light {
color: #111111;
}
.bg-whitea,
.bg-lighta,
.bg-white a,
.bg-light a {
color: #111111;
}
.bg-whitea:active,
.bg-lighta:active,
.bg-white a:active,
.bg-light a:active,
.bg-whitea:hover,
.bg-lighta:hover,
.bg-white a:hover,
.bg-light a:hover,
.bg-whitea:focus,
.bg-lighta:focus,
.bg-white a:focus,
.bg-light a:focus {
color: #111111;
opacity: 0.8;
filter: alpha(opacity=80);
}
.bg-white.btn-classic,
.bg-light.btn-classic,
.bg-whitea.btn-classic,
.bg-lighta.btn-classic,
.bg-white .btn-classic,
.bg-light .btn-classic,
.bg-white a.btn-classic,
.bg-light a.btn-classic,
.bg-white a .btn-classic,
.bg-light a .btn-classic,
.bg-white .btn-classic a,
.bg-light .btn-classic a,
.bg-white.btn-classic a,
.bg-light.btn-classic a {
border-color: #111111;
background-color: transparent;
color: #111111;
}
.bg-white.btn-classic:active,
.bg-light.btn-classic:active,
.bg-whitea.btn-classic:active,
.bg-lighta.btn-classic:active,
.bg-white .btn-classic:active,
.bg-light .btn-classic:active,
.bg-white a.btn-classic:active,
.bg-light a.btn-classic:active,
.bg-white a .btn-classic:active,
.bg-light a .btn-classic:active,
.bg-white .btn-classic a:active,
.bg-light .btn-classic a:active,
.bg-white.btn-classic a:active,
.bg-light.btn-classic a:active,
.bg-white.btn-classic:hover,
.bg-light.btn-classic:hover,
.bg-whitea.btn-classic:hover,
.bg-lighta.btn-classic:hover,
.bg-white .btn-classic:hover,
.bg-light .btn-classic:hover,
.bg-white a.btn-classic:hover,
.bg-light a.btn-classic:hover,
.bg-white a .btn-classic:hover,
.bg-light a .btn-classic:hover,
.bg-white .btn-classic a:hover,
.bg-light .btn-classic a:hover,
.bg-white.btn-classic a:hover,
.bg-light.btn-classic a:hover,
.bg-white.btn-classic:focus,
.bg-light.btn-classic:focus,
.bg-whitea.btn-classic:focus,
.bg-lighta.btn-classic:focus,
.bg-white .btn-classic:focus,
.bg-light .btn-classic:focus,
.bg-white a.btn-classic:focus,
.bg-light a.btn-classic:focus,
.bg-white a .btn-classic:focus,
.bg-light a .btn-classic:focus,
.bg-white .btn-classic a:focus,
.bg-light .btn-classic a:focus,
.bg-white.btn-classic a:focus,
.bg-light.btn-classic a:focus {
background-color: #111111;
border-color: transparent;
color: #ffffff;
}
.bg-white.icon-rounded,
.bg-light.icon-rounded,
.bg-whitea.icon-rounded,
.bg-lighta.icon-rounded,
.bg-white .icon-rounded,
.bg-light .icon-rounded,
.bg-white a .icon-rounded,
.bg-light a .icon-rounded,
.bg-white a.icon-rounded,
.bg-light a.icon-rounded {
border-color: #111111;
color: #111111;
}
.bg-white.icon-rounded:hover,
.bg-light.icon-rounded:hover,
.bg-whitea.icon-rounded:hover,
.bg-lighta.icon-rounded:hover,
.bg-white .icon-rounded:hover,
.bg-light .icon-rounded:hover,
.bg-white a .icon-rounded:hover,
.bg-light a .icon-rounded:hover,
.bg-white a.icon-rounded:hover,
.bg-light a.icon-rounded:hover {
border-color: #ffffff;
background-color: #111111;
color: #ffffff;
}
.fg-branding {
color: #111111;
}
.fg-branding svg path {
fill: #111111;
}
.fg-brandinga {
color: #111111;
}
.fg-link-branding,
.fg-link-branding a,
.fg-link-brandinga {
color: #111111;
}
.fg-link-branding svg path,
.fg-link-branding a svg path,
.fg-link-brandinga svg path {
fill: #111111;
}
.fg-link-brandinga,
.fg-link-branding aa,
.fg-link-brandingaa {
color: #111111;
}
.fg-link-branding:hover,
.fg-link-branding a:hover,
.fg-link-brandinga:hover {
color: #111111;
}
.fg-link-branding:hover svg path,
.fg-link-branding a:hover svg path,
.fg-link-brandinga:hover svg path {
fill: #111111;
}
.fg-link-branding:hovera,
.fg-link-branding a:hovera,
.fg-link-brandinga:hovera {
color: #111111;
}
.bg-branding {
background-color: #111111;
}
.bg-link-branding,
.bg-link-branding a {
background-color: #111111;
opacity: 1;
filter: alpha(opacity=100);
}
.bg-link-branding:hover,
.bg-link-branding a:hover {
background-color: #111111;
opacity: 0.8;
filter: alpha(opacity=80);
}
.fg-branding-dark {
color: #040404;
}
.fg-branding-dark svg path {
fill: #040404;
}
.fg-branding-darka {
color: #040404;
}
.fg-link-branding-dark,
.fg-link-branding-dark a,
.fg-link-branding-darka {
color: #040404;
}
.fg-link-branding-dark svg path,
.fg-link-branding-dark a svg path,
.fg-link-branding-darka svg path {
fill: #040404;
}
.fg-link-branding-darka,
.fg-link-branding-dark aa,
.fg-link-branding-darkaa {
color: #040404;
}
.fg-link-branding-dark:hover,
.fg-link-branding-dark a:hover,
.fg-link-branding-darka:hover {
color: #040404;
}
.fg-link-branding-dark:hover svg path,
.fg-link-branding-dark a:hover svg path,
.fg-link-branding-darka:hover svg path {
fill: #040404;
}
.fg-link-branding-dark:hovera,
.fg-link-branding-dark a:hovera,
.fg-link-branding-darka:hovera {
color: #040404;
}
.bg-branding-dark {
background-color: #040404;
}
.fg-branding-medium {
color: #333333;
}
.fg-branding-medium svg path {
fill: #333333;
}
.fg-branding-mediuma {
color: #333333;
}
.fg-link-branding-medium,
.fg-link-branding-medium a,
.fg-link-branding-mediuma {
color: #333333;
}
.fg-link-branding-medium svg path,
.fg-link-branding-medium a svg path,
.fg-link-branding-mediuma svg path {
fill: #333333;
}
.fg-link-branding-mediuma,
.fg-link-branding-medium aa,
.fg-link-branding-mediumaa {
color: #333333;
}
.fg-link-branding-medium:hover,
.fg-link-branding-medium a:hover,
.fg-link-branding-mediuma:hover {
color: #333333;
}
.fg-link-branding-medium:hover svg path,
.fg-link-branding-medium a:hover svg path,
.fg-link-branding-mediuma:hover svg path {
fill: #333333;
}
.fg-link-branding-medium:hovera,
.fg-link-branding-medium a:hovera,
.fg-link-branding-mediuma:hovera {
color: #333333;
}
.bg-branding-medium {
background-color: #333333;
}
.fg-branding-content {
color: #ffffff;
}
.fg-branding-content svg path {
fill: #ffffff;
}
.fg-branding-contenta {
color: #ffffff;
}
.fg-link-branding-content,
.fg-link-branding-content a,
.fg-link-branding-contenta {
color: #ffffff;
}
.fg-link-branding-content svg path,
.fg-link-branding-content a svg path,
.fg-link-branding-contenta svg path {
fill: #ffffff;
}
.fg-link-branding-contenta,
.fg-link-branding-content aa,
.fg-link-branding-contentaa {
color: #ffffff;
}
.fg-link-branding-content:hover,
.fg-link-branding-content a:hover,
.fg-link-branding-contenta:hover {
color: #ffffff;
}
.fg-link-branding-content:hover svg path,
.fg-link-branding-content a:hover svg path,
.fg-link-branding-contenta:hover svg path {
fill: #ffffff;
}
.fg-link-branding-content:hovera,
.fg-link-branding-content a:hovera,
.fg-link-branding-contenta:hovera {
color: #ffffff;
}
.bg-branding-light {
background-color: #cccccc;
}
.fg-branding-light {
color: #cccccc;
}
.fg-branding-light svg path {
fill: #cccccc;
}
.fg-branding-lighta {
color: #cccccc;
}
.fg-link-branding-light,
.fg-link-branding-light a,
.fg-link-branding-lighta {
color: #cccccc;
}
.fg-link-branding-light svg path,
.fg-link-branding-light a svg path,
.fg-link-branding-lighta svg path {
fill: #cccccc;
}
.fg-link-branding-lighta,
.fg-link-branding-light aa,
.fg-link-branding-lightaa {
color: #cccccc;
}
.fg-link-branding-light:hover,
.fg-link-branding-light a:hover,
.fg-link-branding-lighta:hover {
color: #cccccc;
}
.fg-link-branding-light:hover svg path,
.fg-link-branding-light a:hover svg path,
.fg-link-branding-lighta:hover svg path {
fill: #cccccc;
}
.fg-link-branding-light:hovera,
.fg-link-branding-light a:hovera,
.fg-link-branding-lighta:hovera {
color: #cccccc;
}
.bg-branding-extralight {
background-color: #faf8eb;
}
.fg-branding-extralight {
color: #faf8eb;
}
.fg-branding-extralight svg path {
fill: #faf8eb;
}
.fg-branding-extralighta {
color: #faf8eb;
}
.fg-link-branding-extralight,
.fg-link-branding-extralight a,
.fg-link-branding-extralighta {
color: #faf8eb;
}
.fg-link-branding-extralight svg path,
.fg-link-branding-extralight a svg path,
.fg-link-branding-extralighta svg path {
fill: #faf8eb;
}
.fg-link-branding-extralighta,
.fg-link-branding-extralight aa,
.fg-link-branding-extralightaa {
color: #faf8eb;
}
.fg-link-branding-extralight:hover,
.fg-link-branding-extralight a:hover,
.fg-link-branding-extralighta:hover {
color: #faf8eb;
}
.fg-link-branding-extralight:hover svg path,
.fg-link-branding-extralight a:hover svg path,
.fg-link-branding-extralighta:hover svg path {
fill: #faf8eb;
}
.fg-link-branding-extralight:hovera,
.fg-link-branding-extralight a:hovera,
.fg-link-branding-extralighta:hovera {
color: #faf8eb;
}
.fg-black {
color: #000000;
}
.fg-black svg path {
fill: #000000;
}
.fg-blacka {
color: #000000;
}
.fg-link-black,
.fg-link-black a,
.fg-link-blacka {
color: #000000;
}
.fg-link-black svg path,
.fg-link-black a svg path,
.fg-link-blacka svg path {
fill: #000000;
}
.fg-link-blacka,
.fg-link-black aa,
.fg-link-blackaa {
color: #000000;
}
.fg-link-black:hover,
.fg-link-black a:hover,
.fg-link-blacka:hover {
color: #000000;
}
.fg-link-black:hover svg path,
.fg-link-black a:hover svg path,
.fg-link-blacka:hover svg path {
fill: #000000;
}
.fg-link-black:hovera,
.fg-link-black a:hovera,
.fg-link-blacka:hovera {
color: #000000;
}
.bg-black {
background-color: #000000;
}
.fg-grey-dark {
color: #222222;
}
.fg-grey-dark svg path {
fill: #222222;
}
.fg-grey-darka {
color: #222222;
}
.fg-link-grey-dark,
.fg-link-grey-dark a,
.fg-link-grey-darka {
color: #222222;
}
.fg-link-grey-dark svg path,
.fg-link-grey-dark a svg path,
.fg-link-grey-darka svg path {
fill: #222222;
}
.fg-link-grey-darka,
.fg-link-grey-dark aa,
.fg-link-grey-darkaa {
color: #222222;
}
.fg-link-grey-dark:hover,
.fg-link-grey-dark a:hover,
.fg-link-grey-darka:hover {
color: #222222;
}
.fg-link-grey-dark:hover svg path,
.fg-link-grey-dark a:hover svg path,
.fg-link-grey-darka:hover svg path {
fill: #222222;
}
.fg-link-grey-dark:hovera,
.fg-link-grey-dark a:hovera,
.fg-link-grey-darka:hovera {
color: #222222;
}
.bg-grey-dark {
background-color: #222222;
}
.bg-branding .fg-grey-medium {
color: #888888;
}
.bg-branding .fg-grey-medium svg path {
fill: #888888;
}
.bg-branding .fg-grey-mediuma {
color: #888888;
}
.fg-grey-medium {
color: #888888;
}
.fg-grey-medium svg path {
fill: #888888;
}
.fg-grey-mediuma {
color: #888888;
}
.fg-link-grey-medium,
.fg-link-grey-medium a,
.fg-link-grey-mediuma {
color: #888888;
}
.fg-link-grey-medium svg path,
.fg-link-grey-medium a svg path,
.fg-link-grey-mediuma svg path {
fill: #888888;
}
.fg-link-grey-mediuma,
.fg-link-grey-medium aa,
.fg-link-grey-mediumaa {
color: #888888;
}
.fg-link-grey-medium:hover,
.fg-link-grey-medium a:hover,
.fg-link-grey-mediuma:hover {
color: #888888;
}
.fg-link-grey-medium:hover svg path,
.fg-link-grey-medium a:hover svg path,
.fg-link-grey-mediuma:hover svg path {
fill: #888888;
}
.fg-link-grey-medium:hovera,
.fg-link-grey-medium a:hovera,
.fg-link-grey-mediuma:hovera {
color: #888888;
}
.bg-grey-medium {
background-color: #888888;
}
.fg-grey-light {
color: #e0e0e0;
}
.fg-grey-light svg path {
fill: #e0e0e0;
}
.fg-grey-lighta {
color: #e0e0e0;
}
.fg-link-grey-light,
.fg-link-grey-light a,
.fg-link-grey-lighta {
color: #e0e0e0;
}
.fg-link-grey-light svg path,
.fg-link-grey-light a svg path,
.fg-link-grey-lighta svg path {
fill: #e0e0e0;
}
.fg-link-grey-lighta,
.fg-link-grey-light aa,
.fg-link-grey-lightaa {
color: #e0e0e0;
}
.fg-link-grey-light:hover,
.fg-link-grey-light a:hover,
.fg-link-grey-lighta:hover {
color: #e0e0e0;
}
.fg-link-grey-light:hover svg path,
.fg-link-grey-light a:hover svg path,
.fg-link-grey-lighta:hover svg path {
fill: #e0e0e0;
}
.fg-link-grey-light:hovera,
.fg-link-grey-light a:hovera,
.fg-link-grey-lighta:hovera {
color: #e0e0e0;
}
.bg-grey-light {
background-color: #e0e0e0;
}
.fg-white {
color: #ffffff;
}
.fg-white svg path {
fill: #ffffff;
}
.fg-whitea {
color: #ffffff;
}
.fg-link-white,
.fg-link-white a,
.fg-link-whitea {
color: #ffffff;
}
.fg-link-white svg path,
.fg-link-white a svg path,
.fg-link-whitea svg path {
fill: #ffffff;
}
.fg-link-whitea,
.fg-link-white aa,
.fg-link-whiteaa {
color: #ffffff;
}
.fg-link-white:hover,
.fg-link-white a:hover,
.fg-link-whitea:hover {
color: #ffffff;
}
.fg-link-white:hover svg path,
.fg-link-white a:hover svg path,
.fg-link-whitea:hover svg path {
fill: #ffffff;
}
.fg-link-white:hovera,
.fg-link-white a:hovera,
.fg-link-whitea:hovera {
color: #ffffff;
}
.bg-white {
background-color: #ffffff;
}
.bg-link-white {
background-color: #ffffff;
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
.bg-link-white,
.bg-link-white a {
color: #111111;
}
.bg-link-white:hover {
background-color: #111111;
}
.bg-link-white:hover,
.bg-link-white:hover a {
color: #ffffff;
}
.fg-red {
color: #b61b1b;
}
.fg-red svg path {
fill: #b61b1b;
}
.fg-reda {
color: #b61b1b;
}
.fg-link-red,
.fg-link-red a,
.fg-link-reda {
color: #b61b1b;
}
.fg-link-red svg path,
.fg-link-red a svg path,
.fg-link-reda svg path {
fill: #b61b1b;
}
.fg-link-reda,
.fg-link-red aa,
.fg-link-redaa {
color: #b61b1b;
}
.fg-link-red:hover,
.fg-link-red a:hover,
.fg-link-reda:hover {
color: #b61b1b;
}
.fg-link-red:hover svg path,
.fg-link-red a:hover svg path,
.fg-link-reda:hover svg path {
fill: #b61b1b;
}
.fg-link-red:hovera,
.fg-link-red a:hovera,
.fg-link-reda:hovera {
color: #b61b1b;
}
.bg-red {
background-color: #b61b1b;
}
.fg-green {
color: #2fab2f;
}
.fg-green svg path {
fill: #2fab2f;
}
.fg-greena {
color: #2fab2f;
}
.fg-link-green,
.fg-link-green a,
.fg-link-greena {
color: #2fab2f;
}
.fg-link-green svg path,
.fg-link-green a svg path,
.fg-link-greena svg path {
fill: #2fab2f;
}
.fg-link-greena,
.fg-link-green aa,
.fg-link-greenaa {
color: #2fab2f;
}
.fg-link-green:hover,
.fg-link-green a:hover,
.fg-link-greena:hover {
color: #2fab2f;
}
.fg-link-green:hover svg path,
.fg-link-green a:hover svg path,
.fg-link-greena:hover svg path {
fill: #2fab2f;
}
.fg-link-green:hovera,
.fg-link-green a:hovera,
.fg-link-greena:hovera {
color: #2fab2f;
}
.bg-green {
background-color: #2fab2f;
}
.shadow-box {
-webkit-box-shadow: 0px 3px 10px 0px rgba(89, 88, 84, 0.2);
-moz-box-shadow: 0px 3px 10px 0px rgba(89, 88, 84, 0.2);
box-shadow: 0px 3px 10px 0px rgba(89, 88, 84, 0.2);
background-color: #ffffff;
}
@media (min-width: 768px) {
.shadow-box {
-webkit-box-shadow: 0px 10px 60px 10px rgba(89, 88, 84, 0.2);
-moz-box-shadow: 0px 10px 60px 10px rgba(89, 88, 84, 0.2);
box-shadow: 0px 10px 60px 10px rgba(89, 88, 84, 0.2);
}
}
.padded-content {
padding-left: 20px;
padding-right: 20px;
}
.padded-content .anti-padded-content {
margin-left: -20px;
margin-right: -20px;
}
@media (min-width: 768px) {
.padded-content {
padding-left: 30px;
padding-right: 30px;
}
.padded-content .anti-padded-content {
margin-left: -30px;
margin-right: -30px;
}
}
@media (min-width: 992px) {
.padded-content {
padding-left: 40px;
padding-right: 40px;
}
.padded-content .anti-padded-content {
margin-left: -40px;
margin-right: -40px;
}
}
@media (min-width: 1200px) {
.padded-content {
padding-left: 90px;
padding-right: 90px;
}
.padded-content .anti-padded-content {
margin-left: -90px;
margin-right: -90px;
}
}
.mt1 {
margin-top: 10px;
}
.mt2 {
margin-top: 15px;
}
.mt3 {
margin-top: 20px;
}
.mt4 {
margin-top: 25px;
}
.mt5 {
margin-top: 30px;
}
.mt6 {
margin-top: 35px;
}
.mt7 {
margin-top: 40px;
}
.mt8 {
margin-top: 45px;
}
.mb1 {
margin-bottom: 10px;
}
.mb2 {
margin-bottom: 15px;
}
.mb3 {
margin-bottom: 20px;
}
.mb4 {
margin-bottom: 25px;
}
.mb5 {
margin-bottom: 30px;
}
.mb6 {
margin-bottom: 35px;
}
.mb7 {
margin-bottom: 40px;
}
.mb8 {
margin-bottom: 45px;
}
.ml1 {
margin-left: 10px;
}
.ml2 {
margin-left: 15px;
}
.ml3 {
margin-left: 20px;
}
.ml4 {
margin-left: 25px;
}
.ml5 {
margin-left: 30px;
}
.ml6 {
margin-left: 35px;
}
.ml7 {
margin-left: 40px;
}
.ml8 {
margin-left: 45px;
}
.mr1 {
margin-right: 10px;
}
.mr2 {
margin-right: 15px;
}
.mr3 {
margin-right: 20px;
}
.mr4 {
margin-right: 25px;
}
.mr5 {
margin-right: 30px;
}
.mr6 {
margin-right: 35px;
}
.mr7 {
margin-right: 40px;
}
.mr8 {
margin-right: 45px;
}
.pt1 {
padding-top: 10px;
}
.pt2 {
padding-top: 15px;
}
.pt3 {
padding-top: 20px;
}
.pt4 {
padding-top: 25px;
}
.pt5 {
padding-top: 30px;
}
.pt6 {
padding-top: 35px;
}
.pt7 {
padding-top: 40px;
}
.pt8 {
padding-top: 45px;
}
.pb1 {
padding-bottom: 10px;
}
.pb2 {
padding-bottom: 15px;
}
.pb3 {
padding-bottom: 20px;
}
.pb4 {
padding-bottom: 25px;
}
.pb5 {
padding-bottom: 30px;
}
.pb6 {
padding-bottom: 35px;
}
.pb7 {
padding-bottom: 40px;
}
.pb8 {
padding-bottom: 45px;
}
.pl1 {
padding-left: 10px;
}
.pl2 {
padding-left: 15px;
}
.pl3 {
padding-left: 20px;
}
.pl4 {
padding-left: 25px;
}
.pl5 {
padding-left: 30px;
}
.pl6 {
padding-left: 35px;
}
.pl7 {
padding-left: 40px;
}
.pl8 {
padding-left: 45px;
}
.pr1 {
padding-right: 10px;
}
.pr2 {
padding-right: 15px;
}
.pr3 {
padding-right: 20px;
}
.pr4 {
padding-right: 25px;
}
.pr5 {
padding-right: 30px;
}
.pr6 {
padding-right: 35px;
}
.pr7 {
padding-right: 40px;
}
.pr8 {
padding-right: 45px;
}
.my1 {
margin-top: 10px;
margin-bottom: 10px;
}
.my1.sm0 {
margin-top: 0;
}
.my1.sm0 {
margin-bottom: 0;
}
.my2 {
margin-top: 15px;
margin-bottom: 15px;
}
.my2.sm0 {
margin-top: 0;
}
.my2.sm0 {
margin-bottom: 0;
}
.my3 {
margin-top: 20px;
margin-bottom: 20px;
}
.my3.sm0 {
margin-top: 0;
}
.my3.sm0 {
margin-bottom: 0;
}
.my4 {
margin-top: 25px;
margin-bottom: 25px;
}
.my4.sm0 {
margin-top: 0;
}
.my4.sm0 {
margin-bottom: 0;
}
.my5 {
margin-top: 30px;
margin-bottom: 30px;
}
.my5.sm0 {
margin-top: 0;
}
.my5.sm0 {
margin-bottom: 0;
}
.my6 {
margin-top: 35px;
margin-bottom: 35px;
}
.my6.sm0 {
margin-top: 0;
}
.my6.sm0 {
margin-bottom: 0;
}
.my7 {
margin-top: 40px;
margin-bottom: 40px;
}
.my7.sm0 {
margin-top: 0;
}
.my7.sm0 {
margin-bottom: 0;
}
.my8 {
margin-top: 45px;
margin-bottom: 45px;
}
.my8.sm0 {
margin-top: 0;
}
.my8.sm0 {
margin-bottom: 0;
}
.py1 {
padding-top: 10px;
padding-bottom: 10px;
}
.py1.sm0 {
padding-top: 0;
}
.py1.sm0 {
padding-bottom: 0;
}
.py2 {
padding-top: 15px;
padding-bottom: 15px;
}
.py2.sm0 {
padding-top: 0;
}
.py2.sm0 {
padding-bottom: 0;
}
.py3 {
padding-top: 20px;
padding-bottom: 20px;
}
.py3.sm0 {
padding-top: 0;
}
.py3.sm0 {
padding-bottom: 0;
}
.py4 {
padding-top: 25px;
padding-bottom: 25px;
}
.py4.sm0 {
padding-top: 0;
}
.py4.sm0 {
padding-bottom: 0;
}
.py5 {
padding-top: 30px;
padding-bottom: 30px;
}
.py5.sm0 {
padding-top: 0;
}
.py5.sm0 {
padding-bottom: 0;
}
.py6 {
padding-top: 35px;
padding-bottom: 35px;
}
.py6.sm0 {
padding-top: 0;
}
.py6.sm0 {
padding-bottom: 0;
}
.py7 {
padding-top: 40px;
padding-bottom: 40px;
}
.py7.sm0 {
padding-top: 0;
}
.py7.sm0 {
padding-bottom: 0;
}
.py8 {
padding-top: 45px;
padding-bottom: 45px;
}
.py8.sm0 {
padding-top: 0;
}
.py8.sm0 {
padding-bottom: 0;
}
.mx1 {
margin-left: 10px;
margin-right: 10px;
}
.mx1.sm0 {
margin-left: 0;
}
.mx1.sm0 {
margin-right: 0;
}
.mx2 {
margin-left: 15px;
margin-right: 15px;
}
.mx2.sm0 {
margin-left: 0;
}
.mx2.sm0 {
margin-right: 0;
}
.mx3 {
margin-left: 20px;
margin-right: 20px;
}
.mx3.sm0 {
margin-left: 0;
}
.mx3.sm0 {
margin-right: 0;
}
.mx4 {
margin-left: 25px;
margin-right: 25px;
}
.mx4.sm0 {
margin-left: 0;
}
.mx4.sm0 {
margin-right: 0;
}
.mx5 {
margin-left: 30px;
margin-right: 30px;
}
.mx5.sm0 {
margin-left: 0;
}
.mx5.sm0 {
margin-right: 0;
}
.mx6 {
margin-left: 35px;
margin-right: 35px;
}
.mx6.sm0 {
margin-left: 0;
}
.mx6.sm0 {
margin-right: 0;
}
.mx7 {
margin-left: 40px;
margin-right: 40px;
}
.mx7.sm0 {
margin-left: 0;
}
.mx7.sm0 {
margin-right: 0;
}
.mx8 {
margin-left: 45px;
margin-right: 45px;
}
.mx8.sm0 {
margin-left: 0;
}
.mx8.sm0 {
margin-right: 0;
}
.px1 {
padding-left: 10px;
padding-right: 10px;
}
.px1.sm0 {
padding-left: 0;
}
.px1.sm0 {
padding-right: 0;
}
.px2 {
padding-left: 15px;
padding-right: 15px;
}
.px2.sm0 {
padding-left: 0;
}
.px2.sm0 {
padding-right: 0;
}
.px3 {
padding-left: 20px;
padding-right: 20px;
}
.px3.sm0 {
padding-left: 0;
}
.px3.sm0 {
padding-right: 0;
}
.px4 {
padding-left: 25px;
padding-right: 25px;
}
.px4.sm0 {
padding-left: 0;
}
.px4.sm0 {
padding-right: 0;
}
.px5 {
padding-left: 30px;
padding-right: 30px;
}
.px5.sm0 {
padding-left: 0;
}
.px5.sm0 {
padding-right: 0;
}
.px6 {
padding-left: 35px;
padding-right: 35px;
}
.px6.sm0 {
padding-left: 0;
}
.px6.sm0 {
padding-right: 0;
}
.px7 {
padding-left: 40px;
padding-right: 40px;
}
.px7.sm0 {
padding-left: 0;
}
.px7.sm0 {
padding-right: 0;
}
.px8 {
padding-left: 45px;
padding-right: 45px;
}
.px8.sm0 {
padding-left: 0;
}
.px8.sm0 {
padding-right: 0;
}
.mxy1 {
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
.mxy1.sm0 {
margin-left: 0;
}
.mxy1.sm0 {
margin-right: 0;
}
.mxy1.sm0 {
margin-left: 0;
margin-right: 0;
}
.mxy1.sm0 {
margin-top: 0;
}
.mxy1.sm0 {
margin-bottom: 0;
}
.mxy1.sm0 {
margin-top: 0;
margin-bottom: 0;
}
.mxy2 {
margin-left: 15px;
margin-right: 15px;
margin-top: 15px;
margin-bottom: 15px;
}
.mxy2.sm0 {
margin-left: 0;
}
.mxy2.sm0 {
margin-right: 0;
}
.mxy2.sm0 {
margin-left: 0;
margin-right: 0;
}
.mxy2.sm0 {
margin-top: 0;
}
.mxy2.sm0 {
margin-bottom: 0;
}
.mxy2.sm0 {
margin-top: 0;
margin-bottom: 0;
}
.mxy3 {
margin-left: 20px;
margin-right: 20px;
margin-top: 20px;
margin-bottom: 20px;
}
.mxy3.sm0 {
margin-left: 0;
}
.mxy3.sm0 {
margin-right: 0;
}
.mxy3.sm0 {
margin-left: 0;
margin-right: 0;
}
.mxy3.sm0 {
margin-top: 0;
}
.mxy3.sm0 {
margin-bottom: 0;
}
.mxy3.sm0 {
margin-top: 0;
margin-bottom: 0;
}
.mxy4 {
margin-left: 25px;
margin-right: 25px;
margin-top: 25px;
margin-bottom: 25px;
}
.mxy4.sm0 {
margin-left: 0;
}
.mxy4.sm0 {
margin-right: 0;
}
.mxy4.sm0 {
margin-left: 0;
margin-right: 0;
}
.mxy4.sm0 {
margin-top: 0;
}
.mxy4.sm0 {
margin-bottom: 0;
}
.mxy4.sm0 {
margin-top: 0;
margin-bottom: 0;
}
.mxy5 {
margin-left: 30px;
margin-right: 30px;
margin-top: 30px;
margin-bottom: 30px;
}
.mxy5.sm0 {
margin-left: 0;
}
.mxy5.sm0 {
margin-right: 0;
}
.mxy5.sm0 {
margin-left: 0;
margin-right: 0;
}
.mxy5.sm0 {
margin-top: 0;
}
.mxy5.sm0 {
margin-bottom: 0;
}
.mxy5.sm0 {
margin-top: 0;
margin-bottom: 0;
}
.mxy6 {
margin-left: 35px;
margin-right: 35px;
margin-top: 35px;
margin-bottom: 35px;
}
.mxy6.sm0 {
margin-left: 0;
}
.mxy6.sm0 {
margin-right: 0;
}
.mxy6.sm0 {
margin-left: 0;
margin-right: 0;
}
.mxy6.sm0 {
margin-top: 0;
}
.mxy6.sm0 {
margin-bottom: 0;
}
.mxy6.sm0 {
margin-top: 0;
margin-bottom: 0;
}
.mxy7 {
margin-left: 40px;
margin-right: 40px;
margin-top: 40px;
margin-bottom: 40px;
}
.mxy7.sm0 {
margin-left: 0;
}
.mxy7.sm0 {
margin-right: 0;
}
.mxy7.sm0 {
margin-left: 0;
margin-right: 0;
}
.mxy7.sm0 {
margin-top: 0;
}
.mxy7.sm0 {
margin-bottom: 0;
}
.mxy7.sm0 {
margin-top: 0;
margin-bottom: 0;
}
.mxy8 {
margin-left: 45px;
margin-right: 45px;
margin-top: 45px;
margin-bottom: 45px;
}
.mxy8.sm0 {
margin-left: 0;
}
.mxy8.sm0 {
margin-right: 0;
}
.mxy8.sm0 {
margin-left: 0;
margin-right: 0;
}
.mxy8.sm0 {
margin-top: 0;
}
.mxy8.sm0 {
margin-bottom: 0;
}
.mxy8.sm0 {
margin-top: 0;
margin-bottom: 0;
}
.pxy1 {
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
.pxy1.sm0 {
padding-left: 0;
}
.pxy1.sm0 {
padding-right: 0;
}
.pxy1.sm0 {
padding-left: 0;
padding-right: 0;
}
.pxy1.sm0 {
padding-top: 0;
}
.pxy1.sm0 {
padding-bottom: 0;
}
.pxy1.sm0 {
padding-top: 0;
padding-bottom: 0;
}
.pxy2 {
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 15px;
}
.pxy2.sm0 {
padding-left: 0;
}
.pxy2.sm0 {
padding-right: 0;
}
.pxy2.sm0 {
padding-left: 0;
padding-right: 0;
}
.pxy2.sm0 {
padding-top: 0;
}
.pxy2.sm0 {
padding-bottom: 0;
}
.pxy2.sm0 {
padding-top: 0;
padding-bottom: 0;
}
.pxy3 {
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
}
.pxy3.sm0 {
padding-left: 0;
}
.pxy3.sm0 {
padding-right: 0;
}
.pxy3.sm0 {
padding-left: 0;
padding-right: 0;
}
.pxy3.sm0 {
padding-top: 0;
}
.pxy3.sm0 {
padding-bottom: 0;
}
.pxy3.sm0 {
padding-top: 0;
padding-bottom: 0;
}
.pxy4 {
padding-left: 25px;
padding-right: 25px;
padding-top: 25px;
padding-bottom: 25px;
}
.pxy4.sm0 {
padding-left: 0;
}
.pxy4.sm0 {
padding-right: 0;
}
.pxy4.sm0 {
padding-left: 0;
padding-right: 0;
}
.pxy4.sm0 {
padding-top: 0;
}
.pxy4.sm0 {
padding-bottom: 0;
}
.pxy4.sm0 {
padding-top: 0;
padding-bottom: 0;
}
.pxy5 {
padding-left: 30px;
padding-right: 30px;
padding-top: 30px;
padding-bottom: 30px;
}
.pxy5.sm0 {
padding-left: 0;
}
.pxy5.sm0 {
padding-right: 0;
}
.pxy5.sm0 {
padding-left: 0;
padding-right: 0;
}
.pxy5.sm0 {
padding-top: 0;
}
.pxy5.sm0 {
padding-bottom: 0;
}
.pxy5.sm0 {
padding-top: 0;
padding-bottom: 0;
}
.pxy6 {
padding-left: 35px;
padding-right: 35px;
padding-top: 35px;
padding-bottom: 35px;
}
.pxy6.sm0 {
padding-left: 0;
}
.pxy6.sm0 {
padding-right: 0;
}
.pxy6.sm0 {
padding-left: 0;
padding-right: 0;
}
.pxy6.sm0 {
padding-top: 0;
}
.pxy6.sm0 {
padding-bottom: 0;
}
.pxy6.sm0 {
padding-top: 0;
padding-bottom: 0;
}
.pxy7 {
padding-left: 40px;
padding-right: 40px;
padding-top: 40px;
padding-bottom: 40px;
}
.pxy7.sm0 {
padding-left: 0;
}
.pxy7.sm0 {
padding-right: 0;
}
.pxy7.sm0 {
padding-left: 0;
padding-right: 0;
}
.pxy7.sm0 {
padding-top: 0;
}
.pxy7.sm0 {
padding-bottom: 0;
}
.pxy7.sm0 {
padding-top: 0;
padding-bottom: 0;
}
.pxy8 {
padding-left: 45px;
padding-right: 45px;
padding-top: 45px;
padding-bottom: 45px;
}
.pxy8.sm0 {
padding-left: 0;
}
.pxy8.sm0 {
padding-right: 0;
}
.pxy8.sm0 {
padding-left: 0;
padding-right: 0;
}
.pxy8.sm0 {
padding-top: 0;
}
.pxy8.sm0 {
padding-bottom: 0;
}
.pxy8.sm0 {
padding-top: 0;
padding-bottom: 0;
}
.mt1.sm0,
.mt2.sm0,
.mt3.sm0,
.mt4.sm0,
.mt5.sm0,
.mt6.sm0,
.mt7.sm0,
.mt8.sm0 {
margin-top: 0;
}
.mb1.sm0,
.mb2.sm0,
.mb3.sm0,
.mb4.sm0,
.mb5.sm0,
.mb6.sm0,
.mb7.sm0,
.mb8.sm0 {
margin-bottom: 0;
}
.ml1.sm0,
.ml2.sm0,
.ml3.sm0,
.ml4.sm0,
.ml5.sm0,
.ml6.sm0,
.ml7.sm0,
.ml8.sm0 {
margin-left: 0;
}
.mr1.sm0,
.mr2.sm0,
.mr3.sm0,
.mr4.sm0,
.mr5.sm0,
.mr6.sm0,
.mr7.sm0,
.mr8.sm0 {
margin-right: 0;
}
.mx1.sm0,
.mx2.sm0,
.mx3.sm0,
.mx4.sm0,
.mx5.sm0,
.mx6.sm0,
.mx7.sm0,
.mx8.sm0 {
margin-left: 0;
margin-right: 0;
}
.my1.sm0,
.my2.sm0,
.my3.sm0,
.my4.sm0,
.my5.sm0,
.my6.sm0,
.my7.sm0,
.my8.sm0 {
margin-top: 0;
margin-bottom: 0;
}
.mxy1.sm0,
.mxy2.sm0,
.mxy3.sm0,
.mxy4.sm0,
.mxy5.sm0,
.mxy6.sm0,
.mxy7.sm0,
.mxy8.sm0 {
margin: 0;
}
.pt1.sm0,
.pt2.sm0,
.pt3.sm0,
.pt4.sm0,
.pt5.sm0,
.pt6.sm0,
.pt7.sm0,
.pt8.sm0 {
padding-top: 0;
}
.pb1.sm0,
.pb2.sm0,
.pb3.sm0,
.pb4.sm0,
.pb5.sm0,
.pb6.sm0,
.pb7.sm0,
.pb8.sm0 {
padding-bottom: 0;
}
.pl1.sm0,
.pl2.sm0,
.pl3.sm0,
.pl4.sm0,
.pl5.sm0,
.pl6.sm0,
.pl7.sm0,
.pl8.sm0 {
padding-left: 0;
}
.pr1.sm0,
.pr2.sm0,
.pr3.sm0,
.pr4.sm0,
.pr5.sm0,
.pr6.sm0,
.pr7.sm0,
.pr8.sm0 {
padding-right: 0;
}
.px1.sm0,
.px2.sm0,
.px3.sm0,
.px4.sm0,
.px5.sm0,
.px6.sm0,
.px7.sm0,
.px8.sm0 {
padding-left: 0;
padding-right: 0;
}
.py1.sm0,
.py2.sm0,
.py3.sm0,
.py4.sm0,
.py5.sm0,
.py6.sm0,
.py7.sm0,
.py8.sm0 {
padding-top: 0;
padding-bottom: 0;
}
.pxy1.sm0,
.pxy2.sm0,
.pxy3.sm0,
.pxy4.sm0,
.pxy5.sm0,
.pxy6.sm0,
.pxy7.sm0,
.pxy8.sm0 {
padding: 0;
}
@media (min-width: 768px) {
.mt1,
.mt1.sm0 {
margin-top: 10px;
}
.mt2,
.mt2.sm0 {
margin-top: 20px;
}
.mt3,
.mt3.sm0 {
margin-top: 30px;
}
.mt4,
.mt4.sm0 {
margin-top: 40px;
}
.mt5,
.mt5.sm0 {
margin-top: 50px;
}
.mt6,
.mt6.sm0 {
margin-top: 60px;
}
.mt7,
.mt7.sm0 {
margin-top: 70px;
}
.mt8,
.mt8.sm0 {
margin-top: 80px;
}
.mb1,
.mb1.sm0 {
margin-bottom: 10px;
}
.mb2,
.mb2.sm0 {
margin-bottom: 20px;
}
.mb3,
.mb3.sm0 {
margin-bottom: 30px;
}
.mb4,
.mb4.sm0 {
margin-bottom: 40px;
}
.mb5,
.mb5.sm0 {
margin-bottom: 50px;
}
.mb6,
.mb6.sm0 {
margin-bottom: 60px;
}
.mb7,
.mb7.sm0 {
margin-bottom: 70px;
}
.mb8,
.mb8.sm0 {
margin-bottom: 80px;
}
.ml1,
.ml1.sm0 {
margin-left: 10px;
}
.ml2,
.ml2.sm0 {
margin-left: 20px;
}
.ml3,
.ml3.sm0 {
margin-left: 30px;
}
.ml4,
.ml4.sm0 {
margin-left: 40px;
}
.ml5,
.ml5.sm0 {
margin-left: 50px;
}
.ml6,
.ml6.sm0 {
margin-left: 60px;
}
.ml7,
.ml7.sm0 {
margin-left: 70px;
}
.ml8,
.ml8.sm0 {
margin-left: 80px;
}
.mr1,
.mr1.sm0 {
margin-right: 10px;
}
.mr2,
.mr2.sm0 {
margin-right: 20px;
}
.mr3,
.mr3.sm0 {
margin-right: 30px;
}
.mr4,
.mr4.sm0 {
margin-right: 40px;
}
.mr5,
.mr5.sm0 {
margin-right: 50px;
}
.mr6,
.mr6.sm0 {
margin-right: 60px;
}
.mr7,
.mr7.sm0 {
margin-right: 70px;
}
.mr8,
.mr8.sm0 {
margin-right: 80px;
}
.pt1,
.pt1.sm0 {
padding-top: 10px;
}
.pt2,
.pt2.sm0 {
padding-top: 20px;
}
.pt3,
.pt3.sm0 {
padding-top: 30px;
}
.pt4,
.pt4.sm0 {
padding-top: 40px;
}
.pt5,
.pt5.sm0 {
padding-top: 50px;
}
.pt6,
.pt6.sm0 {
padding-top: 60px;
}
.pt7,
.pt7.sm0 {
padding-top: 70px;
}
.pt8,
.pt8.sm0 {
padding-top: 80px;
}
.pb1,
.pb1.sm0 {
padding-bottom: 10px;
}
.pb2,
.pb2.sm0 {
padding-bottom: 20px;
}
.pb3,
.pb3.sm0 {
padding-bottom: 30px;
}
.pb4,
.pb4.sm0 {
padding-bottom: 40px;
}
.pb5,
.pb5.sm0 {
padding-bottom: 50px;
}
.pb6,
.pb6.sm0 {
padding-bottom: 60px;
}
.pb7,
.pb7.sm0 {
padding-bottom: 70px;
}
.pb8,
.pb8.sm0 {
padding-bottom: 80px;
}
.pl1,
.pl1.sm0 {
padding-left: 10px;
}
.pl2,
.pl2.sm0 {
padding-left: 20px;
}
.pl3,
.pl3.sm0 {
padding-left: 30px;
}
.pl4,
.pl4.sm0 {
padding-left: 40px;
}
.pl5,
.pl5.sm0 {
padding-left: 50px;
}
.pl6,
.pl6.sm0 {
padding-left: 60px;
}
.pl7,
.pl7.sm0 {
padding-left: 70px;
}
.pl8,
.pl8.sm0 {
padding-left: 80px;
}
.pr1,
.pr1.sm0 {
padding-right: 10px;
}
.pr2,
.pr2.sm0 {
padding-right: 20px;
}
.pr3,
.pr3.sm0 {
padding-right: 30px;
}
.pr4,
.pr4.sm0 {
padding-right: 40px;
}
.pr5,
.pr5.sm0 {
padding-right: 50px;
}
.pr6,
.pr6.sm0 {
padding-right: 60px;
}
.pr7,
.pr7.sm0 {
padding-right: 70px;
}
.pr8,
.pr8.sm0 {
padding-right: 80px;
}
.my1,
.my1.sm0 {
margin-top: 10px;
margin-bottom: 10px;
}
.my2,
.my2.sm0 {
margin-top: 20px;
margin-bottom: 20px;
}
.my3,
.my3.sm0 {
margin-top: 30px;
margin-bottom: 30px;
}
.my4,
.my4.sm0 {
margin-top: 40px;
margin-bottom: 40px;
}
.my5,
.my5.sm0 {
margin-top: 50px;
margin-bottom: 50px;
}
.my6,
.my6.sm0 {
margin-top: 60px;
margin-bottom: 60px;
}
.my7,
.my7.sm0 {
margin-top: 70px;
margin-bottom: 70px;
}
.my8,
.my8.sm0 {
margin-top: 80px;
margin-bottom: 80px;
}
.py1,
.py1.sm0 {
padding-top: 10px;
padding-bottom: 10px;
}
.py2,
.py2.sm0 {
padding-top: 20px;
padding-bottom: 20px;
}
.py3,
.py3.sm0 {
padding-top: 30px;
padding-bottom: 30px;
}
.py4,
.py4.sm0 {
padding-top: 40px;
padding-bottom: 40px;
}
.py5,
.py5.sm0 {
padding-top: 50px;
padding-bottom: 50px;
}
.py6,
.py6.sm0 {
padding-top: 60px;
padding-bottom: 60px;
}
.py7,
.py7.sm0 {
padding-top: 70px;
padding-bottom: 70px;
}
.py8,
.py8.sm0 {
padding-top: 80px;
padding-bottom: 80px;
}
.mx1,
.mx1.sm0 {
margin-left: 10px;
margin-right: 10px;
}
.mx2,
.mx2.sm0 {
margin-left: 20px;
margin-right: 20px;
}
.mx3,
.mx3.sm0 {
margin-left: 30px;
margin-right: 30px;
}
.mx4,
.mx4.sm0 {
margin-left: 40px;
margin-right: 40px;
}
.mx5,
.mx5.sm0 {
margin-left: 50px;
margin-right: 50px;
}
.mx6,
.mx6.sm0 {
margin-left: 60px;
margin-right: 60px;
}
.mx7,
.mx7.sm0 {
margin-left: 70px;
margin-right: 70px;
}
.mx8,
.mx8.sm0 {
margin-left: 80px;
margin-right: 80px;
}
.px1,
.px1.sm0 {
padding-left: 10px;
padding-right: 10px;
}
.px2,
.px2.sm0 {
padding-left: 20px;
padding-right: 20px;
}
.px3,
.px3.sm0 {
padding-left: 30px;
padding-right: 30px;
}
.px4,
.px4.sm0 {
padding-left: 40px;
padding-right: 40px;
}
.px5,
.px5.sm0 {
padding-left: 50px;
padding-right: 50px;
}
.px6,
.px6.sm0 {
padding-left: 60px;
padding-right: 60px;
}
.px7,
.px7.sm0 {
padding-left: 70px;
padding-right: 70px;
}
.px8,
.px8.sm0 {
padding-left: 80px;
padding-right: 80px;
}
.mxy1,
.mxy1.sm0 {
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
.mxy2,
.mxy2.sm0 {
margin-left: 20px;
margin-right: 20px;
margin-top: 20px;
margin-bottom: 20px;
}
.mxy3,
.mxy3.sm0 {
margin-left: 30px;
margin-right: 30px;
margin-top: 30px;
margin-bottom: 30px;
}
.mxy4,
.mxy4.sm0 {
margin-left: 40px;
margin-right: 40px;
margin-top: 40px;
margin-bottom: 40px;
}
.mxy5,
.mxy5.sm0 {
margin-left: 50px;
margin-right: 50px;
margin-top: 50px;
margin-bottom: 50px;
}
.mxy6,
.mxy6.sm0 {
margin-left: 60px;
margin-right: 60px;
margin-top: 60px;
margin-bottom: 60px;
}
.mxy7,
.mxy7.sm0 {
margin-left: 70px;
margin-right: 70px;
margin-top: 70px;
margin-bottom: 70px;
}
.mxy8,
.mxy8.sm0 {
margin-left: 80px;
margin-right: 80px;
margin-top: 80px;
margin-bottom: 80px;
}
.pxy1,
.pxy1.sm0 {
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
.pxy2,
.pxy2.sm0 {
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
}
.pxy3,
.pxy3.sm0 {
padding-left: 30px;
padding-right: 30px;
padding-top: 30px;
padding-bottom: 30px;
}
.pxy4,
.pxy4.sm0 {
padding-left: 40px;
padding-right: 40px;
padding-top: 40px;
padding-bottom: 40px;
}
.pxy5,
.pxy5.sm0 {
padding-left: 50px;
padding-right: 50px;
padding-top: 50px;
padding-bottom: 50px;
}
.pxy6,
.pxy6.sm0 {
padding-left: 60px;
padding-right: 60px;
padding-top: 60px;
padding-bottom: 60px;
}
.pxy7,
.pxy7.sm0 {
padding-left: 70px;
padding-right: 70px;
padding-top: 70px;
padding-bottom: 70px;
}
.pxy8,
.pxy8.sm0 {
padding-left: 80px;
padding-right: 80px;
padding-top: 80px;
padding-bottom: 80px;
}
}
html,
body {
height: 100%;
margin: 0;
}
/*
.layout{
display: table;
height: 100%;
width:100%;
>div{
display: table-row;
height:1px;
}
.layout-content{
height:auto;
overflow: hidden;
position: relative;
z-index: 1;
}
.layout-footer{
z-index: 2;
position: relative;
}
}*/
#main-menu {
height: 80px;
overflow: hidden;
position: fixed;
z-index: 2500000;
width: 100%;
color: #ffffff;
background-color: #111111;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#main-menu a,
#main-menu button {
color: #ffffff;
}
#main-menu .links-wrapper,
#main-menu .logo,
#main-menu .compressed-bar {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#main-menu .img-wrapper {
display: none;
}
@media (min-width: 992px) {
#main-menu {
height: 80px;
}
#main-menu.mode-layer {
background-color: rgba(0, 0, 0, 0);
height: 223px;
}
#main-menu.mode-layer a,
#main-menu.mode-layer button {
color: #222222;
}
#main-menu.mode-layer .compressed-bar {
background-color: rgba(0, 0, 0, 0);
}
#main-menu.mode-no-logo {
position: static;
}
#main-menu.mode-no-logo .logo {
display: none;
}
#main-menu.mode-no-logo .img-wrapper {
display: block;
}
#main-menu.mode-no-logo .links-wrapper {
left: 150px;
}
}
#main-menu .container > div {
position: relative;
}
#main-menu .logo {
position: absolute;
top: 0;
left: 0;
}
#main-menu .right {
position: absolute;
top: 0;
right: 0;
}
#main-menu .links-wrapper {
position: absolute;
left: 200px;
width: 650px;
}
@media (min-width: 1200px) {
#main-menu .links-wrapper {
width: 770px;
}
}
#main-menu .links-wrapper > ul.links {
float: left;
position: relative;
left: 50%;
bottom: 0px;
}
#main-menu .links-wrapper > ul.links > li {
position: relative;
float: left;
left: -50%;
display: block;
}
#main-menu .logo,
#main-menu .links,
#main-menu .right {
height: 80px;
}
#main-menu .logo img {
display: block;
height: 80px;
padding-top: 10px;
padding-bottom: 10px;
}
#main-menu .links li {
fs: w-nav;
font-family: 'Work Sans', sans-serif;
font-size: 14px;
height: 80px;
line-height: 80px;
padding: 0 10px;
margin: 0;
}
@media (min-width: 1200px) {
#main-menu .links li {
font-size: 18px;
}
}
@media (min-width: 1200px) {
#main-menu .links li {
padding: 0 20px;
}
}
#main-menu .links li a {
position: relative;
display: block;
text-decoration: none !important;
line-height: 80px;
}
#main-menu .links li a:before {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
content: "";
position: absolute;
bottom: 0px;
left: 0px;
width: 0%;
border-top: 5px solid;
}
.no-touch #main-menu .links li a:hover {
text-decoration: none;
}
.no-touch #main-menu .links li a:hover:before {
width: 100%;
}
#main-menu .ico {
float: left;
font-size: 24px;
line-height: 80px;
text-align: center;
display: block;
height: 80px;
width: 40px;
text-decoration: none !important;
}
@media (min-width: 1200px) {
#main-menu .ico {
width: 60px;
}
}
#main-menu form button {
background: transparent;
border: 0;
outline: 0!important;
}
#main-menu [data-records-list-ui-size="small"] .admin-btns .admin-btns-wrap.wrap-top {
top: 0;
}
#main-menu .compressed-bar,
#main-menu .screen-disabler {
display: none;
}
@media (max-width: 991px) {
#main-menu {
overflow: visible;
height: auto;
}
#main-menu .compressed-bar {
background-color: #040404;
}
#main-menu .screen-disabler {
background-color: rgba(0, 0, 0, 0.41);
}
#main-menu .content {
background-color: #fff;
}
#main-menu .content * {
color: #222222;
}
#main-menu .links-wrapper li a {
border-top: 1px solid rgba(200, 200, 200, 0.9);
}
#main-menu .compressed-bar {
display: block;
height: 80px;
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 1;
}
#main-menu .screen-disabler {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
body.main-menu-open #main-menu .screen-disabler {
display: block;
}
#main-menu .content {
position: fixed;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
top: 80px;
width: 300px;
bottom: 0px;
overflow-y: scroll;
/* has to be scroll, not auto */
-webkit-overflow-scrolling: touch;
right: -300px;
}
body.main-menu-open #main-menu .content {
right: 0;
}
#main-menu .visible-open {
display: none;
}
#main-menu .hidden-open {
display: block;
}
body.main-menu-open #main-menu .visible-open {
display: block;
}
body.main-menu-open #main-menu .hidden-open {
display: none;
}
#main-menu .compressed-bar .logo img {
padding: 15px;
}
#main-menu .compressed-bar .toggler {
padding: 0 20px;
position: absolute;
right: 0px;
top: 0px;
}
#main-menu .compressed-bar .toggler-search {
padding: 0 20px;
position: absolute;
right: 90px;
top: 0px;
}
#main-menu .right {
position: fixed;
top: 0;
right: 50px;
width: auto;
}
#main-menu .content {
padding: 0;
-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
-moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
body.main-menu-open #main-menu .content {
-webkit-box-shadow: -5px 0px 15px 3px rgba(0, 0, 0, 0.5);
-moz-box-shadow: -5px 0px 15px 3px rgba(0, 0, 0, 0.5);
box-shadow: -5px 0px 15px 3px rgba(0, 0, 0, 0.5);
}
#main-menu .content .logo {
display: none;
}
#main-menu .content .right {
position: absolute;
top: 0;
right: auto;
width: 100%;
}
#main-menu .content .right .ico {
width: 50%;
float: right;
}
#main-menu .content .right .icon-search {
border-left: 1px solid rgba(200, 200, 200, 0.9);
}
#main-menu .content .right .icon-bag {
position: relative;
left: -20px;
}
#main-menu .content .links-wrapper,
#main-menu .content .links {
position: static;
width: 100%;
left: auto;
float: none;
height: auto;
}
#main-menu .content .links-wrapper {
padding-top: 80px;
}
#main-menu .content .links-wrapper > ul.links {
left: 0;
float: none;
}
#main-menu .content .links-wrapper > ul.links > li {
left: 0;
float: none;
padding: 0;
}
#main-menu .content .links-wrapper > ul.links > li a {
padding-left: 20px;
padding-right: 20px;
}
#main-menu .content .links-wrapper > ul.links > li a:after {
display: none;
}
#main-menu .content .links-wrapper > ul.links > li:last-child a {
border-bottom: 0;
}
}
.layout-footer > div {
padding-top: 30px;
padding-bottom: 30px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
@media (min-width: 768px) {
.layout-footer > div {
padding-top: 60px;
padding-bottom: 60px;
}
}
body.refuse-cookies .layout-footer > div {
padding-bottom: 100px;
}
@media (min-width: 768px) {
.layout-footer .col-icons {
padding-top: 15px;
}
}
@media (max-width: 767px) {
.layout-footer .col-links {
padding-top: 15px;
}
}
.layout-footer .col-links li,
.layout-footer .col-links li a,
.layout-footer .col-links lia {
color: #ffffff;
}
.layout-footer .col-links li svg path,
.layout-footer .col-links li a svg path,
.layout-footer .col-links lia svg path {
fill: #ffffff;
}
.layout-footer .col-links lia,
.layout-footer .col-links li aa,
.layout-footer .col-links liaa {
color: #ffffff;
}
.layout-footer .col-links li:hover,
.layout-footer .col-links li a:hover,
.layout-footer .col-links lia:hover {
color: #ffffff;
}
.layout-footer .col-links li:hover svg path,
.layout-footer .col-links li a:hover svg path,
.layout-footer .col-links lia:hover svg path {
fill: #ffffff;
}
.layout-footer .col-links li:hovera,
.layout-footer .col-links li a:hovera,
.layout-footer .col-links lia:hovera {
color: #ffffff;
}
.layout-footer .col-links li a {
display: block;
padding-top: 5px;
padding-bottom: 5px;
fs: w-link-small;
font-family: 'Work Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 11px;
line-height: 13px;
}
@media (max-width: 767px) {
.layout-footer .col-links li a {
padding-top: 10px;
padding-bottom: 10px;
}
}
@media (max-width: 767px) {
.layout-footer .col-logo,
.layout-footer .col-icons,
.layout-footer .col-links {
margin-bottom: 15px;
text-align: center;
}
.layout-footer .col-icons > a {
width: 40px;
height: 40px;
line-height: 37px;
font-size: 20px;
}
.layout-footer .col-logo {
text-align: center;
}
.layout-footer .col-logo img {
max-width: 50%;
display: inline-block;
}
}
[data-pov-accept-cookies-message] {
border-top: 5px solid #111111;
}
[data-pov-accept-cookies-message] p {
margin: 0;
}
@media (max-width: 767px) {
[data-pov-accept-cookies-message] .tiny {
text-align: center;
padding-top: 10px;
}
}
@media (min-width: 768px) {
[data-pov-accept-cookies-message] .t {
display: table;
width: 100%;
}
[data-pov-accept-cookies-message] .t > .c {
padding-right: 15px;
display: table-cell;
vertical-align: middle;
}
[data-pov-accept-cookies-message] .t > .c.tiny {
width: 1%;
}
}
.page {
padding-top: 80px;
margin-top: -1px;
min-height: 600px;
}
.page.page-menu-layer {
padding-top: 80px;
}
@media (min-width: 992px) {
.page.page-menu-layer {
padding-top: 0;
}
}
.page #button-search {
display: none;
}
@media (min-width: 992px) {
.page #button-search {
display: inline-block;
}
}
.page {
overflow: hidden;
}
.page.page-tag .tag-head .title {
fs: w-h1;
font-family: 'Work Sans', sans-serif;
font-size: 30px;
line-height: 1.3;
font-weight: 800;
text-transform: uppercase;
color: #222222;
text-decoration: none;
margin-bottom: 30px;
}
@media (min-width: 768px) {
.page.page-tag .tag-head .title {
font-size: 46px;
}
}
.page.page-tag .tag-head .introduction {
padding-left: 0;
padding-top: 0;
border-left: 0;
fs: w-paragraph;
font-family: 'Work Sans', sans-serif;
line-height: 24px;
font-size: 14px;
font-weight: 400;
font-style: normal;
color: #888888;
text-align: justify;
}
@media (min-width: 768px) {
.page.page-tag .tag-head .introduction {
font-size: 16px;
line-height: 28px;
}
}
.page.page-home .section-title.title-middle {
position: relative;
top: 30px;
}
.page.page-product table {
border-spacing: 10px 0;
border-collapse: separate;
}
.page.page-product .header-product {
position: relative;
}
.page.page-product .header-product .price {
position: absolute;
right: 10px;
top: -90px;
}
@media (min-width: 768px) {
.page.page-product .header-product .price {
right: 15px;
top: -170px;
}
}
@media (min-width: 992px) {
.page.page-product .header-product .price {
right: 30px;
top: -80px;
}
}
.page.page-product .header-product .price .content-buy {
padding: 10px 5px;
float: left;
}
@media (min-width: 768px) {
.page.page-product .header-product .price .content-buy {
width: 112px;
padding: 10px 0;
margin-top: 10px;
}
}
.page.page-product .header-product .price .content-buy .info-epuise {
padding-top: 2px;
}
@media (min-width: 768px) {
.page.page-product .header-product .price .content-buy .info-epuise {
padding-top: 15px;
}
}
.page.page-product .header-product .price .content-buy .info {
margin-right: 15px;
}
.page.page-product .header-product .price .content-buy button .ico {
display: none;
}
@media (min-width: 768px) {
.page.page-product .header-product .price .content-buy button .ico {
display: block;
}
}
.page.page-product .header-product .price .content-buy button .d-inline-block {
display: block;
font-size: 10px;
line-height: 15px;
margin-top: 5px;
}
@media (min-width: 768px) {
.page.page-product .header-product .price .content-buy button .d-inline-block {
width: 100px;
}
}
.page.page-product .header-product .price .content-buy:hover:before {
width: 100%;
}
.page.page-product .header-product .price .content-buy:before {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 0%;
border-top: 5px solid #111111;
}
.page.page-product .header-product .price .content-price {
float: right;
padding-left: 10px;
margin-top: 10px;
padding-top: 0px;
border-left: 1px solid #e0e0e0;
height: 25px;
}
@media (min-width: 768px) {
.page.page-product .header-product .price .content-price {
height: 64px;
margin-top: 20px;
padding-top: 10px;
padding-left: 20px;
}
}
.page.page-product .header-product .price .content-price .w-h2 {
letter-spacing: 1px;
}
.page.page-product .header-product .price .content-price .w-indication {
position: relative;
top: -10px;
}
@media (min-width: 768px) {
.page.page-product .header-product .price .content-price .w-indication {
margin-left: 5px;
top: -20px;
}
}
.page.page-product [data-is-open-btn-target] .word-is-close {
display: inline;
}
.page.page-product [data-is-open-btn-target] .word-is-open {
display: none;
}
.page.page-product [data-is-open-btn-target].is-open-btn-open .word-is-close {
display: none;
}
.page.page-product [data-is-open-btn-target].is-open-btn-open .word-is-open {
display: inline;
}
.page.page-product [data-is-open] {
display: none;
}
.page.page-product [data-is-open].is-open {
display: block;
}
.page.page-product [data-is-open] .baseline {
display: none;
}
.user-head {
text-align: center;
}
.user-head .img-thumbnail {
max-width: 200px;
}
.user-head .title {
margin-top: 20px !important;
}
.user-head .title span {
fs: w-h2;
font-family: 'Crimson Text', serif;
font-weight: 200;
font-size: 30px;
line-height: normal;
letter-spacing: -2px;
font-style: italic;
color: #222222;
}
@media (min-width: 768px) {
.user-head .title span {
font-size: 46px;
}
}
.user-head .title span:first-child {
color: #888888;
}
.user-head .profession {
fs: w-introduction;
font-family: 'Work Sans', sans-serif;
font-weight: 900;
font-size: 14px;
line-height: normal;
line-height: 1;
padding-bottom: 20px;
}
@media (min-width: 768px) {
.user-head .profession {
font-size: 18px;
}
}
.user-head .profession:after {
content: "";
border-top: 1px solid #888888;
width: 50px;
display: block;
margin: 15px auto;
}
.user-head .bio {
fs: w-paragraph;
font-family: 'Work Sans', sans-serif;
line-height: 24px;
font-size: 14px;
font-weight: 400;
font-style: normal;
text-align: justify;
}
@media (min-width: 768px) {
.user-head .bio {
font-size: 16px;
line-height: 28px;
}
}
.label.label-info,
.label.label-info a {
background-color: #111111;
opacity: 1;
filter: alpha(opacity=100);
}
.label.label-info:hover,
.label.label-info a:hover {
background-color: #111111;
opacity: 0.8;
filter: alpha(opacity=80);
}
.label.label-info,
.label.label-info a,
.label.label-infoa {
color: #ffffff;
}
.label.label-info svg path,
.label.label-info a svg path,
.label.label-infoa svg path {
fill: #ffffff;
}
.label.label-infoa,
.label.label-info aa,
.label.label-infoaa {
color: #ffffff;
}
.label.label-info:hover,
.label.label-info a:hover,
.label.label-infoa:hover {
color: #ffffff;
}
.label.label-info:hover svg path,
.label.label-info a:hover svg path,
.label.label-infoa:hover svg path {
fill: #ffffff;
}
.label.label-info:hovera,
.label.label-info a:hovera,
.label.label-infoa:hovera {
color: #ffffff;
}
.btn-classic {
fs: w-link;
font-family: 'Work Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
line-height: 16px;
display: inline-block;
border: 2px solid;
color: #111111;
background-color: #ffffff;
line-height: 25px;
padding: 6px 15px 8px 15px;
-webkit-transition: color 0.2s, background-color 0.2s;
-moz-transition: color 0.2s, background-color 0.2s;
-ms-transition: color 0.2s, background-color 0.2s;
-o-transition: color 0.2s, background-color 0.2s;
transition: color 0.2s, background-color 0.2s;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border-color: #111111;
}
.btn-classic:hover {
cursor: pointer;
color: #ffffff;
background-color: #111111;
border-color: #ffffff;
}
.btn-classic.btn-arrow:after {
content: "\e095";
font-family: '6pieds';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
font-size: 24px;
border-left: 1px solid rgba(17, 17, 17, 0.5);
height: 73px;
position: relative;
top: 6px;
left: 30px;
padding: 20px;
}
.btn-classic.btn-arrow:hover:after {
border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.btn-classic.btn-small {
line-height: 40px;
padding: 0px 12px;
}
.btn-classic.btn-small:after {
top: 5px;
left: 12px;
padding: 8px 10px;
}
.btn-classic .ico {
position: relative;
top: 5px;
left: -8px;
}
.btn-big-white,
a.btn-big-white {
fs: w-link;
font-family: 'Work Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
line-height: 16px;
display: inline-block;
border: 2px solid;
border-color: #111111;
color: #111111;
background-color: #ffffff;
line-height: 25px;
padding: 6px 15px 8px 15px;
-webkit-transition: color 0.2s, background-color 0.2s;
-moz-transition: color 0.2s, background-color 0.2s;
-ms-transition: color 0.2s, background-color 0.2s;
-o-transition: color 0.2s, background-color 0.2s;
transition: color 0.2s, background-color 0.2s;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: none;
fs: w-h3;
font-family: 'Crimson Text', serif;
font-size: 18px;
line-height: 1.1;
letter-spacing: -1px;
font-style: italic;
font-weight: normal;
line-height: 22px;
padding: 7px 10px;
text-transform: capitalize;
}
.btn-big-white:hover,
a.btn-big-white:hover {
cursor: pointer;
color: #ffffff;
background-color: #111111;
border-color: #ffffff;
}
.btn-big-white.btn-arrow:after,
a.btn-big-white.btn-arrow:after {
content: "\e095";
font-family: '6pieds';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
font-size: 24px;
border-left: 1px solid rgba(17, 17, 17, 0.5);
height: 73px;
position: relative;
top: 6px;
left: 30px;
padding: 20px;
}
.btn-big-white.btn-arrow:hover:after,
a.btn-big-white.btn-arrow:hover:after {
border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.btn-big-white.btn-small,
a.btn-big-white.btn-small {
line-height: 40px;
padding: 0px 12px;
}
.btn-big-white.btn-small:after,
a.btn-big-white.btn-small:after {
top: 5px;
left: 12px;
padding: 8px 10px;
}
.btn-big-white .ico,
a.btn-big-white .ico {
position: relative;
top: 5px;
left: -8px;
}
@media (min-width: 768px) {
.btn-big-white,
a.btn-big-white {
font-size: 24px;
}
}
.btn-classic-branding,
a.btn-branding {
fs: w-link;
font-family: 'Work Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
line-height: 16px;
display: inline-block;
border: 2px solid;
border-color: #ffffff;
color: #ffffff;
background-color: #111111;
line-height: 25px;
padding: 6px 15px 8px 15px;
-webkit-transition: color 0.2s, background-color 0.2s;
-moz-transition: color 0.2s, background-color 0.2s;
-ms-transition: color 0.2s, background-color 0.2s;
-o-transition: color 0.2s, background-color 0.2s;
transition: color 0.2s, background-color 0.2s;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.btn-classic-branding:hover,
a.btn-branding:hover {
cursor: pointer;
color: #111111;
background-color: #ffffff;
border-color: #111111;
}
.btn-classic-branding.btn-arrow:after,
a.btn-branding.btn-arrow:after {
content: "\e095";
font-family: '6pieds';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
font-size: 24px;
border-left: 1px solid rgba(255, 255, 255, 0.5);
height: 73px;
position: relative;
top: 6px;
left: 30px;
padding: 20px;
}
.btn-classic-branding.btn-arrow:hover:after,
a.btn-branding.btn-arrow:hover:after {
border-left: 1px solid rgba(17, 17, 17, 0.5);
}
.btn-classic-branding.btn-small,
a.btn-branding.btn-small {
line-height: 40px;
padding: 0px 12px;
}
.btn-classic-branding.btn-small:after,
a.btn-branding.btn-small:after {
top: 5px;
left: 12px;
padding: 8px 10px;
}
.btn-classic-branding .ico,
a.btn-branding .ico {
position: relative;
top: 5px;
left: -8px;
}
.btn-classic-black {
fs: w-link;
font-family: 'Work Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
line-height: 16px;
display: inline-block;
border: 2px solid;
border-color: #ffffff;
color: #ffffff;
background-color: #000000;
line-height: 25px;
padding: 6px 15px 8px 15px;
-webkit-transition: color 0.2s, background-color 0.2s;
-moz-transition: color 0.2s, background-color 0.2s;
-ms-transition: color 0.2s, background-color 0.2s;
-o-transition: color 0.2s, background-color 0.2s;
transition: color 0.2s, background-color 0.2s;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.btn-classic-black:hover {
cursor: pointer;
color: #000000;
background-color: #ffffff;
border-color: #000000;
}
.btn-classic-black.btn-arrow:after {
content: "\e095";
font-family: '6pieds';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
font-size: 24px;
border-left: 1px solid rgba(255, 255, 255, 0.5);
height: 73px;
position: relative;
top: 6px;
left: 30px;
padding: 20px;
}
.btn-classic-black.btn-arrow:hover:after {
border-left: 1px solid rgba(0, 0, 0, 0.5);
}
.btn-classic-black.btn-small {
line-height: 40px;
padding: 0px 12px;
}
.btn-classic-black.btn-small:after {
top: 5px;
left: 12px;
padding: 8px 10px;
}
.btn-classic-black .ico {
position: relative;
top: 5px;
left: -8px;
}
.btn-classic-grey-dark {
fs: w-link;
font-family: 'Work Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
line-height: 16px;
display: inline-block;
border: 2px solid;
border-color: #ffffff;
color: #ffffff;
background-color: #222222;
line-height: 25px;
padding: 6px 15px 8px 15px;
-webkit-transition: color 0.2s, background-color 0.2s;
-moz-transition: color 0.2s, background-color 0.2s;
-ms-transition: color 0.2s, background-color 0.2s;
-o-transition: color 0.2s, background-color 0.2s;
transition: color 0.2s, background-color 0.2s;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.btn-classic-grey-dark:hover {
cursor: pointer;
color: #222222;
background-color: #ffffff;
border-color: #222222;
}
.btn-classic-grey-dark.btn-arrow:after {
content: "\e095";
font-family: '6pieds';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
font-size: 24px;
border-left: 1px solid rgba(255, 255, 255, 0.5);
height: 73px;
position: relative;
top: 6px;
left: 30px;
padding: 20px;
}
.btn-classic-grey-dark.btn-arrow:hover:after {
border-left: 1px solid rgba(34, 34, 34, 0.5);
}
.btn-classic-grey-dark.btn-small {
line-height: 40px;
padding: 0px 12px;
}
.btn-classic-grey-dark.btn-small:after {
top: 5px;
left: 12px;
padding: 8px 10px;
}
.btn-classic-grey-dark .ico {
position: relative;
top: 5px;
left: -8px;
}
.btn-classic-grey-medium {
fs: w-link;
font-family: 'Work Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
line-height: 16px;
display: inline-block;
border: 2px solid;
border-color: #ffffff;
color: #ffffff;
background-color: #888888;
line-height: 25px;
padding: 6px 15px 8px 15px;
-webkit-transition: color 0.2s, background-color 0.2s;
-moz-transition: color 0.2s, background-color 0.2s;
-ms-transition: color 0.2s, background-color 0.2s;
-o-transition: color 0.2s, background-color 0.2s;
transition: color 0.2s, background-color 0.2s;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.btn-classic-grey-medium:hover {
cursor: pointer;
color: #888888;
background-color: #ffffff;
border-color: #888888;
}
.btn-classic-grey-medium.btn-arrow:after {
content: "\e095";
font-family: '6pieds';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
font-size: 24px;
border-left: 1px solid rgba(255, 255, 255, 0.5);
height: 73px;
position: relative;
top: 6px;
left: 30px;
padding: 20px;
}
.btn-classic-grey-medium.btn-arrow:hover:after {
border-left: 1px solid rgba(136, 136, 136, 0.5);
}
.btn-classic-grey-medium.btn-small {
line-height: 40px;
padding: 0px 12px;
}
.btn-classic-grey-medium.btn-small:after {
top: 5px;
left: 12px;
padding: 8px 10px;
}
.btn-classic-grey-medium .ico {
position: relative;
top: 5px;
left: -8px;
}
.btn-square-grey-medium {
fs: w-link;
font-family: 'Work Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
line-height: 16px;
display: block;
color: #ffffff;
background-color: #888888;
padding: 40px;
-webkit-transition: color 0.2s, background-color 0.2s;
-moz-transition: color 0.2s, background-color 0.2s;
-ms-transition: color 0.2s, background-color 0.2s;
-o-transition: color 0.2s, background-color 0.2s;
transition: color 0.2s, background-color 0.2s;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.btn-square-grey-medium:hover {
cursor: pointer;
color: #888888;
background-color: #ffffff;
}
.btn-square-grey-medium .ico {
position: relative;
left: -14px;
top: 3px;
}
.btn-square-grey-dark {
fs: w-link;
font-family: 'Work Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
line-height: 16px;
display: block;
color: #ffffff;
background-color: #222222;
padding: 40px;
-webkit-transition: color 0.2s, background-color 0.2s;
-moz-transition: color 0.2s, background-color 0.2s;
-ms-transition: color 0.2s, background-color 0.2s;
-o-transition: color 0.2s, background-color 0.2s;
transition: color 0.2s, background-color 0.2s;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.btn-square-grey-dark:hover {
cursor: pointer;
color: #222222;
background-color: #ffffff;
}
.btn-square-grey-dark .ico {
position: relative;
left: -14px;
top: 3px;
}
.btn-rounded {
text-decoration: none !important;
box-sizing: border-box;
line-height: 60px;
border: 2px solid;
display: inline-block;
padding-left: 30px;
padding-right: 30px;
-webkit-border-radius: 120px;
-moz-border-radius: 120px;
border-radius: 120px;
font-size: 1em;
}
.btn-rounded > .ico,
.btn-rounded .ico-medium {
float: left;
display: inline-block;
margin-right: 5px;
line-height: 39px;
}
.btn-rounded > .ico {
font-size: 32px;
margin-left: -15px;
}
.btn-rounded > .ico-medium {
font-size: 24px;
margin-left: -6px;
}
.icon-rounded {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid #fff;
width: 60px;
height: 60px;
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
text-align: center;
line-height: 55px !important;
font-size: 20px;
text-decoration: none !important;
}
.icon-rounded-black {
border-color: #000;
}
.paypal-btn-form {
position: relative;
}
.paypal-btn-form button {
border: 0;
outline: 0;
background-color: transparent;
fs: w-link;
font-family: 'Work Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
line-height: 16px;
}
.paypal-btn-form > img[width='1'] {
position: absolute;
}
.img-thumbnail {
padding: 0;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.preview-post h2 {
height: 71px;
overflow: hidden;
line-height: 18px;
}
.preview-post h2 .title {
fs: w-link;
font-family: 'Work Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
line-height: 16px;
}
.preview-post h2 .subtitle {
line-height: 14px;
}
.preview-post h4 {
overflow: hidden;
height: 36px;
margin-bottom: 0;
opacity: 0.5;
filter: alpha(opacity=50);
font-weight: normal;
}
.preview-post .wrap-img {
position: relative;
}
.preview-post .wrap-img .news {
position: absolute;
bottom: 0;
padding: 6px;
margin: 0;
}
.preview-post.post-template-classic .block-text,
.preview-post.post-template-mini .block-text {
position: relative;
}
.preview-post.post-template-classic .block-text .bg-product,
.preview-post.post-template-mini .block-text .bg-product {
width: 100%;
height: 0%;
position: absolute;
transition: height 0.2s ease-in-out;
}
.preview-post.post-template-classic .block-text .wrap-block-text,
.preview-post.post-template-mini .block-text .wrap-block-text {
z-index: 10;
position: relative;
}
.preview-post.post-template-classic:hover .bg-product,
.preview-post.post-template-mini:hover .bg-product {
height: 100%;
}
.preview-post.post-template-mini {
margin: 0 5px;
}
.preview-tiny.preview-tiny-post {
display: block;
margin-bottom: 10px;
}
.preview-tiny.preview-tiny-post > img,
.preview-tiny.preview-tiny-post h5 {
float: left;
display: block;
}
.preview-tiny.preview-tiny-post > img {
width: 20%;
}
.preview-tiny.preview-tiny-post > h5 {
padding-left: 10px;
margin: 0;
width: 80%;
}
.preview-tiny.preview-tiny-post:before,
.preview-tiny.preview-tiny-post:after {
content: " ";
display: table;
}
.preview-tiny.preview-tiny-post:after {
clear: both;
}
.preview-tiny.preview-tiny-post:before,
.preview-tiny.preview-tiny-post:after {
content: " ";
display: table;
}
.preview-tiny.preview-tiny-post:after {
clear: both;
}
.post-template-big {
min-height: 270px;
}
.post-template-big .title,
.post-template-big .title > a,
.post-template-big .titlea:hover {
text-decoration: none;
}
.post-template-big .d-table {
height: 200px;
width: 100%;
}
.post-template-big .img-product {
position: relative;
top: 20px;
left: 5px;
}
.post-template-big .img-product:first-child {
top: 20px;
left: -5px;
}
.post-template-big .img-product img {
width: 125px;
}
@media (min-width: 768px) {
.post-template-big .img-product {
top: 90px;
left: 20px;
}
.post-template-big .img-product img {
width: 150px;
}
.post-template-big .img-product:first-child {
top: 30px;
left: 0px;
}
}
.preview-tiny-user {
color: #222222;
fs: w-indication;
font-family: 'Work Sans', sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 20px;
white-space: nowrap;
}
@media (min-width: 768px) {
.preview-tiny-user {
font-size: 16px;
line-height: 24px;
}
}
.preview-tiny-user img {
margin-right: 10px;
-webkit-border-radius: 100% !important;
-moz-border-radius: 100% !important;
border-radius: 100% !important;
}
.preview-tiny-user:hover {
color: #040404;
text-decoration: none;
}
.preview-circle-user .title {
height: 40px;
line-height: 16px;
}
@charset "UTF-8";
.carroussel {
text-align: -webkit-center;
padding-bottom: 20px;
}
@media (min-width: 768px) {
.carroussel {
padding-bottom: 15px;
}
}
@media (min-width: 992px) {
.carroussel {
padding-bottom: 10px;
}
}
@media (min-width: 1200px) {
.carroussel {
padding-bottom: 4px;
}
}
.carroussel-poster {
text-align: -webkit-center;
}
.carroussel-poster .slick-dots {
margin-top: 10px;
}
@media (min-width: 768px) {
.carroussel-poster .slick-dots {
margin-top: 15px;
}
}
@media (min-width: 992px) {
.carroussel-poster .slick-dots {
margin-top: 20px;
}
}
/* Slider */
.slick-loading .slick-list {
background-image: url("/res/im/loadings/youtube-rounds-20x20.gif");
background-position: 50%;
background-repeat: no-repeat;
}
/* Icons */
@font-face {
font-family: 'icomoon';
font-weight: normal;
font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
position: absolute;
display: block;
background: white;
border-radius: 100%;
padding: 5px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
border: none;
outline: none;
}
@media (min-width: 992px) {
.slick-prev,
.slick-next {
background: transparent;
border-radius: none;
height: 20px;
width: 20px;
padding: 0;
}
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
outline: none;
color: transparent;
}
@media (min-width: 992px) {
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
background: transparent;
}
}
.slick-prev:hover:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
font-family: '6pieds';
line-height: 1;
color: #111111;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 20px;
}
@media (min-width: 992px) {
.slick-prev:before,
.slick-next:before {
font-size: 30px;
}
}
.slick-prev {
left: -12px;
z-index: 10000;
}
@media (min-width: 992px) {
.slick-prev {
left: -30px;
}
}
.slick-prev[dir="rtl"] {
left: auto;
right: -30px;
}
.slick-prev:before {
content: "\e908";
}
.slick-prev:before[dir="rtl"] {
content: "\e907";
}
.slick-next {
right: -12px;
}
@media (min-width: 992px) {
.slick-next {
right: -20px;
}
}
.slick-next[dir="rtl"] {
left: -20px;
right: auto;
}
.slick-next:before {
content: "\e907";
}
.slick-next:before[dir="rtl"] {
content: "\e908";
}
/* Dots */
.slick-dotted .slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: '6pieds';
font-size: 40px;
line-height: 20px;
text-align: center;
color: #111111;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
color: #111111;
opacity: 0.75;
}
.bg-dark .slick-dots li button:before {
color: #ffffff;
}
.bg-dark .slick-prev:before,
.bg-dark .slick-next:before {
color: #111111;
}
@media (min-width: 992px) {
.bg-dark .slick-prev:before,
.bg-dark .slick-next:before {
color: #ffffff;
}
}
.data-pov-is-doing {
padding: 40px;
margin-bottom: 20px;
background-image: url("/res/im/loadings/youtube-rounds-20x20.gif");
background-position: 50%;
background-repeat: no-repeat;
}
.body-loading-transition:after {
content: "";
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 10000;
height: 100%;
width: 100%;
background-image: url("/res/im/loadings/youtube-rounds-20x20.gif");
background-position: 50%;
background-repeat: no-repeat;
}
.body-loading-transition .page {
opacity: 0;
filter: alpha(opacity=0);
}
.page {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.section-title {
display: inline-block;
text-align: center;
}
.section-title,
.section-title * {
fs: w-h1;
font-family: 'Work Sans', sans-serif;
font-size: 30px;
line-height: 1.3;
font-weight: 800;
text-transform: uppercase;
}
@media (min-width: 768px) {
.section-title,
.section-title * {
font-size: 46px;
}
}
[class*="bg-branding"] .section-title {
border-color: #ffffff;
background-color: transparent;
color: #111111;
}
[class*="bg-branding"] .section-title.title-noborder {
border-color: transparent;
background-color: #ffffff;
color: #111111;
}
[class*="bg-branding"] .section-title.title-white-borderblack {
border-color: #111111;
background-color: #ffffff;
color: #111111;
}
.section-title.title-noborder {
border-color: transparent;
}
hr {
display: inline-block;
width: 50px;
border: 10px solid;
}
.border-right {
border-right: 1px solid #e0e0e0;
}
.border-branding {
padding-bottom: 12px;
border-bottom: 20px solid #111111;
}
.tic-after:after {
content: "";
border-top: 1px solid #888888;
width: 50px;
display: block;
margin: 15px auto;
}
.tic-before-text:before {
content: "";
display: inline-block;
border-top: 20px solid #222222;
vertical-align: middle;
width: 15px;
margin-right: 10px;
}
@media (min-width: 768px) {
.tic-before-text:before {
width: 70px;
margin-right: 30px;
}
}
.tic-before-text-small:before {
content: "";
display: inline-block;
border-top: 20px solid #222222;
vertical-align: middle;
width: 15px;
margin-right: 10px;
}
@media (min-width: 768px) {
.tic-before-text-small:before {
width: 70px;
margin-right: 30px;
}
}
.tic-before-text-small:before {
width: 20px;
margin-right: 5px;
}
@media (min-width: 768px) {
.tic-before-text-small:before {
width: 50px;
margin-right: 10px;
}
}
.arrow_box {
position: relative;
background: #fff;
border: 1px solid #000;
display: inline-block;
padding: 20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.arrow_box:after,
.arrow_box:before {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.arrow_box:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #fff;
border-width: 10px;
margin-left: -10px;
}
.arrow_box:before {
border-color: rgba(0, 0, 0, 0);
border-bottom-color: #000;
border-width: 11px;
margin-left: -11px;
}
.square-grid [class^='case-'] {
position: relative;
overflow: hidden;
}
.square-grid [class^='case-'] > .content,
.square-grid [class^='case-'] > .content-fluid {
margin-bottom: 1px;
}
.square-grid [class^='case-'] .group {
margin-bottom: -1px;
}
.square-grid [class^='case-'] .gut-group {
margin-top: 1px;
margin-bottom: -1px;
}
@media (min-width: 768px) {
.square-grid [class^='case-'] {
position: relative;
float: left;
overflow: hidden;
}
.square-grid [class^='case-'] > .content {
position: absolute;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.square-grid [class^='case-'] > .content img {
display: inline-block;
}
.square-grid [class^='case-'] > .content.gut-left-right {
padding-left: 0.25px;
padding-right: 0.25px;
}
.square-grid .case-1 {
width: 100%;
}
.square-grid .case-2 {
width: 50%;
}
.square-grid .case-2:first-child {
padding-right: 0.5px;
}
.square-grid .case-2:last-child {
padding-left: 0.5px;
}
.square-grid .case-1x1 {
width: 25%;
padding-bottom: 25%;
margin-bottom: 0.25px;
}
.square-grid .case-1x1:first-child > .content {
margin-left: -0.75px;
margin-top: -0.75px;
}
.square-grid .case-1x1:first-child > .content img {
padding: 0.375px;
margin: 0.375px;
}
.square-grid .case-1x1:last-child > .content {
margin-left: 0.75px;
margin-top: -0.75px;
}
.square-grid .case-1x1:last-child > .content img {
padding: 0.375px;
margin-top: 0.375px;
margin-left: -0.375px;
}
.square-grid .case-1x1 > .content.gut-right {
padding-left: 0.25px;
padding-right: 0.5px;
}
.square-grid .case-1x1 > .content.gut-left {
padding-left: 0.5px;
padding-right: 0.25px;
}
.square-grid .case-2x2 {
width: 50%;
padding-bottom: 50%;
margin-bottom: 0.5px;
}
.square-grid .case-2x2:first-child > .content,
.square-grid .case-2x2 .group:first-child > .content {
padding-right: 0.5px;
}
.square-grid .case-2x2:last-child > .content,
.square-grid .case-2x2 .group:last-child > .content {
padding-left: 0.5px;
}
.square-grid .case-2x1 {
width: 50%;
padding-bottom: 25%;
margin-top: -0.5px;
}
.square-grid .case-2x1:first-child > .content,
.square-grid .case-2x1 .group:first-child > .content {
padding-right: 0.5px;
}
.square-grid .case-2x1:last-child > .content,
.square-grid .case-2x1 .group:last-child > .content {
padding-left: 0.5px;
}
.square-grid .case-3x1 {
width: 75%;
padding-bottom: 25%;
margin-bottom: 0.25px;
}
.square-grid .case-3x1 > .content,
.square-grid .case-3x1 > .content:first-child,
.square-grid .case-3x1 > .content:last-child {
margin-top: -0.66666667px;
}
.square-grid .case-3x1 > .content.gut-right,
.square-grid .case-3x1 > .content:first-child.gut-right,
.square-grid .case-3x1 > .content:last-child.gut-right {
padding-right: 0.25px;
}
.square-grid .case-3x1 > .content.gut-left,
.square-grid .case-3x1 > .content:first-child.gut-left,
.square-grid .case-3x1 > .content:last-child.gut-left {
padding-left: 0.25px;
}
.square-grid .case-1x2 {
width: 25%;
padding-bottom: 50%;
margin-bottom: 1px;
}
.square-grid .case-1x2:first-child > .content {
margin-left: -0.75px;
}
.square-grid .case-1x2:last-child > .content {
margin-left: 0.75px;
}
.square-grid .case-3x2 {
width: 75%;
padding-bottom: 50%;
}
.square-grid .case-3x2 > .content.gut-right,
.square-grid .case-3x2 > .content:first-child.gut-right,
.square-grid .case-3x2 > .content:last-child.gut-right {
margin-left: -0.25px;
}
.square-grid .case-3x2 > .content.gut-left,
.square-grid .case-3x2 > .content:first-child.gut-left,
.square-grid .case-3x2 > .content:last-child.gut-left {
margin-left: 0.25px;
}
.square-grid .case-4x2 {
width: 100%;
padding-bottom: 50%;
}
.square-grid .case-4x2 > .content,
.square-grid .case-4x2 > .content:first-child,
.square-grid .case-4x2 > .content:last-child {
margin-top: -0.5px;
}
.square-grid .case-2x4 {
width: 50%;
padding-bottom: 100%;
}
.square-grid .case-2x4:first-child > .content {
margin-left: -0.5px;
}
.square-grid .case-2x4:last-child > .content {
margin-left: 0.5px;
}
.square-grid:before,
.square-grid:after {
content: " ";
display: table;
}
.square-grid:after {
clear: both;
}
.square-grid:before,
.square-grid:after {
content: " ";
display: table;
}
.square-grid:after {
clear: both;
}
}
.square-grid {
overflow: hidden;
}
.square-grid [class^='case-'] > .content.middle-align {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
/*.flex-direction(column);*/
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.fancybox-wrap {
z-index: 100003100 !important;
}
.fancybox-overlay {
z-index: 100003000 !important;
}
.block-fancy {
cursor: pointer;
}
[data-bp]:first-child {
padding-top: 0;
}
[data-bp]:last-child {
padding-bottom: 0px;
}
[data-bp="blocks/title-1"] {
fs: w-h1;
font-family: 'Work Sans', sans-serif;
font-size: 30px;
line-height: 1.3;
font-weight: 800;
text-transform: uppercase;
}
@media (min-width: 768px) {
[data-bp="blocks/title-1"] {
font-size: 46px;
}
}
[data-bp="blocks/title-2"] {
fs: w-h3;
font-family: 'Crimson Text', serif;
font-size: 18px;
line-height: 1.1;
letter-spacing: -1px;
font-style: italic;
}
@media (min-width: 768px) {
[data-bp="blocks/title-2"] {
font-size: 24px;
}
}
[data-bp] .w-h2 h2 {
fs: w-h1;
font-family: 'Work Sans', sans-serif;
font-size: 30px;
line-height: 1.3;
font-weight: 800;
text-transform: uppercase;
}
@media (min-width: 768px) {
[data-bp] .w-h2 h2 {
font-size: 46px;
}
}
[data-bp] .w-h3 h3 {
fs: w-h3;
font-family: 'Crimson Text', serif;
font-size: 18px;
line-height: 1.1;
letter-spacing: -1px;
font-style: italic;
}
@media (min-width: 768px) {
[data-bp] .w-h3 h3 {
font-size: 24px;
}
}
[data-bp] .txt p {
fs: w-paragraph;
font-family: 'Work Sans', sans-serif;
line-height: 24px;
font-size: 14px;
font-weight: 400;
font-style: normal;
}
@media (min-width: 768px) {
[data-bp] .txt p {
font-size: 16px;
line-height: 28px;
}
}
[format_string_rich_text] {
fs: w-paragraph;
font-family: 'Work Sans', sans-serif;
line-height: 24px;
font-size: 14px;
font-weight: 400;
font-style: normal;
}
@media (min-width: 768px) {
[format_string_rich_text] {
font-size: 16px;
line-height: 28px;
}
}
[format_string_rich_text] h2 {
fs: w-h1;
font-family: 'Work Sans', sans-serif;
font-size: 30px;
line-height: 1.3;
font-weight: 800;
text-transform: uppercase;
}
@media (min-width: 768px) {
[format_string_rich_text] h2 {
font-size: 46px;
}
}
[format_string_rich_text] h3 {
fs: w-h3;
font-family: 'Crimson Text', serif;
font-size: 18px;
line-height: 1.1;
letter-spacing: -1px;
font-style: italic;
}
@media (min-width: 768px) {
[format_string_rich_text] h3 {
font-size: 24px;
}
}
[format_string_rich_text] p {
fs: w-paragraph;
font-family: 'Work Sans', sans-serif;
line-height: 24px;
font-size: 14px;
font-weight: 400;
font-style: normal;
}
@media (min-width: 768px) {
[format_string_rich_text] p {
font-size: 16px;
line-height: 28px;
}
}
[format_string_rich_text] p,
[format_string_rich_text] h4,
[format_string_rich_text] h5,
[format_string_rich_text] p,
[format_string_rich_text] span,
[format_string_rich_text] li {
fs: w-paragraph;
font-family: 'Work Sans', sans-serif;
line-height: 24px;
font-size: 14px;
font-weight: 400;
font-style: normal;
}
@media (min-width: 768px) {
[format_string_rich_text] p,
[format_string_rich_text] h4,
[format_string_rich_text] h5,
[format_string_rich_text] p,
[format_string_rich_text] span,
[format_string_rich_text] li {
font-size: 16px;
line-height: 28px;
}
}
[format_string_rich_text] a {
opacity: 0.9;
filter: alpha(opacity=90);
text-decoration: underline;
color: #040404;
font-weight: 400;
}
[format_string_rich_text] i {
font-weight: 400;
}
[format_string_rich_text] li {
margin-bottom: 10px;
}
[format_string_rich_text] ol {
counter-reset: item;
}
[format_string_rich_text] ol > li {
list-style-type: none;
counter-increment: item;
}
[format_string_rich_text] ol > li:before {
display: inline-block;
width: 1em;
font-weight: bold;
text-align: right;
content: counter(item) ".";
margin-right: 8px;
margin-left: -20px;
}
[data-bp="blocks/img-txt"] {
/*.img{
position: relative;
z-index: 1;
width: 100%;
margin-bottom: 20px;
@media(min-width:@screen-sm){
margin-right: 35px;
float: left;
max-width: 52%;
}
@media(min-width:@screen-md){
margin-right: 40px;
max-width: 43%;
}
}
.clearfix;*/
}
[data-bp="blocks/txt-img"] {
/*.img{
position: relative;
z-index: 1;
width: 100%;
margin-top: 20px;
@media(min-width:@screen-sm){
margin-top: 0px;
padding-left: 10px;
float: right;
max-width: 50%;
}
@media(min-width:@screen-md){
max-width: 40%;
}
}
.clearfix;*/
}
[data-bp="blocks/3-icons-text"] {
text-align: center;
color: #040404;
}
[data-bp="blocks/3-icons-text"] .col-wrap {
max-width: 270px;
margin: 0 auto;
}
[data-bp="blocks/3-icons-text"] .img {
display: inline-block;
height: 50px;
}
[data-bp="blocks/3-icons-text"] .title {
min-height: 50px;
}
[data-bp="blocks/3-icons-text"] .title .h1,
[data-bp="blocks/3-icons-text"] .title h2,
[data-bp="blocks/3-icons-text"] .title h3,
[data-bp="blocks/3-icons-text"] .title h4 {
fs: w-h3;
font-family: 'Crimson Text', serif;
font-size: 18px;
line-height: 1.1;
letter-spacing: -1px;
font-style: italic;
margin-bottom: 0;
}
@media (min-width: 768px) {
[data-bp="blocks/3-icons-text"] .title .h1,
[data-bp="blocks/3-icons-text"] .title h2,
[data-bp="blocks/3-icons-text"] .title h3,
[data-bp="blocks/3-icons-text"] .title h4 {
font-size: 24px;
}
}
[data-bp="blocks/3-icons-text"] .txt {
fs: w-paragraph-small;
font-family: 'Work Sans', sans-serif;
line-height: 1.5;
font-size: 12px;
}
[data-bp="blocks/3-icons-text"] .txt:before {
content: "";
display: block;
margin: 15px auto;
width: 50px;
border-top: 1px solid #888888;
}
@media (min-width: 768px) {
[data-bp="blocks/3-icons-text"] .txt {
font-size: 14px;
}
}
[data-bp="blocks/3-icons-text"]:before,
[data-bp="blocks/3-icons-text"]:after {
content: " ";
display: table;
}
[data-bp="blocks/3-icons-text"]:after {
clear: both;
}
[data-bp="blocks/3-icons-text"]:before,
[data-bp="blocks/3-icons-text"]:after {
content: " ";
display: table;
}
[data-bp="blocks/3-icons-text"]:after {
clear: both;
}
[data-bp="blocks/ref-section"]:last-child {
padding-bottom: 0;
}
[data-bp="blocks/ref-section"] .cases {
position: relative;
}
[data-bp="blocks/ref-section"] .cases:after {
content: "";
position: absolute;
display: block;
border: 6px solid #ffffff;
top: 0;
left: 0;
bottom: -4px;
right: 0;
}
[data-bp="blocks/ref-section"] .case {
padding: 40px;
border: 1px solid #cccccc;
margin-bottom: -1px;
margin-right: -1px;
}
[data-bp="blocks/ref-section"] .anti-padded-content {
background-color: #ffffff;
padding: 15px 0;
}
@media (min-width: 768px) {
[data-bp="blocks/ref-section"] .anti-padded-content {
padding: 30px 0;
}
}
.facebook-feed {
margin: 0 -10px;
}
.facebook-feed .item-facebook-feed {
/*width: 50%;
display: inline-block;*/
padding: 10px;
}
@media (min-width: 768px) {
.facebook-feed .item-facebook-feed {
width: 368px;
}
}
@media (min-width: 992px) {
.facebook-feed .item-facebook-feed {
width: 320px;
}
}
@media (min-width: 1200px) {
.facebook-feed .item-facebook-feed {
width: 383px;
}
}
.facebook-feed .item-facebook-feed.item-separate {
display: none;
}
.facebook-feed .item-facebook-feed .item {
position: relative;
overflow: hidden;
display: block;
}
.facebook-feed .item-facebook-feed .item:hover .over-roll {
top: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.facebook-feed .item-facebook-feed .item:hover img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.facebook-feed .item-facebook-feed .item img {
-webkit-filter: grayscale(0.5);
filter: grayscale(0.5);
}
.facebook-feed .item-facebook-feed .item .over-roll {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 100%;
left: 0;
background-color: transparent;
color: #ffffff;
-webkit-transition: all, 0.2s;
-moz-transition: all, 0.2s;
-ms-transition: all, 0.2s;
-o-transition: all, 0.2s;
transition: all, 0.2s;
text-align: center;
}
.facebook-feed .item-facebook-feed .item .over-roll .ico {
position: relative;
top: 50%;
margin: -30px;
}
.diapo {
position: relative;
}
.diapo .color-diapo {
width: 180px;
margin: 10px 0;
background: red;
border-radius: 5px;
color: #ffffff;
position: absolute !important;
z-index: 1;
padding: 10px;
text-align: left;
right: 10px;
bottom: 50px;
}
.diapo .textlink-diapo {
margin: 10px 0;
background: #888888;
border-radius: 5px;
color: #ffffff;
position: absolute !important;
padding: 10px;
text-align: left;
right: 10px;
bottom: 0px;
}
.diapo .text-diapo {
text-align: left;
padding: 20px 0;
z-index: 2;
}
@media (min-width: 768px) {
.diapo .text-diapo {
padding: 0;
text-align: center;
position: absolute;
top: 50%;
right: 0px;
margin-top: -50px;
}
.diapo .text-diapo.bg-light .ico {
border-color: #111111;
}
}
.diapo .text-diapo .ico {
margin-top: 10px;
}
@media (min-width: 768px) {
.diapo .text-diapo .ico {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid #fff;
width: 60px;
height: 60px;
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
text-align: center;
line-height: 55px !important;
font-size: 20px;
text-decoration: none !important;
}
}
.diapo .text-diapo .title {
fs: w-link;
font-family: 'Work Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
line-height: 16px;
margin-right: 20px;
height: 50px;
overflow: hidden;
}
@media (min-width: 768px) {
.diapo .text-diapo .title {
height: 68px;
margin-right: 0px;
width: 150px;
}
}
.diapo img {
width: 480px;
}
@media (min-width: 768px) {
.diapo img {
width: 100%;
transform: rotate(0.0001deg);
}
}
.social-shares .btn {
text-align: center;
width: 50px;
height: 50px;
padding: 0;
margin-right: 5px;
line-height: 50px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
font-size: 18px;
}
.poster {
width: 100%;
display: table;
vertical-align: middle;
background-position-x: 50%;
}
.poster > .container {
display: table-cell;
vertical-align: middle;
text-align: center;
background-position-x: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.poster > .container .titleline {
margin: 0 auto;
margin-top: 30px;
max-width: 80%;
}
.poster > .container .titleline > * {
margin: 0;
fs: w-h1;
font-family: 'Work Sans', sans-serif;
font-size: 30px;
line-height: 1.3;
font-weight: 800;
text-transform: uppercase;
}
@media (min-width: 768px) {
.poster > .container .titleline > * {
font-size: 46px;
}
}
.poster > .container .baseline {
margin: 0 auto;
margin-top: 30px;
max-width: 80%;
}
.poster > .container .baseline > * {
margin: 0;
fs: w-introduction;
font-family: 'Work Sans', sans-serif;
font-weight: 900;
font-size: 14px;
line-height: normal;
line-height: 1;
}
@media (min-width: 768px) {
.poster > .container .baseline > * {
font-size: 18px;
}
}
.page-home .poster > .container .baseline > h1 {
font-size: 24px;
}
.flip3D {
position: relative;
transform-style: preserve-3d;
min-height: 150px;
}
.flip3D > .front,
.flip3D > .back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
.flip3D > .front {
-webkit-transform: perspective(600px) rotateY(0deg);
-moz-transform: perspective(600px) rotateY(0deg);
-ms-transform: perspective(600px) rotateY(0deg);
-o-transform: perspective(600px) rotateY(0deg);
transform: perspective(600px) rotateY(0deg);
}
.flip3D > .back {
-webkit-transform: perspective(600px) rotateY(180deg);
-moz-transform: perspective(600px) rotateY(180deg);
-ms-transform: perspective(600px) rotateY(180deg);
-o-transform: perspective(600px) rotateY(180deg);
transform: perspective(600px) rotateY(180deg);
}
.flip3D.reversed > .front {
-webkit-transform: perspective(600px) rotateY(-180deg);
-moz-transform: perspective(600px) rotateY(-180deg);
-ms-transform: perspective(600px) rotateY(-180deg);
-o-transform: perspective(600px) rotateY(-180deg);
transform: perspective(600px) rotateY(-180deg);
}
.flip3D.reversed > .back {
-webkit-transform: perspective(600px) rotateY(0deg);
-moz-transform: perspective(600px) rotateY(0deg);
-ms-transform: perspective(600px) rotateY(0deg);
-o-transform: perspective(600px) rotateY(0deg);
transform: perspective(600px) rotateY(0deg);
}
.flip3D.vertical > .front {
-webkit-transform: perspective(600px) rotateX(0deg);
-moz-transform: perspective(600px) rotateX(0deg);
-ms-transform: perspective(600px) rotateX(0deg);
-o-transform: perspective(600px) rotateX(0deg);
transform: perspective(600px) rotateX(0deg);
}
.flip3D.vertical > .back {
-webkit-transform: perspective(600px) rotateX(180deg);
-moz-transform: perspective(600px) rotateX(180deg);
-ms-transform: perspective(600px) rotateX(180deg);
-o-transform: perspective(600px) rotateX(180deg);
transform: perspective(600px) rotateX(180deg);
}
.flip3D.vertical.reversed > .front {
-webkit-transform: perspective(600px) rotateX(-180deg);
-moz-transform: perspective(600px) rotateX(-180deg);
-ms-transform: perspective(600px) rotateX(-180deg);
-o-transform: perspective(600px) rotateX(-180deg);
transform: perspective(600px) rotateX(-180deg);
}
.flip3D.vertical.reversed > .back {
-webkit-transform: perspective(600px) rotateX(0deg);
-moz-transform: perspective(600px) rotateX(0deg);
-ms-transform: perspective(600px) rotateX(0deg);
-o-transform: perspective(600px) rotateX(0deg);
transform: perspective(600px) rotateX(0deg);
}
[data-pov-accept-cookies-message] {
position: fixed;
z-index: 2500000;
left: 0;
width: 100%;
padding: 10px;
font-size: 14px;
background-color: #000;
color: #fff;
}
[data-pov-accept-cookies-message="bottom"] {
bottom: -100%;
-webkit-transition: bottom 0.5s;
-moz-transition: bottom 0.5s;
-ms-transition: bottom 0.5s;
-o-transition: bottom 0.5s;
transition: bottom 0.5s;
}
[data-pov-accept-cookies-message="top"] {
top: -100%;
-webkit-transition: top 0.5s;
-moz-transition: top 0.5s;
-ms-transition: top 0.5s;
-o-transition: top 0.5s;
transition: top 0.5s;
}
body.refuse-cookies [data-pov-accept-cookies-message="top"] {
top: 0;
}
body.refuse-cookies [data-pov-accept-cookies-message="bottom"] {
bottom: 0;
}
#search-layer {
display: none;
}
body.search-open {
overflow-y: hidden;
}
body.search-open #search-layer {
display: block;
}
#search-layer {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.7);
z-index: 2500000;
}
#search-layer .bar {
height: 80px;
}
#search-layer .results {
position: absolute;
top: 80px;
width: 100%;
bottom: 0;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
#search-layer .bar {
background-color: #111111;
}
#search-layer .bar input {
background-color: transparent;
color: #ffffff;
width: 80%;
border: 0;
border-bottom: 1px solid #fff;
padding: 8px;
fs: w-h3;
font-family: 'Crimson Text', serif;
font-size: 18px;
line-height: 1.1;
letter-spacing: -1px;
font-style: italic;
display: block;
float: left;
margin-top: 10px;
}
@media (min-width: 768px) {
#search-layer .bar input {
font-size: 24px;
}
}
#search-layer .bar input.pov-suggest-searching {
background-image: url("/res/im/loadings/youtube-rounds-20x20.gif");
background-position: 98% 50%;
background-repeat: no-repeat;
color: #dddddd;
}
#search-layer .bar input.pov-suggest-no-results {
color: #b61b1b;
border-color: darker(#b61b1b, 20);
}
#search-layer .bar input:focus {
outline: none;
}
#search-layer .bar .close-btn {
display: block;
float: left;
width: 20%;
padding-right: 15px;
font-size: 24px;
line-height: 80px;
color: #ffffff !important;
text-decoration: none !important;
text-align: right;
}
#search-layer .bar:before,
#search-layer .bar:after {
content: " ";
display: table;
}
#search-layer .bar:after {
clear: both;
}
#search-layer .bar:before,
#search-layer .bar:after {
content: " ";
display: table;
}
#search-layer .bar:after {
clear: both;
}
[data-pov-suggest-results] .pov-suggest-result {
border-bottom: 1px solid #eee;
background-color: #fff;
color: #222222;
cursor: pointer;
}
[data-pov-suggest-results] .pov-suggest-result.pov-suggest-active {
background-color: #eee;
color: #222222;
}
#search-layer .result {
padding-top: 15px;
padding-bottom: 15px;
}
#search-layer .result.sm0 {
padding-top: 0;
}
#search-layer .result.sm0 {
padding-bottom: 0;
}
#search-layer .result .title {
fs: w-h3;
font-family: 'Crimson Text', serif;
font-size: 18px;
line-height: 1.1;
letter-spacing: -1px;
font-style: italic;
line-height: 2.1;
}
@media (min-width: 768px) {
#search-layer .result .title {
font-size: 24px;
}
}
@media (min-width: 768px) {
#search-layer .result .w-paragraph {
line-height: 50px;
}
}
#search-layer .result .ico {
width: 50px;
min-height: 50px;
margin-right: 15px;
display: inline-block;
float: left;
}
#search-layer .result .ico .icon {
text-align: center;
width: 50px;
height: 50px;
line-height: 50px;
background-color: #eee;
font-size: 24px;
display: block;
}
#search-layer .result:before,
#search-layer .result:after {
content: " ";
display: table;
}
#search-layer .result:after {
clear: both;
}
#search-layer .result:before,
#search-layer .result:after {
content: " ";
display: table;
}
#search-layer .result:after {
clear: both;
}