/* SECTION */

/* PAGE */

#art-main {
position: relative;
overflow: hidden;
width: 100%;
min-height: 100%;
margin: 0 auto;
top: 0;
left: 0;
font-size: 14px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
background: #FFFFFF;
background: -webkit-linear-gradient(top, #FFFFFF 220px, #DDDDDD 1050px) no-repeat;
background: -moz-linear-gradient(top, #FFFFFF 220px, #DDDDDD 1050px) no-repeat;
background: -o-linear-gradient(top, #FFFFFF 220px, #DDDDDD 1050px) no-repeat;
background: -ms-linear-gradient(top, #FFFFFF 220px, #DDDDDD 1050px) no-repeat;
background-attachment: fixed !important;
cursor: default;
}

table, ul.art-hmenu {
font-size: 14px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
}

header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before {
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

ul {
list-style-type: none;
}

ol {
list-style-position: inside;
}

html, body {
height: 100%;
}

body {
min-width: 1000px;
margin: 0;
padding: 0;
color: #404040;
}

.clearfix:before, .clearfix:after {
content: '';
display: table;
}

.clearfix:after {
clear: both;
}

.cleared {
font: 0/0 serif;
clear: both;
}

form {
padding: 0 !important;
margin: 0 !important;
}

table.position {
position: relative;
width: 100%;
table-layout: fixed;
}

li h1, .art-postcontent li h1, .art-blockcontent li h1 {
margin: 1px;
}
li h2, .art-postcontent li h2, .art-blockcontent li h2 {
margin: 1px;
}
li h3, .art-postcontent li h3, .art-blockcontent li h3 {
margin: 1px;
}
li h4, .art-postcontent li h4, .art-blockcontent li h4 {
margin: 1px;
}
li h5, .art-postcontent li h5, .art-blockcontent li h5 {
margin: 1px;
}
li h6, .art-postcontent li h6, .art-blockcontent li h6 {
margin: 1px;
}
li p, .art-postcontent li p, .art-blockcontent li p {
margin: 1px;
}

.art-shapes {
position: absolute;
overflow: hidden;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 0;
}

.art-slider-inner {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}

.art-slidenavigator > a {
display: inline-block;
vertical-align: middle;
font-size: 1px;
outline-style: none;
}

.art-slidenavigator > a:last-child {
margin-right: 0 !important;
}

.art-headline {
position: absolute;
display: inline-block;
min-width: 50px;
top: 16px;
left: 102.95%;
line-height: 100%;
margin-left: -78px !important;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
z-index: 99;
}

.art-headline, 
.art-headline a, 
.art-headline a:link, 
.art-headline a:visited, 
.art-headline a:hover {
display: none;
margin: 0;
padding: 0;
white-space: nowrap;
font-size: 15px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
color: #838281 !important;
-webkit-text-shadow: 0 2px 3px rgb(0 0 0 / 20%);
text-shadow: 0 2px 3px rgb(0 0 0 / 20%);
}

.art-sheet {
position: relative;
width: 90%;
margin: 0 auto;
cursor: auto;
z-index: auto !important;
}

.art-header {
position: relative;
height: 180px;
margin: 0 auto;
z-index: auto !important;
}

.art-header > .region, .art-header > .block {
position: absolute;
z-index: 101;
}

.art-layout-wrapper {
position: relative;
margin: 30px auto 0;
padding: 10px 0;
background: #FFFFFF;
border: 4px double #F0F0F0;
-webkit-border-radius: 25px;
border-radius: 25px;
z-index: auto !important;
}

.art-layout-wrapper:before {
position: absolute;
display: block;
width: 50%;
height: 4px;
margin: auto;
top: -4px;
left: 0;
right: 0;
content: '';
background: #DD4492;
background: -webkit-linear-gradient(left, rgb(221 68 146 / 0)0, rgb(221 68 146 / 50%)50%, rgb(221 68 146 / 0)100%);
background: linear-gradient(to left, rgb(221 68 146 / 0)0, rgb(221 68 146 / 50%)50%, rgb(221 68 146 / 0)100%);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.art-layout-wrapper:after {
position: absolute;
display: block;
width: 50%;
height: 4px;
margin: auto;
bottom: -4px;
left: 0;
right: 0;
content: '';
background: #DD4492;
background: -webkit-linear-gradient(left, rgb(221 68 146 / 0)0, rgb(221 68 146 / 50%)50%, rgb(221 68 146 / 0)100%);
background: linear-gradient(to left, rgb(221 68 146 / 0)0, rgb(221 68 146 / 50%)50%, rgb(221 68 146 / 0)100%);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.art-content-layout {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}

.art-content-layout-row {
display: table-row;
}

.art-layout-cell {
display: table-cell;
vertical-align: top;
}

.art-breadcrumbs {
margin: 0 auto;
}

.art-post {
padding: 10px;
}

a img {
border: 0;
}

.art-article img, img.art-article, .art-block img {
margin: 0;
}

.art-metadata-icons img {
margin: 2px;
vertical-align: middle;
border: 0;
}

.art-article table, table.art-article {
text-align: left;
border-collapse: collapse;
border-style: none;
}

.art-post .art-content-layout-br {
height: 0;
}

.art-article th, .art-article td {
padding-left: 5px;
padding-right: 5px;
}

.art-article th {
padding: 5px;
text-align: left;
}

pre {
overflow: auto;
padding: 0.1em;
}

.preview-cms-logo {
float: left;
margin: 1em 1em 0 0;
border: 0;
}

.image-caption-wrapper {
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.image-caption-wrapper img {
margin: 0 !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.image-caption-wrapper div.art-collage {
margin: 0 !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.image-caption-wrapper p {
margin: 0;
font-size: 80%;
text-align: right;
}

.art-content-layout .art-content {
margin: 0 auto;
}

.art-content-layout .art-sidebar1 {
width: 25%;
min-width: 250px;
margin: 0 auto;
}

.art-content-layout .art-sidebar1:before { 
position: absolute;
display: block;
width: 1.5px;
height: auto;
top: 20px;
bottom: 20px;
content: '';
background: #D6D6D6;
background: -webkit-linear-gradient(top, rgb(214 214 214 / 0)0, rgb(214 214 214 / 20%)2%, rgb(214 214 214 / 30%)10%, rgb(214 214 214 / 40%)20%, rgb(214 214 214 / 50%)50%, rgb(214 214 214 / 40%)80%, rgb(214 214 214 / 30%)90%, rgb(214 214 214 / 20%)98%, rgb(214 214 214 / 0)100%);
background: linear-gradient(to top, rgb(214 214 214 / 0)0, rgb(214 214 214 / 20%)2%, rgb(214 214 214 / 30%)10%, rgb(214 214 214 / 40%)20%, rgb(214 214 214 / 50%)50%, rgb(214 214 214 / 40%)80%, rgb(214 214 214 / 30%)90%, rgb(214 214 214 / 20%)98%, rgb(214 214 214 / 0)100%);
}

/* MAP */

.art-map {
position: fixed;
width: 100%;
height: 50px;
margin: auto;
top: 0;
background: rgb(255 255 255 / 100%);
-webkit-box-shadow: 0 0 8px rgb(0 0 0 / 7%);
box-shadow: 0 0 8px rgb(0 0 0 / 7%);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: transform .4s;
-moz-transition: transform .4s;
transition: transform .4s;
z-index: 9998;
}

.art-map.active {
background: rgb(255 255 255 / 95%);
}

.art-map [class^="icon-"]:before, [class*=" icon-"]:before,
.scroll [class^="icon-"]:before, [class*=" icon-"]:before {
font-size: 22px;
}

#name {
position: absolute;
top: 16px;
left: 50px;
font-size: 14px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-style: normal !important;
text-decoration: none !important;
text-transform: uppercase;
-webkit-transition: all .4s;
-moz-transition: all .4s;
transition: all .4s;
}

.art-map.active #name {
top: 14px;
font-size: 18px;
}

#title {
position: absolute;
overflow: hidden;
padding-left: 8px;
top: 16px;
left: 145px;
right: 149px;
white-space: nowrap;
font-size: 14px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-align: left;
text-decoration: none;
text-overflow: ellipsis;
color: #838281;
-webkit-transition: all .4s;
-moz-transition: all .4s;
transition: all .4s;
}

.art-map.active #title {
left: 173px;
}

.menuoverlay {
position: fixed;
display: none;
width: 100%;
height: 100%;
background: rgb(243 243 243 / 60%);
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
z-index: 9997;
}

.menuleft {
position: fixed;
display: none;
width: 230px;
margin: auto;
padding: 15px;
top: 30%;
left: 0;
right: 0;
background: #F3F3F3;
-webkit-box-shadow: 0 10px 20px -4px rgb(0 0 0 / 40%);
box-shadow: 0 10px 20px -4px rgb(0 0 0 / 40%);
-webkit-border-radius: 25px;
border-radius: 25px;
z-index: 9999;
}

.menuleft a {
color: #838281;
font-size: 16px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-style: normal !important;
text-decoration: none !important;
}

.menuleft li:hover {
background: #FFFFFF;
-webkit-transition: background .15s ease-in-out;
-moz-transition: background .15s ease-in-out;
transition: background .15s ease-in-out;
-webkit-border-radius: 3px;
border-radius: 3px;
}

#menu {
position: relative;
width: 40px;
height: 40px;
margin: 0;
top: 5.5px;
left: 5px;
background: #F0F0F0;
text-align: center;
text-decoration: none;
-webkit-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
}

#close {
position: relative;
display: none;
width: 40px;
height: 40px;
margin: 0;
top: 5.5px;
left: 4px;
background: #F0F0F0;
text-align: center;
text-decoration: none;
-webkit-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
}

#cat_menu {
position: absolute;
width: 40px;
height: 40px;
margin: 0;
top: 5.5px;
right: 100px;
background: #F0F0F0;
text-align: center;
text-decoration: none;
-webkit-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
}

#cat_menu_exit {
position: absolute;
display: none;
width: 40px;
height: 40px;
margin: 0;
top: 5.5px;
right: 100px;
background: #F0F0F0;
text-align: center;
text-decoration: none;
-webkit-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
}

#search {
position: absolute;
width: 40px;
height: 40px;
margin: 0;
top: 5.5px;
right: 50px;
background: #F0F0F0;
text-align: center;
text-decoration: none;
-webkit-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
}

#search_close { 
position: absolute;
display: none;
width: 40px;
height: 40px;
margin: 0;
top: 5.5px;
right: 50px;
background: #F0F0F0;
text-align: center;
text-decoration: none;
-webkit-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
}

#reg {
position: absolute;
width: 40px;
height: 40px;
margin: 0;
top: 5.5px;
right: 0;
background: #F0F0F0;
text-align: center;
text-decoration: none;
-webkit-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
}

#logout {
position: absolute;
width: 40px;
height: 40px;
margin: 0;
top: 5.5px;
right: 0;
background: #F0F0F0;
text-align: center;
text-decoration: none;
-webkit-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
}

#usermenu {
position: absolute;
width: 40px;
height: 40px;
margin: 0;
top: 5.5px;
right: 50px;
background: #F0F0F0;
text-align: center;
text-decoration: none;
-webkit-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
}

#message {
position: fixed;
display: none;
width: 40px;
height: 40px;
margin: 0;
bottom: 80px;
left: 5px;
text-align: center;
text-decoration: none;
background: #F0F0F0;
-webkit-box-shadow: 0 2px 6px 0 rgb(0 0 0 / 15%);
box-shadow: 0 2px 6px 0 rgb(0 0 0 / 15%);
-webkit-transition: visibility 0s, opacity 120ms ease-out;
-moz-transition: visibility 0s, opacity 120ms ease-out;
transition: visibility 0s, opacity 120ms ease-out;
-webkit-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
z-index: 9996;
}

#message:hover {
background: #DD4492;
-webkit-animation-duration: 1.3s;
-moz-animation-duration: 1.3s;
-o-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-o-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-name: hvr-icon-up;
-moz-animation-name: hvr-icon-up;
-o-animation-name: hvr-icon-up;
animation-name: hvr-icon-up;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}

@-webkit-keyframes hvr-icon-up {
0% {-webkit-transform:translateY(0)}
50% {-webkit-transform:translateY(-4px)}
100% {-webkit-transform:translateY(0)}
}
@-moz-keyframes hvr-icon-up {
0% {-moz-transform:translateY(0)}
50% {-moz-transform:translateY(-4px)}
100% {-moz-transform:translateY(0)}
}
@-o-keyframes hvr-icon-up {
0% {-o-transform:translateY(0)}
50% {-o-transform:translateY(-4px)}
100% {-o-transform:translateY(0)}
}
@keyframes hvr-icon-up {
0% { transform:translateY(0)}
50% { transform:translateY(-4px)}
100% { transform:translateY(0)}
}

#messagedown {
position: fixed;
width: 40px;
height: 40px;
margin: 0;
bottom: 80px;
left: 5px;
text-align: center;
text-decoration: none;
background: #F0F0F0;
-webkit-box-shadow: 0 2px 6px 0 rgb(0 0 0 / 15%);
box-shadow: 0 2px 6px 0 rgb(0 0 0 / 15%);
-webkit-transition: visibility 0s, opacity 120ms ease-out;
-moz-transition: visibility 0s, opacity 120ms ease-out;
transition: visibility 0s, opacity 120ms ease-out;
-webkit-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
z-index: 9996;
}

#messagedown:hover {
background: #DD4492;
-webkit-animation-duration: 1.3s;
-moz-animation-duration: 1.3s;
-o-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-o-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-name: hvr-icon-down;
-moz-animation-name: hvr-icon-down;
-o-animation-name: hvr-icon-down;
animation-name: hvr-icon-down;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}

@-webkit-keyframes hvr-icon-down {
0% {-webkit-transform:translateY(0)}
50% {-webkit-transform:translateY(4px)}
100% {-webkit-transform:translateY(0)}
}
@-moz-keyframes hvr-icon-down {
0% {-moz-transform:translateY(0)}
50% {-moz-transform:translateY(4px)}
100% {-moz-transform:translateY(0)}
}
@-o-keyframes hvr-icon-down {
0% {-o-transform:translateY(0)}
50% {-o-transform:translateY(4px)}
100% {-o-transform:translateY(0)}
}
@keyframes hvr-icon-down {
0% { transform:translateY(0)}
50% { transform:translateY(4px)}
100% { transform:translateY(0)}
}

#back {
position: fixed;
width: 40px;
height: 40px;
margin: 0;
top: 56px;
left: 5px;
text-align: center;
text-decoration: none;
background: #F0F0F0;
-webkit-box-shadow: 0 2px 6px 0 rgb(0 0 0 / 15%);
box-shadow: 0 2px 6px 0 rgb(0 0 0 / 15%);
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear;
opacity: 0;
cursor: pointer;
z-index: 9996;
}

#back:hover {
background: #DD4492;
-webkit-animation-duration: 1.3s;
-moz-animation-duration: 1.3s;
-o-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-o-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-name: hvr-icon-back;
-moz-animation-name: hvr-icon-back;
-o-animation-name: hvr-icon-back;
animation-name: hvr-icon-back;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}

