@font-face {
    font-family: LidoRegular;
    src: url('../fonts/Lido-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lido-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/LidoRegular.woff'); /* Pretty Modern Browsers */
}

@font-face {
    font-family: LidoMedium;
    src: url('../fonts/Lido-Medium.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lido-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/LidoMedium.woff'); /* Pretty Modern Browsers */
}

@font-face {
    font-family: LidoBold;
    src: url('../fonts/Lido-Bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lido-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/LidoBold.woff'); /* Pretty Modern Browsers */
}

html, body {margin: 0 auto !important;padding: 0 !important;width: 100% !important;background-color: #fff;font-family: LidoMedium;/*scroll-behavior: smooth;*/overflow-x: hidden;}
body { letter-spacing: 0.3px;}
body.black { background-color: #000;}

.ovfh {overflow: hidden !important;}

* { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
a { text-decoration: none; transition: 0.7s;color: #000;}
a:hover { text-decoration: none; color: initial;}

img { transition: 0.7s;}
.img-shadow, img.img-shadow {box-shadow: 1px 0 10px #cfcfcf;}
.img-box, img.img-box{border: 1px solid #cccccc}

input:focus { outline-width: 0;}

.toupper{text-transform: uppercase;}
#scrollUp{bottom:20px;right:4%;height:38px;width:38px;background:url(/images/top.png) no-repeat;}

.not-anim:active, .not-anim:focus, .not-anim:hover, .not-anim a:active, .not-anim a:focus, .not-anim a:hover, .reserved-btn:active, .reserved-btn:focus, .reserved-btn:hover, .collapse-more-btn:active, .collapse-more-btn:focus, .collapse-more-btn:hover, .book-btn:active, .book-btn:focus, .book-btn:hover, .slick-slider a:active, .slick-slider a:focus, .slick-slider a:hover, .country-wrap a:active, .country-wrap a:focus, .country-wrap a:hover, .general-brands-wrap a:active, .general-brands-wrap a:focus, .general-brands-wrap a:hover {
    animation: none;
}

.most-pop-txt:active, .most-pop-txt:focus, .most-pop-txt:hover, .index-tag-title:active, .index-tag-title:focus, .index-tag-title:hover,/*.tag-list-view .mini-title:active, .tag-list-view .mini-title:focus, .tag-list-view .mini-title:hover,*/
.do-anim:active, .do-anim:focus, .do-anim:hover {-webkit-animation-name: hvr-wobble-skew;animation-name: hvr-wobble-skew;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}

@-webkit-keyframes hvr-wobble-skew {
    16.65% {-webkit-transform: skew(-12deg);transform: skew(-12deg)}
    33.3% {-webkit-transform: skew(10deg);transform: skew(10deg)}
    49.95% {-webkit-transform: skew(-6deg);transform: skew(-6deg)}
    66.6% {-webkit-transform: skew(4deg);transform: skew(4deg) }
    83.25% {-webkit-transform: skew(-2deg);transform: skew(-2deg) }
    100% {-webkit-transform: skew(0);transform: skew(0) }
}
@keyframes hvr-wobble-skew {
    16.65% {-webkit-transform: skew(-12deg);transform: skew(-12deg) }
    33.3% {-webkit-transform: skew(10deg);transform: skew(10deg) }
    49.95% {-webkit-transform: skew(-6deg);transform: skew(-6deg) }
    66.6% {-webkit-transform: skew(4deg);transform: skew(4deg) }
    83.25% {-webkit-transform: skew(-2deg);transform: skew(-2deg) }
    100% {-webkit-transform: skew(0); transform: skew(0) }
}

.hid-toggle{opacity: 0;pointer-events: none;cursor: inherit;}
header {
    top: 0;
    z-index: 9999;
    position: fixed;
    background: #fff;
    width: 100%;
    border-bottom: 2px solid #000;
}
.bold{font-weight:bold}
.red, .help-block {color:#f0474d}
.mt7 {margin-top: 7px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt40 {margin-top: 40px;}
.mr10 {margin-right: 10px;}
.ml10 {margin-left: 10px;}
.size10 {font-size:10px}
.justify {text-align:justify}
.center {text-align: center;}
.pointer{cursor:pointer}
.badge {background-color: #777;border-radius: 10px;color: #fff;display: inline-block;font-size: 10px;font-weight: normal;line-height: 1;min-width: 10px;padding: 3px 5px;text-align: center;vertical-align: middle;white-space: nowrap;}
.in-progress{color:red;font-size:16px;margin-top:10px}
.website{word-wrap: break-word;}
.black-hr {border-top: 2px solid #000;}

.wrap {padding-top: 70px;}

.main {padding: 0 20px;margin-bottom: 75px; min-height: 700px;}

.menu-container {padding-top: 70px;}

.inner-header {padding: 15px 0;margin: 0 20px;width: calc(100% - 40px); min-height: 62px;}
.header-logo {width: 120px; padding-top: 4px;}
.logo {display: inline-block; margin-top: 3px;}
.logo .logo-subtitle {display: block;}

.back { position: relative; top: 2px; display: inline-block; padding-left: 15px;}
.back .back-button {background-color: #646464;color: #fff;padding: 2px 7px 3px 7px;vertical-align: middle;font-size: 23px;line-height: 27px;margin-right: 1px;margin-left: 2px;border-radius: 3px;display: inline-block;}
.back .back-button a {color: inherit;}
.back .back-button a .x-back {cursor: pointer;display: inline-block; width: 10px;}
.back .back-button a .x-back img {width: 100%;}
.general-row-wrap {padding-top: 30px;padding-bottom: 30px;border-bottom: 2px solid #000;overflow: hidden;position: relative;}
.general-main-categ {font-size: 36px;color: #646464;width: 40%;display: inline-block;float: left;}
.general-main-title {font-size: 40px;line-height:48px;color: #000;text-align: center;padding:30px;}

.articles-grid-wrap {margin: 15px 10px; min-height: fit-content;}

.article-grid-item {width: 33.33%;float: left;margin-bottom: 50px;padding: 0 10px;}
.article-grid-item .art-grid-grey {color: #646464;transition: 0.7s;}
.article-grid-item .art-grid-black {color: #000;transition: 0.7s;}
.article-grid-item .art-grid-link {color: #646464;transition: 0.7s;cursor:pointer;}
.article-grid-item .art-grid-link:hover {color: #000;}

.article-grid-item .index-star img {width:13px;-webkit-animation: rotating 3s linear infinite;-moz-animation: rotating 3s linear infinite;-ms-animation: rotating 3s linear infinite;-o-animation: rotating 3s linear infinite;animation: rotating 3s linear infinite;}
.article-grid-item .index-star {width:18px;vertical-align: middle;min-height: 1px;display: inline-block;font-size: 0;}
.article-grid-item .art-grid-more {display:inline-block;margin-top:7px;color:#000;transition: 0.7s;}

.article-grid-item .art-grid-collapse{padding-left:10px;padding-right:10px;margin-top:10px;border:2px solid #000;}

.article-grid-item .art-grid-date {color: #e5e5e5;transition: 0.7s;}
.article-grid-item .art-grid-content {font-size: 18px;line-height: 22px;width: 100%;margin-top: 7px;min-height:120px;text-align: center;}

.article-grid-item .art-grid-img {width: 100%; height: 436px; background-size: cover; background-position: center; position: relative; overflow: hidden;}
.article-grid-item .art-grid-img:hover {opacity: 0.6;}
.article-grid-item .art-grid-img img {width: calc(100% - 15px);}

.article-grid-item .art-grid-img::before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: inherit; filter: blur(10px) brightness(0.7);}

.article-grid-item .art-grid-img img {position: relative;height: 100%; width: auto;margin: 0 auto; display: block; object-fit: contain; /* Shows the whole photo without cropping */}

.article-grid-item.first {width: 100%;float: left;margin-bottom: 50px;padding: 0 10px;}
.article-grid-item.first .art-grid-img {text-align: center;}
.article-grid-item.first .art-grid-img img {width: 66%; margin-bottom: 20px;}
.article-grid-item.first .art-grid-content{width: 37%; margin: 0 auto; min-height: auto;}

.top-art-banner {position: relative;margin: 30px 5px 0 10px;height: 100vh;width: calc(100% - 30px);background-position: center !important;-webkit-background-size: cover !important;background-size: cover !important;}
.top-art-banner .hid-photo-caption {position: absolute;bottom: -25px;}
.top-art-banner:hover .hid-photo-caption {opacity: 1;}

.art-banner-wrap {position: absolute; width: 90%; top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);left: 50%;color: #fff;}
.art-banner-title a {color: #fff !important;}
.art-banner-title {text-align:center;font-size: 98px;line-height: 108px;text-shadow: 0px 0px 8px #444444;}
.art-banner-wrap .art-author {font-size: 30px;line-height: 38px;text-shadow: 0px 0px 6px #444444;margin-top: 30px;text-align: center;}

.hid-photo-caption {opacity: 0;color: #e5e5e5;font-size: 15px;line-height: 18px;transition: 0.4s;margin-top: 10px;}
.top-art-banner .hid-photo-caption {position: absolute;bottom: -25px;}
.top-art-banner:hover .hid-photo-caption {opacity: 1;}
.art-details-img:hover .hid-photo-caption {opacity: 1;}

.art-details-content {padding-top: 25px;padding-bottom: 50px;font-size: 20px;line-height: 26px;}
.art-details-img img {width: 100%;}
.art-details-text {margin-top: 10px;}
.art-photo-socials a {color: #646464;}
.art-photo-socials {margin-right: 10px;float: right;font-size: 15px;margin-top: 10px;line-height: 18px;}

p.about {color: darkgray}
.about-hr {margin: 50px auto; width: 120%; margin-left: -10%;  border-top: 2px solid black;}

.art-content-half {column-count: 2;padding-top: 50px;padding-bottom: 90px;}

.print-sel-wrap {position: relative; display: inline-block; font-size: 18px; left: 10px; top: 4px;cursor: pointer;}
.print-sel-wrap:hover {color: darkgray;}
.print-sel-wrap a:hover {color: darkgray;}

footer .footer-copyw {display: block;}
footer .footer-logo {margin-bottom: 78px;}
footer .footer-logo span {color: white; display: block;}
footer .footer-logo img {width: 100%; max-width: 140px;}
footer .footer-title {text-transform: uppercase;padding-bottom: 20px;}
footer a {display: block;color: #fff;}
footer .footer-lang {margin-top: 20px;}
footer .footer-lang a {display: inline-block;padding: 5px;}
footer {background-color: #000;color: #fff;font-size: 18px;line-height: 25px;padding-top: 65px;padding-bottom: 65px;}
footer a:hover {color: #646464;}

@media (max-width: 991px) {
    .fashion-row-wrap.general-row-wrap {padding-top: 65px;padding-bottom: 45px;border-bottom: none;}
    .article-grid-item {width: 50%;padding: 0; margin: 25px 0;}
    .top-art-banner {height: 85vh; margin: 20px 10px 0 20px;}
    .art-banner-title {text-align:center;font-size: 68px;line-height: 78px;}
    .art-banner-wrap .art-author {font-size: 24px;line-height: 30px;margin-top: 24px;}
}

@media (max-width: 768px) {
	.articles-grid-wrap {margin: 0 15px}
    .article-grid-item {width: 100%;padding: 0; margin: 25px 0;}
    .article-grid-item .art-grid-content {font-size: 16px;line-height: 20px;min-height: 0;}
    .article-grid-item.first {padding: 0;}
    .article-grid-item.first .art-grid-img img {width: 100%; margin-bottom: 20px;}
    .article-grid-item.first .art-grid-content{width: 100%; margin: 0 auto; min-height: auto;}
	.fashion-row-wrap.general-row-wrap {padding-top: 45px;padding-bottom: 25px;}
    .top-art-banner {height: 70vh;}
    .art-details-content {padding-top: 50px;padding-bottom: 50px;font-size: 16px;line-height: 21px;}
    .art-banner-title {text-align:center;font-size: 48px;line-height: 58px;}
    .art-banner-wrap .art-author {font-size: 18px;line-height: 20px;margin-top: 18px;}
}

@media (max-width: 582px) {
    .print-sel-wrap {top: 6px; left: 16px}
}

@media (max-width: 430px) {
    .art-banner-title {text-align:center;font-size: 36px;line-height: 46px;}
    .top-art-banner {height: 55vh; }
}

@media (max-width: 392px) {
    .print-sel-wrap {top: 6px; left: 20px}
}

@media (max-width: 360px) {
    .back {top: 10px; }
    .print-sel-wrap {top: 14px;}
    .art-banner-title {text-align:center;font-size: 34px;line-height: 44px;}
    .top-art-banner {height: 50vh; }
}