/* main.tpl start */
html {}
body {}
html, body, .wrapper {position: relative; float: left; margin: 0; width: 100%; background-color: #fff;
color: #333; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.wrapper {border: 0.4rem solid #45b3c4; padding: 0;}
.main {float: left; width: -webkit-fill-available; background: aliceblue; padding-top: 4.8rem;}
.main-extra {padding-top: 0 !important;}
/* main.tpl end */
/* sections begin */
.section-main-hot,
.section-content,
.section-slider,
.section-events,
.section-guide,
.section-tags,
.footer {float: left; margin: 0; width: 100%; padding: 0; border: none;}
/* ... */
.section-slider {background: #45b5c60f;}
.section-events, .section-guide {background: #ffffff; }
.section-tags {position: relative; margin-top: -0.1rem;}
.footer {background-color: rgb(16 16 16); color: white;}
/* ... */
.container {position: relative; float: left; margin: 0; width: 100%; }
.container-main {background: #45b3c4; padding: 0 10% 0 10%;}
.container-not-main {background: aliceblue; padding: 0 10% 1rem 10%;}
.container-events {background: #45b5c4; padding: 0 10% 0 10%;}
.container-guide {margin: 2rem 0 0 0; padding: 0 10% 0 10%;}
/* ... */
.content {padding: 0;}
.content-main {margin: 2rem 0 2rem 0;}
.content-not-main {margin: 0rem 0 0 0;}
.content.full-content {padding: 0;}
/* sections end */
/* basic html start */
ol,ul{margin:0;}
ol ol,ol ul,ul ol,ul ul{margin:0;}
ul {
display: block;
list-style-type: disc;
margin-block-start: 1rem;
margin-block-end: 1rem;
margin-inline-start: 0;
margin-inline-end: 0;
padding-inline-start: 2.4rem;
}
p {
display: block;
margin-block-start: 1rem;
margin-block-end: 1rem;
margin-inline-start: 0;
margin-inline-end: 0;
}
.menu-button {width: auto; text-align: center; border: 0.1rem solid white; height: 3.2rem; border-radius: 0; margin-top: 1.4rem; margin-bottom: 1.4rem;}
.bottom-header-navigation {background-color: #fff; -webkit-box-shadow: 0 0 1rem 0 rgba(0,0,0,0.25); -moz-box-shadow: 0 0 1rem 0 rgba(0,0,0,0.25); box-shadow: 0 0 1rem 0 rgba(0,0,0,0.25);}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block; vertical-align: baseline;}
audio:not([controls]) {display: none; height: 0;}
[hidden],template {display: none;}
abbr[title] {border-bottom: 0.1rem dotted;}
mark {background: #ff0;}
sub,sup {position: relative; vertical-align: baseline;}
sup {top: -.5rem;}
sub {bottom: -.25rem;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1rem 2rem;}
hr {height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
pre {overflow: auto;}
button,input,optgroup,select,textarea {margin: 0;}
button {overflow: visible;}
button,select {text-transform: none;}
button,html input[type=button],input[type=reset],input[type=submit] {-webkit-appearance: button; cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {padding: 0; border: 0;}
input {line-height: normal;}
input[type=checkbox], input[type=radio] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {height: auto;}
input[type=search] {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield;}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {-webkit-appearance: none;}
input[type="checkbox" i] {background-color: initial; cursor: default; appearance: auto; box-sizing: border-box; margin: 0;padding: initial; border: initial;}
input {margin: 0em; padding: 0; border-width: .1rem; padding-block: .1rem; padding-inline: .1rem;}
fieldset {padding: .3rem .6rem .6rem; margin: 0 0.1rem; border: 0.1rem solid silver;}
legend {padding: 0; border: 0;}
textarea {overflow: auto;}
table {border-spacing: 0; border-collapse: collapse;}
td,th {padding: 0;}
:after,:before {}
.current-show-hide {display: block !important;}
.show-hide {display: none !important;}
ul {float: left; margin: 0rem 0 0 0; width: -webkit-fill-available; padding: 0;}
li {float: left; list-style-type: none;}
.shortstory li, .fullstory li {
float: left;
position: relative;
width: -webkit-fill-available;
padding: 0 0 0 1rem;
list-style: none;
font-size: 1.2rem;
line-height: 1.5rem;
}
.shortstory li, .fullstory li::before {
content: "•";
position: absolute;
left: 0;
font-size: 128%;
}
figure {margin: 0;}
img {/* width: -webkit-fill-available; vertical-align: middle; */}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img,.thumbnail>img {display: block; max-width: 100%; height: auto;}
.img-rounded {border-radius: 0.5rem;}
.img-thumbnail {border-radius: 0.5rem; display: inline-block; max-width: 100%; height: auto; padding: 0.2rem; background-color: #fff; border: 0.1rem solid #ddd; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.img-circle {border-radius: 0.5rem;}
hr {margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 0.1rem solid #eee;}
[role=button]{cursor: pointer;}
p {margin: 0 0 0.5rem;}
.lead {margin-bottom: 1rem;}
dfn {font-style: italic;}
mark {color: #000;}
small {font-size: 80%}
sub,sup {font-size: 75%; line-height: 0;}
code,kbd,pre,samp {font-size: 1rem;}
button,input,optgroup,select,textarea {color: inherit;}
optgroup {font-weight: 700;}
button,input,select,textarea {font-size: inherit; line-height: inherit;}
.lead {font-size: 1rem; font-weight: 300; line-height: 1.4;}
.img-thumbnail {line-height: 1.42857143;}
/* basic html end */
/* links,b,h start */
a {color: #039ad3; text-decoration: none; font-weight: bold;}
a:active {outline: 0;}
a:hover {color: #039ad3; text-decoration: none;}
/* a:focus {outline: .2rem auto -webkit-focus-ring-color; outline-offset: -.1rem;} */
a:focus {outline: none;}
b,strong {font-weight: 700;}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {line-height: 1rem; color: inherit; margin: 0; font-weight: bolder;}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {font-size: 75%; line-height: 1; font-weight: bolder;}
.h1,h1 {font-size: 2.2rem; text-transform: uppercase; line-height: 1;}
.h2,h2 {font-size: 2rem; line-height: 1;}
.h3,h3 {font-size: 1.8rem; line-height: 1;}
.h4,h4 {font-size: 1.6rem; line-height: 1;}
.h5,h5 {font-size: 1.4rem; line-height: 1;}
.h6,h6 {font-size: 1.2rem; line-height: 1;}
/* links,b,h end */
/* header.tpl start */
/* ... */
.header {float: left; width: 100%; margin: -0.4rem; padding: 0; z-index: 999999; position: fixed; height: 5rem; background-color: rgba(23, 162, 184, 0.8) !important; -webkit-box-shadow: 0 0 .8rem 0 rgba(0,0,0,0.25); -moz-box-shadow: 0 0 .8rem 0 rgba(0, 0, 0, 0.25); box-shadow: 0 0 .8rem 0 rgba(0,0,0,0.25);}
.header-int {position: relative; float: left; width: 80%; margin: 0 10% 0 10%; height: 5rem; padding: 1.3rem 0 1.3rem 0;}
.header-div {position: relative; float: left; width: 80rem; height: 2.4rem; margin: 0; padding: 0;}
/* logo title */
.header-title {position: relative; float:left; margin: 0; width: 25%; height: 2.4rem; border:none; text-align: left; font-weight: bold; text-transform: uppercase;}
.footer-title {position: relative; float:left; margin: 0; width: 100%; height: 2.4rem; border:none; text-align: left; font-weight: bold; text-transform: uppercase;}
.logo-title {float: left; margin: 0; width: 100%; border-radius: 0.2rem; padding: 0; line-height: .8rem; font-weight: bold; text-align: center; text-transform: uppercase;}
.logo-title-footer {float: left; margin: 0; width: 100%; border-radius: 0.2rem; padding: 0; line-height: .8rem; font-weight: bold; text-align: center; text-transform: uppercase;}
.logo-int {position: relative; margin: 0; float: left; width: 100%; border: none; border-radius: 0.5rem; padding: 0 0.2rem 0 0.75rem;}
.logo-int-img {float: left; width: auto; margin: 0 0.5rem 0 0; height: 2.4rem; padding: 0; border-radius: .7rem;}
.logo-img {float: left; height: 2.4rem; border-radius: .7rem;}
.logo-int-font {float: left; }
.logo-title-font-1 {display: flex; align-items: center; height: 2.4rem; font-size: 2.2rem; float: left; color: #ffffff; text-shadow: 0.1rem 0.1rem 0.1rem #026388;}
.logo-title-font-2 {display: flex; align-items: center; height: 2.4rem; font-size: 2.2rem; float: left; color: #026388; text-shadow: 0.1rem 0.1rem 0.1rem #ffffff80;}
.logo-header {float: left; position: relative; margin: 0; padding: 0; line-height: 1rem; font-size: 2.4rem; color: #ffffff; text-shadow: 0.03rem 0.03rem #23527c;}
.logo-header {}
.logo-header a, .logo-header a:hover {}
.logo-footer {}
.logo-footer a {}
.logo-footer a:hover {}
/* header menu */
.header-menu {position: relative; float: right; width: 75%; height: 2.4rem; margin: 0; padding: 0 2rem 0 0;}
/* ... navbar */
.navbar-header {display: inline-block; float: right; width: 100%;}
.navbar-toggle {}
.sr-only {position: absolute; width: 0.1rem; height: 0.1rem; padding: 0; margin: -0.1rem; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.sr-only-focusable:active, .sr-only-focusable:focus {position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto;}
.icon-menu {}
@media (max-width: 767px) {.icon-menu{border: 0.2rem solid #000; padding: 0.2rem 0.2rem 0.2rem 0.2rem;}}
.collapse {display: none;}
.collapse.in {display: block;}
tr.collapse.in {display: table-row;}
tbody.collapse.in {display: table-row-group;}
.collapsing {position: relative; height: 0; overflow: hidden;
-webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height,visibility; -o-transition-property: height,visibility; transition-property: height,visibility;}
.caret {display: inline-block; width: 0; height: 0; margin-left: .1rem; vertical-align: middle;
border-top: .2rem dashed; border-top: .2rem solid\9; border-right: .2rem solid transparent; border-left: .2rem solid transparent;}
/* nav */
.nav{padding-left:0;margin-bottom:0;list-style:none;}
.nav>li{position:relative;display:block;}
.nav>li>a{position:relative;display:block;}
.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;}
.nav>li.disabled>a{color:#777;}
.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent;}
.nav .nav-divider{height:.1rem;margin:6rem 0;overflow:hidden;background-color:#e5e5e5;}
.nav>li>a>img{max-width:none;}
.nav-tabs{border-bottom:.1rem solid #ddd;}
.nav-tabs>li{float:left;margin-bottom:-1px;}
.nav-tabs>li>a{margin-right:.2rem;line-height:1.42857143;border:.1rem solid transparent;border-radius:.2rem .2rem 0 0;}
.nav-tabs>li>a:hover{border-color:#eee #eee #ddd;}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:.1rem solid #ddd;border-bottom-color:transparent;}
.nav-tabs.nav-justified{width:100%;border-bottom:0;}
.nav-tabs.nav-justified>li{float:none;}
.nav-tabs.nav-justified>li>a{margin-bottom:.3rem;text-align:center;}
.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto;}
/* navbar */
@media (min-width:768px){.navbar-toggle{display:none;}}
.navbar-nav{margin:.5rem -1rem;}
.navbar-nav>li>a{}
@media (max-width:767px){
.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none;}
.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:.3rem 1rem .3rem 1.6rem;}
.navbar-nav .open .dropdown-menu>li>a{line-height:1.2rem;}
.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none;}
}
@media (min-width:768px){
.navbar-nav{float:left;margin:0;}
.navbar-nav>li{float:left;}
.navbar-nav>li>a{}
}
/* ... */
.top-head-menu-ul {float: right; width: auto; margin: 0; height: 2.4rem; padding: 0; list-style: none;}
/* ... */
.navbar {position: fixed; z-index: 999999; width: 100%; height: 5rem; background-color: rgba(23,162,184,0.8) !important;}
.container-header {float: left; width: 100%; height: 5rem; margin: 0; padding: 0;}
.header-li {float: left; height: 2.4rem; margin: 0 0 0 0.5rem;}
.header-li-first {float: left; height: 2.4rem; margin: 0 0 0 0;}
.header-li-last {float: left; height: 2.4rem; margin: 0 0 0 0.5rem;}
.header-li li {float: left; height: 2.4rem;}
.header-li-social-icon {float: left; }
.header-li-social-icon-a {float: left; border-radius: 0.5rem;}
.header-li-social-icon-img {width: 2.4rem; height: 2.4rem; border-radius: 33.333%;}
.header-li-social-icon-img:hover {}
.header-li-social-icon-img-ext {width: 2.4rem; height: 2.4rem; border-radius: 33.333%; border: 0.2rem solid #039ad3;}
.header-li-social-icon-img-ext:hover {border: 0.2rem solid #ffffff;}
.header-search-img {background: #039ad3; border-radius: 0.5rem;}
.header-li-category-link {float: left;}
.header-li-category-link a {float: left; height: 2.4rem; padding:0.5rem 0.2rem 0.5rem 0.2rem; font-size:1.6rem; background: #fff; border-radius: 0.5rem; border: 0.2rem solid #039ad3; color: #039ad3;}
.header-li-category-link a:hover {float: left; height: 2.4rem; padding:0.5rem 0.2rem 0.5rem 0.2rem; font-size:1.6rem; background: #039ad3; border-radius: 0.5rem; border: 0.2rem solid #fff; color: #fff;}
/* ... */
.facebook-ext {background: url('../images/social-media-icons/039ad3-facebook-white.jpg'); background-size: contain;}
.facebook-ext:hover {background: url('../images/social-media-icons/039ad3-facebook.jpg'); background-size: contain;}
.instagram-ext {background: url('../images/social-media-icons/039ad3-instagram-white.jpg'); background-size: contain;}
.instagram-ext:hover {background: url('../images/social-media-icons/039ad3-instagram.jpg'); background-size: contain;}
.threads-ext {background: url('../images/social-media-icons/039ad3-threads-white.jpg'); background-size: contain;}
.threads-ext:hover {background: url('../images/social-media-icons/039ad3-threads.jpg'); background-size: contain;}
.bluesky-ext {background: url('../images/social-media-icons/039ad3-bluesky-white.jpg'); background-size: contain;}
.bluesky-ext:hover {background: url('../images/social-media-icons/039ad3-bluesky.jpg'); background-size: contain;}
.youtube-ext {background: url('../images/social-media-icons/039ad3-youtube-white.jpg'); background-size: contain;}
.youtube-ext:hover {background: url('../images/social-media-icons/039ad3-youtube.jpg'); background-size: contain;}
.menu-ext {background: url('../images/social-media-icons/039ad3-menu-white.jpg'); background-size: contain;}
.menu-ext:hover {background: url('../images/social-media-icons/039ad3-menu.jpg'); background-size: contain;}
.tags-ext {background: url('../images/social-media-icons/039ad3-tags-white.jpg'); background-size: contain;}
.tags-ext:hover {background: url('../images/social-media-icons/039ad3-tags.jpg'); background-size: contain;}
.about-ext {background: url('../images/social-media-icons/039ad3-about-white.jpg'); background-size: contain;}
.about-ext:hover {background: url('../images/social-media-icons/039ad3-about.jpg'); background-size: contain;}
.contact-ext {background: url('../images/social-media-icons/039ad3-contact-white.jpg'); background-size: contain;}
.contact-ext:hover {background: url('../images/social-media-icons/039ad3-contact.jpg'); background-size: contain;}
/* ... */
.bottom-header-navigation .nav > li > a {font-size: 1.2rem; padding: 0.2rem 0.3rem 0.4rem 0.3rem; font-weight: bold; text-align: center;}
.bottom-header-navigation .nav > li > a:hover, .bottom-header-navigation .nav > li > a:focus {outline: none; font-size: 1.2rem; padding: 0.2rem 0.3rem 0.4rem 0.3rem; font-weight: bold; text-align: center;}
.addnews-but {text-align: center; color: #fff; font-size: 1rem;}
.addnews-but:hover {color: #fff;}
.addnews-but i {font-size: 1.2rem;}
.top-header-navigation {color: white;}
.top-header-navigation > .container-fluid .navbar-brand .logo-head {text-align: center;}
.top-header-navigation .navbar-brand > span {font-size: 1.8rem;}
.top-header-navigation .navbar-brand > small {font-size: .7rem; line-height: 0;}
.top-header-navigation .navbar-brand, .top-header-navigation .navbar-brand:hover, .top-header-navigation .navbar-brand:focus {color: white;}
.menu-top-right li.border-link a {color: #fff;}
/* header.tpl end */
/* header-search begin */
.header-search {float: left; width: -webkit-fill-available; font-size: 1rem;}
.header-search-form {line-height: 1rem;}
.header-search-div {float: left; width: 5.6rem;}
.header-search-story {float: left; width: 5.6rem; margin: 0 0 1rem 0; padding: 0.5rem 0.5rem 0.5rem 0.5rem; border-radius: 0.5rem; border: 0.2rem solid #039ad3; line-height: 1rem; color: #3d3d3d; font-weight: bold;}
.header-search-do {float: left; margin: 3rem 0 0 0;}
.header-search-subaction {float: left; margin: 3rem 0 0 0;}
/* header-search end */
/* id on the main page */
.id-lastnews {position:absolute; top:-4.9rem;}
.id-events {position: absolute; top: -4.9rem;}
.id-guide {position: absolute; top: -4.9rem;}
.id-tags {position: absolute; top: -0.1rem;}
.id-footer {position: absolute; top: -4.9rem;}
/* shortstory start */
.shorts-flink-int {position: relative; float: left; width: -webkit-fill-available; height: auto;}
.shortstory-a {position: relative;}
.shortstory-a-int {padding-top: 56.25%; max-width: 100%; /* width: 24.6rem; height:16.4rem; */ background-size: cover; overflow: hidden; background-color: aliceblue;}
.shorts-rank-ext3 {position: absolute; z-index: 2; float: left; padding: 0.5rem 0.5rem 0 0.5rem; margin: 0rem 0 0 0; width: 100%;}
.shorts-rank-ext2 {float: left; margin: 0; width: 100%; padding: 0;}
.shorts-rank-ext1 {float: left; margin: 0; width: 50%; padding: 0;}
.shorts-rank {float: left; color: rgba(23, 162, 184, 0.8); text-shadow: 0.02rem 0.01rem #00000080, -0.02rem -0.01rem #ffffff80; padding: 0; font-size: 1.6rem;}
.shorts-fav-ext3 {position: absolute; z-index: 3; float: left; padding: 0rem; margin: -4rem 0 0 0; width: 100%; bottom: 0rem;}
.shorts-fav-ext2 {float: left; margin: 0; width: 100%; padding: 0; background: #ffffffcc;}
.shorts-fav-ext1 {float: left; margin: 0; width: 100%; padding: 0.5rem;}
.shorts-fav {float: left; width: 100%; margin: 0 !important; text-align: right; height: 1.6rem; line-height: 1rem;}
.short-date {float: left; display: block; margin: 0; width: 23.6rem; max-height: 2.2rem; padding: 0; border: none; text-align: left; font-size: .8rem; line-height: 1rem; color: #777 !important; text-decoration: none; pointer-events: none; cursor: default;}
.short-date a {color: #777 !important; text-decoration: none;}
.fav-icon {float: right; width: 1.4em; height: 1.4em; background: #f0f8ff80; border-radius: 0.5em; padding: 0.2em;}
.favorite-link img {float: right; margin: 0 !important; width: 1.6rem; text-align: right; background: #f0f8ff60; padding: 0.1rem 0.2rem; border-radius: 0.3rem;}
.add-favorite {}
.del-favorite {}
/* only fixed (pin) in cat 30 (events) begin */
.shortstory-a-pin {border-top: .2rem solid #d33c03 !important; /* border-left: .2rem solid #fff; border-right: .2rem solid #fff; border-bottom: .2rem solid #fff; */}
.shorts-fav-ext2-pin {background: #fff;}
/* only fixed (pin) in cat 30 (events) end */
a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover {border-color: #337ab7;}
.shortstory-thumbnail {display: block; float: left; width: -webkit-fill-available; margin-bottom: 1rem; line-height: 1;}
.shortstory-thumbnail-main {box-shadow: 0.01rem 0.01rem 1rem #039ad3; background: white;}
.shortstory-thumbnail-main:hover {box-shadow: 0px 0px 2rem rgb(255 255 255);}
.shortstory-thumbnail-etc {box-shadow: 0px 0px 2rem rgba(0,0,0,0.1);}
.shortstory-thumbnail-etc:hover {box-shadow: 0.01rem 0.01rem 1rem #039ad3;}
.shortstory-a {float: left; width: -webkit-fill-available; border-top: .2rem solid #039ad3;}
.shortstory-caption-p {font-size: 1rem; font-weight: bold; margin: 0; overflow: hidden;}
.section-events-int {padding: 0; width: 100%; background: none; margin: 0 0 4rem 0 !important;}
.thumbnail a>img,.thumbnail>img{margin-right: auto; margin-left: auto;}
.thumbnail .caption {font-size: 1rem; overflow: hidden; background: white;}
.thumbnail .caption:hover {}
.shortstory-thumbnail:hover {}
.thumbnail:hover {}
.flex-row {display: flex; flex-flow: row wrap; justify-content: space-between;}
.grid-select {display: inline-block;}
.grid-select:before {content: attr(data-label); vertical-align: middle;}
.grid-select div {display: inline-block; vertical-align: middle; height: 1.2rem; width: 1.2rem; margin-left: 0.5rem; cursor: pointer;}
.grid-select div:hover, .grid-select div.current {border: 0; background-color: #45b4c5;}
.grid-pages {margin: 0;}
/*
.grid-thumb-3col p {float: left; visibility: hidden; display: none; height: 0 !important; width: 0; padding: 0 !important;}
.grid-thumb p {float: left; visibility: hidden; display: none; height: 0 !important; width: 0; padding: 0 !important;}
.grid-list p {float: left; height: 6.6rem;}
.grid-thumb-3col ul {float: left;}
.grid-thumb ul {float: left;}
.grid-list ul {float: left; visibility: hidden; display: none; height: 0; width: 0;}
*/
.shortstory-p {padding: 0.5rem;}
.shortstory-font {font-size: 80%;}
.shortstory-ul {float: left; height: 3.2rem; padding: 0.5rem; margin: -3.2rem 0 0 0; width: -webkit-fill-available; background: #ffffffcc; font-size: 1.2rem; font-weight: bold;}
/* shortstory end */
/* shortstory-fav.tpl begin */
.shortstory-fav {display: block; float: left; width: 100%;}
.favorites-item-shortstory {display: block; float: left; width: 100%; box-shadow: 0 0 2rem rgba(0,0,0,0.1); margin: 0 0 1rem 0; padding: 0.5rem; background: white;}
.drag-handle {cursor: move; margin: 0 0 0.5rem 0; padding: 0.5rem; box-shadow: -0.1rem -0.1rem .5rem #eee; background: aliceblue; border: 0.1rem solid #f2f2f2;}
.shortstory-fav-column1 {float: left; margin: 0; width: 20%; aspect-ratio: 192 / 128; border: none; padding: 0 0 0 0; background: aliceblue;}
.shortstory-fav-column1-int {float: left; margin: 0; width: 100%; aspect-ratio: 192 / 128; border: none; padding: 0; background-size: contain; background-repeat: no-repeat;}
.shortstory-fav-column2 {float: left; margin: 0; width: 60%; border: none; padding: 0 1rem 0 1rem; font-size: 1rem; line-height: 1.2rem;}
.shortstory-fav-column3 {float: left; margin: 0; width: 20%; border: none; padding: 0 0 0 0; opacity: 0.9;}
.shortstory-fav-ourranking {float: left; padding: .5rem; font-size: 1.6rem; line-height: 1; color: rgba(23, 162, 184, 0.8); cursor: default;}
.shortstory-fav-mapiframe {float: left; margin: 0 !important; width: 100%; aspect-ratio: 192 / 128; border: 0;}
.shortstory-fav-title-and-favicon {float: left; width: -webkit-fill-available; font-size: 1.4rem; margin: 0 0 0.5rem 0;}
.shortstory-fav-title {float: left; width: auto; margin: 0; padding: 0 1rem 0 0;}
.shortstory-fav-favorites {float: left; width: 1.2rem; padding: 0;}
.shortstory-fav-padding0 {padding: 0 !important;}
.shortstory-fav-span {float: left; width: auto; max-width: 93%; padding: 0; font-weight: bold; text-decoration: none;}
.shortstory-fav-maps {color: #45b5c6;}
.shortstory-fav-typeofplace {color: #777;}
.shortstory-fav-tags {display: inline-block; line-height: 2rem; float: left; margin: 0; font-size: 1rem; font-weight: normal !important; text-decoration: none; padding: 0;}
.google-maps-link {margin:-0.5rem 0 0 -0.5rem !important;}
.gm-style .default-card {padding: 0.1rem 0.1rem 0.1rem 0.1rem !important;}
.favorite-link {float:left; width:1rem;}
.favorite-link img {float:left; width:1rem;}
.fav-icon {width: 1.4rem; height: 1.4rem; background: #f0f8ff80; border-radius: 0.5rem; padding: 0.2rem;}
.del-favorite {float:left; width:1rem;}
/* shortstory-fav.tpl begin */
/* fastsearchresult.tpl start */
.fullsearch {width: 100% !important;}
.fastsearch-link {float: left; width: 100%;}
.fastsearch-ext {float: left; width: 100%; width: -webkit-fill-available;}
.fastsearch-image-ext {float: left; width: 5.3rem;}
.fastsearch-image {width: 4.8rem; height: 3.6rem;}
.fastsearch-image-yes {background-repeat: no-repeat; background-position: top; background-size: cover;}
.fastsearch-image-no {background: #cccccc30;}
.fastsearch-noimage {padding: 1rem; width: 4.8rem; max-height: 3.6rem;}
.fastsearch-content-ext {float: left; width: 36rem;}
.fastsearch-title {width: -webkit-fill-available;}
.fastsearch-shortstory {font-size: 80%; color: #3d3d3d;}
/* fastsearchresult.tpl end */
/* search.tpl start */
.searchtable {float: left; width: -webkit-fill-available; background: #d9edf7; }
.searchtable-int {float: left; width: -webkit-fill-available; border-color: #bce8f1; margin: 0; padding: 1rem; font-weight: bold; font-size: 1rem !important; color: #777; }
.searchtable-int-block {float: left; height: 2.5rem; text-align: left; font-size: 1rem;}
.searchtable-searchinput-ext {float: left; width: 100%;}
.searchtable-searchinput {float: left; width: 100% !important; height: 2.5rem; text-align: left; font-size: 1rem;}
.searchtable-titleonly {}
.searchtable-searchdate {padding: 0 0 0 1.2rem;}
.searchtable-sortby {padding: 0 0 0 1.2rem;}
.searchtable-s_fcats {padding: 0 0 0 1.2rem;}
.searchtable-int-block-buttons {float: left; width: -webkit-fill-available; margin: 0; font-size: 1rem; font-variant: all-petite-caps;}
.searchtable-button-dosearch {float: left; width: auto; height: 2rem; margin:0 1rem 0 0; padding: 0 0.2rem 0 0.2rem; font-size: 1.2rem; font-variant: all-petite-caps;}
.searchtable-button-doclear {float: left; width: auto; height: 2rem; margin:0 0 0 0rem; padding: 0 0.2rem 0 0.2rem; font-size: 1.2rem; font-variant: all-petite-caps;}
.searchtable-title {float: left; width: auto; line-height: 1.6rem; padding: 0 0.5rem 0 0;}
.title-searchinput {float: left; min-width: 7%; margin: 0;}
.title-titleonly {}
.title-searchdate {}
.title-sortby {}
.title-s_fcats {}
.searchtable-div {float: left; width: auto; padding: 0 0rem 0 0;}
.div-searchinput {float: left; width: 93%; margin: 0;}
.div-searchinput-allword {float: left; min-width: max-content; line-height: 1.6rem; padding: 0 0rem 0 0.5rem;}
.input-all_word_search {margin: 0.4rem 0.2rem 0.4rem 0 !important;}
.div-titleonly {}
.div-searchdate {}
.div-sortby {}
.div-s_fcats {}
.input-searchinput {padding:0.2rem; height: 1.6rem; background-color: #47b6c740 !important; width: -webkit-fill-available;}
.select-titleonly {width: 6.9rem;}
.select-searchdate {float: left; width: 9.7rem;}
.select-beforeafter {float: left; width: 6.6rem;}
.select-sortby {float: left; width: 9.2rem;}
.select-resorder {float: left; width: 7.2rem;}
.s_fcats select {float: left; width: 10.4rem;}
.s_fcats {}
.textin {}
.select-catlist {padding: 0.2rem;}
#searchsuggestions {z-index: 999999 !important; position: fixed !important; top: 5rem !important; right: 10% !important; width: 49rem !important; font-size: 1rem; float: left; margin: 0; background: #fff; border-bottom: 0.25rem solid rgba(23, 162, 184, 0.8); border-left: 0.25rem solid rgba(23, 162, 184, 0.8); border-right: 0.25rem solid rgba(23, 162, 184, 0.8); box-shadow: 0 0.2rem 1.2rem rgba(0,0,0,0.2); box-shadow: 0 0 1rem #039ad3; background-clip: padding-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#searchsuggestions a, #searchsuggestions span.notfound {padding: 0.5rem 1rem; display: block; text-decoration: none; border-bottom: 0.1rem solid #e5e5e5;}
#searchsuggestions a {}
#searchsuggestions a:hover {background-color: #f7f7f7;}
#searchsuggestions a span {display: block; cursor: pointer;}
#searchsuggestions span.searchheading {display: block; font-weight: bold; margin-bottom: .2rem;}
#searchsuggestions span.seperator {display: block;}
#searchsuggestions span.seperator a {padding: 0.5rem 0; text-align: center; border: 0 none; background-color: transparent; color: #919191;}
#searchsuggestions span.notfound {padding: 0.5rem 1rem; display: block;}
#searchsuggestions .break {display: none;}
/* search.tpl end */
/* hot start */
.hot-bg {opacity: 0.5; max-width: -webkit-fill-available; padding: 0;}
.hot-font-1 {font-size: 1.8rem; font-weight: bolder; color: #888888;}
.hot-font-2 {font-size: 1.8rem; font-weight: bolder;}
/* hot end */
/* main-hot.tpl start */
.main-top-news-a {position: relative; float: left; margin-left: auto; margin-right: auto; width: 100%; max-width: 100rem; max-width: -webkit-fill-available; aspect-ratio: unset; display: flex; align-items: center; background-image: url("https://vanisland.life/templates/vanisland-life/images/main-hot-bg.png"); background-size: contain; background-repeat: no-repeat;}
.main-top-news-b {position: absolute; width: -webkit-fill-available; aspect-ratio: 16 / 9; padding: 0 10% 0 10%; background-image: url("https://vanisland.life/templates/vanisland-life/images/main-hot-bg.png"); background-size: contain; background-repeat: no-repeat;}
.main-top-news-c {position: relative; width: 100%; height: -webkit-fill-available; display: flex; align-items: center;}
.main-top-news-d {padding: 0; margin: 0; width: -webkit-fill-available; position: inherit; top: 0rem;}
.main-top-news-e {float: left; margin: 0.5rem 0 0.5rem 0; border-radius: 0.5rem; width: -webkit-fill-available; background: #ffffffbd; padding: 0;}
.main-top-news-f {float: left; width: 100%; margin: 0; border-radius: 0.5rem; padding: 0.5rem;}
.main-top-video {margin: 0; border: none; box-shadow: none; padding: 0; top: 0; right: 0; bottom: 0; left: 0; outline: none; object-fit: cover; [desktop]height: 100%; width: 100%;[/desktop] max-height: 100vh; max-width: 100%; min-height: 50.25rem;}
/* main-hot.tpl end */
/* section-slider.tpl start */
.section-slider-int {float: left; margin: 0; border: none; width: 100%; padding: 0; background: white;}
.specials-div {position: relative; top:-4.9rem;}
.slider-ext {float: left; margin: 2rem 0 0rem 0; width: -webkit-fill-available; background: white;}
.slider-title-ext {float:left; margin: 0; width: 100%; padding: 0 10% 0 10%; background: white;}
.slider-title {float: left; width: -webkit-fill-available; padding: 0.3rem; font-size: 1.4rem;}
.slider-title-background {position: absolute; display: flex; top: 16rem; margin: 0 24% 0 24%; box-sizing: border-box; float: left; width: -webkit-fill-available; border-radius: 0.5rem; padding: 0.5rem; background: #ffffffa1; text-align: -webkit-center;}
.slider-title-background:hover {background: #ffffff; border-radius: 0.5rem;}
.slider-title-content {position:relative; box-sizing:border-box; display:flex; flex-direction:column; flex:0 0 auto; width: -webkit-fill-available; min-height:100%; max-width:100%; padding: 2rem 20%; text-align: center; --ssselfalign: center; justify-content: center;}
.slider-container {float: left; width: 100%; height: 36rem; transform-style: preserve-3d; display: flex;}
input[type=radio] {display: none;}
.cards {position: relative; width: 100%; float: left; margin-bottom: 2rem;}
.card {position: absolute; float: left; width: 60%; height: 100%; left: 0; right: 0; margin: auto; transition: transform .4s ease; cursor: pointer;}
.card-int {float: left; width: 100%;}
.card-short {position: relative; float: left; width: 58.4rem; height: 32.85rem; background-size: cover; border: 0.1rem solid #ffffff; box-shadow: -0.2rem 0.2rem 2.2rem #039AD3, -0.2rem -0.2rem 2.2rem #039AD3;}
#item-1:checked ~ .cards #song-3, #item-2:checked ~ .cards #song-1, #item-3:checked ~ .cards #song-2 {transform: translatex(-30%) scale(.8); opacity: .4; z-index: 0;}
#item-1:checked ~ .cards #song-2, #item-2:checked ~ .cards #song-3, #item-3:checked ~ .cards #song-1 {transform: translatex(30%) scale(.8); opacity: .4; z-index: 0;}
#item-1:checked ~ .cards #song-1, #item-2:checked ~ .cards #song-2, #item-3:checked ~ .cards #song-3 {transform: translatex(0) scale(1); opacity: 1; z-index: 1; img {box-shadow: 0 0 0.5rem 0 rgba(81, 81, 81, 0.47);}}
/* section-slider.tpl end */
/* section-content begin */
.section-content-div {position: relative; padding: 0;}
.grid-div {padding: 0 1rem 0 1rem;}
/* section-content end */
/* speedbar begin */
.homelink {display: none;}
/* speedbar end */
/* category-title begin */
.category-title-hr {float:left; width:100%; border-bottom: 0.2rem solid #45b5c6; font-size: 1.2rem;}
.category-title-hr-white {float:left; width:100%; border-bottom: 0.2rem solid #ffffff; font-size: 1.2rem;}
/* category-title end */
/* fullstory begin */
.fullstory {color: #484848; float: left; margin: 0rem 0 0rem 0; width: 100%; padding: 0; /*font-size: 1rem;*/ line-height: 1.2rem;}
.fullstory p {text-indent: 2.4rem; /* text-align: justify; */ }
.fullstory h1, h2, h3, h4, h5, h6, h7 {text-indent: 2.4rem; float: left; width: -webkit-fill-available; line-height: 1.2rem; margin: 1.5rem 0 0 0;}
.fullstory h1 {}
.fullstory h2 {}
.fullstory h3 {}
.fullstory h4 {}
.fullstory h5 {}
.fullstory h6 {}
.fullstory-{news-id} {}
.image {float: left; width: -webkit-fill-available; margin: 1rem 0 0 0;}
.fullstory img {float: left; max-width: 100%; margin: 0 0 0rem 0;}
.quote img {float: left; max-width: 100%; margin: 0 !important;}
.photo-div {float: left; width: 100%; margin: 0 0 1rem 0;}
.fullstory-map-ext {float: left; width: 100%; margin: 1rem 0 0rem 0; padding: 0;}
.fullstory-map {border: 0; height: 31.5rem; width: -webkit-fill-available; margin: 0 !important;}
.fullstory-tags-ext {float: left; width: 100%; padding: 1rem 0 0rem 0;}
.fullstory-tags {float: left; line-height: 1rem; margin: 0 0.5rem 0rem 0; border:none; width:100%; background: aliceblue; padding: 0.5rem 0.5rem 0 0.5rem; color: #777; font-size: 1rem; font-weight: bold;}
.fullstory-tags-title {float: left; width: min-content; color:#777; font-weight: bold; padding: 0.8rem 0.5rem 0.8rem 0;}
.ftags {margin: 0; font-size: 1rem; font-weight: bold; text-decoration: none;}
.ftags a {margin: 0.1rem 0.2rem 0.1rem 0; padding: 0rem 0.2rem 0 0.2rem; border-radius: 0.5rem; border: 0.2rem solid #45b5c6; background: #45b5c6; color: #ffffff; width: max-content; display: inline-block; line-height: normal;}
.ftags a:hover {border: 0.2rem solid #039ad3; background: #ffffff; color: #039ad3;}
.span-div {float:left; width: -webkit-fill-available; padding: 0.5rem 0.5rem 0 0.5rem; background: #f0f8ff; margin: 0 0 0rem 0;}
.span-div-int-block {float: left; width: 100%; margin: 0; padding: 0 0 0.5rem 0;}
.span-name {display: block; float: left; margin: 0; width: 2rem !important; border:none; padding: 0 0.2rem 0 0.2rem; color: #a0d9e2; text-align: right;}
.span-date {float: left; max-width: calc(100% - 2rem); font-weight:bold; padding: 0 0 0 0.2rem;}
.fullstory-block {float: left; width: 100%; padding: 0;}
.fullstory-block p {float: left; width: 100%; margin: 0 0 0 0; padding: 1rem 0 0 0; font-size: 1.2rem; line-height: 1.5rem;}
.fullstory-block img {width: -webkit-fill-available;}
.block-link:hover {box-shadow: 0 0 1rem #039ad3;}
.block-link-footer:hover {box-shadow: 0 0 1rem #45b3c440; background: #45b3c420;}
.block-link-alt:hover {box-shadow: 0 0 1rem #039ad3; background: #039ad380;}
.block-link-header:hover {box-shadow: 0 0 1rem #f0f8ff40; background: #f0f8ff20;}
.fullstory-ext {background: white; padding: 1rem !important; float: left;}
.fullstory-div {float: left; width: 100%; margin: 0; padding: 0; border: none;}
.fullstory-int {float: left; width: 66%; margin: 0; padding: 0; border: none;}
.fullstory-page-header {float: left; width: 100%; line-height: 1.2rem;}
.fullstory-item-view-block {float: left; border: none !important; width: 100%; background: aliceblue; padding: 0.5rem 0.5rem 0 0.5rem; line-height: 1.2rem; font-weight: bold; font-size: 1.2rem;}
.span-name-img {float: left; margin: 0; border: none; border-radius: 0.4rem; width: 1.4rem; padding: 0; line-height: 1rem; opacity: 0.8; background: #a0d9e2;}
.fullstory-title-div {float: left; margin: 0; width: 100%; border: none; padding: 1rem 0 0rem 0; line-height: 1; font-size: 2rem; font-weight: bolder;}
.fullstory-block {float: left; margin: 0; width: 100%; padding: 0; font-size: 1.2rem; line-height: 1.2rem;}
.fullstory-tags-span-name {padding: 0.2rem 0.2rem 0 0.2rem !important;}
.sidebar-34 {float: right; width: 34%; margin: 0; padding: 0; border: none;}
.sidebar-34-int {float: left; width: -webkit-fill-available; background: aliceblue; margin: 0 0 0 1rem; padding: 0rem 1rem 0 1rem; border-left: 0.2rem dashed #77777780;}
.top-news-title {color: #777 !important; border: none !important; font-size: 1.2rem;}
.top-news-div {float: left; margin: 0 0 1rem 0; width: -webkit-fill-available;}
.related-news-title {color: #777 !important; border: none !important; font-size: 1.2rem;}
.fullstory-datecategory {float: left; margin: 0; width: 100%; padding:0.5rem 0.5rem 0rem 0.5rem; background: #f0f8ff;}
.fullstory-sourceauthorphoto {float: left; margin: 1rem 0 0 0 !important; width: 100%; background: #f0f8ff;}
.fullstory-eventdetails {float: left; margin: 1rem 0 0rem 0; width: 100%; border: none; padding: 0;}
.fullstory-placedetails {float: left; margin: 1rem 0 0rem 0; width: 100%; border: none; padding: 0;}
.quote_block {float: left; width: -webkit-fill-available; margin: 1rem 0 0rem 0; padding: 0;}
.fullstory-video-div {float: left; width: 100%; margin: 1rem 0 0 0; display: flex; flex-wrap: nowrap; align-content: center; justify-content: center; background: aliceblue; padding: 1rem;}
.fullstory-video-div div {float: left; width: 100%;}
.iframe-video {
text-indent: 0 !important;
aspect-ratio: 1920 / 1080 !important;
width: -webkit-fill-available !important;
height: auto !important;
}
/* gallery-mode begin */
.gallery-mode {float: left; width: -webkit-fill-available; max-width: 100%;}
.gallery-mode p {float: left; width: 33.3333%; padding: .25rem;}
.gallery-mode p {aspect-ratio: 1920 / 1280; overflow: hidden; position: relative;}
/* для першого абзацу, якщо в ньому нема img */.gallery-mode p:first-of-type:not(:has(img)) {float: left; width: 100%; padding: 0; margin: 1rem 0 1rem 0; aspect-ratio: auto;}
/* для всіх абзаців з img, крім першого */.gallery-mode p:not(:first-of-type):has(img), .gallery-mode p.styled-img-p {}
.gallery-mode a {float: left;}
.gallery-mode img {float: left; width: 100%; height: 100%; object-fit: cover; object-position: center; aspect-ratio: auto;}
/* gallery-mode end */
/* fullstory.tpl */
/* share.tpl begin */
.share-span-icon {width: 2.7rem !important; padding: 0.3rem 0.3rem 0 0.3rem !important; border-radius: 33.333%;}
.share-icon-img {float: left; margin: 0; border: none; border-radius: 0.4rem; width: 1.68rem; padding: 0; line-height: 1; opacity: 0.8; background: #a0d9e2;}
.share-div {float: left; margin: 0rem 0 0 0; width: -webkit-fill-available; border-top: 0.2rem solid #45b5c6; padding: 1rem 0 0 0; line-height: normal;}
.share-title {display: block; float: left; margin: 0 1rem 0 0.7rem; border: none; width: 1.6rem; padding: 0.4rem 0 0.4rem 0; line-height: 1rem; font-weight: bold; color: silver;}
.share-title-icon {float: left; margin: 0; border: none; border-radius: 0.4rem; width: 1.6rem; height: 1.6rem; padding: 0; line-height: 1rem; opacity: 0.8; background: #a0d9e2;}
.share-icon {border: none; width: 2rem !important; height: 2rem !important; border-radius: 33.333%; margin: 0 0.2rem 0 0;}
.share-icon-facebook {background: url('../images/social-media-icons/45b3c4-facebook.jpg'); background-size: contain;}
.share-icon-facebook:hover {background: url('../images/social-media-icons/039ad3-facebook.jpg'); background-size: contain;}
.share-icon-messenger {background: url('../images/social-media-icons/45b3c4-messenger.jpg'); background-size: contain;}
.share-icon-messenger:hover {background: url('../images/social-media-icons/039ad3-messenger.jpg'); background-size: contain;}
.share-icon-whatsapp {background: url('../images/social-media-icons/45b3c4-whatsapp.jpg'); background-size: contain;}
.share-icon-whatsapp:hover {background: url('../images/social-media-icons/039ad3-whatsapp.jpg'); background-size: contain;}
.share-icon-pinterest {background: url('../images/social-media-icons/45b3c4-pinterest.jpg'); background-size: contain;}
.share-icon-pinterest:hover {background: url('../images/social-media-icons/039ad3-pinterest.jpg'); background-size: contain;}
.share-icon-threads {background: url('../images/social-media-icons/45b3c4-threads.jpg'); background-size: contain;}
.share-icon-threads:hover {background: url('../images/social-media-icons/039ad3-threads.jpg'); background-size: contain;}
.share-icon-x {background: url('../images/social-media-icons/45b3c4-x.jpg'); background-size: contain;}
.share-icon-x:hover {background: url('../images/social-media-icons/039ad3-x.jpg'); background-size: contain;}
.share-icon-linkedin {background: url('../images/social-media-icons/45b3c4-linkedin.jpg'); background-size: contain;}
.share-icon-linkedin:hover {background: url('../images/social-media-icons/039ad3-linkedin.jpg'); background-size: contain;}
.share-icon-tumblr {background: url('../images/social-media-icons/45b3c4-tumblr.jpg'); background-size: contain;}
.share-icon-tumblr:hover {background: url('../images/social-media-icons/039ad3-tumblr.jpg'); background-size: contain;}
.share-icon-reddit {background: url('../images/social-media-icons/45b3c4-reddit.jpg'); background-size: contain;}
.share-icon-reddit:hover {background: url('../images/social-media-icons/039ad3-reddit.jpg'); background-size: contain;}
.share-icon-flipboard {background: url('../images/social-media-icons/45b3c4-flipboard.jpg'); background-size: contain;}
.share-icon-flipboard:hover {background: url('../images/social-media-icons/039ad3-flipboard.jpg'); background-size: contain;}
.share-icon-gmail {background: url('../images/social-media-icons/45b3c4-gmail.jpg'); background-size: contain;}
.share-icon-gmail:hover {background: url('../images/social-media-icons/039ad3-gmail.jpg'); background-size: contain;}
.share-icon-mail {background: url('../images/social-media-icons/45b3c4-mail.jpg'); background-size: contain;}
.share-icon-mail:hover {background: url('../images/social-media-icons/039ad3-mail.jpg'); background-size: contain;}
/* share.tpl end */
/* topnews.tpl start */
.top-li {float: left; margin: 1rem 0 0rem 0; width: -webkit-fill-available; padding: 1rem; background: white;}
.top-ext {float: left; width: 100%;}
.top-img-div {float: left; width: 30%;}
.top-img {height: 4.2rem; width: 5.6rem; margin: 0 1rem 0 0; background-size: cover;}
.top-content {float: left; width: 70%;}
.top-content-int {color: #8f8f8f; font-size: 75%;}
/* topnews.tpl end */
/* static.tpl start */
.static-ext {float: left; border: none !important; width: 100%; background: white; padding: 1rem; font-size: 1.2rem; line-height: 1.4rem;}
.static-title {float: left; margin: 1rem 0 0 0; border: none; width: 100%; padding: 0 0 1rem 0;}
.static-content {float: left; text-indent: 4ch;}
/* static.tpl end */
/* footer start */
.footer-25percent {float: left; width: 25%; padding: 0 0.5rem 0 0.5rem;}
.footer a {color: #0bb4aa; outline: none; text-decoration: none; font-variant: petite-caps;}
.footer a:hover {color: #fff;}
.footer h4 {}
.footer-menu {list-style-type: none; padding: 0; font-weight: bold;}
.footer-menu a {text-decoration: none;}
.footer-copy-int {color: #3e3e3e; text-shadow: 0.01rem 0.01rem #333333; font-size: 1.4rem;}
.footer-copy-int:hover {color: #ffffff;}
.footer-copy-int-img {text-shadow: 0.1rem 0.1rem #333333;}
.social-icons {font-size: 1.2rem;}
.site-footer {color: #78787f;}
.footer-container {width: 100%; float: left; padding: 0 10% 0 10%;}
.footer-row {width: 100%; float: left; padding: 1.5rem 0 0.2rem 0;}
.footer-info {width: 100%; float: left; margin: 0; border: none; padding: 0;}
.footer-info-int {width: 100%; float: left; margin: 1rem 0 1rem 0; border: none; height: 2.4rem; padding: 0;}
.footer-info-int:hover {color: #ffffff;}
.footer-logo, .footer-subscribe, .footer-copy {float: left; margin:0; border:none;}
.footer-logo {float: left; width: 25%; padding: 0;}
.footer-subscribe {float: left; width: 50%; padding: 0 0.5rem;}
.footer-copy {float: left; width: 25%; padding: 0 .5rem 0 .5rem;}
.footer-logo-int, .footer-subscribe-int, .footer-copy-int {float: left; width: -webkit-fill-available;}
.footer-logo-int {padding: 0 0 0 0;}
.footer-subscribe-int {padding: 0 0.5rem 0 0.5rem;}
.footer-copy-int {float: left; width: -webkit-fill-available; height: 2.4rem; background: #1d1d1d; border-radius: 0.4rem; /*text-align: center;*/ padding: 0.5rem 1rem 0.5rem 1rem; margin: 0; font-variant: all-petite-caps; font-size: 2rem;}
.footer-copy-int-img {float: left; width: -webkit-fill-available; border-radius: 0.5rem; background: #1d1d1d; padding: 1px; height: 1.8rem;}
.site-footer-separator {background: #333; height: 0.25rem; width: -webkit-fill-available; border: none; float: left; margin: 1rem 0 0 0;}
.widget, .widget_block {margin-bottom: 0.5rem; }
.site-footer {background: #101010; float: left; width: 100%;}
.inner-wrap {z-index: 2; position: relative; }
.inner-wrap, .wrap {margin-left: auto; margin-right: auto;}
.textwidget-pre li {width: -webkit-fill-available !important; line-height: 1rem; font-size: 1.8rem; background: #f5f5f533; padding: 0.3rem 1rem 0.8rem 1rem; border-radius: 0.5rem;}
.textwidget li {float: left; width: -webkit-fill-available; background: #f5f5f50f; padding: 0.3rem 1rem 0.8rem 1rem; border-radius: 0.5rem; margin: 1rem 0 0 0; line-height: 1rem; font-size: 2rem;}
.titlewidget {margin: 0.5rem 0 0 0; border-bottom: 0.2rem solid #333; color:#333; font-size: 1.8rem; line-height: 1.2rem; padding: 0 0 0 1rem;}
.textwidget-pre-a a {color: #000; font-weight: bolder;}
/* .textwidget-pre-a-last a {color: #0bb4aa; font-weight: bolder;} */
.textwidget a {font-size: 1.5rem;}
.textwidget-about a {color: #3e3e3e; outline: none; text-decoration: none; font-weight: bolder; font-size: 1.5rem;}
.footer-logo-title {border-radius: 0.5rem; padding: 0rem 0.5rem;}
.footer-separator {float: left; margin: 0; width: 100%; border: 0; height: 1rem; background: aliceblue; padding: 0;}
/* footer end */
/* subscribe start */
a {text-decoration: none; cursor: pointer; color: #026388;}
.subscribeform {width: -webkit-fill-available !important; display: flex; text-align: center; align-items: center; justify-content: center; position: relative; border-radius: 0.6rem;}
.input{width: 100%; border: 0.1rem solid #333; border-radius: 0.2rem; padding: 0 10rem 0 0.8rem; outline: none;}
.subscribeform .input::placeholder {color: #999; font-size: 1.4rem;}
.subscribeform .btn-2 {position: absolute; top: 50%; right: 0.1rem; transform: translateY(-50%); font-size: 1.2rem; padding: 0.2rem; color: #777; line-height: 1.4rem; background: #3e3e3e; height: 2rem; width: 8rem; border: 0.1rem solid #333; border-radius: 0.6rem; cursor: pointer; transition: all 0.23s ease; font-family: FallingSky; font-variant: petite-caps;}
.subscribeform .btn-2:active {transform: translateY(-50%) scale(0.9);}
.subscribeform-input {height: 2.3rem !important; line-height: 2.3rem !important; font-size: 1.8rem !important; padding: 0 0.3rem 0.3rem 0.3rem !important; border-radius: 0.6rem !important; background-color: #039ad340 !important; box-shadow: none !important; font-family: FallingSky; font-variant: all-petite-caps;}
.subscribe-submit {font-variant:all-petite-caps !important; font-size: 1.4rem !important; padding: 0 0.2rem 0.2rem 0.2rem !important;}
/* subscribe end */
/* tags start */
.clouds_xsmall, .clouds_small, .clouds_medium, .clouds_large, .clouds_xlarge {color: black; font-size: 1.2rem; font-weight: bold;}
.clouds_xsmall a, .clouds_small a, .clouds_medium a, .clouds_large a, .clouds_xlarge a {}
.clouds_xsmall {}
.clouds_small {}
.clouds_medium {}
.clouds_large {}
.clouds_xlarge {}
.clouds_xsmall:hover, .clouds_small:hover, .clouds_medium:hover, .clouds_large:hover, .clouds_xlarge:hover {color: #039ad3;}
.clouds_xsmall, .clouds_small, .clouds_medium, .clouds_large, .clouds_xlarge {margin:0 0.5rem 0.5rem 0;}
.cloud-tags span a {}
.cloud-tags span a:hover {}
.tags-int-1 {height: 0; position: relative;}
.tags-int-2 {position: absolute; top: -46rem; width: 100%;}
.section-tags-bg {float: left; width: 100%; height: 5rem; background-image: linear-gradient(white, transparent);}
.tags-int-3 {float: left; margin: 0; width: 100%; height: 100%; padding: 0; position: relative;}
.tags-int-4 {height: 25rem; width: 80%; margin: 0rem 10% 0 10%; padding: 0 !important;}
.tags-int-5 {width: 100%; padding: 0;}
.tags-title-ext {border: none !important;}
.main-parallax-bg {width: -webkit-fill-available; min-height: 14.4rem; margin: -15% 0 0 0; padding: 0rem 0 0 0; background-image: url(https://vanisland.life/templates/vanisland-life/images/vanisland-life_footer.png); background-size: cover; background-origin: content-box; background-clip: border-box; background-repeat: no-repeat;}
.clouds_xsmall, .clouds_small, .clouds_medium, .clouds_large, .clouds_xlarge {display: inline-block; border-radius: 0.5rem; margin: 0 0.5rem 0.5rem 0; padding: 0.1rem; border: 0.1rem solid #000;}
.clouds_xsmall:hover, .clouds_small:hover, .clouds_medium:hover, .clouds_large:hover, .clouds_xlarge:hover {background: #f0f8ff; color: #039ad3 !important;}
.cloud-tags span a {display: block;}
.tags_more {margin-top: 0.5rem;}
.clouds_xsmall, .clouds_small, .clouds_medium, .clouds_large, .clouds_xlarge {background: #ffffff80; border: 0.2rem solid #f0f8ff;}
.tagscloud-ext {float: left; width: -webkit-fill-available; background: #039ad340; padding: 0 1rem 1rem 1rem; border-radius: 0.5rem; border: 0.2rem solid white;}
/* tags end */
/* speedbar start */
.speedbar {padding: 0; box-shadow: none; margin-top: 0;}
.n2-ss-layer-row:hover {background: #ffffff; border-radius: 0.5rem;}
/* speedbar end */
/* slider-shortstory start !px */
.slider-shortstory {box-shadow: silver 0px 0.2rem 1rem; opacity: 0.5; transform: translate3d(-1980px, 0px, 0px); z-index: 101; height: 405px; width: 720px;}
.slider-shortstory:hover {box-shadow: rgb(42 152 174) 0px 0.2rem 1rem;}
/* slider-shortstory end */
/* events start */
.section-events-int {float: left; padding: 0; width: 100%; background: none; margin: 0 0 4rem 0 !important;}
.event-shortstory {opacity: .8; float: left; width: 18.5%; aspect-ratio: 1440 / 3120; margin: 0 0.75% 0 0.75%; display: inline-block; padding: 0.15rem; background: aliceblue; color: #039ad3;}
.event-shortstory:hover {opacity: 1; transform: scale(1.08); transition: all 0.4s ease; box-shadow: 0 0 1rem #039ad3, 0 0.2rem 0.5rem rgb(128 128 128 / 50%), 0 0.1rem 0.3rem #333; background: #ffffff;}
.event-shortstory-a a {}
.event-shortstory-a a:hover {color: #000;}
.event-shortstory-poster {float: left; margin: 0; width: 100%; padding-top: 150%; background-repeat: no-repeat; background-size: cover;}
.event-shortstory-poster:hover {opacity: 1;}
.event-shortstory-int {float: left; width: -webkit-fill-available; font-size: 1.2rem; text-align: left; line-height: 1.2rem; font-weight: bolder; padding: 0 0.5rem;}
.event-shortstory-title {float: left; width: 100%; /* min-height: 2.8rem; */ padding: 0.5rem 0 0 0;}
.event-details {float: left; font-size: 80%; padding: 0.5rem 0 0.5rem 0; float: left; width: 100%; /* height: 5.5rem; */}
.event-details-core {float: left; width: 13.3rem; line-height: 1rem;}
.event-details-suffix {float: left; width: 11.5rem; /* max-height: 2.2rem; */ display: block; text-align: left; margin: 0 0 0.2rem 0; line-height: 1rem; font-size: .8rem;}
.event-details-suffix-last {margin: 0 0 0 0 !important;}
/* events end */
/* calendar start */
.calendar {font-size: 1rem;}
.calendar tr th.monthselect {color: #888;}
.day-current {color: white;}
.calendar tr td a { color: inherit; font-weight: bold; }
.calendar tr td.weekday {color: #ea5f24;}
.calendar tr th {font-weight: bold; text-transform: uppercase; }
.calendar tr th.weekday {color: #fff;}
.calendar tr th.monthselect {color: #b8b8b8;}
.calendar tr th.monthselect a {color: #b8b8b8;}
/* calendar end */
/* title of category start */
.category-title-div {float:left; width:100%;}
.category-title-div-white {float:left; width:100%;}
.category-title {float: left; width: 100%; /* width: max-content; */ padding: 0 0 0.1rem 0; font-size: 1.8rem; line-height: 1.2rem; font-weight: bold;}
.category-title-white:hover {text-shadow: 0.1rem 0rem 0.1rem white, 0rem 0.1rem 0.1rem white, -0.1rem 0rem 0.1rem white, 0rem -0.1rem 0.1rem white;}
category-title-a:hover {background: #45b5c6; padding: 0.1rem 0.2rem;}
category-title-white-a:hover {background: white; padding: 0.1rem 0.2rem;}
/* title of category end */
/* event-shortstory begin */
.poster-icon {float: left; margin: 0; border: none; border-radius: 0.2rem; width: 1.4rem; padding: 0.1rem 0.2rem 0.1rem 0; line-height: 1rem; opacity: 0.8;}
.poster-date {pointer-events: none; cursor: default; text-decoration: none; color: #777;} /* color: #5d5d5d; */
.poster-date a {pointer-events: none; cursor: default; text-decoration: none; color: #777}
.poster-location {color: #777;}
/* event-shortstory end */
/* main-custom in category Guide start */
.polaroid-caption {font-size: 1.2rem; text-align: center; line-height: 1.4rem; font-weight: bolder;}
/* main-custom in category Guide end */
/* main menu start */
.mega-dropdown-menu > li > ul > li > a {font-weight: normal; line-height: 1.428571429; color: #333; white-space: normal;}
.mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus {text-decoration: none; color: #444;}
.mega-dropdown-menu .dropdown-header, .mega-dropdown-menu .dropdown-header a {color: #428bca; font-size: 1.2rem; font-weight: bold;}
.mega-dropdown-menu .dropdown-header a:hover {color:#428bca;}
.page-header h1, .page-header h2, .page-header .ptitle {font-size:1.8rem;}
.grid-select {color:#FFF; float: right;}
.grid-select div {text-align:center; font-size:1.8rem; line-height:1rem; color:#333;}
.grid-select div:hover, .grid-select div.current {color: #fff;}
/* main menu end */
/* etc start */
#tooltip {text-align:center; color:#ffffff; font-size:.85rem; line-height:1.2rem;}
span.counts {color: #ffffff;}
.filter-wrapper {font-size: 1.2rem;}
.short-fav {font-size: 1.4rem; font-weight: 700; text-align: center; color: #555;}
.relnews, .grid-thumb-3col .col-sm-6 {font-size: 1rem; line-height: 1.2rem;}
.relnews .offer > .caption > a h2, .grid-thumb-3col .col-sm-6 .offer > .caption > a h2 {font-size: 1rem; line-height: 1.2rem; height: 2.4rem;}
.grid-thumb-3col .col-sm-6 .short-fav {font-size: 1rem;}
.offer > .caption > a h3, .offer > .caption > a h2 {font-size: 1.4rem; line-height: 1.6rem; color:#000; font-weight: 700;}
.caption .reltitle a {color:#000;}
.caption a h4, .caption .reltitle {font-size: 1rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color:#000;}
.short-foot {font-size:1rem; color:#7D7D7D;}
.ftags {line-height: 2rem;}
.short-foot2 {line-height: 1.4rem;}
.page-header.full-title span {color: #8c8c8c;}
.page-header.full-title span a {color: #8c8c8c;}
.page-header.full-title span a:hover {color: #039ad3;}
.complaint a {color:#ef5350;}
.complaint a:hover {color:#ef8281;}
.sdate {line-height: 1.6rem; color: #929292;}
.short-foot-info li a {color:#7d7d7d; text-decoration:none;}
.short-foot-info li a:hover {color:#ef5350;}
.view-all {font-size: 1rem;}
.item-view-block {font-size: 1rem;}
.item-params {font-size: 1rem; line-height: 1.2rem;}
.item-params-list {line-height: 1.2rem;}
.item-params-list-item {font-size: 1rem; text-overflow: ellipsis;}
#show-map {color: #039ad3; font-size: 1rem;}
.slice-btn span {color:#039ad3;}
/* etc end */
/* rating start */
.full-rating i {color: #fff; font-size: 1rem; text-align: center; line-height: 1.2rem;}
.full-rating a:nth-child(3) i {color:#fff; font-size: 1rem;}
.full-rating > span {line-height:1.2rem;}
.full-rating > span > span {color:#94bee6;}
.full-rating > span > span.ratingzero {color: #444444;}
.full-rating > span > span.ratingtypeplus {color: #06b601;}
.full-rating > span > span.ratingplus {color: green;}
.full-rating > span > span.ratingminus {color: red;}
/* rating end */
/* info start */
.info h3 {text-align: center;}
.white h3 {color: #EF5350;}
.red {color: white;}
.stat-info h4 {font-weight: bold;}
/* info end */
/* carousel start */
.owl-carousel .owl-buttons i.icon-white {font-size: 2.2rem; color: #EF5350; text-align:center; line-height:2.4rem;}
.pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {color: #EF5350;}
/* carousel end */
/* forms and buttons start */
#modalSearch .form-control .btn {color:#000;}
.btn {color: #fff;}
.btn:hover {color: #fff;}
.btn-submit, .btn-submit:hover, .btn-submit:focus, .btn-submit:active, .btn-submit:active:focus {color: white;}
.btn-more, .btn-more:hover, .btn-more:focus, .btn-more:active, .btn-more:active:focus {color: white;}
.btn-clarify {color: #616161; font-size: 1rem;}
.btn-exit {font-weight: bold;}
.btn-exit, .btn-exit:hover, .btn-exit:focus, .btn-exit:active, .btn-exit:active:focus {color: #EF5350;}
.radio {color: #EF5350;}
.check-awesome + i:before {color: #EF5350;}
/* forms and buttons end */
/* search start */
#search {font-size: 1.2rem; color: #fff; font-weight: 700;}
#search:hover {color: #F25D35;}
#search-block input[type="search"], #search-block button[type="submit"] {font-size: 1rem;}
#search-block input[type="search"] {color: #fff;}
#search-block input[type="search"]:focus {color: #000;}
#search-block button[type="submit"] {color: #fff;}
#search-block input[type="search"]::-webkit-input-placeholder {color: #000;}
#search-block input[type="search"]:-moz-placeholder {color: #000;}
#search-block input[type="search"]:-ms-input-placeholder {color: #000;}
.searchheading {float: left; margin: 0 0 0 0;}
/* search end */
/* modals start */
.modal-content {color: #000;}
.modal-content .nav-tabs > li > a {text-align: center;}
/* modals end */
/* #btn-to-top start */
#btnToTop {color: white; line-height: 1.8rem;}
/* #btn-to-top end */
/* topnews start */
.topnews-link {color: #000;}
.topnews-box .topnews-avatar-text {font-weight: 700;}
.topnews-box span {color: #999; font-weight: 300; font-size: 1rem;}
/* topnews end */
/* share start */
.a2a_button {margin: 0 0.2rem 0 0 !important; line-height: 1 !important; padding: 0 !important;}
.a2a_box {margin: 0; padding: 0 0 0 0; line-height: 1rem; z-index: 999;}
/* share end */
/* ad start */
.after-topnews-ext {float: left; width: -webkit-fill-available; background: none; padding: 0; margin: 0 0 1rem 0;}
.after-topnews {float:left; width:100%; margin: 0rem 0 0 0; background: white; padding: 1rem;}
.after-topnews-int {text-align:center; background-repeat: no-repeat; background-size: contain; background-clip: border-box; border: none;}
.before-fullstory-end-ext {float: left; width: 100%; margin: 1rem 0 0 0; padding: 0;}
.before-fullstory-end {float: left; width: -webkit-fill-available; margin: 0; padding: 1rem; background: white; font-size: 1rem; line-height: 1rem; }
.before-fullstory-end-int {text-align:center; background-repeat: no-repeat; background-size: contain; background-clip: border-box; border: none; font-size: 1rem; line-height: 1rem; }
.before-fullstory-end-int:hover {font-size: 1rem; line-height: 1rem; /* box-shadow: 0.01rem 0.01rem 1rem #039ad3; */}
/*...*/
.before-fullstory-end-int {aspect-ratio: 728 / 90; background-size: cover; margin: 0; width: 100%; padding: 0; box-shadow: 0.01rem 0.01rem 1rem #02638840;}
.ba_before-footer {float:left; padding:1rem 10% 1rem 10%; width: -webkit-fill-available; background: aliceblue;}
.ba_before-footer-next {float:left; padding:0rem 10% 2rem 10%; width: -webkit-fill-available; background: aliceblue; text-align: center;}
/*...*/
.after-topnews-int {padding-top: 83.333333333%;}
.ext-intad {float: left; width:100%;}
.intad {float: left; width: -webkit-fill-available; text-align: center; margin: 0rem 0 0rem 0; padding: 1rem; color: silver; background: white;}
.intad img {margin:0 0 1rem 0 !important;}
.intag a {target:_blank; /* float: left !important; width: -webkit-fill-available !important; */}
/* ad end */
/* related-news start */
.section-related-news {float: left; margin: 1rem 0 0 0; width: -webkit-fill-available; background: white; padding: 0 1rem 0rem 1rem; border-top: 0.2rem dashed #77777780;}
.related-news-title-div {float: left; width: 100%; margin:0.5rem 0 1rem 0;}
.related-news-title {color: #777 !important; border:none !important; padding:0.5rem 0; width: 100%; font-size: 1.8rem;}
.relshort-ext {float: left; width: 31.33333333%; margin: 0 1% 1rem 1%;}
.relshort {float: left; width: -webkit-fill-available; box-shadow: 0 0 2.4rem 0 rgba(0,0,0,0.1); background-size: cover; background-repeat: no-repeat;}
.relshort-a {float: left; width: -webkit-fill-available; border-top: 0.2rem solid #039ad3;}
.relshort-int {float: left; overflow: hidden; padding-top: 75%; /* 4:3 aspect ratio */ }
.relshort-title {vertical-align: bottom; font-size: 1.2rem; font-weight: bold; background: #ffffff; padding: 0.5rem; overflow: hidden; margin-top: 54%; height: 5.4rem;}
/* related-news end */
/* source code highlighting start */
.hljs-comment, .hljs-quote {color: #a0a1a7; font-style: italic;}
.hljs-doctag, .hljs-keyword, .hljs-formula {color: #a626a4;}
.hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {color: #e45649;}
.hljs-literal {color: #0184bb;}
.hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string {color: #50a14f;}
.hljs-built_in, .hljs-class .hljs-title {color: #c18401;}
.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-number {color: #986801;}
.hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {color: #4078f2;}
.hljs-emphasis {font-style: italic;}
.hljs-strong {font-weight: bold;}
.hljs-link {text-decoration: underline;}
figure.image figcaption {font-size: .8rem; text-align: center;}
.self_delete_link {color: #fff; text-shadow: 0 0.1rem #333; text-decoration: none !important;}
/* source code highlighting end */
/* parallax start */
.parallax-container {background-image: url("https://vanisland.life/templates/vanisland-life/images/tags-bg.jpg"); background-attachment: fixed; background-position: center; background-size: cover; min-height: 46rem; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.fancybox__container {margin-top: 5rem; background: var(--fancybox-bg);}
#modal-overlay {position: relative !important;}
.modal-overlay {height: auto; width: 98.3rem; top: 0rem !important; left: 0rem !important; max-width: 100rem; position: fixed; background: #ff0500;}
/* parallax end */
/* --------------------------------------------------------------------------------------------------------------------- */
/* calendar start */
.monthselect {text-align: center;}
.workday, .weekday, .day {text-align: center; border: 0px transparent solid; width:14.285%;}
.workday {}
.weekday {}
.day {}
.day-active {background-color: #ffffff40;}
.day-active-v {background-color: rgb(128 128 128 / 50%); border: 0px transparent solid;}
.calendar tr td a {border: none;}
.calendar {width: 100%; text-align: center;}
.calendar tr td, .calendar tr th {padding: 3px;}
.calendar tr td {padding: 5px 3px;}
.calendar tr th {background-color: #ddd;}
.calendar tr th.weekday {background-color: #ea5f24;}
.calendar tr th.monthselect {background-color: transparent; padding-bottom: 15px;}
/* calendar end */
/* polaroid start */
* {box-sizing: border-box;}
.polaroid {background: #fff; padding: 1rem; box-shadow: 0 0.2rem 1.2rem rgba(0,0,0,0.2);}
.polaroid > img{max-width: 100%; height: auto;}
.item {width: 24.8%; display: inline-block; filter: grayscale(100%);}
.item .polaroid:before {content: ''; position: absolute; z-index: -1; transition: all 0.35s;}
.item:nth-of-type(4n+1) {transform: scale(0.8, 0.8) rotate(5deg); transition: all 0.35s;}
.item:nth-of-type(4n+1) .polaroid:before {transform: rotate(6deg); height: 20%; width: 47%; bottom: 30px; right: 12px; box-shadow: 0 2.1rem 2rem rgba(0,0,0,0.4);}
.item:nth-of-type(4n+2) {transform: scale(0.8, 0.8) rotate(-5deg); transition: all 0.35s;}
.item:nth-of-type(4n+2) .polaroid:before {transform: rotate(-6deg); height: 20%; width: 47%; bottom: 30px; left: 12px; box-shadow: 0 2.1rem 2rem rgba(0,0,0,0.4);}
.item:nth-of-type(4n+3) {transform: scale(0.8, 0.8) rotate(-3deg); transition: all 0.35s;}
.item:nth-of-type(4n+3) .polaroid:before {transform: rotate(-4deg); height: 20%; width: 47%; bottom: 30px; left: 12px; box-shadow: 0 2.1rem 2rem rgba(0,0,0,0.3);}
.item:nth-of-type(4n+4) {transform: scale(0.8, 0.8) rotate(3deg); transition: all 0.35s;}
.item:nth-of-type(4n+4) .polaroid:before {transform: rotate(4deg); height: 20%; width: 47%; bottom: 30px; right: 12px; box-shadow: 0 2.1rem 2rem rgba(0,0,0,0.3);}
.item:hover {filter: none; transform: scale(1, 1) rotate(0deg) !important; transition: all 0.35s;}
.item:hover .polaroid:before {content: ''; position: absolute; z-index: -1; transform: rotate(0deg); height: 90%; width: 90%; bottom: 0%; right: 5%; box-shadow: 0 1rem 3rem #039ad3; transition: all 0.35s;}
/* polaroid end */
/* main */
.navbar-default .navbar-nav>li>a {}
.mega-dropdown {position: static !important;}
.mega-dropdown-menu {padding: 20px 0px; width: 97.5%; border-bottom:0; border-top: 1px solid rgba(0,0,0,.15); border-right:0; border-left:0; margin: 2px 15px 0;}
.mega-dropdown-menu > li > ul {padding: 0; margin: 0;}
.mega-dropdown-menu > li > ul > li {list-style: none;}
.mega-dropdown-menu > li > ul > li > a {display: block; padding: 3px 10px; clear: both;}
.mega-dropdown-menu > li > ul > li > a > span {margin-left:10px;}
.mega-dropdown-menu .dropdown-header {padding: 3px 10px !important;}
.mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus {background-color: #f5f5f5;}
.mega-dropdown-menu .dropdown-header a {background: none !important; padding: 0;}
.nav-navbar, .border-link, .page-header h1, .page-header h2, .page-header .ptitle, .navbar-header {}
label {}
@media screen and (min-width: 700px) {
.grid-list .col-xs-12.col-sm-6 {width: 100% !important;}
.grid-list .col-xs-12.col-sm-6 .img-wrapper {float: left; width: 18rem; height: auto;}
.grid-list .col-xs-12.col-sm-6 .thumbnail .caption {padding: 1rem;}
}
@media screen and (max-width: 699px) {
.grid-select {display:none;}
}
@media screen and (min-width: 768px) {
.navbar-nav {}
}
.speedbar {background: #FFF; padding: 1rem; box-shadow: 0 0 2rem 0 rgba(0,0,0,0.1); margin-top: 1rem;}
span.counts {background: #eaeaea; border-radius: 0.5rem; padding: 0.1rem 0.5rem; margin: 0 0 0 0.1rem;}
.filter-wrap {display: none;}
.top_block, .full_block {width: 100%; overflow: hidden;text-align: center;}
.top_block img, .full_block img, .side_block img {max-width:100%;}
.full_block {margin-bottom:1rem;}
.side_block {text-align: center;}
.additional-content {margin-right: -1rem;}
.additional-content-header {border-bottom: 0.1rem solid #eee; height: 3.5rem; margin-bottom: 1rem; padding-left: 0.5rem;}
.aditional-img-wrapper {max-height: 15rem; overflow: hidden; position: relative;}
.aditional-img-wrapper a > img {max-height: 15rem;}
.additional-description {max-height: 6rem; overflow: hidden;}
main > section:last-child {}
/* TOOLTIP */
#tooltip {background-color:#000000; background-color:rgba(0, 0, 0, 0.65); position:absolute; z-index:10000; padding:.5rem; border-radius:0.5rem;}
#tooltip:after {width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:3px solid #000000; border-top-color:rgba(0, 0, 0, 0.65); content:''; position:absolute; left:50%; bottom:-3px; margin-left:-5px;}
#tooltip.top:after {border-top-color:transparent; border-bottom:10px solid #111; top:-20px;bottom:auto;}
#tooltip.left:after {left:10px; margin:0;}
#tooltip.right:after {right:10px; left:auto; margin:0;}
.masha_index {display:none !important;}
.filter-wrapper {padding-bottom: 0.5rem; margin: 2rem 0 1rem; border-bottom: 0.1rem solid #eee;}
.filter {height: 1.6rem; overflow: visible;}
.offer {border-radius: 0; height: auto; position: relative;}
.short-fav {position: absolute; top: 4px; right: 1rem; width: 2.2rem; display: block; padding: 0.5rem 0; background: #FCE99D; cursor:pointer;}
.short-fav::after {content: ''; position: absolute; left: 0; bottom: -20px; border: 10px solid transparent; border-top: 10px solid #FCE99D; border-left: 10px solid #FCE99D;}
.short-fav::before {content: ''; position: absolute; right: 0; bottom: -20px; border: 10px solid transparent; border-top: 10px solid #FCE99D; border-right: 10px solid #FCE99D;}
.centr {text-align:center;}
.img-wrapper {overflow: hidden; height: 21.375rem; max-height: calc(var(--container-width)* 0.75);}
.img-wrapper.rand-img {}
.img-wrapper img {width: 100%; min-height:100%;}
@media (min-width: 768px){
.relnews .img-wrapper, .grid-thumb-3col .col-sm-6 .img-wrapper {height:12rem;}
.grid-thumb-3col .col-sm-6 {width: 33.33333333%;}
}
.grid-thumb-3col .col-sm-6 .description, .grid-thumb-3col .col-sm-6 .short-foot, .grid-thumb-3col .col-sm-6 .btn, .grid-thumb-3col .col-sm-6 .none-adres {display:none;}
.grid-thumb-3col .col-sm-6 .icon-l, .relnews .icon-l {margin:0;}
.grid-thumb-3col .clr {display: none;}
@media (max-width: 470px){
.relnews .img-wrapper, .grid-thumb-3col .col-sm-6 .img-wrapper {height:160px;}
}
.relnews .price, .grid-thumb-3col .col-sm-6 .price {top:120px; height: 30px;}
.relnews .price:after, .grid-thumb-3col .col-sm-6 .price:after {content: ""; border: 15px solid transparent; border-left-color: #4ADD31; border-right: 0; height: 0; position: absolute; right: -15px; width: 0;}
.relnews .offer > .caption > a h2, .grid-thumb-3col .col-sm-6 .offer > .caption > a h2 {margin-bottom: 5px; overflow:hidden;}
.relnews .sdate, .grid-thumb-3col .col-sm-6 .sdate {line-height: inherit;}
.grid-thumb-3col .col-sm-6 .short-fav {top: 4px; right: 15px; width: 30px; padding: 5px 0;}
.grid-thumb-3col .col-sm-6 .short-fav::before, .grid-thumb-3col .col-sm-6 .short-fav::after {bottom: -15px;}
.short-foot {background:#fafafa; border-radius: 0.5rem; padding:5px 15px; margin:15px 0;}
.page-header.full-title {padding-left: 58px; position: relative;}
.page-header.full-title .full-fav {position: absolute; left: 0; cursor:pointer;}
/* map start */
#map {width: 100%; height: 30rem; display: none; margin-top: 1rem;}
@media (max-width: 700px) {
#map {height:20rem;}
}
@media (max-width: 400px) {
#map {height:16rem;}
}
/* map end */
.full-info {margin: 1rem 0;}
.block-a {margin-bottom: 0.5rem;}
.view-all {display:block;}
.item-view-block {padding: 0.5rem 0;}
.item-params-list {margin-bottom: -0.25rem;}
#show-map {display: inline-block; cursor: pointer;}
.short-foot2 .full-rating {padding:0; height:auto;}
.slice {overflow:hidden;position:relative;transition:height .2s;}
.slice-btn {margin:0 0 0 0;}
.slice-btn span {display:inline-block; cursor:pointer;}
.full-rating {display:table; height:2.2rem; background:#fafafa; padding: 0.2rem 0.2rem;}
.full-rating > a {display:inline-block; vertical-align: top; margin-left: 0.2rem;}
.full-rating i {display:inline-block; width:1.4rem; border:0.1rem solid #9cce43; background-color:#9cce43;}
.full-rating a:nth-child(3) i {border:1px solid #ed6037; background-color:#ed6037;}
.full-rating > span {display:inline-block; position:relative; background-color:#FFF; padding:0 0.8rem; margin-right:0.2rem;}
.full-rating a:nth-child(3) i:hover {background-color: #D83809;}
.full-rating i:hover {background-color: #88B33B;}
.info {padding: 1rem;}
/* carousel start */
.owl-carousel {padding: 0px 0.5rem; transition:0.5s; z-index:1;}
.owl-carousel li{margin:0 0.5rem; height: 12rem; overflow:hidden;}
.owl-carousel li img {max-width:100%; float: left; margin-right: 0.2rem;}
.owl-item {overflow:hidden;}
.owl-carousel .owl-controls .owl-buttons div {position: absolute; top: 50%; margin-top:-1rem;}
.owl-carousel .owl-controls .owl-buttons .owl-prev {left: -0.2rem;}
.owl-carousel .owl-controls .owl-buttons .owl-next {right: -1rem;}
.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {border-radius: 0;}
.pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, .pagination > li.active > a, .pagination > li.active > span, .pagination > li.active > a:hover, .pagination > li.active > span:hover, .pagination > li.active > a:focus, .pagination > li.active > span:focus, .pagination > li.disabled > a, .pagination > li.disabled > span, .pagination > li.disabled > a:hover, .pagination > li.disabled > span:hover {border: 0.1rem solid #EF5350;}
.pagination > li.active > a, .pagination > li.active > span, .pagination > li.active > a:hover, .pagination > li.active > span:hover, .pagination > li.active > a:focus, .pagination > li.active > span:focus {background-color: #EF5350;}
/* carousel end */
/* forms and buttons start */
#modalSearch .form-control .btn {background: transparent;}
.btn {border: 0; border-radius: 0.5rem; outline: none!important; box-shadow: none; background: #EF5350;}
.btn-submit, .btn-submit:hover, .btn-submit:focus, .btn-submit:active, .btn-submit:active:focus {background-color: #EF5350; min-width: 10rem;}
.btn-more, .btn-more:hover, .btn-more:focus, .btn-more:active, .btn-more:active:focus {background-color: #EF5350;}
.btn-clarify {border-bottom: 0.1rem dotted #616161; padding: 0 0.2rem; display: inline-block; margin-right: 1.2rem;}
.btn-clarify:hover {border-bottom-style: solid;}
.btn-exit {border: 0.1rem solid transparent; margin-top: 0.5rem;}
.btn-exit:hover {border-color: #EF5350;}
.btn-exit, .btn-exit:hover, .btn-exit:focus, .btn-exit:active, .btn-exit:active:focus {background-color: transparent;}
.form-group a {display: inline-block;}
.bootstrap-select .btn-default {border: 0; border-bottom: 0.1rem solid #616161; border-radius: 0; transition: border-bottom-color 0.4s ease 0.1s;}
.bootstrap-select .btn-default:focus, .bootstrap-select .btn-default:active, .bootstrap-select .btn-default:focus:active {outline: none!important;}
.bootstrap-select .btn-default:active, .bootstrap-select .btn-default:hover {border-bottom: 0.1rem solid #E14E4B;}
.bootstrap-select .btn-default:active, .bootstrap-select .btn-default:hover {border-bottom: 0.1rem solid #E14E4B;}
.bootstrap-select.open .btn-default, .bootstrap-select.open .btn-default:focus, .bootstrap-select.open .btn-default:hover {border-bottom: 0.1rem solid #E14E4B;}
.form-control {border: 0; border-bottom: 0.1rem solid #616161; border-radius: 0; box-shadow: none; transition: border-bottom-color 0.4s ease 0.1s;}
.form-control:active, .form-control:focus, .form-control:active:focus {outline: none; box-shadow: none;}
.form-control:active, .form-control:focus {background-color: #eee; border-bottom: 1px solid #E14E4B;}
.form-group.in-put span {display: inline-block; padding-top: 6px;}
input.radio-awesome {display: none;}
.radio {display: inline;}
.radio:before {content: "\f10c";}
input.radio-awesome:checked + .radio:before {content: "\f111";}
.check-awesome {display: none;}
.check-awesome + i:before {content: "\f096"; display: inline-block; width: 1rem;}
.check-awesome:checked + i:before {content: "\f046";}
.dropdown-menu {border-radius: 0;}
/* forms&buttons end*/
/* search start */
#search {}
.search_box {}
#search-block {display:block; position: relative; background: #fafafa; border-radius: 0.5rem;}
#search-block input[type="search"], #search-block button[type="submit"] {border-radius: 0.5rem;}
#search-block input[type="search"] {transition: 0.2s; background: transparent; width: 100%;}
#search-block input[type="search"]:focus {background: #fff;}
#search-block button[type="submit"] {position: absolute; background: #EF5350;}
#search-block button[type="submit"]:hover {background: #F21916;}
/* search end */
/* modals */
.modal-content {border-radius: 0;}
.modal-content .dropdown-menu {border-radius: 0;}
.modal-content .tab-content {padding-top: 1rem;}
.modal-content .nav-tabs > li > a {border-color: transparent; border-bottom-color: #ddd; border-radius: 0; margin-right: 0; width: 9.2rem;}
.modal-content .nav-tabs > li.active > a {border-color: transparent; border-bottom-color: #EF5350; border-bottom-width: 0.1rem; margin-bottom: -0.1rem;}
.collapse .well {background-color: transparent; border: 0; box-shadow: none;}
/* end of modals */
/* topnews start */
.topnews {margin: 1.2rem 0; background: #fff; box-shadow: 0px 0px 1.4rem 0px rgba(0,0,0,0.1); padding: 0.8rem 1rem 1rem;}
.topnews-box {border-bottom: 0.1rem solid #eee; padding-bottom: 1rem; margin-bottom: 1rem;}
.topnews-box .topnews-avatar {position: relative; float: left; width: 3rem; overflow: hidden; border: 0.2rem solid #EF5350; border-radius: 0.5rem;}
.topnews-box .topnews-avatar img {display:block;height:100%;width: 100%;}
.topnews-box .topnews-avatar-text {margin-left:4.6rem;}
.topnews-box span {display:block;}
/* topnews end */
.row30 {margin: 0; position: relative;}
/* source code highlighting start */
figure {margin: 0;}
figure.align-left {float: left;}
figure.align-right {float: right;}
figure.image.align-center {display: table; margin-left: auto; margin-right: auto;}
figure.image figcaption {float: left; width: -webkit-fill-available; background-color: #fafafa; padding: 0.5rem; color: #777; caption-side: bottom; word-break: break-word;}
figure.image.align-center figcaption {display: table-caption;}
/* source code highlighting end */
.title_spoiler svg {vertical-align: middle; margin-top: -0.2rem; margin-right: 0.3rem; height: 1rem; width: 1rem;}
.mce-accordion summary {cursor: pointer;}
.self_delete_link {border: 0 none; display: inline-block; vertical-align: middle; cursor: pointer; padding: 0.8rem 1.2rem; border-radius: 0.5rem; outline: none; background-color: #f44336; box-shadow: 0 0.1rem 0.1rem 0 rgba(0,0,0,0.2); box-sizing: border-box; transition: all ease .1s; transition: all ease .1s;}
/* @media start */
@media (max-width: 800px) {
.row30 {}
}
@media (max-width: 767px) {
.addnews-but {top:1rem; left: inherit; right:1.5rem;}
.bottom-header-navigation .nav > li > a {text-align: left;}
}
@media (max-width: 767px) {
.menu-top-right li.border-link a {border: 0; padding: 1rem 0;}
}
@media (max-width: 670px) {
.menu-top-right {display: block; width: 100%; margin: 1rem 0 0;}
}
@media (max-width: 460px) {
.menu-top-right {margin: 2rem 0 0;}
.menu-top-right li a{padding: 0 !important; margin-bottom: 10px !important;}
.footer .row {margin: 0 !important;}
}
@media (max-width: 400px) {
.img-wrapper {height:200px;}
.price {top: 150px;}
}
@media (min-width: 767px) {
.item-params-list {-webkit-column-count: 2; column-count: 2; column-gap: 1rem; -webkit-column-gap: 1rem; -moz-column-gap: 1rem;}
}
@media (max-width: 1199px) {
.btn-pm, .btn-fav {display:none !important}
.block-a {display:none;}
}
/* feedback begin */
.feedback-block {float: left; border: none; width: 100%; background: white; padding: 1rem 1rem 0 1rem; line-height: 1.2rem; font-weight: bold; font-size: 1rem;}
.feedback-titlediv {float: left; margin: 0rem 0 0 0; border: none; width: 100%; padding: 0 0 1rem 0;}
.feedback-content {float: left; width: 100%; padding: 0 0 1rem 0;}
.feedback-ext {float: left; margin: 0rem 0 1rem 0; width: 100%; }
.feedback-title {float: left; padding:0 1rem 0 0; width: 9rem;}
.feedback-int {float: left; width: 100%;}
.feedback-intput {width: 100%;}
.feedback-textarea {float: left; width: 100%; min-height: 9rem;}
.feedback-submit-ext {float: left; margin: 0rem 0 0rem 0; width: 100%; }
.feedback-submit {float: right;
border: 0.2rem solid #039ad3; border-radius: 0.5rem;
width: 5.6rem; background: #039ad3; padding: 0.1rem 0.2rem 0.3rem 0.2rem;
color: #ffffff; font-family: inherit; font-size: 1.6rem; font-weight: bold; font-variant: all-petite-caps;}
/* feedback end */
/* info begin */
.info-ext {float: left; margin: 1rem 0 0 0; width: -webkit-fill-available;}
.info-div {float: left; margin: 0; width: -webkit-fill-available; border: none; border-radius: 0.5rem; background-color: #d9edf7; padding: 1rem; color: #31708f; font-size: 1rem;}
/* info end */
/* polaroid-short begin */
.polaroid-image {float:left; margin: 0; width:100%; padding-top:75%; background-repeat: no-repeat; background-size: cover;}
/* polaroid-short end */
/* relatednews.tpl begin */
.related-image {padding-top: 13.8rem; width: 100%; background-size: cover;}
.related-ul {float: left; height: 3.2rem; padding: 0.5rem; margin: -3.2rem 0 0 0; width: -webkit-fill-available; background: #ffffffed; font-size: 1.2rem; font-weight: bold;}
/* relatednews.tpl end */
/* section-events.tpl begin */
.events-ext {margin: 2rem 0 0 0;}
.events-div {float: left; width: -webkit-fill-available; border-radius: 0.5rem; padding: 0;}
.events-title-div {float: left; width: 100%; border-bottom: 0.2rem solid #ffffff; margin: 0 0 1rem 0; font-size: 1.2rem;}
.events-custom-div {float: left; width: -webkit-fill-available; margin: 0; padding: 0rem;}
/* section-events.tpl end */
/* section-guide.tpl begin */
.section-guide-int {padding: 0; width: 100%; background: none; margin: 0 0 6rem 0 !important;}
.guide-custom {float: left; width: -webkit-fill-available; border-radius: 0.5rem; }
.guide-title-div {float: left; width: 100%; border-bottom: 0.2rem solid #45b5c6; margin: 0 0 1rem 0; font-size: 1.2rem;}
.guide-custom-div {float: left; margin: 0; width: -webkit-fill-available; padding: 0 0 4rem 0;}
/* section-guide.tpl end */
/* section-slider.tpl begin */
.slider-title-div {float: left; width: 100%; border-bottom: 0.2rem solid #45b5c6; margin: 0 0 1rem 0; font-size: 1.2rem;}
.slider-container-ext {float: left; margin: 1rem 0 0 0; width: 100%; border: none; padding: 0; height: -webkit-fill-available; /* height: 35rem; */}
/* section-slider.tpl end */
/* section-tags.tpl begin */
.tags-title-div {float: left; margin: 0 0 1rem 0; width: 100%; border-bottom: 0.2rem solid #ffffff; font-size: 1.2rem;}
/* section-tags.tpl end */
/* tagscloud.tpl begin */
.tagscloud-title-div {float: left; width: 100%; border-bottom: 0.2rem solid #45b5c6; margin: 1rem 0 1rem 0; font-size: 1.2rem;}
/* tagscloud.tpl end */
/* subscribepopup.tpl begin */
.subpopup{
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
border-radius: .5rem;
box-shadow: 0 .5rem .1rem rgba(0,0,0,0.1);
z-index:9999999
}
.subpopup{
z-index: 5;
background: #fff;
padding: 30px;
text-align: center;
max-width: 700px;
width: 100%;
display: none;
align-items: center;
flex-direction: column;
top: 50%;
opacity: 1;
pointer-events: auto;
transition: all 0.3s ease;
font-family: Poppins;
z-index:9999999
}
.subpopup .cancel-icon{
position: absolute;
right: 20px;
top: 20px;
color: #fcbf8e;
cursor: pointer;
}
.cancel-icon:hover{
color: #e43e0b;
}
.subpopup .icon{
height: 110px;
width: 110px;
background-image: linear-gradient(to bottom, #1488cc, #2b32b2);
line-height: 110px;
border-radius: 67% 33% 48% 52% / 45% 61% 39% 55%;
color: #fff;
font-size: 55px;
}
.subpopup .subcontent{
margin: 20px 0;
}
.subcontent header{
font-size: 20px;
font-weight: 600;
}
.subcontent p{
color: #333;
font-size: 14px;
font-weight: 400;
margin-left: -3px;
}
form{
width: 100%;
}
form .field{
height: 45px;
width: 100%;
margin-bottom: 12px;
}
form .field input{
width: 100%;
height: 100%;
border-radius: 5px;
border: 1px solid #ccc;
padding: 0 15px;
outline: none;
font-size: 17px;
transition: all 0.3s ease;
}
form .field input:focus{
border-color: rgb(142,197,252);
}
form .btnn{
height: 47px;
width: 100%;
position: relative;
overflow: hidden;
border-radius: 5px;
}
form .btnn .layer{
height: 100%;
width: 300%;
position: absolute;
left: -100%;
background-image: linear-gradient(to bottom right, #1488cc, #2b32b2);
transition: all 0.4s ease;
}
form .btnn:hover .layer{
left: 0;
}
form .btnn {
z-index: 1;
position: relative;
background: none;
padding: 0px!important;
color: #fff;
border: 0px;
outline: none;
font-size: 20px;
font-weight: 500;
cursor: pointer;
height: 100%;
width: 100%;
}
form .btnn:hover{
background-image: linear-gradient(to bottom, #2b32b2, #1488cc);
}
.subpopup .text{
margin-top: 5px;
color: red;
font-size: 13px;
}
.button {
position: relative;
padding: 10px 22px;
border-radius: 6px;
border: none;
color: #fff;
cursor: pointer;
background-color: #7d2ae8;
transition: all 0.2s ease;
}
.button:active {
transform: scale(0.96);
}
.button:before,
.button:after {
position: absolute;
content: "";
width: 150%;
left: 50%;
height: 100%;
transform: translateX(-50%);
z-index: -1000;
background-repeat: no-repeat;
}
.button:hover:before {
top: -70%;
background-image: radial-gradient(circle, #7d2ae8 20%, transparent 20%),
radial-gradient(circle, transparent 20%, #7d2ae8 20%, transparent 30%),
radial-gradient(circle, #7d2ae8 20%, transparent 20%),
radial-gradient(circle, #7d2ae8 20%, transparent 20%),
radial-gradient(circle, transparent 10%, #7d2ae8 15%, transparent 20%),
radial-gradient(circle, #7d2ae8 20%, transparent 20%),
radial-gradient(circle, #7d2ae8 20%, transparent 20%),
radial-gradient(circle, #7d2ae8 20%, transparent 20%),
radial-gradient(circle, #7d2ae8 20%, transparent 20%);
background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
background-position: 50% 120%;
animation: greentopBubbles 0.6s ease;
}
@keyframes greentopBubbles {
0% {
background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
}
50% {
background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
}
100% {
background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
}
}
.button:hover::after {
bottom: -70%;
background-image: radial-gradient(circle, #7d2ae8 20%, transparent 20%),
radial-gradient(circle, #7d2ae8 20%, transparent 20%),
radial-gradient(circle, transparent 10%, #7d2ae8 15%, transparent 20%),
radial-gradient(circle, #7d2ae8 20%, transparent 20%),
radial-gradient(circle, #7d2ae8 20%, transparent 20%),
radial-gradient(circle, #7d2ae8 20%, transparent 20%),
radial-gradient(circle, #7d2ae8 20%, transparent 20%);
background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 20% 20%, 18% 18%;
background-position: 50% 0%;
animation: greenbottomBubbles 0.6s ease;
}
@keyframes greenbottomBubbles {
0% {
background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
}
50% {
background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
}
100% {
background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
}
}
/* subscribepopup.tpl end */
/* my lists begin */
.mylists-switch, .mylists-tabs {list-style: none;
padding: 20px;
margin: 20px 0px;
border: 1px solid #e1e1e1;
border-radius: 4px;
font-size: 12px;
}
.mylists-switch li, .mylists-tabs li {
display: inline-block;
margin: 0px 10px 0px 0px;
color: #136CB2;
text-decoration: none;
border-bottom: 1px dotted;
padding: 3px 10px;
}
.mylists-switch li:hover, .mylists-tabs li:hover {
color: #70579d;
cursor: pointer;
}
.mylists-switch li:last-child, .mylists-tabs li:last-child {
margin: 0px;
}
.mylists-switch li.active, .mylists-tabs li.active {
background: #373737;
color: #fff;
border: 0px;
border-radius: 4px;
}
.mylists-tabs li.active a {
color: #fff;
}
/* my lists end */
/* mediaupload add ad begin */
.mediaupload-col1 {width: auto; min-width: 12%; padding: 0 1rem;}
.mediaupload-col2 {width: inherit;}
.mediaupload-col2 input, .classic {max-width: none !important;}
.mediaupload-col3 {width: max-content; padding: 0 1rem;}
#payadvplace_main_content {float: left;
width: -webkit-fill-available !important;
height: 7.6rem !important;
padding: 0.5rem;
font-size: 1.4rem;
line-height: 1.6rem;}
.ad-block {float: left; width: -webkit-fill-available;}
.ad-sec {float: left; width: 100%; font-size: 1.4rem; line-height: 1.6rem;}
.ad-sec-2 {float: left; width: 100%; font-size: 1.4rem; line-height: 1.6rem;}
.ad-sec-href {text-decoration: none; font-weight: bold; color: #026388 !important;}
.ad-sec-divprecode {float: left; width: 100%;}
.ad-sec-pre {float: left; width: 100%;}
.ad-sec-code {float: left; width: 100%; font-size: 1.4rem; line-height: 1.6rem; color: red; font-weight: 600;}
.ad-sec-form {float: left; width: -webkit-fill-available;}
.ui-dialog-buttonset {float: left; margin: 0 .5rem 0 .5rem; width: -webkit-fill-available; padding: 0;}
.ui-button .ui-corner-all .ui-widget button {margin: 0 1rem 0 0;}
/* mediaupload add ad end */
/* side-menu.tpl begin */
.header-li-category-link-a {}
.button-menu {position: fixed; bottom: 2.4rem; right: 1rem; float: left; height: 2.4rem; border: none; border-radius: 1rem; background: none; padding: 0;}
.button-menu:hover {opacity: 1; background-color: #42b4c6; box-shadow: 0.01rem 0.01rem 1rem #ffffff;}
.side-menu-img {position: relative; float: left; margin: 0; width: 100%; height: 100%; border-radius: 1rem; padding: 0.2rem; background-color: #ffffff40;}
#btnToTop {background-color: #616161; border: 0; border-radius: 1rem; display: none; width: 2.4rem; height: 2.4rem; margin: 0; opacity: 0.5; outline: none; padding: 0; position: fixed; bottom: 2.4rem; right: 1rem; text-align: center; z-index: 1100;}
#btnToTop:hover {opacity: 1; background-color: #42b4c6; box-shadow: 0.01rem 0.01rem 1rem #ffffff;}
/* end #btn-to-top */
/* trail begin */
.fullstory-trail {float: left; margin: 1rem 0 0 0 !important; width: 100%; background: #45b3c4cc; padding: 0 1rem 1rem 1rem; border-radius: 1rem; color: white;}
.fullstory-trail img {margin: 0 0 .5rem 0; border-radius: .5rem;}
.fullstory-trail-list-ext {
float: left; margin: 1rem 0 0 1rem; width: -webkit-fill-available; min-height: 24rem;
border-radius: 1rem; background: #20a6ba0f; padding: 1.2rem 0 1.2rem 0;
background-origin: border-box; background-repeat: no-repeat; background-clip: border-box; background-size: 100%;
background-color: rgba(255,255,255,0.85); background-blend-mode: lighten;
/* box-shadow: 0.1rem 0.1rem .2rem #20a6ba80; */
}
.fullstory-trail-list-icon {
float: left; margin: -0.5rem 0 0 -2.2rem; width: 2rem; height: 2rem;
border: none; border-radius: 50%; padding: 0.5rem;
font-size: 2rem; line-height: 1; color: #fff; text-align: center;
background-color: #45b3c4;
background-image: url('../images/icons/trail-location.png');
background-size: 100%; background-repeat: no-repeat;
}
.fullstory-trail-list {
float: left; margin: -1rem 0% 0 0%; width: 100%;
border-radius: 0.5rem; /* background: #a9a9a940; */ padding: 0.5rem;
}
.fullstory-trail-list-int {
float: left; margin: 0; width: 100%; padding: 0 1% 0 1%;
opacity: 1;
}
.fullstory-trail-list-title {
float: left; margin: 0 0 0.5rem 0; width: -webkit-fill-available;
font-size: 1.8rem; line-height: 1;
}
.fullstory-trail-list-left {
float: left; margin: 0 2% 0 0; width: 36%;
}
.fullstory-trail-list-img {
margin: 0 0 .5rem 0 !important;
border-radius: .5rem;
box-shadow: 0.1rem 0.1rem 0.4rem #ffffff80, 0.1rem 0.1rem 1rem #9b9b9b;
}
.fullstory-trail-list-right {
position: relative; float: left;
margin: 0; width: 62%; min-height: 20rem;
}
.fullstory-trail-map-iframe {
position: relative; z-index: 8; float: left;
width: 28.8rem; height: 20rem; border-radius: 1rem;
background: none; padding: 0; opacity: .666;
}
.fullstory-trail-list-short {
position: absolute; z-index: 9; float: left;
width: 28.8rem; height: 20rem; border-radius: 1rem;
/* background: #ffffff80; */
/* padding: 0.5rem; */
text-shadow: 0.1rem 0.2rem 0.3rem white;
}
/* trail end */
/* calendar-google.tpl begin */
.calendar-google-ext {float: left; margin: 0; width: 100%; background: aliceblue;}
.calendar-google {float: left; margin: 0rem 10% 1rem 10%; width: 80%;}
.calendar-google-iframe {border-width:0; width:100%; height:13rem; border-radius: .5rem;}
#yDmH0d {background: #20a6ba80 !important;}
.yDmH0d {background: #20a6ba80 !important;}
#yDmH0d body {background: #20a6ba80 !important;}
#yDmH0d main {}
/* calendar-google.tpl end */
/* favorites-master.tpl begin */
.favmod {display: block; margin: 0 auto; width: 1rem; height: 1rem; padding: .2rem; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; opacity: .5;}
.favmod.active, .favmod:hover {opacity: 1;}
.favmod.active:hover {opacity: .7;}
.favmod-add, .favmod-unset {display: block; width: 100%; height: 100%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgCAYAAAAbifjMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYNJREFUeNrslM8rRFEUx9973iC/KVGSBX8E2TBvN2p2yo6d/AMWJEpKibVs2NmysJxG2bG2tqBEGIkJwzyfozO585o3PYZSnPr0bvfce96559z7tePxeNKyrEXogkM4gWrrw3y4hCfogQHYhLVUKpV3GaxCH9zCAhyBaxXbFPTCPCzBCrTCrKsDsRzcE9XX8bt5nufwGYVB2ICMumbwZcT5rBN2iT+LyZoHyOpxYoZv2gmc9bVEAJlvhHoNljN8tvnHKlmkKduB+XXYgStoMXwvZoA22IazwFEkgwt4BOlYv5meuVDO2KntDJptBMsWsi0EkKKcQgKu1VnOpE5NsAvtrhbmBo61hVHsnFpJPToco1A1ETfL3Yhp9r5jVWjfEkAeTj7kEpUrpOyJSYA7aAi5xmEmNauTi2TznMf0OR9oN6K0sRmGYdntnqvN6uVIflIPJreG9n5AD4hapAcT+yOheoDvN+qBpvxn9UBbGEkPqNXX9YDN/3pg6sF4OlGRHrwJMADPaJXvw5WmBQAAAABJRU5ErkJggg==) no-repeat 0 0;}
.favmod-unset {background-position: 0 -1rem;}
.favmod .favmod-unset, .favmod.active .favmod-add {display: none;}
.favmod.active .favmod-unset {display: block;}
/* favorites-master.tpl end */
.style-button {float: left; width: -webkit-fill-available; margin: 0; border: 0.2rem solid #039ad3; border-radius: 0.5rem; background: #ffffff; padding: 0.3rem; font-size: 1rem; font-weight: bold; font-variant: all-petite-caps; color: #039ad3;}
.style-button:hover {border: 0.2rem solid #ffffff; background: #039ad3; color: #ffffff;}
/* searchresult.tpl begin */
.searchresult-all {float: left; width: 100%; padding: 1rem;}
.searchresult-all-findstory {float: left; width: 100%; padding: 1rem; margin: 0;}
.searchresult-group {float: left; width: 100%; padding: 0 0 1rem 0;}
.searchresult-title {float: left; width: auto; min-width: 13rem; margin: 0 1rem 0 0; padding: 0 1rem 0 0; font-size: 1.2rem; line-height: 1.2rem; border-bottom: 0.2rem solid white;}
.searchresult-div {float: left; width: auto;}
.searchresult-subtitle {float: left; width: 100%;}
.searchresult-subdiv {float: left; width: 100%;}
.searchresult-buttons {float: left; width: 100%;}
.searchresult-button {float: left; margin: 0 1rem 0 0; width: auto; border: none; border-radius: 0.5rem; padding: 0.5rem; background: #026388; color: white;}
.searchresult-input {float: left; width: auto; min-width: 21rem; margin: 0 1rem 0 0; box-shadow: none !important; font-weight: bold;}
.searchresult-input-checkbox {float: left; width: auto !important; margin: 0 1rem 0 0; font-weight: bold;}
.searchresult-select {float: left; width: auto; min-width: 13rem; margin: 0 1rem 0 0; font-weight: bold; color: #777;}
.searchresult-select-option {font-weight: bold; color: #777;}
.searchresult-select-sub {float: left; min-width: 7rem; width: auto; font-weight: bold; color: #777;}
.searchresult-select-sub-option {font-weight: bold; color: #777;}
.searchresult-select-cat {float: left; width: auto; min-width: 13rem; margin: 0 1rem 0 0; font-weight: bold; color: #777;}
.searchresult-select-cat option {font-weight: bold; color: #777;}
/* searchresult.tpl end */
/* statyczna reklamy begin */
.ad-page {float:left; width:100%;}
.ad-div-1, .ad-div-2, .ad-div-3, .ad-div-4, .ad-div-5, .ad-div-6, .ad-div-7, .ad-div-8 {float: left; width: 100%; margin: 1rem 0 0 0;}
.ad-separator {float: left; margin: 0 0 0.5em 0; width: -webkit-fill-available; padding: 0 0.5em 0.5em 0; border-bottom: 0.2em dotted silver;}
/* statyczna reklamy end */
.addnews-div {float: left; margin: 0rem 0 1rem 0; width: -webkit-fill-available; padding: 1rem; background: white;}
/* fav-trail-current-item.tpl begin */
.traillist-iframebuttom-favtrailcurrentitem {
margin:0 0 1rem 0;
float: left;
border: 0.2rem solid #039ad3;
border-radius: 0.5rem;
background: #039ad3;
padding: 0.1rem 0.2rem 0.3rem 0.2rem;
color: #ffffff;
}
.trail-list-iframe {background: aliceblue;}
/* fav-trail-current-item.tpl end */
/* fav-trail.tpl begin */
.trail-list-iframe-buttom {font-family: inherit; font-size: 1.6rem; font-weight: bold; font-variant: all-petite-caps;}
.traillist-iframebuttom-favtrail {
margin:0 0 0rem 0;
float: right;
border: none;
background: none;
padding: 0;
}
.trail-list-iframe {background: aliceblue;}
/* fav-trail.tpl end */
a.wc-button-link.wc-red.btn-link-small {text-align: center;}
/* fullstory-overview.tpl begin */
.overview-ext {float: left; width: -webkit-fill-available; margin: 1rem 0 0 0; padding: 0;}
.overview-div {float: left; width: -webkit-fill-available; border-left: 0.2rem solid #b4b8bb; background-color: #f5f5f5; padding: 0.5rem; color: #000;}
.overview-title {display: block; margin: -0.5rem; width: -webkit-fill-available; background: #b4b8bb; padding: 0.25rem 0.5rem; color: #fff;}
/* fullstory-overview.tpl end */
.weekly-line {float: left; margin: 1rem 0 -0.45rem 0; width: 100%; padding: 0; border-bottom: .5rem dotted #45b3c4;}
/* ховає всі пікселі cron за шляхом cronpixel */
img[src*="cronpixel"]{
display: none !important;
width: 0 !important;
height: 0 !important;
visibility: hidden !important;
}
/* end */