@-webkit-keyframes hvr-icon-back {
0% {-webkit-transform:translateX(0)}
50% {-webkit-transform:translateX(-4px)}
100% {-webkit-transform:translateX(0)}
}
@-moz-keyframes hvr-icon-back {
0% {-moz-transform:translateX(0)}
50% {-moz-transform:translateX(-4px)}
100% {-moz-transform:translateX(0)}
}
@-o-keyframes hvr-icon-back {
0% {-o-transform:translateX(0)}
50% {-o-transform:translateX(-4px)}
100% {-o-transform:translateX(0)}
}
@keyframes hvr-icon-back {
0% { transform:translateX(0)}
50% { transform:translateX(-4px)}
100% { transform:translateX(0)}
}

#menu:hover, #close:hover, #cat_menu:hover, #cat_menu_exit:hover, #search:hover, #search_close:hover, #reg:hover, #logout:hover, #usermenu:hover,
#back:hover, #message:hover, #messagedown:hover {
background: #DD4492;
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}

#cat_menu:hover:after, #cat_menu_exit:hover:after, #search:hover:after, #search_close:hover:after, #reg:hover:after, #logout:hover:after {
position: absolute;
display: block;
padding: 4px 8px;
top: 45px;
right: 0;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
font-size: 14px;
content: attr(data-title);
background: #F6F6F6 !important;
color: #121212 !important;
-webkit-box-shadow: 0 10px 20px -4px rgb(0 0 0 / 40%);
box-shadow: 0 10px 20px -4px rgb(0 0 0 / 40%);
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
-webkit-border-radius: 3px;
border-radius: 3px;
z-index: 9999;
}

#menu:hover:after, #close:hover:after, #back:hover:after, #message:hover:after, #messagedown:hover:after {
position: absolute;
display: block;
padding: 4px 8px;
top: 45px;
left: 4px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
font-size: 14px;
content: attr(data-title);
background: #F6F6F6 !important;
color: #121212 !important;
-webkit-box-shadow: 0 10px 20px -4px rgb(0 0 0 / 40%);
box-shadow: 0 10px 20px -4px rgb(0 0 0 / 40%);
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
-webkit-border-radius: 3px;
border-radius: 3px;
z-index: 9999;
}

.icon-left-open {
display: block;
margin: 1px 1px 0 0;
}

.icon-down-open, .icon-up-open {
display: block;
margin: -1px 0 0 0;
}

.icon-menu, .icon-login-1, .icon-logout-1, .icon-search-1, .icon-ellipsis-vert, .icon-cancel, .icon-user {
display: block;
width: 100%;
height: 100%;
}

.icon-menu:hover:before, .icon-login-1:hover:before, .icon-logout-1:hover:before, .icon-search-1:hover:before, .icon-ellipsis-vert:hover:before, .icon-cancel:hover:before, .icon-user:hover:before, 
.icon-up-open:hover:before, .icon-down-open:hover:before, .icon-left-open:hover:before {
color: #FFFFFF;
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}

#cboxContent .icon-cancel:hover:before {
color: #DD4492;
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}

/* REG */

.top-links {
position: absolute;
top: 0;
right: 4px;
}

/* PANEL */

.panel span { 
display: none;
}

.panel span a {
font-size: 14px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-style: normal;
text-decoration: none;
color: #404040;
-webkit-transition: all .15s ease-out;
-moz-transition: all .15s ease-out;
transition: all .15s ease-out;
}

.panel span a:hover {
text-decoration: none;
color: #798081;
}

.panel:hover span {
position: absolute;
display: block;
padding: 10px 10px 12px;
top: 39px;
right: 0;
background: #F3F3F3;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.panel:hover span:before {
position: absolute;
width: 0;
height: 0;
margin-right: -6px;
bottom: 100%;
right: 20px;
content: '';
border: solid transparent;
border-width: 6px;
border-color: rgb(243 243 243 / 0);
border-bottom-color: rgb(243 243 243 / 100%);
pointer-events: none;
}

.panel:hover .icon-user:before {
color: #FFFFFF;
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}

/* SEARCH */

table.search-results {
margin: 20px auto;
border: 2px solid #F6F6F6;
border-collapse: separate !important;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.std {
padding: 10px 10px 12px !important;
text-align: left;
font-weight: bold;
background: #F6F6F6;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.std1 {
padding: 10px 10px 12px !important;
text-align: left;
}

span.search-info {
display: block;
text-align: right !important;
}

#block-search-0 {
position: fixed;
display: none;
width: 100%;
height: 50px;
top: 50px;
left: 0;
background: rgb(255 255 255 / 95%);
-webkit-box-shadow: 0 3px 5px 0 rgb(210 217 237 / 8%);
box-shadow: 0 3px 5px 0 rgb(210 217 237 / 8%);
z-index: 9997;
}

form#search-block-form {
position: relative;
width: 30%;
margin: auto !important;
padding: 0 10px 8px 6px !important;
bottom: 2px;
background: rgb(255 255 255 / 95%);
-webkit-box-shadow: 0 3px 5px 0 rgb(210 217 237 / 8%);
box-shadow: 0 3px 5px 0 rgb(210 217 237 / 8%);
-webkit-border-radius: 25px;
border-radius: 25px;
}

#edit-search-block-form-1-wrapper {
margin: 0;
}

#search-block-form input[type="text"] {
width: 100%;
height: 35px;
padding-left: 10px;
padding-right: 56px;
border: 0;
border-left: 2px solid #DD4492;
background: #F6F6F6;
-webkit-border-radius: 25px;
border-radius: 25px;
}

button#submit_button {
position: relative;
float: right;
width: 50px;
height: 35px !important;
margin: 0 auto;
padding: 0 16px;
top: 35px;
left: 2px;
line-height: 35px;
vertical-align: middle;
font-size: 24px !important;
border: 0;
border-collapse: separate;
background: #DD4492;
-webkit-box-shadow: 0 0 8px rgb(0 0 0 / 13%);
box-shadow: 0 0 8px rgb(0 0 0 / 13%);
-webkit-transition: all .15s linear 0s;
transition: all .15s linear 0s;
-webkit-border-radius: 25px;
border-radius: 25px;
outline: none !important;
cursor: pointer;
}

.icon-search:before {
margin: 0 0 0 -1px;
font-size: 24px !important;
color: #FFFFFF;
}

.icon-search:hover:before {
color: #DD4492;
}

.icon-search:active:before {
color: #FFFFFF;
-webkit-text-shadow: 0 0 1px rgb(64 64 64 / 66%);
text-shadow: 0 0 1px rgb(64 64 64 / 66%);
}

input#search_button {
display: none;
}

button#submit_button:hover {
background: #F3F3F3;
background: -webkit-linear-gradient(left, #FFFFFF 0, #F6F6F6 20%, #F3F3F3 50%, #F6F6F6 80%, #FFFFFF 100%) no-repeat;
background: -moz-linear-gradient(left, #FFFFFF 0, #F6F6F6 20%, #F3F3F3 50%, #F6F6F6 80%, #FFFFFF 100%) no-repeat;
background: -o-linear-gradient(left, #FFFFFF 0, #F6F6F6 20%, #F3F3F3 50%, #F6F6F6 80%, #FFFFFF 100%) no-repeat;
background: -ms-linear-gradient(left, #FFFFFF 0, #F6F6F6 20%, #F3F3F3 50%, #F6F6F6 80%, #FFFFFF 100%) no-repeat;
}

button#submit_button:active {
background: #F6F6F6;
background: -webkit-linear-gradient(left, #F0F0F0 0, #F3F3F3 20%, #F6F6F6 50%, #F3F3F3 80%, #F0F0F0 100%) no-repeat;
background: -moz-linear-gradient(left, #F0F0F0 0, #F3F3F3 20%, #F6F6F6 50%, #F3F3F3 80%, #F0F0F0 100%) no-repeat;
background: -o-linear-gradient(left, #F0F0F0 0, #F3F3F3 20%, #F6F6F6 50%, #F3F3F3 80%, #F0F0F0 100%) no-repeat;
background: -ms-linear-gradient(left, #F0F0F0 0, #F3F3F3 20%, #F6F6F6 50%, #F3F3F3 80%, #F0F0F0 100%) no-repeat;
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 40%);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 40%);
}

/* HEADER */

table.contacts.like_table {
position: relative;
height: 100px;
top: 70px;
}

.like_cell_1 {
font-size: 18px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-align: left;
color: #404040;
}

.like_cell_2 {
margin-top: 7px;
font-size: 30px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-align: left;
color: #404040;
}

.like_cell_1:before, .like_cell_2:before, .like_cell_3:before {
position: absolute;
display: block;
width: 1.5px;
height: 100%;
margin-left: -10px;
top: 0;
content: '';
background: #D6D6D6;
background: -webkit-linear-gradient(top, rgb(214 214 214 / 0)0, rgb(214 214 214 / 50%)50%, rgb(214 214 214 / 0)100%);
background: linear-gradient(to top, rgb(214 214 214 / 0)0, rgb(214 214 214 / 50%)50%, rgb(214 214 214 / 0)100%);
}

.object1 {
position: relative;
width: 25%;
background-image: url(images/object1.svg);
background-repeat: no-repeat;
background-position: center;
}

.object2 {
position: relative;
width: 25%;
bottom: 6px;
background-image: url(images/object2.svg);
background-repeat: no-repeat;
background-position: center;
}

.object3, .object4 {
width: 25%;
}

span.phone.main {
color: #DD4492;
}

.icon-tablet:before {
vertical-align: middle;
font-size: 22px !important;
color: #DD4492;
}

.icon-phone-squared:before {
vertical-align: middle;
font-size: 22px !important;
color: #F0F0F0;
}

.like_cell_2 .icon-phone-squared:before {
vertical-align: inherit;
font-size: 28px !important;
}

/* BUTTOM TEL */

.art-buttom-tel {
position: relative;
bottom: 8px;
left: 90px;
z-index: 1;
}

.art-buttom-tel a {
position: relative;
display: inline-block;
margin: 0 auto;
padding: 0 12px;
line-height: 28px;
vertical-align: middle;
font-size: 13px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-decoration: none;
border: 0;
border-left: 1px solid rgb(255 255 255 / 60%);
border-right: 1px solid rgb(255 255 255 / 60%);
border-collapse: separate;
color: #DD4492;
background: #F3F3F3;
background: -webkit-linear-gradient(left, #FFFFFF 0, #F6F6F6 20%, #F3F3F3 50%, #F6F6F6 80%, #FFFFFF 100%) no-repeat;
background: -moz-linear-gradient(left, #FFFFFF 0, #F6F6F6 20%, #F3F3F3 50%, #F6F6F6 80%, #FFFFFF 100%) no-repeat;
background: -o-linear-gradient(left, #FFFFFF 0, #F6F6F6 20%, #F3F3F3 50%, #F6F6F6 80%, #FFFFFF 100%) no-repeat;
background: -ms-linear-gradient(left, #FFFFFF 0, #F6F6F6 20%, #F3F3F3 50%, #F6F6F6 80%, #FFFFFF 100%) no-repeat;
-webkit-box-shadow: 0 2px 8px rgb(0 0 0 / 25%), inset 0 1px 0 rgb(255 255 255 / 60%), 0 1.33px 0 rgb(221 68 146 / 100%);
box-shadow: 0 2px 8px rgb(0 0 0 / 25%), inset 0 1px 0 rgb(255 255 255 / 60%), 0 1.33px 0 rgb(221 68 146 / 100%);
-webkit-transition: all .15s linear 0s;
transition: all .15s linear 0s;
-webkit-border-radius: 25px;
border-radius: 25px;
}

.art-buttom-tel a:hover {
border-left: 1px solid rgb(221 68 146 / 100%);
border-right: 1px solid rgb(221 68 146 / 100%);
color: rgb(221 68 146 / 66%);
background: #F0F0F0;
background: -webkit-linear-gradient(left, #F6F6F6 0, #F3F3F3 20%, #F0F0F0 50%, #F3F3F3 80%, #F6F6F6 100%) no-repeat;
background: -moz-linear-gradient(left, #F6F6F6 0, #F3F3F3 20%, #F0F0F0 50%, #F3F3F3 80%, #F6F6F6 100%) no-repeat;
background: -o-linear-gradient(left, #F6F6F6 0, #F3F3F3 20%, #F0F0F0 50%, #F3F3F3 80%, #F6F6F6 100%) no-repeat;
background: -ms-linear-gradient(left, #F6F6F6 0, #F3F3F3 20%, #F0F0F0 50%, #F3F3F3 80%, #F6F6F6 100%) no-repeat;
-webkit-box-shadow: 0 0 5px rgb(221 68 146 / 25%), inset 0 1px 0 rgb(255 255 255 / 60%), 0 1px 0 rgb(0 0 0 / 10%);
box-shadow: 0 0 5px rgb(221 68 146 / 25%), inset 0 1px 0 rgb(255 255 255 / 60%), 0 1px 0 rgb(0 0 0 / 10%);
-webkit-text-shadow: 0 0 1px rgb(255 255 255 / 66%);
text-shadow: 0 0 1px rgb(255 255 255 / 66%);
}

.art-buttom-tel a:active {
font-weight: normal;
border-left: 1px solid #F6F6F6;
border-right: 1px solid #F6F6F6;
color: #F6F6F6;
background: #F6F6F6;
background: -webkit-linear-gradient(left, #F0F0F0 0, #F3F3F3 20%, #F6F6F6 50%, #F3F3F3 80%, #F0F0F0 100%) no-repeat;
background: -moz-linear-gradient(left, #F0F0F0 0, #F3F3F3 20%, #F6F6F6 50%, #F3F3F3 80%, #F0F0F0 100%) no-repeat;
background: -o-linear-gradient(left, #F0F0F0 0, #F3F3F3 20%, #F6F6F6 50%, #F3F3F3 80%, #F0F0F0 100%) no-repeat;
background: -ms-linear-gradient(left, #F0F0F0 0, #F3F3F3 20%, #F6F6F6 50%, #F3F3F3 80%, #F0F0F0 100%) no-repeat;
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 40%);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 40%);
-webkit-text-shadow: 0 0 1px rgb(64 64 64 / 66%);
text-shadow: 0 0 1px rgb(64 64 64 / 66%);
}

.art-buttom-tel .icon-tablet:before {
-webkit-animation-duration: 1.5s;
-moz-animation-duration: 1.5s;
-o-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-o-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-name: Tada;
-moz-animation-name: Tada;
-o-animation-name: Tada;
animation-name: Tada;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
 
@-webkit-keyframes Tada {
0% {-webkit-transform:scale(1)}
10%, 20% {-webkit-transform:scale(0.9) rotate(-3deg)}
30%, 50%, 70%, 90% {-webkit-transform:scale(1.1) rotate(3deg)}
40%, 60%, 80% {-webkit-transform:scale(1.1) rotate(-3deg)}
100% {-webkit-transform:scale(1) rotate(0)}
}
@-moz-keyframes Tada {
0% {-moz-transform:scale(1)}
10%,20% {-moz-transform:scale(0.9) rotate(-3deg)}
30%, 50%, 70%, 90% {-moz-transform:scale(1.1) rotate(3deg)}
40%, 60%, 80% {-moz-transform:scale(1.1) rotate(-3deg)}
100% {-moz-transform:scale(1) rotate(0)}
}
@-o-keyframes Tada {
0% {-o-transform:scale(1)}
10%,20% {-o-transform:scale(0.9) rotate(-3deg)}
30%, 50%, 70%, 90% {-o-transform:scale(1.1) rotate(3deg)}
40%, 60%, 80% {-o-transform:scale(1.1) rotate(-3deg)}
100% {-o-transform:scale(1) rotate(0)}
}
@keyframes Tada {
0% { transform:scale(1)}
10%, 20% {transform:scale(0.9) rotate(-3deg)}
30%, 50%, 70%, 90% {transform:scale(1.1) rotate(3deg)}
40%, 60%, 80% {transform:scale(1.1) rotate(-3deg)}
100% {transform:scale(1) rotate(0)}
}

/* NAV | MENU */

.art-nav {
position: relative;
height: 50px;
margin: 12px auto;
padding: 0;
background: #F0F0F0;
border-left: 2px solid #DD4492;
border-right: 2px solid #DD4492;
-webkit-border-radius: 25px;
border-radius: 25px;
z-index: 100;
}

ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover {
position: relative;
outline: none;
z-index: 11;
}

ul.art-hmenu, ul.art-hmenu ul {
display: block;
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
}

ul.art-hmenu li {
position: relative;
display: block;
float: left;
margin: 0;
padding: 0;
border: 0;
background: none;
z-index: 5;
}

ul.art-hmenu li:hover {
white-space: normal;
z-index: 10000;
}

ul.art-hmenu:after, ul.art-hmenu ul:after {
display: block;
overflow: hidden;
visibility: hidden;
height: 0;
content: '.';
clear: both;
}

ul.art-hmenu, ul.art-hmenu ul {
min-height: 0;
}

ul.art-hmenu {
display: block;
width: max-content;
margin: 0 auto;
padding: 0;
vertical-align: middle;
}

.art-nav:before {
content: '';
}

.art-hmenu-extra1 {
position: relative;
display: block;
float: left;
width: auto;
height: auto;
background-position: center;
}

.art-hmenu-extra2 {
position: relative;
display: block;
float: right;
width: auto;
height: auto;
background-position: center;
}

.art-hmenu {
float: none;
}

.art-menuitemcontainer {
margin: 0 auto;
}
ul.art-hmenu>li {
margin-left: 10px;
}
ul.art-hmenu>li:first-child {
margin-left: 3px;
}
ul.art-hmenu>li:last-child, ul.art-hmenu>li.last-child {
margin-right: 3px;
}

ul.art-hmenu>li>a {
position: relative;
display: block;
height: 50px;
margin: 0 auto;
padding: 0 20px;
line-height: 48px;
text-align: center;
color: #404040;
cursor: pointer;
}

ul.art-hmenu>li>a:before {
position: absolute;
height: 54px;
margin: -2px auto 0;
top: 0;
bottom: 0;
left: 0;
right: 0;
line-height: 50px;
content: '';
background: #DD4492;
-webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-border-radius: 25px;
border-radius: 25px;
z-index: -1;
}

ul.art-hmenu>li>a:hover:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}

.art-hmenu a, 
.art-hmenu a:link, 
.art-hmenu a:visited, 
.art-hmenu a.active, 
.art-hmenu a:hover {
font-size: 20px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-align: left;
text-decoration: none;
}

ul.art-hmenu>li>a.active {
margin: -2px auto 0;
color: #DD4492;
background: #FFFFFF;
border-top: 2px solid #DD4492;
border-bottom: 2px solid #DD4492;
-webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
-webkit-border-radius: 25px;
border-radius: 25px;
}

ul.art-hmenu>li>a:visited, 
ul.art-hmenu>li>a:hover, 
ul.art-hmenu>li:hover>a {
text-decoration: none;
}

ul.art-hmenu>li>a:hover, 
.desktop-nav ul.art-hmenu>li:hover>a {
color: #FFFFFF;
}

ul.art-hmenu>li:before {
position: absolute;
display: block;
top: 10px;
left: -8px;
font-family: "yoho";
font-size: 28px;
content: '\eaa2';
color: #FFFFFF;
}

ul.art-hmenu>li:first-child:before {
display: none;
}

ul.art-hmenu ul {
display: none;
}

/* PAGER */

.item-list .pager li {
display: inline-block !important;
margin: 0 !important;
padding: 4px !important;
text-align: center !important;
}

ul.pager li.pager-current {
vertical-align: bottom;
font-size: 22px;
color: #DD4492 !important;
}

ul.pager li a {
padding: 4px 8px;
border: 3px solid #404040;
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
-webkit-border-radius: 50%;
border-radius: 50%;
}

ul.pager li a:hover {
border: 3px solid #DD4492 !important;
color: #DD4492 !important;
}

ul.pager li.pager-next a {
vertical-align: top;
font: 0 "yoho";
border: 0 !important;
}

ul.pager li.pager-next a:before {
vertical-align: middle;
font-family: "yoho";
font-size: 22px;
font-weight: bold;
content: '\e8ae';
}

ul.pager li.pager-last a {
vertical-align: top;
font: 0 "yoho";
border: 0 !important;
}

ul.pager li.pager-last a:before {
vertical-align: middle;
font-family: "yoho";
font-size: 22px;
font-weight: bold;
content: '\e8b6';
}

ul.pager li.pager-previous a {
vertical-align: top;
font: 0 "yoho";
border: 0 !important;
}

ul.pager li.pager-previous a:before {
vertical-align: middle;
font-family: "yoho";
font-size: 22px;
font-weight: bold;
content: '\e8ad';
}

ul.pager li.pager-first a {
vertical-align: top;
font: 0 "yoho";
border: 0 !important;
}

ul.pager li.pager-first a:before {
vertical-align: middle;
font-family: "yoho";
font-size: 22px;
font-weight: bold;
content: '\e8b5';
}

/* CONTAINER */

.container {
position: relative;
height: 100px;
margin: 15px auto;
padding: 30px 10px;
border: 4px double #F0F0F0;
background: #FFFFFF;
-webkit-border-radius: 25px;
border-radius: 25px;
}

table.row {
width: 100%;
margin-top: 10px;
}

.title1, .title2, .title3, .title4, .title5 {
margin: 76px auto 0;
font-style: normal;
text-align: center;
text-transform: uppercase;
color: #878787;
cursor: default;
}

.col2:before, .col3:before, .col4:before, .col5:before {
position: absolute;
display: block;
width: 1.5px;
height: 100px;
top: 30px;
content: '';
background: #D6D6D6;
background: -webkit-linear-gradient(top, rgb(214 214 214 / 0)0, rgb(214 214 214 / 50%)50%, rgb(214 214 214 / 0)100%);
background: linear-gradient(to top, rgb(214 214 214 / 0)0, rgb(214 214 214 / 50%)50%, rgb(214 214 214 / 0)100%);
}

.col1 {
width: 20%;
background-image: url(images/info1.svg);
background-repeat: no-repeat;
background-position: top center;
}

.col2 {
width: 20%;
background-image: url(images/info2.svg);
background-repeat: no-repeat;
background-position: top center;
}

.col3 {
width: 20%;
background-image: url(images/info3.svg);
background-repeat: no-repeat;
background-position: top center;
}

.col4 {
width: 20%;
background-image: url(images/info4.svg);
background-repeat: no-repeat;
background-position: top center;
}

.col5 {
width: 20%;
background-image: url(images/info5.svg);
background-repeat: no-repeat;
background-position: top center;
}

/* 404 */

.not_found {
display: block;
width: 120px;
height: 120px;
margin: 30px auto 20px;
background-image: url(images/error.svg);
background-repeat: no-repeat;
background-position: center;
}

/* SECTION */

/* BUTTON | INPUT | SELECT */

a.art-button,
a.art-button:link,
a:link.art-button:link,
body a.art-button:link,
a.art-button:visited,
body a.art-button:visited,
input.art-button,
button.art-button {
position: relative;
display: inline-block;
overflow: visible;
margin: 6px !important;
line-height: 36px;
white-space: nowrap;
vertical-align: middle;
font-size: 16px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-align: center;
text-decoration: none;
text-indent: 0;
color: #DD4492;
-webkit-box-sizing: content-box;
box-sizing: content-box;
cursor: pointer;
}

.art-button img {
margin: 0;
vertical-align: middle;
}

.firefox2 .art-button {
display: block;
float: left;
}

input, textarea {
vertical-align: middle;
font-size: 14px;
font-weight: bold;
font-style: normal;
}

textarea {
-ms-overflow-style: none;
scrollbar-width: none;
resize: none;
}

textarea::-webkit-scrollbar {
display: none;
}

select {
max-width: 600px;
margin: 0 2px;
white-space: nowrap;
vertical-align: middle;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-size: 14px;
background: transparent;
}

select, fieldset {
border: 2px solid #F6F6F6;
-webkit-border-radius: 3px;
border-radius: 3px;
outline: none !important;
}

.art-block select {
width: 96%;
}

.art-button {
margin: 0 auto;
padding: 0 14px;
line-height: 36px;
border: 0;
border-left: 1px solid rgb(255 255 255 / 60%);
border-right: 1px solid rgb(255 255 255 / 60%);
border-collapse: separate;
background: #F3F3F3;
background: -webkit-linear-gradient(left, #FFFFFF 0, #F6F6F6 20%, #F3F3F3 50%, #F6F6F6 80%, #FFFFFF 100%) no-repeat;
background: -moz-linear-gradient(left, #FFFFFF 0, #F6F6F6 20%, #F3F3F3 50%, #F6F6F6 80%, #FFFFFF 100%) no-repeat;
background: -o-linear-gradient(left, #FFFFFF 0, #F6F6F6 20%, #F3F3F3 50%, #F6F6F6 80%, #FFFFFF 100%) no-repeat;
background: -ms-linear-gradient(left, #FFFFFF 0, #F6F6F6 20%, #F3F3F3 50%, #F6F6F6 80%, #FFFFFF 100%) no-repeat;
-webkit-box-shadow: 0 2px 8px rgb(0 0 0 / 25%), inset 0 1px 0 rgb(255 255 255 / 60%), 0 1.33px 0 rgb(221 68 146 / 100%);
box-shadow: 0 2px 8px rgb(0 0 0 / 25%), inset 0 1px 0 rgb(255 255 255 / 60%), 0 1.33px 0 rgb(221 68 146 / 100%);
-webkit-transition: all .15s linear 0s;
transition: all .15s linear 0s;
-webkit-border-radius: 25px;
border-radius: 25px;
}

input.art-button {
float: none !important;
outline: none !important;
}

.art-button.hover, .art-button:hover {
border-left: 1px solid rgb(221 68 146 / 100%);
border-right: 1px solid rgb(221 68 146 / 100%);
color: rgb(221 68 146 / 66%) !important;
background: #F0F0F0;
background: -webkit-linear-gradient(left, #F6F6F6 0, #F3F3F3 20%, #F0F0F0 50%, #F3F3F3 80%, #F6F6F6 100%) no-repeat;
background: -moz-linear-gradient(left, #F6F6F6 0, #F3F3F3 20%, #F0F0F0 50%, #F3F3F3 80%, #F6F6F6 100%) no-repeat;
background: -o-linear-gradient(left, #F6F6F6 0, #F3F3F3 20%, #F0F0F0 50%, #F3F3F3 80%, #F6F6F6 100%) no-repeat;
background: -ms-linear-gradient(left, #F6F6F6 0, #F3F3F3 20%, #F0F0F0 50%, #F3F3F3 80%, #F6F6F6 100%) no-repeat;
-webkit-box-shadow: 0 0 5px rgb(221 68 146 / 25%), inset 0 1px 0 rgb(255 255 255 / 60%), 0 1px 0 rgb(0 0 0 / 10%);
box-shadow: 0 0 5px rgb(221 68 146 / 25%), inset 0 1px 0 rgb(255 255 255 / 60%), 0 1px 0 rgb(0 0 0 / 10%);
-webkit-text-shadow: 0 0 1px rgb(255 255 255 / 66%);
text-shadow: 0 0 1px rgb(255 255 255 / 66%);
}

.art-button.active, .art-button.active:hover {
font-weight: normal !important;
border-left: 1px solid #F6F6F6;
border-right: 1px solid #F6F6F6;
background: #F6F6F6;
background: -webkit-linear-gradient(left, #F0F0F0 0, #F3F3F3 20%, #F6F6F6 50%, #F3F3F3 80%, #F0F0F0 100%) no-repeat;
background: -moz-linear-gradient(left, #F0F0F0 0, #F3F3F3 20%, #F6F6F6 50%, #F3F3F3 80%, #F0F0F0 100%) no-repeat;
background: -o-linear-gradient(left, #F0F0F0 0, #F3F3F3 20%, #F6F6F6 50%, #F3F3F3 80%, #F0F0F0 100%) no-repeat;
background: -ms-linear-gradient(left, #F0F0F0 0, #F3F3F3 20%, #F6F6F6 50%, #F3F3F3 80%, #F0F0F0 100%) no-repeat;
color: #F6F6F6 !important;
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 40%);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 40%);
-webkit-text-shadow: 0 0 1px rgb(64 64 64 / 66%);
text-shadow: 0 0 1px rgb(64 64 64 / 66%);
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea {
border: 1px solid transparent;
border-color: rgb(0 0 0 / 27%);
border-top-color: rgb(0 0 0 / 38%);
border-bottom-color: rgb(0 0 0 / 16%);
background: #FFFFFF;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 25px;
border-radius: 25px;
outline: none !important;
}

input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, input[type="url"]:hover, textarea:hover, select:hover {
-webkit-box-shadow: 0 0 6px 0 #DD4492 inset;
box-shadow: 0 0 6px 0 #DD4492 inset;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea {
width: 210px;
margin: 0 2px;
padding: 6px 10px;
font-size: 14px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
color: #404040 !important;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, textarea:focus, select:focus {
-webkit-box-shadow: 0 0 6px 0 #DD4492;
box-shadow: 0 0 6px 0 #DD4492;
}

input.art-error, textarea.art-error, input.error, textarea.error {
-webkit-box-shadow: 0 0 6px 0 red;
box-shadow: 0 0 6px 0 red;
}

input.art-error, textarea.art-error {
font-size: 14px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
color: #525252 !important;
}

/* INPUT YOHO STYLE */

#contact-mail-page input[type="text"], #contact-mail-page input[type="email"], #contact-mail-page input[type="url"], #contact-mail-page textarea,
#user-login input[type="text"], #user-login input[type="password"], #user-login input[type="email"], #user-login input[type="url"],
#user-pass input[type="text"], #user-pass input[type="password"], #user-pass input[type="email"], #user-pass input[type="url"],
#user-profile-form input[type="text"], #user-profile-form input[type="password"], #user-profile-form input[type="email"], #user-profile-form input[type="url"],
#search-form input[type="text"] {
border: transparent;
border-bottom: 2px solid #F6F6F6;
background: #FFFFFF;
-webkit-transition: all .15s ease-out;
-moz-transition: all .15s ease-out;
transition: all .15s ease-out;
}

#contact-mail-page input[type="text"]:hover, #contact-mail-page input[type="email"]:hover, #contact-mail-page input[type="url"]:hover, #contact-mail-page textarea:hover,
#user-login input[type="text"]:hover, #user-login input[type="password"]:hover, #user-login input[type="email"]:hover, #user-login input[type="url"]:hover,
#user-pass input[type="text"]:hover, #user-pass input[type="password"]:hover, #user-pass input[type="email"]:hover, #user-pass input[type="url"]:hover, 
#user-profile-form input[type="text"]:hover, #user-profile-form input[type="password"]:hover, #user-profile-form input[type="email"]:hover, #user-profile-form input[type="url"]:hover,
#search-form input[type="text"]:hover {
border-color: #DD4492 !important;
-webkit-box-shadow: inherit;
box-shadow: inherit;
}

input[type="text"].filled , input[type="password"].filled , input[type="email"].filled , input[type="url"].filled , textarea.filled {
border-color: #DD4492 !important;
background: #F6F6F6 !important;
}

#contact-mail-page input[type="text"]:focus, #contact-mail-page input[type="email"]:focus, #contact-mail-page input[type="url"]:focus, #contact-mail-page textarea:focus,
#user-login input[type="text"]:focus, #user-login input[type="password"]:focus, #user-login input[type="email"]:focus, #user-login input[type="url"]:focus,
#user-pass input[type="text"]:focus, #user-pass input[type="password"]:focus, #user-pass input[type="email"]:focus, #user-pass input[type="url"]:focus,
#user-profile-form input[type="text"]:focus, #user-profile-form input[type="password"]:focus, #user-profile-form input[type="email"]:focus, #user-profile-form input[type="url"]:focus,
#search-form input[type="text"]:focus {
border-color: #DD4492 !important;
-webkit-box-shadow: inherit;
box-shadow: inherit;
outline: none !important;
}

#search-form input[type="text"] {
width: 260px;
}

#user-pass #edit-name-wrapper input[type="text"] {
width: 348px;
}

#contact-mail-page textarea {
height: 31px;
-webkit-transition: all .15s ease-out;
-moz-transition: all .15s ease-out;
transition: all .15s ease-out;
}

#contact-mail-page textarea:focus {
height: 100%;
}

#contact-mail-page textarea.filled {
height: 100%;
}

#contact-mail-page label[for="edit-name"], #contact-mail-page label[for="edit-mail"], #contact-mail-page label[for="edit-subject"], #contact-mail-page label[for="edit-pass"], #contact-mail-page label[for="edit-captcha-response"], 
#user-login label[for="edit-name"], #user-login label[for="edit-mail"], #user-login label[for="edit-pass"], #user-login label[for="edit-captcha-response"], 
#user-pass label[for="edit-name"], #user-pass label[for="edit-captcha-response"], 
#user-profile-form label[for="edit-name"], #user-profile-form label[for="edit-mail"], #user-profile-form label[for="edit-pass-pass1"], #user-profile-form label[for="edit-pass-pass2"], 
#search-form label[for="edit-keys"] {
position: absolute;
display: inline-block;
margin-top: 2px;
margin-left: 10px;
pointer-events: none;
font-weight: normal;
color: #798081;
-webkit-transition: all .15s ease-out;
-moz-transition: all .15s ease-out;
transition: all .15s ease-out;
}

#contact-mail-page label[for="edit-message"] {
position: relative;
display: block;
margin-bottom: -26px;
margin-left: 12px;
pointer-events: none;
font-weight: normal;
color: #798081;
-webkit-transition: all .15s ease-out;
-moz-transition: all .15s ease-out;
transition: all .15s ease-out;
}

#contact-mail-page .description, #user-login .description, #user-pass .description, #user-profile-form .description {
margin-top: 20px;
}

#contact-mail-page .description, #user-login .description, #user-pass .description {
display: none;
}

#contact-mail-page #edit-message-wrapper {
padding-top: 4px;
}

label[for="edit-keys"] {
margin-top: 10px !important;
}

label.filled_area {
margin-left: 16px !important;
padding-top: 22px;
font-size: 10px !important;
color: #DD4492 !important;
}

label.filled_focus {
margin-left: 16px !important;
padding-top: 22px;
font-size: 10px !important;
color: #DD4492 !important;
}

label.filled_area_message {
margin-left: 16px !important;
padding-bottom: 22px;
font-size: 10px !important;
color: #DD4492 !important;
}

label.filled_focus_message {
margin-left: 16px !important;
padding-bottom: 22px;
font-size: 10px !important;
color: #DD4492 !important;
}

.form-item label {
margin-left: 2px;
}

/* LABEL */

label.art-checkbox:before {
width: 16px;
height: 16px;
margin: 0 auto;
background: #FAFAFA;
-webkit-border-radius: 1px;
border-radius: 1px;
}

label.art-checkbox {
display: inline-block;
line-height: 16px;
font-size: 14px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
cursor: pointer;
}

.art-checkbox>input[type="checkbox"] {
margin: 0 5px 0 0;
}

label.art-checkbox.active:before {
display: inline-block;
width: 16px;
height: 16px;
margin: 0 auto;
background: #FD9896;
-webkit-border-radius: 1px;
border-radius: 1px;
}

label.art-checkbox.hovered:before {
display: inline-block;
width: 16px;
height: 16px;
margin: 0 auto;
background: #FFF3B3;
-webkit-border-radius: 1px;
border-radius: 1px;
}

label.art-radiobutton:before {
width: 12px;
height: 12px;
margin: 0 auto;
background: #FAFAFA;
-webkit-border-radius: 3px;
border-radius: 3px;
}

label.art-radiobutton {
display: inline-block;
line-height: 12px;
font-size: 14px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
cursor: pointer;
}

.art-radiobutton>input[type="radio"] {
margin: 0 5px 0 0;
vertical-align: baseline;
}

label.art-radiobutton.active:before {
display: inline-block;
width: 12px;
height: 12px;
margin: 0 auto;
background: #FEE86C;
-webkit-border-radius: 3px;
border-radius: 3px;
}

label.art-radiobutton.hovered:before {
display: inline-block;
width: 12px;
height: 12px;
margin: 0 auto;
background: #FFF3B3;
-webkit-border-radius: 3px;
border-radius: 3px;
}

/* SECTION */

/* CONTENT */

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li {
margin: 0;
padding: 0;
}

.art-postheadericons,
.art-postfootericons,
.art-blockcontent,
ul.art-vmenu a {
text-align: left;
}

.art-postcontent {
line-height: 175%;
font-size: 14px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-align: justify;
}

.art-postcontent li,
.art-postcontent table,
.art-postcontent a,
.art-postcontent a:link,
.art-postcontent a:visited,
.art-postcontent a.visited,
.art-postcontent a:hover,
.art-postcontent a.hovered {
line-height: 175%;
font-size: 14px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-align: left;
}

.art-postcontent p {
margin: 13px 0;
}

.art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover,
.art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover,
.art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover,
.art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover,
.art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover,
.art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover,
.art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover,
.art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover,
.art-headline, .art-headline a, .art-headline a:link, .art-headline a:visited, .art-headline a:hover,
.art-slogan, .art-slogan a, .art-slogan a:link, .art-slogan a:visited, .art-slogan a:hover,
.art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover {
line-height: 120%;
font-size: 20px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
}

.art-postcontent a, .art-postcontent a:link {
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-decoration: none;
color: #404040;
-webkit-transition: all .15s ease-out;
-moz-transition: all .15s ease-out;
transition: all .15s ease-out;
}

.art-postcontent a:visited, .art-postcontent a.visited {
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
color: #404040;
}

.art-postcontent a:hover, .art-postcontent a.hover {
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
color: #798081;
}

.art-postcontent h1 {
margin: 0 0 12px -18px;
padding: 10px 56px;
font-size: 18px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-align: left;
text-transform: uppercase;
background: #F3F3F3;
background: -webkit-linear-gradient(right, #FFFFFF 0, #F6F6F6 13%, #F3F3F3 87%) no-repeat;
background: -moz-linear-gradient(right, #FFFFFF 0, #F6F6F6 13%, #F3F3F3 87%) no-repeat;
background: -o-linear-gradient(right, #FFFFFF 0, #F6F6F6 13%, #F3F3F3 87%) no-repeat;
background: -ms-linear-gradient(right, #FFFFFF 0, #F6F6F6 13%, #F3F3F3 87%) no-repeat;
color: #DD4492;
-webkit-box-shadow: -2px 0 3px -3px rgb(0 0 0 / 30%);
box-shadow: -2px 0 3px -3px rgb(0 0 0 / 30%);
-webkit-border-radius: 3px;
border-radius: 3px;
}

.art-blockcontent h1 {
margin: 10px 0;
font-size: 18px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-align: left;
text-transform: uppercase;
}

.art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:hover, .art-postcontent h1 a:visited, .art-blockcontent h1 a, .art-blockcontent h1 a:link, .art-blockcontent h1 a:hover, .art-blockcontent h1 a:visited {
font-size: 18px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-align: left;
text-transform: uppercase;
}

.art-postcontent h2 {
width: fit-content;
overflow: auto;
margin: 10px 0;
padding: 10px 15px;
font-size: 16px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-align: left;
text-transform: uppercase;
background: #F6F6F6;
color: #DD4492;
-webkit-border-radius: 25px;
border-radius: 25px;
}

.art-blockcontent h2 {
margin: 10px 0;
font-size: 16px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-align: left;
text-transform: uppercase;
}

.art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited {
font-size: 16px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-align: left;
text-transform: uppercase;
}

.art-postcontent h3 {
width: fit-content;
overflow: auto;
margin: 10px 0;
padding: 10px 15px;
font-size: 14px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-align: left;
text-transform: uppercase;
background: #F6F6F6;
color: #DD4492;
-webkit-border-radius: 25px;
border-radius: 25px;
}

.art-blockcontent h3 {
margin: 10px 0;
font-size: 14px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-align: left;
text-transform: uppercase;
}

.art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited {
font-size: 14px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-align: left;
text-transform: uppercase;
}

.art-postcontent h4 {
margin: 10px 0;
line-height: 175%;
font-size: 14px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-align: left;
color: #DD4492;
}

.art-blockcontent h4 {
margin: 10px 0;
font-size: 15px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-align: left;
}

.art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited {
font-size: 14px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-align: left;
}

.art-postcontent h5 {
margin: 10px 0;
font-size: 14px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
color: #DD4492;
}

.art-blockcontent h5 {
margin: 10px 0;
font-size: 14px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited {
font-size: 14px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-postcontent h6 {
margin: 10px 0;
font-size: 14px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
color: #DD4492;
}

.art-blockcontent h6 {
margin: 10px 0;
font-size: 14px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited {
font-size: 14px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-postheader {
margin: 0 0 10px -18px;
padding: 10px 56px;
font-size: 18px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-align: left;
text-transform: uppercase;
background: #F3F3F3;
background: -webkit-linear-gradient(right, #FFFFFF 0, #F6F6F6 13%, #F3F3F3 87%) no-repeat;
background: -moz-linear-gradient(right, #FFFFFF 0, #F6F6F6 13%, #F3F3F3 87%) no-repeat;
background: -o-linear-gradient(right, #FFFFFF 0, #F6F6F6 13%, #F3F3F3 87%) no-repeat;
background: -ms-linear-gradient(right, #FFFFFF 0, #F6F6F6 13%, #F3F3F3 87%) no-repeat;
color: #DD4492;
-webkit-box-shadow: -2px 0 3px -3px rgb(0 0 0 / 30%);
box-shadow: -2px 0 3px -3px rgb(0 0 0 / 30%);
-webkit-border-radius: 3px;
border-radius: 3px;
}

.art-postheader a, 
.art-postheader a:link, 
.art-postheader a:visited,
.art-postheader a.visited,
.art-postheader a:hover,
.art-postheader a.hovered {
font-size: 18px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-align: left;
text-transform: uppercase;
}

.art-postheader a, .art-postheader a:link {
font-size: 18px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
text-align: left;
text-decoration: none;
text-transform: uppercase;
color: #DD4492;
}

.art-postheader a:visited, .art-postheader a.visited {
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-align: left;
text-decoration: none;
color: #DD4492;
}

.art-postheader a:hover, .art-postheader a.hovered {
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-align: left;
text-decoration: none;
color: #798081;
}

.art-postcontent ul>li:before, .art-post ul>li:before, .art-textblock ul>li:before {
position: relative;
display: inline-block;
margin-right: 5px;
bottom: 1px;
vertical-align: middle;
font-family: "yoho";
font-size: 10px;
content: '\e8c1';
}

.opera .art-postcontent ul>li:before, .opera.art-post ul>li:before, .opera.art-textblock ul>li:before {
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}

.art-postcontent li, .art-post li, .art-textblock li {
margin: 3px 0 0 0;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
color: #404040;
}

.art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li, .art-postcontent ol, .art-post ol, .art-textblock ol {
padding: 0;
}

.art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li {
padding-left: 15px;
}

.art-postcontent ul>li:before, .art-post ul>li:before, .art-textblock ul>li:before {
margin-left: -15px;
}

.art-postcontent ol, .art-post ol, .art-textblock ol, .art-postcontent ul, .art-post ul, .art-textblock ul {
margin: 1em 0 1em 11px;
}

.art-postcontent li ol, .art-post li ol, .art-textblock li ol, .art-postcontent li ul, .art-post li ul, .art-textblock li ul {
margin: 0.5em 0 0.5em 11px;
}

.art-postcontent ol>li, .art-post ol>li, .art-textblock ol>li {
/* overrides overflow for "ul li" and sets the default value */
overflow: visible;
text-align: left;
}

.art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li {
/* makes "ul li" not to align behind the image if they are in the same line */
overflow-x: visible;
overflow-y: hidden;
text-align: left;
}

blockquote {
display: inline-flex;
width: fit-content;
overflow: auto;
margin: 10px 20px 0 20px;
padding: 10px 20px 10px 20px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-size: 16px;
text-align: left;
clear: both;
background: #FFF4B3;
color: #696969;
-webkit-border-radius: 25px;
border-radius: 25px;
}

blockquote:before {
position: relative;
margin-right: 12px;
font-family: "yoho";
font-weight: normal;
content: '\e850';
}

blockquote a, .art-postcontent blockquote a, .art-blockcontent blockquote a, .art-footer blockquote a,
blockquote a:link, .art-postcontent blockquote a:link, .art-blockcontent blockquote a:link, .art-footer blockquote a:link,
blockquote a:visited, .art-postcontent blockquote a:visited, .art-blockcontent blockquote a:visited, .art-footer blockquote a:visited,
blockquote a:hover, .art-postcontent blockquote a:hover, .art-blockcontent blockquote a:hover, .art-footer blockquote a:hover {
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: italic;
text-align: left;
color: #696969;
}

/* Override native 'p' margins */
blockquote p,
.art-postcontent blockquote p,
.art-blockcontent blockquote p,
.art-footer blockquote p {
margin: 5px 0;
}

/* Begin Additional CSS Styles */

/* End Additional CSS Styles */

/* BEGIN FCKEditor, CKEditor, TinyMCE modules support */

/* END FCKEditor, CKEditor modules support */

table {
width: 100%;
}

ul li, .item-list ul li, .menu ul li,
ul li.expanded, ul li.leaf, ul li.collapsed,
li.expanded, li.leaf, li.collapsed {
text-align: left;
list-style-type: none;
list-style-image: none;
}

ul.arttabs_primary, ul.arttabs_secondary, .links, img.service-links {
margin-left: 0;
padding-left: 0;
}

ul.arttabs_primary li, ul.arttabs_secondary li {
display: inline;
}

ul.arttabs_primary li:before, ul.arttabs_secondary li:before {
margin-left: 6px;
content: '';
}

ul.links {
overflow: hidden;
margin-left: 24px;
}

ul.links li, .block ul {
padding: 0;
background-image: none;
}

ul.menu li a.active {
font-weight: bold;
}

#tinymce body ul, #tinymce body.mceContentBody ul, body.mceContentBody ul {
margin: 1em 0 1em 2em;
}

li.messages {
margin: 5px 0;
}

#user-login-form {
text-align: left;
}

#user-login-form ul li {
padding-left: 0;
background-image: none;
}

/* Fix fieldset for IE8 and FFox */
fieldset, fieldset legend {
display: block;
}

.breadcrumb {
display: block;
}

#preview-args {
width: auto;
}

.tags {
float: left;
}

.help {
display: inline-block;
margin: 0 0 10px;
padding: 10px 10px 12px;
text-align: left;
background-color: #F6F6F6;
-webkit-border-radius: 25px;
border-radius: 25px;
}

.messages {
display: inline-block;
margin: 0 0 10px;
padding: 10px 10px 12px !important;
text-align: left;
border: 0 !important;
-webkit-border-radius: 25px;
border-radius: 25px;
}

.messages.error li {
margin-left: -10px;
}

div.password-description {
display: inline-block;
margin: 0 0 10px;
padding: 10px 10px 12px !important;
font-size: 18px;
text-align: left;
border: 0 !important;
-webkit-border-radius: 25px;
border-radius: 25px;
}

.status {
margin: 5px 0;
border: 1px solid #090;
background: #C9FBC8;
}

tr.even, tr.odd {
background-color: transparent;
}

#forum .links li {
float: none;
clear: both;
}

#forum table {
width: auto;
margin-top: 15px;
}

#forum td.container {
padding-top: 15px;
border-left: 0;
border-right: 0;
}

#forum td.active {
background-color: transparent;
}

#forum td.forum, #forum td.topics, #forum td.posts, #forum td.last-reply {
padding-top: 4px;
padding-bottom: 4px;
}

#forum td.container {
font-weight: bold;
}

#forum td.active {
background-color: transparent;
}

.forum-topic-navigation {
border-top: 0;
border-bottom: 0;
}

.forum-topic-navigation .topic-previous {
float: left;
text-align: left;
}

.forum-topic-navigation .topic-next {
float: right;
text-align: right;
}

.read_more {
margin: 5px 0;
text-align: left;
}

.sticky-table H2 {
font-size: 10px;
}

#footer {
text-align: center;
}

.filefield-upload .art-button-wrapper {
top: 10px;
}

.uc_out_of_stock_throbbing {
position: absolute;
margin: 0;
padding: 0;
top: 16%;
left: 3px;
z-index: 1;
}

.profile h3 {
margin-bottom: 1em;
border-bottom: 0;
}

/* BEGIN Image Attach module fix */
img.image {
margin: 0;
}

.image-attach-teaser {
width: auto;
}
/* END Image Attach module fix */

/* BEGIN ImageField module fix */
img.imagefield {
margin: 0;
}
/* END ImageField module fix */

/* BEGIN Support User picture */
.picture, .comment .submitted {
float: right;
clear: right;
}
/* END Support User picture */

/* BEGIN Support Nodeblock module */
.art-block-body .art-post {
margin: 0;
}
/* END Support Nodeblock module */

/* BEGIN Support floating panels in IE8 */
.panel-col-last {
clear: right;
}
/* END Support floating panels in IE8 */

/* BEGIN Support FCKEditor text alignment */
.rteleft {
text-align: left !important;
}

.rteright {
text-align: right !important;
}

.rtecenter {
text-align: center !important;
}

.rtejustify {
text-align: justify !important;
}
/* END Support FCKEditor text alignment */

/* BEGIN Set background color for sticky table */
table.sticky-header {
display: block;
padding-top: 50px;
top: 0;
opacity: 95%;
z-index: 999;
}
/* END Set background color for sticky table */

/* BEGIN Set alignment for radio buttons */
input.form-radio, input.form-checkbox {
margin: 0 0 2px;
vertical-align: baseline;
}
/* END Set alignment for radio buttons */

/* BEGIN Move bradcrumb from separate post */
h2.with-tabs {
margin-top: 0;
margin-bottom: 0;
}

.breadcrumb {
float: left;
margin: 0 4px 6px 4px;
padding: 10px 16px;
text-align: left;
background: #F6F6F6;
-webkit-border-radius: 25px;
border-radius: 25px;
}
/* END Move bradcrumb from separate post */

/* BEGIN Increasing distance between buttons */
span.art-button-wrapper {
margin: 0 5px 0 0;
}
/* END Increasing distance between buttons */

/* BEGIN Page validation fix */
.half-width {
width: 50%;
}

.third-width {
width: 33%;
}

.two-thirds-width {
width: 67%;
}
/* END Page validation fix */

/* BEGIN FckEditor bug with link disappearing fixed */
#switch_oFCK_1 {
display: block !important;
}
/* END FckEditor bug with link disappearing fixed */

.art-postcontent .calendar-calendar ul li, .art-postcontent .calendar-calendar ol ul li,
.art-postcontent div.view div.views-admin-links ul li, .art-postcontent div.view div.views-admin-links ol ul li {
padding: 2px;
background-image: none;
}

.date-heading h3 {
text-align: center;
}

tbody, tbody th, tr.even, tr.odd {
border: inherit;
}

form.comment-form input[type="submit"], form.confirmation input[type="submit"] {
margin-right: 10px !important;
}

/* BEGIN Taxonomy terms Artisteer styles in Drupal 7 */
.art-tags, .art-tags .field, .art-tags .field .field-label,
.art-tags .field .field-items, .art-tags .field .field-items .field-item {
display: inline;
}

.art-tags .field-item a:after {
content: ', ';
}

.art-tags .field-item:last-child a:after {
content: '';
}
/* END Taxonomy terms Artisteer styles in Drupal 7 */

/* BEGIN Action links support in Drupal7 */
.art-post ul.action-links li {
background-image: none;
list-style-type: none;
}

.art-post ul.action-links a {
padding-left: 15px;
line-height: 30px;
background: url(images/addicon.png) no-repeat scroll 0 transparent;
background-position: center left;
}
/* END Action links support in Drupal7 */

/* BEGIN Overlay module support */
#overlay #overlay-content #art-page-background-middle-texture {
background-image: none;
}

#overlay-tabs li a, #overlay-tabs li a:active, #overlay-tabs li a:visited, #overlay-tabs li a:hover {
background-color: transparent;
font-weight: normal;
}
/* END Overlay module support */

/* BEGIN Front page list view support */
#first-time ol {
list-style-position: outside;
}
/* END Front page list view support */

/* BEGIN Rtl support in Admin menu */
#toolbar, #toolbar * {
text-align: left;
}

#toolbar ul li, #toolbar ul li a {
float: left;
}
/* END Rtl support in Admin menu */

/* BEGIN Contextual links styles support */
ul.contextual-links li {
padding-left: 4px !important;
background-image: none !important;
}

ul.contextual-links li a {
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif !important;
font-style: normal !important;
font-weight: normal !important;
font-size: 12px !important;
text-align: left !important;
text-decoration: none !important;
}
/* END Contextual links styles support */

/* BEGIN Rtl support for Contextual links */
a.contextual-links-trigger {
text-indent: 90px !important;
}
/* END Rtl support for Contextual links */

/* BEGIN Superfish support */
.art-blockcontent .sf-menu.sf-style-default li {
margin: 0;
padding: 0;
}
/* END Superfish support */

.status, .status ul li {
color: #234600;
}

.error, .error ul li {
text-align: left;
color: #660000;
}

.art-header .art-search label {
display: none;
}

.art-search div.form-item {
margin: 0;
}

/* LINK YOHO */

.link {
padding: 10px;
}

.link h2 {
margin: 10px auto;
text-align: center;
}

.link_table {
width: 490px;
margin: 30px auto;
border-collapse: separate !important;
}

.link_table td {
padding-right: 1px;
padding-left: 1px;
}

.ltd_icon {
width: 120px;
height: 120px;
border: 2px solid #F6F6F6;
background-color: hsla(0, 0%, 100%, .5);
background-blend-mode: overlay;
background-image: url(images/link_icon.svg);
background-repeat: no-repeat;
background-position: center;
-webkit-border-radius: 25px;
border-radius: 25px;
}

.ltd_icon_1 {
width: 120px;
height: 120px;
border: 2px solid #F6F6F6;
background-color: hsla(0, 0%, 100%, .5);
background-blend-mode: overlay;
background-image: url(images/link_icon_1.svg);
background-repeat: no-repeat;
background-position: center;
-webkit-border-radius: 25px;
border-radius: 25px;
}

.ltd_icon_2 {
width: 120px;
height: 120px;
border: 2px solid #F6F6F6;
background-color: hsla(0, 0%, 100%, .5);
background-blend-mode: overlay;
background-image: url(images/link_icon_2.svg);
background-repeat: no-repeat;
background-position: center;
-webkit-border-radius: 25px;
border-radius: 25px;
}

.ltd_icon_3 {
width: 120px;
height: 120px;
border: 2px solid #F6F6F6;
background-color: hsla(0, 0%, 100%, .5);
background-blend-mode: overlay;
background-image: url(images/link_icon_3.svg);
background-repeat: no-repeat;
background-position: center;
-webkit-border-radius: 25px;
border-radius: 25px;
}

.ltd1 {
position: relative;
padding: 10px !important;
text-align: center;
background: #F6F6F6;
-webkit-border-radius: 25px;
border-radius: 25px;
}

.ltd1 a {
margin: 10px 0;
font-size: 16px !important;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif !important;
text-transform: uppercase;
}

#follow {
display: none;
}

.ltd1:hover #follow {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}

.ltd1_link {
position: absolute;
width: 90px;
height: 90px;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #F0F0F0;
-webkit-box-shadow: 0 1px 6px rgb(0 0 0 / 25%), inset 0 1px 0 rgb(255 255 255 / 60%), 0 1px 0 rgb(0 0 0 / 10%), inset 0 0 20px rgb(0 0 0 / 10%);
box-shadow: 0 1px 6px rgb(0 0 0 / 25%), inset 0 1px 0 rgb(255 255 255 / 60%), 0 1px 0 rgb(0 0 0 / 10%), inset 0 0 20px rgb(0 0 0 / 10%);
-webkit-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
-webkit-border-radius: 50%;
border-radius: 50%;
outline: none !important;
}

.ltd1_link:hover {
background: #F3F3F3;
-webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 25%), inset 0 1px 0 rgb(255 255 255 / 60%), 0 1px 0 rgb(221 68 146 / 60%), inset 0 0 20px rgb(0 0 0 / 10%);
box-shadow: 0 1px 3px rgb(0 0 0 / 25%), inset 0 1px 0 rgb(255 255 255 / 60%), 0 1px 0 rgb(221 68 146 / 60%), inset 0 0 20px rgb(0 0 0 / 10%);
}

.ltd1_link:active {
background: #F6F6F6;
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 40%);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 40%);
}

.ltd1 [class^="icon-"]:before, [class*=" icon-"]:before {
position: relative;
margin: 0;
top: 32px;
left: 24px;
font-size: 45px !important;
}

.ltd1_link .icon-forward-1 {
display: block;
width: 100%;
height: 100%;
}

.ltd1_link .icon-forward-1:hover:before {
color: #DD4492;
}

.ltd1_link .icon-forward-1:active:before {
color: #FFFFFF;
-webkit-text-shadow: 0 0 1px rgb(64 64 64 / 66%);
text-shadow: 0 0 1px rgb(64 64 64 / 66%);
}

.art-postcontent [class^="icon-"]:before, [class*=" icon-"]:before {
font-size: 20px;
color: #404040;
}

#edit-qty {
width: auto;
}

span.count {
display: inline-block;
margin-left: 20px;
padding: 0 10px;
vertical-align: middle;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
background: #F6F6F6;
-webkit-border-radius: 25px;
border-radius: 25px;
cursor: default;
}

.grippie {
width: 30px !important;
margin: auto !important;
border-bottom: 1px solid #F6F6F6 !important;
border-left: 1px solid #F6F6F6 !important;
border-right: 1px solid #F6F6F6 !important;
background-color: #F6F6F6 !important;
}

.taxonomy {
text-align: left;
}

.captcha_image {
padding: 8px 10px 0 10px;
cursor: pointer;
}

.tableterm {
border-collapse: separate !important;
background: #F6F6F6;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.tableterm td {
padding: 20px;
border: 2px solid #FFFFFF;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.tableterm h3 {
margin: 10px 0;
padding: 8px 13px;
text-align: left;
border-top: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
-webkit-border-radius: 25px;
border-radius: 25px;
}

.ctd {
position: relative;
width: 33.3%;
height: 244px;
text-align: center;
background: #FFFFFF;
}

.ctd:hover {
-webkit-box-shadow: 0 0 33px rgb(131 130 129 / 30%);
box-shadow: 0 0 33px rgb(131 130 129 / 30%);
-webkit-transition: box-shadow .15s ease-in-out;
transition: box-shadow .15s ease-in-out;
cursor: pointer;
z-index: 1;
}

.ctd img {
vertical-align: middle;
}

.ctd:hover img {
-webkit-transform: translate3d(0, -2%, 0);
transform: translate3d(0, -2%, 0);
-webkit-transition: opacity .15s ease-in-out, -webkit-transform .15s ease-in-out;
transition: opacity .15s ease-in-out, transform .15s ease-in-out;
opacity: 90%;
}

td.ctd1 {
position: relative;
}

#more {
display: none;
}

.ctd1:hover #more {
position: absolute;
display: block;
width: 100%;
height: 100%;
margin: -2px;
top: 0;
bottom: 0;
left: 0;
right: 0;
border: 2px solid #F6F6F6;
-webkit-transition: border .15s ease-in-out;
transition: border .15s ease-in-out;
z-index: 1;
}

.ctd1_link {
position: absolute;
width: 90px;
height: 90px;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #F0F0F0;
-webkit-box-shadow: 0 1px 6px rgb(0 0 0 / 25%), inset 0 1px 0 rgb(255 255 255 / 60%), 0 1px 0 rgb(0 0 0 / 10%), inset 0 0 20px rgb(0 0 0 / 10%);
box-shadow: 0 1px 6px rgb(0 0 0 / 25%), inset 0 1px 0 rgb(255 255 255 / 60%), 0 1px 0 rgb(0 0 0 / 10%), inset 0 0 20px rgb(0 0 0 / 10%);
-webkit-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
-webkit-border-radius: 50%;
border-radius: 50%;
outline: none !important;
}

.ctd1_link:hover {
background: #F3F3F3;
-webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 25%), inset 0 1px 0 rgb(255 255 255 / 60%), 0 1px 0 rgb(221 68 146 / 60%), inset 0 0 20px rgb(0 0 0 / 10%);
box-shadow: 0 1px 3px rgb(0 0 0 / 25%), inset 0 1px 0 rgb(255 255 255 / 60%), 0 1px 0 rgb(221 68 146 / 60%), inset 0 0 20px rgb(0 0 0 / 10%);
}

.ctd1_link:active {
background: #F6F6F6;
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 40%);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 40%);
}

.ctd1 [class^="icon-"]:before, [class*=" icon-"]:before {
position: relative;
margin: 0;
top: 32px;
left: 24px;
font-size: 45px !important;
}

.ctd1_link .icon-dot-3 {
display: block;
width: 100%;
height: 100%;
}

.ctd1_link .icon-dot-3:hover:before {
color: #DD4492;
}

.ctd1_link .icon-dot-3:active:before {
color: #FFFFFF;
-webkit-text-shadow: 0 0 1px rgb(64 64 64 / 66%);
text-shadow: 0 0 1px rgb(64 64 64 / 66%);
}

#slide_show {
position: relative;
display: block;
height: 368px;
margin: 10px auto 30px;
padding: 2px;
background: #D6D6D6;
background: -webkit-linear-gradient(left, rgb(214 214 214 / 0)0, rgb(214 214 214 / 50%)50%, rgb(214 214 214 / 0)100%), linear-gradient(to top, rgb(214 214 214 / 0)0, rgb(214 214 214 / 50%)50%, rgb(214 214 214 / 0)100%);
background: linear-gradient(to left, rgb(214 214 214 / 0)0, rgb(214 214 214 / 50%)50%, rgb(214 214 214 / 0)100%), linear-gradient(to top, rgb(214 214 214 / 0)0, rgb(214 214 214 / 50%)50%, rgb(214 214 214 / 0)100%);
-webkit-box-shadow: 0 0 1px rgb(214 214 214 / 90%);
box-shadow: 0 0 1px rgb(214 214 214 / 90%);
-webkit-border-radius: 3px;
border-radius: 3px;
}

p.description {
text-align: left;
}

.block_form {
margin-top: 8px;
text-align: center;
}

.tab_table th, .tab_table td:first-child {
font-weight: bold;
background: #DCDCDC;
}

.tab_table th, .tab_table td {
padding: 5px 10px;
text-align: center;
border-width: 0 1px 1px 0;
border-style: solid;
border-color: white;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.tab_table td {
background: #F6F6F6;
}

.tab_table .td1 {
font-weight: normal !important;
background: #F6F6F6 !important;
}

.tab_table .td2 {
font-weight: bold !important;
background: #DCDCDC !important;
}

td.ttd {
width: 33.3%;
text-align: center;
}

.img_node {
display: block;
margin: 20px auto !important;
}

.img_node_background {
display: block;
margin: 20px auto !important;
padding: 2px;
background: #D6D6D6;
background: -webkit-linear-gradient(left, rgb(214 214 214 / 0)0, rgb(214 214 214 / 50%)50%, rgb(214 214 214 / 0)100%), linear-gradient(to top, rgb(214 214 214 / 0)0, rgb(214 214 214 / 50%)50%, rgb(214 214 214 / 0)100%);
background: linear-gradient(to left, rgb(214 214 214 / 0)0, rgb(214 214 214 / 50%)50%, rgb(214 214 214 / 0)100%), linear-gradient(to top, rgb(214 214 214 / 0)0, rgb(214 214 214 / 50%)50%, rgb(214 214 214 / 0)100%);
-webkit-box-shadow: 0 0 1px rgb(214 214 214 / 90%);
box-shadow: 0 0 1px rgb(214 214 214 / 90%);
-webkit-border-radius: 3px;
border-radius: 3px;
}

.img_node_right {
float: right;
display: block;
margin: 20px !important;
}

.img_node_right_background {
float: right;
display: block;
margin: 20px !important;
padding: 2px;
background: #D6D6D6;
background: -webkit-linear-gradient(left, rgb(214 214 214 / 0)0, rgb(214 214 214 / 50%)50%, rgb(214 214 214 / 0)100%), linear-gradient(to top, rgb(214 214 214 / 0)0, rgb(214 214 214 / 50%)50%, rgb(214 214 214 / 0)100%);
background: linear-gradient(to left, rgb(214 214 214 / 0)0, rgb(214 214 214 / 50%)50%, rgb(214 214 214 / 0)100%), linear-gradient(to top, rgb(214 214 214 / 0)0, rgb(214 214 214 / 50%)50%, rgb(214 214 214 / 0)100%);
-webkit-box-shadow: 0 0 1px rgb(214 214 214 / 90%);
box-shadow: 0 0 1px rgb(214 214 214 / 90%);
-webkit-border-radius: 3px;
border-radius: 3px;
}

.img_term {
float: right;
display: block;
margin: 20px !important;
padding: 20px 15px;
-webkit-box-shadow: 0 -2px 6px rgb(14 21 47 / 2%), 0 6px 18px rgb(14 21 47 / 10%);
box-shadow: 0 -2px 6px rgb(14 21 47 / 2%), 0 6px 18px rgb(14 21 47 / 10%);
-webkit-border-radius: 3px;
border-radius: 3px;
}

.img_term_center {
display: block;
margin: 20px auto !important;
padding: 2px;
-webkit-box-shadow: 0 -2px 6px rgb(14 21 47 / 2%), 0 6px 18px rgb(14 21 47 / 10%);
box-shadow: 0 -2px 6px rgb(14 21 47 / 2%), 0 6px 18px rgb(14 21 47 / 10%);
-webkit-border-radius: 3px;
border-radius: 3px;
}

.img_term_right {
float: right;
display: block;
margin: 20px !important;
padding: 20px 15px;
-webkit-box-shadow: 0 1px 4px 0 rgb(0 0 0 / 15%);
box-shadow: 0 1px 4px 0 rgb(0 0 0 / 15%);
-webkit-border-radius: 3px;
border-radius: 3px;
}

.img_term_big {
display: block;
margin: 20px auto !important;
padding: 2px;
-webkit-box-shadow: 0 1px 4px 0 rgb(0 0 0 / 15%);
box-shadow: 0 1px 4px 0 rgb(0 0 0 / 15%);
-webkit-border-radius: 3px;
border-radius: 3px;
}

.order-pane-table.sticky-enabled input[type="text"] {
width: 80px;
}

.product-body {
margin-top: 4px;
}

.add-to-cart {
height: 78px;
}

.add-to-cart .form-item {
margin-top: 2px;
}

.add-to-cart .form-item label {
margin-bottom: 12px;
}

.add-to-cart input#edit-qty {
margin-left: 3px;
}

.add-to-cart input.art-button {
bottom: 54px;
left: 80px;
}

span.price-prefixes {
font-weight: bold;
}

.node-background {
display: table-cell;
max-width: 100%;
margin: auto;
padding: 10px 20px 13px 20px;
font-size: 16px;
text-align: left;
background: #F6F6F6;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 25px;
border-radius: 25px;
}

img.sert {
margin: 15px 0 5px;
-webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 40%);
box-shadow: 0 1px 2px rgb(0 0 0 / 40%);
-webkit-border-radius: 3px;
border-radius: 3px;
outline: none !important;
}

img.sert_block {
margin-top: 10px !important;
-webkit-box-shadow: 0 0 1px 0 rgb(0 0 0 / 10%), 0 2px 6px 0 rgb(0 0 0 / 10%);
box-shadow: 0 0 1px 0 rgb(0 0 0 / 10%), 0 2px 6px 0 rgb(0 0 0 / 10%);
-webkit-border-radius: 3px;
border-radius: 3px;
outline: none !important;
}

img.sert:hover,
img.sert_block:hover {
-webkit-transform: none;
transform: none; 
}

.cert {
display: block;
margin: 17px auto 10px;
padding: 10px 15px;
text-align: left;
border-top: 2px solid #F6F6F6;
border-bottom: 2px solid #F6F6F6;
-webkit-border-radius: 25px;
border-radius: 25px;
}

#video {
display: block;
margin: 20px auto !important;
padding: 2px;
background: #D6D6D6;
background: -webkit-linear-gradient(left, rgb(214 214 214 / 0)0, rgb(214 214 214 / 50%)50%, rgb(214 214 214 / 0)100%), linear-gradient(to top, rgb(214 214 214 / 0)0, rgb(214 214 214 / 50%)50%, rgb(214 214 214 / 0)100%);
background: linear-gradient(to left, rgb(214 214 214 / 0)0, rgb(214 214 214 / 50%)50%, rgb(214 214 214 / 0)100%), linear-gradient(to top, rgb(214 214 214 / 0)0, rgb(214 214 214 / 50%)50%, rgb(214 214 214 / 0)100%);
-webkit-box-shadow: 0 0 1px rgb(214 214 214 / 90%);
box-shadow: 0 0 1px rgb(214 214 214 / 90%);
-webkit-border-radius: 3px;
border-radius: 3px;
}

/* MENU CATEGORIES | TABS */

ul.links.inline.uc-categories {
position: relative;
display: inline-block;
margin: 0 5px -10px 5px;
}

ul.links.inline.uc-categories li:before {
display: none;
}

ul.links.inline.uc-categories>li>a {
position: relative;
display: block;
width: fit-content;
margin: 10px 0 10px 2px;
padding: 0 12px;
text-align: left !important;
background: #FFFFFF;
border: 4px double #F3F3F3;
-webkit-box-shadow: -2px 0 3px -3px rgb(0 0 0 / 30%);
box-shadow: -2px 0 3px -3px rgb(0 0 0 / 30%);
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-border-radius: 30px;
border-radius: 30px;
cursor: pointer;
}

ul.links.inline.uc-categories>li>a:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
border-left: 1px solid #DD4492;
border-right: 1px solid #DD4492;
background: #F3F3F3;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 12px 100%;
transform-origin: 12px 100%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-border-radius: 25px;
border-radius: 25px;
z-index: -1;
}

ul.links.inline.uc-categories>li>a:hover { 
color: #DD4492;
}

ul.links.inline.uc-categories>li>a:hover:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}

.content-middle {
position: relative;
margin: 0 4px 10px;
padding: 2px;
}

.tabset_content {
position: relative;
}

.tabset_content #tab1 {
position: relative !important;
}

h2.tabset_label {
text-decoration: overline;
text-transform: none;
}

.tabset_tabs {
position: relative;
display: inline-block;
margin: 10px 0 !important;
padding: 4px;
background: #F3F3F3;
-webkit-box-shadow: -2px 0 3px -3px rgb(0 0 0 / 30%);
box-shadow: -2px 0 3px -3px rgb(0 0 0 / 30%);
-webkit-border-radius: 25px;
border-radius: 25px;
}

l>a {
position: relative;
display: inline-block;
}

.tabset_tabs>l>a { 
padding: 6px 16px;
font-size: 16px !important;
text-align: left !important;
background: #FFFFFF;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-border-radius: 30px;
border-radius: 30px;
cursor: pointer;
}

.tabset_tabs>l>a:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
border-left: 1px solid #DD4492;
border-right: 1px solid #DD4492;
background: #F3F3F3;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 16px 100%;
transform-origin: 16px 100%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-border-radius: 25px;
border-radius: 25px;
z-index: -1;
}

.tabset_tabs>l>a:hover { 
color: #DD4492;
}

.tabset_tabs>l>a:hover:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}

.tabset_tabs>l>a.active {
background: #F3F3F3;
color: #DD4492;
cursor: default;
}

.tabset_tabs>l>a.active:before {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}

.transition {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
-o-transition-delay: .3s;
-ms-transition-delay: .3s;
transition-delay: .3s;
}

.make_transist {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

.hidescale {
display: none;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-o-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}

.showscale {
position: absolute;
display: block;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
-o-transition-delay: .3s;
-ms-transition-delay: .3s;
transition-delay: .3s;
}

/* MCONTACT */

.art-cont {
position: relative;
margin-top: 6px;
margin-bottom: -8px;
padding: 4px 16px 42px 8px;
font-weight: bold;
background: #F6F6F6;
-webkit-border-radius: 25px;
border-radius: 25px;
}

.art-cont [class^="icon-"]:before, [class*=" icon-"]:before {
margin-bottom: 8px;
vertical-align: middle;
color: #404040;
}

.art-cont:before {
position: absolute;
width: 50%;
margin: -21px auto 0;
left: 0;
right: 0;
content: '';
border-bottom: 2px solid #F6F6F6;
}

.mtable {
display: none;
width: 100%;
margin: 0 auto -26px;
padding: 0 0 0 8px;
font-size: 12px !important;
font-weight: bold;
border-collapse: separate !important;
}

.mtable [class^="icon-"]:before, [class*=" icon-"]:before {
height: 16px;
line-height: 16px;
font-size: 12px;
color: #404040 !important;
}

.mtable a {
font-size: 12px !important;
}

.mtd {
width: 50%;
padding: 10px;
background: #FFFFFF;
-webkit-border-radius: 15px;
border-radius: 15px;
}

#mtel {
float: left;
}

#mmail {
float: right;
}

#mbutton1, #mbutton2 {
cursor: pointer;
}

#mbutton1:hover, #mbutton2:hover {
-webkit-transition: opacity .15s ease-out;
-moz-transition: opacity .15s ease-out;
transition: opacity .15s ease-out;
opacity: 80%;
}

/* INDEX */

.itable {
width: 100%;
margin: 30px auto;
text-align: left;
border-collapse: separate !important;
-webkit-box-shadow: 0 0 2px rgb(0 0 0 / 10%);
box-shadow: 0 0 2px rgb(0 0 0 / 10%);
-webkit-border-radius: 3px;
border-radius: 3px;
}

.itable td {
-webkit-border-radius: 3px;
border-radius: 3px;
}

.itable h3 {
margin: 10px 0;
padding: 8px 13px;
text-align: left;
border-top: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
-webkit-border-radius: 25px;
border-radius: 25px;
}

.itd {
position: relative;
width: 33.3%;
height: 300px;
text-align: center;
border: 2px solid #F6F6F6;
}

.itd:hover {
-webkit-box-shadow: 0 0 33px rgb(131 130 129 / 30%);
box-shadow: 0 0 33px rgb(131 130 129 / 30%);
-webkit-transition: box-shadow .15s ease-in-out;
transition: box-shadow .15s ease-in-out;
cursor: pointer;
z-index: 1;
}

.itd img {
vertical-align: middle;
}

.itd:hover img {
-webkit-transform: translate3d(0, -2%, 0);
transform: translate3d(0, -2%, 0);
-webkit-transition: opacity .15s ease-in-out, -webkit-transform .15s ease-in-out;
transition: opacity .15s ease-in-out, transform .15s ease-in-out;
opacity: 90%;
}

.itd1 {
padding: 20px !important;
line-height: 200%;
background: #F6F6F6;
}

.itd1 [class^="icon-"]:before, [class*=" icon-"]:before {
position: relative;
margin: 0;
left: 6px;
font-size: 16px !important;
}

.itd1_link {
position: relative;
display: inline-block;
width: 26px;
height: 26px;
margin-left: 2px;
top: 1px;
background: #F0F0F0;
-webkit-box-shadow: 0 1px 6px rgb(0 0 0 / 25%), inset 0 1px 0 rgb(255 255 255 / 60%), 0 1px 0 rgb(0 0 0 / 10%), inset 0 0 20px rgb(0 0 0 / 10%);
box-shadow: 0 1px 6px rgb(0 0 0 / 25%), inset 0 1px 0 rgb(255 255 255 / 60%), 0 1px 0 rgb(0 0 0 / 10%), inset 0 0 20px rgb(0 0 0 / 10%);
-webkit-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
-webkit-border-radius: 50%;
border-radius: 50%;
outline: none !important;
}

.itd1_link:hover {
background: #F3F3F3;
-webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 25%), inset 0 1px 0 rgb(255 255 255 / 60%), 0 1px 0 rgb(221 68 146 / 60%), inset 0 0 20px rgb(0 0 0 / 10%);
box-shadow: 0 1px 3px rgb(0 0 0 / 25%), inset 0 1px 0 rgb(255 255 255 / 60%), 0 1px 0 rgb(221 68 146 / 60%), inset 0 0 20px rgb(0 0 0 / 10%);
}

.itd1_link:active {
background: #F6F6F6;
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 40%);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 40%);
}

.itd1_link .icon-dot-3 {
display: block;
width: 100%;
height: 100%;
}

.itd1_link .icon-dot-3:hover:before {
color: #DD4492;
}

.itd1_link .icon-dot-3:active:before {
color: #FFFFFF;
-webkit-text-shadow: 0 0 1px rgb(64 64 64 / 66%);
text-shadow: 0 0 1px rgb(64 64 64 / 66%);
}

.itd2 {
width: 33.3%;
padding: 10px 30px !important;
vertical-align: top;
border: 2px solid #F6F6F6;
}

.itd3 {
width: 33.3%;
padding: 10px 30px !important;
vertical-align: top;
background: #F6F6F6;
}

.table_index {
margin: 20px 0 0 0;
}

.table_index td {
width: 50%;
}

/* NEWS */

.news {
position: relative;
width: 80%;
height: 500px;
margin: auto;
overflow: auto;
border: 1px solid #F6F6F6;
}

.topnews {
position: relative;
width: 80%;
height: 20px;
margin: auto;
top: 20px;
content: '';
background: -webkit-linear-gradient(#F6F6F6 0, rgb(255 255 255 / 0)100%);
background: linear-gradient(#F6F6F6 0, rgb(255 255 255 / 0)100%);
z-index: 1;
}

.bottomnews {
position: relative;
width: 80%;
height: 20px;
margin: auto;
bottom: 20px;
content: '';
background: -webkit-linear-gradient(rgb(255 255 255 / 0)0, #F6F6F6 100%);
background: linear-gradient(rgb(255 255 255 / 0)0, #F6F6F6 100%);
z-index: 1;
}

.tnews {
width: 100%;
border-collapse: separate !important;
}

.date {
display: inline-block;
padding: 6px 15px;
background: #FFF4B3;
-webkit-border-radius: 25px;
border-radius: 25px;
}

.tdn {
width: 33.3%;
padding: 10px 0;
text-align: center;
border-bottom: 1px solid #F6F6F6;
}

.tdn1 {
padding: 20px !important;
border-bottom: 1px solid #F6F6F6;
}

.tdn [class^="icon-"]:before, [class*=" icon-"]:before {
font-size: 40px !important;
}

/* ABOUT */

table.table_about {
width: fit-content;
margin: 20px auto 5px;
border: 3px double #F6F6F6;
border-collapse: separate !important;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.table_about td {
padding: 2px;
vertical-align: top;
text-align: center;
}

.table_about img {
padding: 1.5px;
-webkit-box-shadow: 0 0 1px rgb(214 214 214 / 90%);
box-shadow: 0 0 1px rgb(214 214 214 / 90%);
-webkit-border-radius: 3px;
border-radius: 3px;
}

.tda {
padding: 10px !important;
font-weight: bold;
background: #D6D6D6;
background: -webkit-linear-gradient(left, rgb(214 214 214 / 0)0, rgb(214 214 214 / 50%)50%, rgb(214 214 214 / 0)100%), linear-gradient(to top, rgb(214 214 214 / 0)0, rgb(214 214 214 / 50%)50%, rgb(214 214 214 / 0)100%);
background: linear-gradient(to left, rgb(214 214 214 / 0)0, rgb(214 214 214 / 50%)50%, rgb(214 214 214 / 0)100%), linear-gradient(to top, rgb(214 214 214 / 0)0, rgb(214 214 214 / 50%)50%, rgb(214 214 214 / 0)100%);
-webkit-box-shadow: 0 0 1px rgb(214 214 214 / 90%);
box-shadow: 0 0 1px rgb(214 214 214 / 90%);
-webkit-border-radius: 3px;
border-radius: 3px;
}

/* DOCS */

.menu_list {
margin: 15px auto 10px;
padding: 10px 15px;
text-align: left;
border-top: 2px solid #F6F6F6;
border-bottom: 2px solid #F6F6F6;
-webkit-border-radius: 25px;
border-radius: 25px;
}

.menu_body {
display: none;
margin: 10px 0 5px;
padding: 20px 10px;
line-height: 220%;
background: #F6F6F6;
-webkit-border-radius: 25px;
border-radius: 25px;
}

.menu_head h3 {
overflow: hidden;
cursor: pointer;
}

#menu_head {
float: left;
}

table.tdoc {
width: 100%;
border-collapse: separate;
}

.tdoc td {
padding: 20px 10px 25px;
border-bottom: 1px solid #F6F6F6;
}

td.last {
border-bottom: 0;
}

.tdd {
width: 25%;
text-align: center;
}

.tdd i {
display: block;
width: 80px;
height: 60px;
margin: auto;
padding-top: 20px;
background: #F6F6F6;
-webkit-border-radius: 50%;
border-radius: 50%;
}

.tdd [class^="icon-"]:before, [class*=" icon-"]:before {
font-size: 30px !important;
}

.doc-ru {
position: relative;
display: inline-block;
width: 16px;
height: 12px;
bottom: 1px;
left: 4px;
vertical-align: middle;
background-image: url(images/ru.svg);
background-repeat: no-repeat;
background-position: center;
-webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
}

.doc-en {
position: relative;
display: inline-block;
width: 16px;
height: 12px;
bottom: 1px;
left: 4px;
vertical-align: middle;
background-image: url(images/en.svg);
background-repeat: no-repeat;
background-position: center;
-webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
}

/* CONTACT */

.contact {
padding-top: 15px;
}

.contact h2 {
margin: 35px auto 20px;
padding: 10px 15px;
}

.contact h4 {
margin: 20px 0;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: overline;
text-align: right;
}

.table_con {
width: 100%;
padding-bottom: 20px;
border-collapse: separate !important;
}

.table_con td {
padding: 10px 0 13px;
font-weight: bold;
}

.table_con i {
display: block;
width: 80px;
height: 60px;
margin: auto;
padding-top: 20px;
background: #F6F6F6;
-webkit-border-radius: 50%;
border-radius: 50%;
}

.tdc {
width: 33.3%;
text-align: center;
}

.tdc [class^="icon-"]:before, [class*=" icon-"]:before {
font-size: 30px !important;
}

div#vk_groups {
margin: 15px auto;
}

.table_con_dos {
width: 410px;
height: 100%;
margin: 20px auto;
border-collapse: separate !important;
}

.table_con_dos td {
width: 200px;
height: 200px;
text-align: center;
border: 4px solid #F6F6F6;
-webkit-border-radius: 50%;
border-radius: 50%;
}

.devlivery_01, .devlivery_02 {
background: url(/images/delovye.gif) center no-repeat;
}

.devlivery_02 {
background: url(/images/pony.gif) center no-repeat;
}

.devlivery_text {
font-size: 20px;
font-weight: bold;
}

.info_con_map {
display: block;
margin: 0 auto 10px;
border: 4px solid #F6F6F6;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.info_con_map iframe {
margin-bottom: -7px;
}

.info_con {
display: block;
margin: 0 auto 10px;
padding: 10px 15px 4px;
border-top: 2px solid #F6F6F6;
border-bottom: 2px solid #F6F6F6;
-webkit-border-radius: 25px;
border-radius: 25px;
}

.info_con h2, .info_con h3 {
margin: 20px auto;
text-align: center;
}

.info_con_logo {
margin: 30px auto;
}

.info_con_logo {
position: relative;
width: 100px;
height: 100px;
}

.info_con_logo:before {
position: absolute;
width: 100px;
height: 100px;
margin: 0 auto;
top: 0;
left: 0;
right: 0;
content: '';
border: 4px double #F6F6F6;
background-image: url(images/contact_logo.svg);
background-repeat: no-repeat;
background-position: center;
-webkit-border-radius: 25px;
border-radius: 25px;
}

/* SECTION */

/* BLOCK */

.art-block {
margin: 2px;
padding: 2px;
}

div.art-block img {
margin: 0;
border: 0;
}

.art-blockheader {
margin: 0 -12px 0 0;
padding: 10px 5px;
background: #F3F3F3;
background: -webkit-linear-gradient(left, #FFFFFF 0, #F6F6F6 13%, #F3F3F3 87%) no-repeat;
background: -moz-linear-gradient(left, #FFFFFF 0, #F6F6F6 13%, #F3F3F3 87%) no-repeat;
background: -o-linear-gradient(left, #FFFFFF 0, #F6F6F6 13%, #F3F3F3 87%) no-repeat;
background: -ms-linear-gradient(left, #FFFFFF 0, #F6F6F6 13%, #F3F3F3 87%) no-repeat;
-webkit-box-shadow: 2px 0 3px -3px rgb(0 0 0 / 30%);
box-shadow: 2px 0 3px -3px rgb(0 0 0 / 30%);
-webkit-border-radius: 3px;
border-radius: 3px;
}

.art-blockheader .t,
.art-blockheader .t a,
.art-blockheader .t a:link,
.art-blockheader .t a:visited, 
.art-blockheader .t a:hover {
margin: 0 10px;
font-size: 18px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-align: right;
text-transform: uppercase;
color: #DD4492;
}

.art-blockcontent {
margin: 0 auto;
padding: 10px;
line-height: 175%;
font-size: 14px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
color: #404040;
}

.art-blockcontent table, .art-blockcontent li {
line-height: 175%;
font-size: 14px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
color: #404040;
}

.art-blockcontent p {
margin: 0 5px;
}

.art-blockcontent a, .art-blockcontent a:link {
font-size: 16px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: none;
color: #DD4492;
-webkit-transition: all .15s ease-out;
-moz-transition: all .15s ease-out;
transition: all .15s ease-out;
}

.art-blockcontent a:visited, .art-blockcontent a.visited {
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
color: #DD4492;
}

.art-blockcontent a:hover, .art-blockcontent a.hover {
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
color: #798081;
}

.art-blockcontent a:active, .art-blockcontent a.active {
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
color: #798081;
}

.art-block ul>li:before {
position: relative;
display: inline-block;
margin-left: -15px;
margin-right: 6px;
bottom: 1px;
vertical-align: middle;
font-family: "yoho";
font-size: 10px;
content: '\ea3c';
color: #DD4492;
}

.opera .art-block ul>li:before {
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}

.art-block li {
margin: 5px 0 0 10px;
line-height: 175%;
font-size: 14px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-style: normal;
font-weight: bold;
}

.art-block ul>li, .art-block ol {
padding: 0;
}

.art-block ul>li {
padding-left: 8px;
}

ul.catalog.menu {
padding: 10px 0 0 10px;
}

ul.menu {
padding: 10px 0 10px 10px;
}

/* BLOCK BUTTON */

.block_form_1 {
height: 46px;
text-align: center;
}

.block_form_button {
position: relative;
display: inline-block;
margin: 0 auto;
padding: 0 16px;
line-height: 40px;
font-size: 16px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-decoration: none;
border: 0;
border-left: 1px solid rgb(255 255 255 / 60%);
border-right: 1px solid rgb(255 255 255 / 60%);
border-collapse: separate;
background: #F3F3F3;
background: -webkit-linear-gradient(left, #FFFFFF 0, #F6F6F6 20%, #F3F3F3 50%, #F6F6F6 80%, #FFFFFF 100%) no-repeat;
background: -moz-linear-gradient(left, #FFFFFF 0, #F6F6F6 20%, #F3F3F3 50%, #F6F6F6 80%, #FFFFFF 100%) no-repeat;
background: -o-linear-gradient(left, #FFFFFF 0, #F6F6F6 20%, #F3F3F3 50%, #F6F6F6 80%, #FFFFFF 100%) no-repeat;
background: -ms-linear-gradient(left, #FFFFFF 0, #F6F6F6 20%, #F3F3F3 50%, #F6F6F6 80%, #FFFFFF 100%) no-repeat;
color: #DD4492;
-webkit-box-shadow: 0 2px 8px rgb(0 0 0 / 25%), inset 0 1px 0 rgb(255 255 255 / 60%), 0 1.33px 0 rgb(221 68 146 / 100%);
box-shadow: 0 2px 8px rgb(0 0 0 / 25%), inset 0 1px 0 rgb(255 255 255 / 60%), 0 1.33px 0 rgb(221 68 146 / 100%);
-webkit-transition: all .15s linear 0s;
transition: all .15s linear 0s;
-webkit-border-radius: 25px;
border-radius: 25px;
outline: none !important;
cursor: pointer;
}

.block_form_button:hover {
border-left: 1px solid rgb(221 68 146 / 100%);
border-right: 1px solid rgb(221 68 146 / 100%);
color: rgb(221 68 146 / 66%);
background: #F0F0F0;
background: -webkit-linear-gradient(left, #F6F6F6 0, #F3F3F3 20%, #F0F0F0 50%, #F3F3F3 80%, #F6F6F6 100%) no-repeat;
background: -moz-linear-gradient(left, #F6F6F6 0, #F3F3F3 20%, #F0F0F0 50%, #F3F3F3 80%, #F6F6F6 100%) no-repeat;
background: -o-linear-gradient(left, #F6F6F6 0, #F3F3F3 20%, #F0F0F0 50%, #F3F3F3 80%, #F6F6F6 100%) no-repeat;
background: -ms-linear-gradient(left, #F6F6F6 0, #F3F3F3 20%, #F0F0F0 50%, #F3F3F3 80%, #F6F6F6 100%) no-repeat;
-webkit-box-shadow: 0 0 5px rgb(221 68 146 / 25%), inset 0 1px 0 rgb(255 255 255 / 60%), 0 1px 0 rgb(0 0 0 / 10%);
box-shadow: 0 0 5px rgb(221 68 146 / 25%), inset 0 1px 0 rgb(255 255 255 / 60%), 0 1px 0 rgb(0 0 0 / 10%);
-webkit-text-shadow: 0 0 1px rgb(255 255 255 / 66%);
text-shadow: 0 0 1px rgb(255 255 255 / 66%);
}

.block_form_button:active {
font-weight: normal;
border-left: 1px solid #F6F6F6;
border-right: 1px solid #F6F6F6;
background: #F6F6F6;
background: -webkit-linear-gradient(left, #F0F0F0 0, #F3F3F3 20%, #F6F6F6 50%, #F3F3F3 80%, #F0F0F0 100%) no-repeat;
background: -moz-linear-gradient(left, #F0F0F0 0, #F3F3F3 20%, #F6F6F6 50%, #F3F3F3 80%, #F0F0F0 100%) no-repeat;
background: -o-linear-gradient(left, #F0F0F0 0, #F3F3F3 20%, #F6F6F6 50%, #F3F3F3 80%, #F0F0F0 100%) no-repeat;
background: -ms-linear-gradient(left, #F0F0F0 0, #F3F3F3 20%, #F6F6F6 50%, #F3F3F3 80%, #F0F0F0 100%) no-repeat;
color: #F6F6F6;
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 40%);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 40%);
-webkit-text-shadow: 0 0 1px rgb(64 64 64 / 66%);
text-shadow: 0 0 1px rgb(64 64 64 / 66%);
}

/* SECTION */

/* FOOTER */

.art-footer {
position: relative;
margin: 0 auto;
padding: 0;
line-height: 175%;
font-size: 14px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-align: center;
color: #878787;
}

.art-footer:after {
position: absolute;
display: block;
width: 50%;
height: 4px;
margin: auto;
bottom: 28px;
left: 0;
right: 0;
content: '';
background: #FFFFFF;
background: -webkit-linear-gradient(left, rgb(255 255 255 / 0)0, rgb(255 255 255 / 50%)50%, rgb(255 255 255 / 0)100%);
background: linear-gradient(to left, rgb(255 255 255 / 0)0, rgb(255 255 255 / 50%)50%, rgb(255 255 255 / 0)100%);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.art-footer a,
.art-footer a:link,
.art-footer a:visited,
.art-footer a:hover,
.art-footer caption {
line-height: 175%;
font-size: 14px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-decoration: none;
color: #878787;
}

.art-footer a:hover {
color: #DD4492;
}

.art-footer p {
padding: 0;
}

.art-footer li {
font-size: 13px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
color: #DD4492;
}

.art-footer ul>li, .art-footer ol {
padding: 0;
}

.art-footer ul>li {
padding-left: 0;
}

.art-footer-menu>li {
margin-top: -24.5px;
}

ul.art-footer-menu>li:before {
position: relative;
display: block;
width: 6px;
top: 25px;
right: 10px;
font-family: "yoho";
font-size: 22px;
content: '\eaa2';
color: #FFFFFF;
}

.art-footer-logo {
position: relative;
width: fit-content;
height: 0;
margin: 0 auto;
bottom: 226px;
}

.art-footer-logo:before {
position: absolute;
width: 80px;
height: 80px;
margin: 0 auto;
top: 4px;
left: 0;
right: 0;
content: '';
background-image: url(images/footer_logo.svg);
background-color: #FFFFFF;
background-repeat: no-repeat;
background-position: center;
-webkit-border-radius: 20px;
border-radius: 20px;
}

.art-footer-logo-img {
width: 80px;
height: 80px;
border: 4px double #FFFFFF;
-webkit-border-radius: 25px;
border-radius: 25px;
}

.art-footer-af {
position: fixed;
width: 100%;
height: 23px;
bottom: 0;
line-height: 150%;
background: #EBEBEB;
opacity: 95%;
z-index: 9996;
}

.art-footer-text {
position: relative;
font-size: 12px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-align: center;
text-transform: uppercase;
color: #838281;
}

#l1 {
-webkit-animation: l1_animation 8s linear infinite;
-moz-animation: l1_animation 8s linear infinite;
animation: l1_animation 8s linear infinite;
}

@-webkit-keyframes l1_animation {
0% {opacity: 1;}
50% {opacity: 0;}
100% {opacity: 1;}
}

@-moz-keyframes l1_animation {
0% {opacity: 1;}
50% {opacity: 0;}
100% {opacity: 1;}
}

/* YASHARE */

.ya-share2__container.ya-share2__container_size_m {
position: relative;
display: inline-block;
height: 35px;
padding: 0 3.66px;
bottom: 13px;
background: #FFFFFF;
-webkit-border-radius: 25px;
border-radius: 25px;
}

.ya-share2__container_size_m .ya-share2__item {
margin: 2px 0 0 0 !important;
padding: 0 4px 0 !important;
}

.ya-share2__list_direction_horizontal > .ya-share2__item {
border-left: 2px dotted rgb(221 68 146 / 50%);
}

.ya-share2__list_direction_horizontal > .ya-share2__item:first-child {
border-left: none;
}

.ya-share2__list.ya-share2__list_direction_horizontal {
margin-top: 3.66px !important;
}

.ya-share2__container.ya-share2__container_color-scheme_blackwhite .ya-share2__badge, .ya-share2__container.ya-share2__container_color-scheme_blackwhite .ya-share2__mobile-popup-badge {
background-color: #878787 !important;
}

/* SEND PULSE */

table.content {
display: block;
height: 160px;
border: 4px double #FFFFFF;
-webkit-border-radius: 25px;
border-radius: 25px
}

table.content td {
width: 50%;
padding-top: 45px;
}

table.content tbody {
display: table;
width: 100%;
border: 0;
}

.form_button {
position: relative;
display: inline-block !important;
margin: 0 auto !important;
padding: 0 14px !important;
top: -8px !important;
right: 120px;
line-height: 32px !important;
vertical-align: middle;
font-size: 14px !important;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif !important;
font-weight: bold !important;
font-style: normal !important;
text-decoration: none !important;
border: 0 !important;
border-collapse: separate;
background: #DD4492 !important;
color: #FFFFFF !important;
-webkit-box-shadow: 0 0 8px rgb(0 0 0 / 13%);
box-shadow: 0 0 8px rgb(0 0 0 / 13%);
-webkit-transition: all .15s linear 0s !important;
transition: all .15s linear 0s !important;
-webkit-border-radius: 25px !important;
border-radius: 25px !important;
outline: none !important;
cursor: pointer;
}

.form_button:hover {
background: #F3F3F3 !important;
background: -webkit-linear-gradient(left, #FFFFFF 0, #F6F6F6 20%, #F3F3F3 50%, #F6F6F6 80%, #FFFFFF 100%) no-repeat !important;
background: -moz-linear-gradient(left, #FFFFFF 0, #F6F6F6 20%, #F3F3F3 50%, #F6F6F6 80%, #FFFFFF 100%) no-repeat !important;
background: -o-linear-gradient(left, #FFFFFF 0, #F6F6F6 20%, #F3F3F3 50%, #F6F6F6 80%, #FFFFFF 100%) no-repeat !important;
background: -ms-linear-gradient(left, #FFFFFF 0, #F6F6F6 20%, #F3F3F3 50%, #F6F6F6 80%, #FFFFFF 100%) no-repeat !important;
color: #DD4492 !important;
}

.form_button:active {
font-weight: normal !important;
background: #F6F6F6 !important;
background: -webkit-linear-gradient(left, #F0F0F0 0, #F3F3F3 20%, #F6F6F6 50%, #F3F3F3 80%, #F0F0F0 100%) no-repeat !important;
background: -moz-linear-gradient(left, #F0F0F0 0, #F3F3F3 20%, #F6F6F6 50%, #F3F3F3 80%, #F0F0F0 100%) no-repeat !important;
background: -o-linear-gradient(left, #F0F0F0 0, #F3F3F3 20%, #F6F6F6 50%, #F3F3F3 80%, #F0F0F0 100%) no-repeat !important;
background: -ms-linear-gradient(left, #F0F0F0 0, #F3F3F3 20%, #F6F6F6 50%, #F3F3F3 80%, #F0F0F0 100%) no-repeat !important;
color: #F6F6F6 !important;
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 40%) !important;
box-shadow: inset 0 1px 1px rgb(0 0 0 / 40%) !important;
-webkit-text-shadow: 0 0 1px rgb(64 64 64 / 66%);
text-shadow: 0 0 1px rgb(64 64 64 / 66%);
}

.sp-form .sp-field .sp-form-control.sp-invalid {
border-color: red !important;
-webkit-box-shadow: 0 0 6px 0 red;
box-shadow: 0 0 6px 0 red;
-webkit-transition: all .15s ease-out;
-moz-transition: all .15s ease-out;
transition: all .15s ease-out;
}

.sp-form-horizontal .sp-element-container {
-ms-flex-wrap: inherit !important;
flex-wrap: inherit !important;
}

.sp-form-horizontal .sp-element-container .sp-field {
-ms-flex: 0 !important;
flex: 0 !important;
min-width: inherit !important;
}

.sp-force-hide { 
display: none;
}

.sp-form[sp-id="87241"] { 
position: relative;
width: 47%;
margin: 0 auto 28px !important;
padding: 0;
}

.sp-form[sp-id="87241"] .sp-form-control {
width: 350px;
height: 35px;
padding-left: 10px;
padding-right: 118px;
font-size: 14px;
font-family: 'Play-Regular', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
border: 0;
border-left: 2px solid #DD4492;
background: #FFFFFF;
-webkit-border-radius: 25px;
border-radius: 25px;
}

.sp-message.sp-message-success>p:first-child {
color: #DD4492 !important;
}

table.footer_cop {
height: 180px;
}

table.footer_cop td {
padding: 5px 10px 15px;
vertical-align: middle;
}

td.cop_1 {
width: 70%;
text-align: left;
}

td.cop_2 {
width: 25%;
text-align: left;
}

td.cop_3 {
width: 5%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
transform: rotate(-90deg);
}

td.cop_3 p {
font-size: 10px;
cursor: default;
}

.cop_2_vk {
position: relative;
display: inline-block;
width: 36px;
height: 22px;
margin: 0 0 -6px 0;
background-image: url(images/vk.svg);
background-repeat: no-repeat;
background-position: center;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgb(0 0 0 / 0);
box-shadow: 0 0 1px rgb(0 0 0 / 0);
-webkit-transition-duration: .5s;
transition-duration: .5s;
}

.cop_2_vk:hover, .cop_2_vk:focus, .cop_2_vk:active {
background-image: url(images/vk_hover.svg);
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

.cop_3_yoho {
position: relative;
display: block;
width: 55px;
height: 55px;
background: #FFFFFF;
-webkit-border-radius: 50%;
border-radius: 50%;
}

.cop_3_yoho:before {
position: absolute;
width: inherit;
height: inherit;
top: 0;
left: 0;
content: '';
background-image: url(images/yoho.svg);
background-repeat: no-repeat;
background-position: center;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-webkit-transition-duration: 1s;
transition-duration: 1s;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
}

.cop_3_yoho:hover:before, .cop_3_yoho:focus:before, .cop_3_yoho:active:before {
-webkit-transform: rotate(-270deg);
-moz-transform: rotate(-270deg);
transform: rotate(-270deg);
}

/* BANNER */

#meerkat-container {
-webkit-animation-duration: 1.3s;
-moz-animation-duration: 1.3s;
-o-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-o-animation-timing-function: ease;
animation-timing-function: ease; 
-webkit-animation-name: hvr-icon-up;
-moz-animation-name: hvr-icon-up;
-o-animation-name: hvr-icon-up;
animation-name: hvr-icon-up;
-webkit-animation-iteration-count: infinite; 
animation-iteration-count: infinite; 
}

#meerkat-banner {
position: relative;
width: 190px;
height: 190px;
bottom: 100px;
border: 2px double #F3F3F3;
background: url(images/object3.svg) #FFFFFF no-repeat center;
-webkit-border-radius: 50%;
border-radius: 50%;
}

#meerkat-banner a {
position: absolute;
width: 100%;
height: 100%;
}

.close {
position: relative;
width: 39px;
height: 40px;
bottom: 50px;
right: 0;
border-top: 2px double #F3F3F3;
border-left: 2px double #F3F3F3;
background: #FFFFFF;
-webkit-border-radius: 25px;
border-radius: 25px;
cursor: pointer;
z-index: 1;
}

.dont-show {
position: absolute;
display: none;
top: 14px;
right: 20px;
font-size: 10px;
color: #838281;
opacity: 50%;
cursor: pointer;
}

.close .icon-cancel-circled-1:hover:before {
color: #DD4492;
}

/* SECTION */

/* FONTS */

@font-face {
font-family: 'Play-Regular';
src: url('/sites/all/font/Play-Regular.eot');
src: url('/sites/all/font/Play-Regular.eot?#iefix') format('embedded-opentype'),
     url('/sites/all/font/Play-Regular.woff2') format('woff2'),
     url('/sites/all/font/Play-Regular.woff') format('woff'),
     url('/sites/all/font/Play-Regular.ttf') format('truetype');
}

/* TRACK */

.track__anim {
position: relative;
float: left;
width: 36px;
height: 20px;
top: 9px;
right: 2px;
}

.track__bubble {
position: absolute;
display: inline-block;
width: 6px;
height: 6px;
top: 9px;
background-color: #DD4492;
-webkit-animation: track-bubble .8s infinite ease-in-out;
-moz-animation: track-bubble .8s infinite ease-in-out;
animation: track-bubble .8s infinite ease-in-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.track__bubble_1, .track__bubble_3 {
-webkit-animation-delay: .4s;
animation-delay: .4s;
}

.track__bubble_1{left: 0;}
.track__bubble_2{left: 10px;}
.track__bubble_3{left: 20px;}

@-moz-keyframes track-bubble{0%,100%{-webkit-transform:scale(0.8);transform:scale(0.8)}
50%{-webkit-transform:scale(1.3);transform:scale(1.3)}
}
@-webkit-keyframes track-bubble{0%,100%{-webkit-transform:scale(0.8);transform:scale(0.8)}
50%{-webkit-transform:scale(1.3);transform:scale(1.3)}
}
@-o-keyframes track-bubble{0%,100%{-webkit-transform:scale(0.8);transform:scale(0.8)}
50%{-webkit-transform:scale(1.3);transform:scale(1.3)}
}
@-ms-keyframes track-bubble{0%,100%{-webkit-transform:scale(0.8);transform:scale(0.8)}
50%{-webkit-transform:scale(1.3);transform:scale(1.3)}
}
@keyframes track-bubble{0%,100%{-webkit-transform:scale(0.8);transform:scale(0.8)}
50%{-webkit-transform:scale(1.3);transform:scale(1.3)}