 @import '../../../wp-content/themes/vmagazine/res/css/lib/jquery.bxslider.css';
 @import '../../../wp-content/themes/vmagazine/res/css/lib/rs-minimal-white.css';

 @font-face {
     font-family: Knockout;
     src: url(../../../wp-content/themes/vmagazine/res/font/Knockout/knockout-htf26-juniorflyweight-webfont.eot);
     src: url(../../../wp-content/themes/vmagazine/res/font/Knockout/knockout-htf26-juniorflyweight-webfont.eot?#iefix) format("embedded-opentype"), url(../../../wp-content/themes/vmagazine/res/font/Knockout/knockout-htf26-juniorflyweight-webfont.woff) format("woff"), url(../../../wp-content/themes/vmagazine/res/font/Knockout/knockout-htf26-juniorflyweight-webfont.ttf) format("truetype"), url(../../../wp-content/themes/vmagazine/res/font/Knockout/knockout-htf26-juniorflyweight-webfont.svg#Knockout) format("svg");
     font-weight: 400;
     font-style: normal 
}
 @font-face {
     font-family: Knockout;
     src: url(../../../wp-content/themes/vmagazine/res/font/Knockout/knockout-htf66-fullflyweight-webfont.eot);
     src: url(../../../wp-content/themes/vmagazine/res/font/Knockout/knockout-htf66-fullflyweight-webfont.eot?#iefix) format("embedded-opentype"), url(../../../wp-content/themes/vmagazine/res/font/Knockout/knockout-htf66-fullflyweight-webfont.woff) format("woff"), url(../../../wp-content/themes/vmagazine/res/font/Knockout/knockout-htf66-fullflyweight-webfont.ttf) format("truetype"), url(../../../wp-content/themes/vmagazine/res/font/Knockout/knockout-htf66-fullflyweight-webfont.svg#Knockout) format("svg");
     font-weight: 700;
     font-style: normal 
}
 @font-face {
     font-family: Din;
     src: url(../../../wp-content/themes/vmagazine/res/font/DIN/DIN-Condensed-Bold.eot);
     src: url(../../../wp-content/themes/vmagazine/res/font/DIN/DIN-Condensed-Bold.eot?#iefix) format("embedded-opentype"), url(../../../wp-content/themes/vmagazine/res/font/DIN/DIN-Condensed-Bold.woff) format("woff"), url(../../../wp-content/themes/vmagazine/res/font/DIN/DIN-Condensed-Bold.ttf) format("truetype"), url(../../../wp-content/themes/vmagazine/res/font/DIN/DIN-Condensed-Bold.svg#Din) format("svg");
     font-weight: 700;
     font-style: normal 
}
 @font-face {
     font-family: Gotham;
     src: url('../../../wp-content/themes/vmagazine/res/font/Gotham/Gotham Medium.eot');
     src: url('../../../wp-content/themes/vmagazine/res/font/Gotham/Gotham Medium.eot?#iefix') format("embedded-opentype"), url('../../../wp-content/themes/vmagazine/res/font/Gotham/Gotham Medium.woff') format("woff"), url('../../../wp-content/themes/vmagazine/res/font/Gotham/Gotham Medium.ttf') format("truetype"), url('../../../wp-content/themes/vmagazine/res/font/Gotham/Gotham Medium.svg#Gotham') format("svg");
     font-weight: 400;
     font-style: normal 
}
 @font-face {
     font-family: HelveticaNeue;
     src: url(../../../wp-content/themes/vmagazine/res/font/HelveticaNeue/HelveticaNeue-Light.eot);
     src: url(../../../wp-content/themes/vmagazine/res/font/HelveticaNeue/HelveticaNeue-Light.eot?#iefix) format("embedded-opentype"), url(../../../wp-content/themes/vmagazine/res/font/HelveticaNeue/HelveticaNeue-Light.woff) format("woff"), url(../../../wp-content/themes/vmagazine/res/font/HelveticaNeue/HelveticaNeue-Light.ttf) format("truetype"), url(../../../wp-content/themes/vmagazine/res/font/HelveticaNeue/HelveticaNeue-Light.svg#HelveticaNeue) format("svg");
     font-weight: 400;
     font-style: normal 
}
 @font-face {
     font-family: HelveticaNeue;
     src: url(../../../wp-content/themes/vmagazine/res/font/HelveticaNeue/HelveticaNeue-Bold.eot);
     src: url(../../../wp-content/themes/vmagazine/res/font/HelveticaNeue/HelveticaNeue-Bold.eot?#iefix) format("embedded-opentype"), url(../../../wp-content/themes/vmagazine/res/font/HelveticaNeue/HelveticaNeue-Bold.woff) format("woff"), url(../../../wp-content/themes/vmagazine/res/font/HelveticaNeue/HelveticaNeue-Bold.ttf) format("truetype"), url(../../../wp-content/themes/vmagazine/res/font/HelveticaNeue/HelveticaNeue-Bold.svg#HelveticaNeue) format("svg");
     font-weight: 700;
     font-style: normal 
}
 .iab, .list-item, .main-menu--wrapper ul, .quote blockquote {
     text-align: center 
}
 .fieldContent-gallery-preview--start a:hover, a, a:visited {
     text-decoration: none 
}
 #article-single:after, .article-item:after, .articles-list .article-item:after, .clearfix:after, .contributors-section .collections-highlight .collections-highlight--slideshow:after, .fieldContent-image--footer.outer-caption, .list .list--line:after, .page-content:after, .social:after, .subscribe .subscribe--slideshow:after, .wrapper:after {
     clear: both 
}
 .full-background {
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center 25% 
}
 .clearfix {
     zoom: 1 
}
 .clearfix:after, .clearfix:before {
     content: "";
     display: table 
}
 .no-clearfix:after, .no-clearfix:before {
     display: none 
}
 .load-more, .search--results-list {
     position: relative;
     padding-bottom: 25rem;
     -webkit-transition: padding-bottom .3s;
     -moz-transition: padding-bottom .3s;
     -o-transition: padding-bottom .3s;
     transition: padding-bottom .3s 
}
 .load-more.loading-end, .search--results-list.loading-end {
     padding-bottom: 0 
}
 .load-more:after, .search--results-list:after {
     content: '';
     display: block;
     opacity: 0;
     position: absolute;
     bottom: 50px;
     bottom: 5rem;
     left: 50%;
     -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
     -o-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
     width: 140px;
     width: 14rem;
     height: 190px;
     height: 19rem;
     background: url(../../../wp-content/themes/vmagazine/res/public/loading.gif) no-repeat 
}
 .loading:after {
     opacity: 1 
}
 .searching .loading:after {
     opacity: 0 
}
 .mobilelogo {
     display: none!important 
}
 .desktoplogo {
     display: block 
}
 .rotate-180 {
     display: inline-block;
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg) 
}
 .lazyload {
     background-color: #cfcfcf 
}
 .bg-desktop, .bg-tablet, .bg-tabletLand {
     display: none 
}
 a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
     margin: 0;
     padding: 0;
     border: 0;
     font: inherit;
     vertical-align: baseline 
}
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
     display: block 
}
 body {
     line-height: 1;
     position: relative;
     overflow: visible;
     min-width: 320px;
     min-width: 32rem;
     overflow-x: hidden;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale 
}
 ol, ul {
     list-style: none 
}
 blockquote, q {
     quotes: none 
}
 blockquote:after, blockquote:before, q:after, q:before {
     content: '';
     content: none 
}
 table {
     border-collapse: collapse;
     border-spacing: 0 
}
 body, html {
     height: 100%;
     width: 100% 
}
 html {
     font-size: 62.5%;
     font-family: HelveticaNeue, Courier, serif;
     color: #31363d;
     background-color: #fff 
}
 * {
     box-sizing: border-box 
}
 body.fixed {
     height: 100vh;
     overflow: hidden 
}
 input::-ms-clear {
     display:none 
}
 .page-content:after, .page-content:before, .wrapper:after, .wrapper:before {
     display: table;
     content: "" 
}
 .grid {
     width: 100% 
}
 .grid .row {
     width: 100%;
     overflow: auto;
     zoom: 1 
}
 .grid .row .span12 {
     float: left;
     margin: .5%;
     position: relative;
     width: 100% 
}
 .grid .row .span12:first-child {
     margin-left: 0 
}
 .grid .row .span12:last-child {
     margin-right: 0 
}
 .grid .row.collapse .span12 {
     margin: 0;
     width: 100% 
}
 .grid .row .span11 {
     float: left;
     margin: .5%;
     position: relative;
     width: 91.58333333333334% 
}
 .grid .row .span11:first-child {
     margin-left: 0 
}
 .grid .row .span11:last-child {
     margin-right: 0 
}
 .grid .row.collapse .span11 {
     margin: 0;
     width: 91.66666666666667% 
}
 .grid .row .span10 {
     float: left;
     margin: .5%;
     position: relative;
     width: 83.16666666666667% 
}
 .grid .row .span10:first-child {
     margin-left: 0 
}
 .grid .row .span10:last-child {
     margin-right: 0 
}
 .grid .row.collapse .span10 {
     margin: 0;
     width: 83.33333333333334% 
}
 .grid .row .span9 {
     float: left;
     margin: .5%;
     position: relative;
     width: 74.75% 
}
 .grid .row .span9:first-child {
     margin-left: 0 
}
 .grid .row .span9:last-child {
     margin-right: 0 
}
 .grid .row.collapse .span9 {
     margin: 0;
     width: 75% 
}
 .grid .row .span8 {
     float: left;
     margin: .5%;
     position: relative;
     width: 66.33333333333334% 
}
 .grid .row .span8:first-child {
     margin-left: 0 
}
 .grid .row .span8:last-child {
     margin-right: 0 
}
 .grid .row.collapse .span8 {
     margin: 0;
     width: 66.66666666666667% 
}
 .grid .row .span7 {
     float: left;
     margin: .5%;
     position: relative;
     width: 57.91666666666667% 
}
 .grid .row .span7:first-child {
     margin-left: 0 
}
 .grid .row .span7:last-child {
     margin-right: 0 
}
 .grid .row.collapse .span7 {
     margin: 0;
     width: 58.333333333333336% 
}
 .grid .row .span6 {
     float: left;
     margin: .5%;
     position: relative;
     width: 49.5% 
}
 .grid .row .span6:first-child {
     margin-left: 0 
}
 .grid .row .span6:last-child {
     margin-right: 0 
}
 .grid .row.collapse .span6 {
     margin: 0;
     width: 50% 
}
 .grid .row .span5 {
     float: left;
     margin: .5%;
     position: relative;
     width: 41.083333333333336% 
}
 .grid .row .span5:first-child {
     margin-left: 0 
}
 .grid .row .span5:last-child {
     margin-right: 0 
}
 .grid .row.collapse .span5 {
     margin: 0;
     width: 41.66666666666667% 
}
 .grid .row .span4 {
     float: left;
     margin: .5%;
     position: relative;
     width: 32.66666666666667% 
}
 .grid .row .span4:first-child {
     margin-left: 0 
}
 .grid .row .span4:last-child {
     margin-right: 0 
}
 .grid .row.collapse .span4 {
     margin: 0;
     width: 33.333333333333336% 
}
 .grid .row .span3 {
     float: left;
     margin: .5%;
     position: relative;
     width: 24.25% 
}
 .grid .row .span3:first-child {
     margin-left: 0 
}
 .grid .row .span3:last-child {
     margin-right: 0 
}
 .grid .row.collapse .span3 {
     margin: 0;
     width: 25% 
}
 .grid .row .span2 {
     float: left;
     margin: .5%;
     position: relative;
     width: 15.833333333333334% 
}
 .grid .row .span2:first-child {
     margin-left: 0 
}
 .grid .row .span2:last-child {
     margin-right: 0 
}
 .grid .row.collapse .span2 {
     margin: 0;
     width: 16.666666666666668% 
}
 .grid .row .span1 {
     float: left;
     margin: .5%;
     position: relative;
     width: 7.416666666666667% 
}
 .grid .row .span1:first-child {
     margin-left: 0 
}
 .grid .row .span1:last-child {
     margin-right: 0 
}
 .grid .row.collapse .span1 {
     margin: 0;
     width: 8.333333333333334% 
}
 [class^=icon-]:before {
     margin-left: 0;
     margin-right: 0 
}
 .limit-width {
     margin-left: auto;
     margin-right: auto;
     max-width: 1174px;
     max-width: 117.4rem 
}
 .page-content, .wrapper {
     margin-left: 1rem;
     margin-right: 1rem;
     position: relative;
     zoom: 1 
}
 .iab {
     color: #fff;
     font-size: 18px;
     font-size: 1.8rem 
}
 .filters-list {
     display: none 
}
 .filters-list a, .filters-list li {
     display: inline-block 
}
 .filters-list a {
     margin-right: 1.5rem;
     margin-bottom: 1.1rem;
     font-size: 12px;
     font-size: 1.2rem;
     padding: .5rem 1.2rem;
     padding-top: .7rem;
     color: #636669;
     font-family: HelveticaNeue;
     border: 1px solid #636669 
}
 .quote {
     display: table;
     padding: 1.5rem;
     margin: 3rem auto;
     height: 100%;
     min-height: 65vh;
     max-width: 530px;
     max-width: 53rem 
}
 .quote blockquote {
     position: relative;
     display: table-cell;
     vertical-align: middle;
     padding-top: 3rem;
     font-size: 40px;
     font-size: 4rem;
     line-height: 40px;
     line-height: 4rem;
     color: #313131;
     font-family: Knockout;
     font-weight: 700;
     text-transform: uppercase;
     background: url(../../../wp-content/themes/vmagazine/res/public/V-quote.png) center center/contain no-repeat 
}
 .quote blockquote a {
     position: relative;
     display: inline-block;
     color: #151618;
     -webkit-transition: color .3s;
     -moz-transition: color .3s;
     -o-transition: color .3s;
     transition: color .3s 
}
 .main-menu--wrapper ul a, .quote .quote--close, .quote .quote--open {
     -webkit-transition: color .3s;
     -moz-transition: color .3s;
     -o-transition: color .3s 
}
 .quote .quote--close, .quote .quote--open {
     position: absolute;
     color: #adadad;
     transition: color .3s;
     font-size: 104px;
     font-size: 10.4rem 
}
 .close--icon-mob:after, .close--icon:after {
     -webkit-transition-delay: .1s;
     -moz-transition-delay: .1s;
     -o-transition-delay: .1s 
}
 .quote .quote--open {
     -webkit-transform: translate(-14px, 9px);
     -moz-transform: translate(-14px, 9px);
     -o-transform: translate(-14px, 9px);
     -ms-transform: translate(-14px, 9px);
     transform: translate(-14px, 9px) 
}
 .quote .quote--close {
     -webkit-transform: translate(-5px, 50px);
     -moz-transform: translate(-5px, 50px);
     -o-transform: translate(-5px, 50px);
     -ms-transform: translate(-5px, 50px);
     transform: translate(-5px, 50px) 
}
 .quote .quote--author {
     color: #686868;
     font-size: 34px;
     font-size: 3.4rem;
     text-align: center;
     font-weight: 400 
}
 .quote .quote--author:before {
     content: "";
     display: block;
     width: 24px;
     width: 2.4rem;
     height: 1px;
     height: .1rem;
     margin: .8rem auto;
     background-color: #ed5565 
}
 .list-item {
     width: 100%;
     margin-bottom: 2rem;
     float: left 
}
 .list-item .list-item--image {
     margin-bottom: 1.4rem;
     width: 100%;
     padding-top: 100%;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center 25% 
}
 .list-item .list-item--subtitle {
     margin-top: 1rem;
     font-size: 12px;
     font-size: 1.2rem;
     color: #c4c4c4;
     font-weight: 400;
     font-family: Gotham;
     text-transform: uppercase 
}
 .list-item .list-item--name, .main-menu--wrapper ul a {
     font-family: Knockout;
     text-transform: uppercase 
}
 .list-item .list-item--name {
     position: relative;
     height: 46px;
     height: 4.6rem;
     margin-top: .6rem;
     padding: 0 1rem;
     font-size: 50px;
     font-size: 5rem;
     line-height: 46px;
     line-height: 4.6rem;
     color: #151618 
}
 .list-item .list-item--name:before {
     content: '';
     display: none;
     position: absolute;
     top: -20px;
     top: -2rem;
     left: 0;
     height: 2px;
     height: .2rem;
     width: 50px;
     width: 5rem;
     background-color: #ed5565 
}
 .ps-scrollbar-y-rail {
     display: none 
}
 .close, .close-mob {
     position: absolute;
     cursor: pointer;
     width: 22px;
     width: 2.2rem;
     height: 22px;
     height: 2.2rem;
     overflow: hidden 
}
 .close--icon-mob:before {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg) 
}
 .close--icon-mob:after {
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
     transition-delay: .1s 
}
 .close--icon-mob {
     top: 10px;
     top: 1rem;
     left: -4px;
     left: -.4rem 
}
 .close--icon-mob:after, .close--icon-mob:before {
     content: '';
     display: block;
     position: absolute;
     width: 18px;
     width: 1.8rem;
     height: 2px;
     height: .2rem;
     background-color: #313131;
     -webkit-border-radius: 2px;
     -webkit-background-clip: padding-box;
     -moz-border-radius: 2px;
     -moz-background-clip: padding;
     border-radius: 2px;
     background-clip: padding-box;
     left: 7px;
     left: .7rem 
}
 .close--icon-mob {
     position: relative 
}
 .close1 {
     position: absolute;
     cursor: pointer;
     width: 22px;
     width: 2.2rem;
     height: 22px;
     height: 2.2rem;
     overflow: hidden 
}
 .close--icon, .close--icon-hover {
     position: relative 
}
 .close--icon-hover:after, .close--icon-hover:before, .close--icon:after, .close--icon:before {
     content: '';
     display: block;
     position: absolute;
     width: 18px;
     width: 1.8rem;
     height: 2px;
     height: .2rem;
     background-color: #313131;
     -webkit-border-radius: 2px;
     -webkit-background-clip: padding-box;
     -moz-border-radius: 2px;
     -moz-background-clip: padding;
     border-radius: 2px;
     background-clip: padding-box 
}
 .close--icon-hover:before, .close--icon:before {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg) 
}
 .close--icon-hover:after, .close--icon:after {
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg) 
}
 .close--icon {
     top: 10px;
     top: 1rem;
     left: -4px;
     left: -.4rem 
}
 .close--icon:after, .close--icon:before {
     left: 7px;
     left: .7rem 
}
 .close--icon:after {
     transition-delay: .1s 
}
 .close--icon-hover {
     display: none 
}
 .close--icon-hover:after, .close--icon-hover:before {
     top: -40px;
     top: -4rem 
}
 .close--icon-hover:before {
     left: -38px;
     left: -3.8rem 
}
 .close--icon-hover:after {
     left: 30px;
     left: 3rem;
     -webkit-transition-delay: .1s;
     -moz-transition-delay: .1s;
     -o-transition-delay: .1s;
     transition-delay: .1s 
}
 .articles-list .article-item .article-item--inner, .articles-list .article-item .article-item--inner .article-item--content {
     float: left;
     width: 100% 
}
 .articles-list .article-item .article-item--inner .article-item--content a {
     z-index: 1;
     position: relative;
     display: block 
}
 #header {
     background-color: #fff;
     position: relative;
     z-index: 20 
}
 #header .header--logo {
     display: none 
}
 #header .header--logo div {
     position: absolute;
     z-index: 1;
     left: 50%;
     -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
     -o-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
     bottom: 40px;
     bottom: 4rem;
     margin: 2.5rem auto;
     height: 56px;
     height: 5.6rem;
     width: 500px;
     width: 15rem;
     max-width: 130px;
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center center 
}
 #main-menu {
     position: relative 
}
 #main-menu .main-menu--overlay {
     position: fixed;
     z-index: 10;
     width: 100vw;
     height: 100%;
     height: 100vh;
     top: -100vh;
     left: 0;
     -webkit-transition: top .3s;
     -moz-transition: top .3s;
     -o-transition: top .3s;
     transition: top .3s;
     background-color: #fff 
}
 #main-menu footer {
     position: absolute;
     z-index: 2;
     bottom: 20px;
     bottom: 2rem;
     width: 100%;
     padding: 0 1rem 
}
 #main-menu footer a {
     color: #b1b1b1;
     font-size: 12px;
     font-size: 1.2rem 
}
 #main-menu footer a:first-child {
     float: left 
}
 #main-menu footer a:last-child {
     float: right 
}
 body.main-menu-open #main-menu .main-menu--overlay {
     top: 0 
}
 body.resizing .main-menu--overlay {
     -webkit-transition: none!important;
     -moz-transition: none!important;
     -o-transition: none!important;
     transition: none!important 
}
 #main-menu .close, #main-menu .close1, .main-menu--link, .main-menu-new-link {
     position: fixed;
     z-index: 40;
     background-color: #fff;
}
 .main-menu--link {
     top: 22px;
     top: 2.2rem;
     left: 14px;
     left: 1.4rem;
     width: 65px;
     width: 6.5rem;
     height: 32px;
     height: 3.2rem;
     padding: 1.5rem .7rem 1.5rem 1.2rem 
}
 .main-menu-new-link {
     top: 12px;
     top: 1.2rem;
     left: 10px;
     left: 1rem;
     width: 32px;
     width: 3.2rem;
     height: 32px;
     height: 3.2rem;
     padding: 1.5rem .7rem 
}
 .main-menu--link:after, .main-menu-new-link:after {
     position: absolute;
     top: 0;
     background-image: url(../../../wp-content/themes/vmagazine/res/public/small-V.svg);
     background-repeat: no-repeat;
     background-position: center;
     background-size: 18px 18px;
     opacity: 0;
     content: '';
     display: block 
}
 .main-menu--link:after {
     width: 32px;
     width: 3.2rem;
     height: 32px;
     height: 3.2rem;
     left: .5rem;
     -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg);
     -webkit-transition: all .3s;
     -moz-transition: all .3s;
     -o-transition: all .3s;
     transition: all .3s 
}
 .main-menu-new-link:after {
     width: 32px;
     width: 3.2rem;
     height: 32px;
     height: 3.2rem;
     left: 0;
     -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg);
     -webkit-transition: all .3s;
     -moz-transition: all .3s;
     -o-transition: all .3s;
     transition: all .3s 
}
 #main-menu .main-menu--background div, #secondary-menu li.buy-v div span, #secondary-menu li.shopping_cart div span {
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center 25% 
}
 .main-menu--link .main-menu--link-burger, .main-menu--link .main-menu--link-burger:after, .main-menu--link .main-menu--link-burger:before {
     width: 18px;
     width: 2.2rem;
     height: 2px;
     height: .2rem;
     background-color: #313131;
     -webkit-transition: all .3s, opacity .3s linear 0s;
     -moz-transition: all .3s, opacity .3s linear 0s;
     -o-transition: all .3s, opacity .3s linear 0s;
     transition: all .3s, opacity .3s linear 0s;
     -webkit-border-radius: 2px;
     -webkit-background-clip: padding-box;
     -moz-border-radius: 2px;
     -moz-background-clip: padding;
     border-radius: 2px;
     background-clip: padding-box 
}
 .main-menu-new-link .main-menu-new-link-burger, .main-menu-new-link .main-menu-new-link-burger:after, .main-menu-new-link .main-menu-new-link-burger:before {
     width: 18px;
     width: 1.8rem;
     height: 2px;
     height: .2rem;
     background-color: #313131;
     -webkit-border-radius: 2px;
     -webkit-background-clip: padding-box;
     -moz-border-radius: 2px;
     -moz-background-clip: padding;
     border-radius: 2px;
     background-clip: padding-box 
}
 .main-menu--link .main-menu--link-burger, .main-menu-new-link .main-menu-new-link-burger {
     position: relative 
}
 .main-menu--link .main-menu--link-burger:after, .main-menu--link .main-menu--link-burger:before, .main-menu-new-link .main-menu-new-link-burger:after, .main-menu-new-link .main-menu-new-link-burger:before {
     content: '';
     display: block;
     position: absolute;
     left: 0 
}
 .main-menu--link .main-menu--link-burger:before {
     top: -7px;
     top: -.7rem 
}
 .main-menu-new-link .main-menu-new-link-burger:before {
     top: -5px;
     top: -.5rem 
}
 .main-menu--link .main-menu--link-burger:after {
     bottom: -7px;
     bottom: -.7rem 
}
 .main-menu-new-link .main-menu-new-link-burger:after {
     bottom: -5px;
     bottom: -.5rem 
}
 #main-menu .close, #main-menu .close1 {
     display: none 
}
 #main-menu .close .close--icon-hover:after, #main-menu .close .close--icon-hover:before, #main-menu .close .close--icon:after, #main-menu .close .close--icon:before, #main-menu .close1 .close--icon-hover:after, #main-menu .close1 .close--icon-hover:before, #main-menu .close1 .close--icon:after, #main-menu .close1 .close--icon:before {
     background-color: #313131 
}
 body:not(.custom-menu-open) #header.reduced .main-menu-new-link, body:not(.main-menu-open) #header.reduced .main-menu--link {
     -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg) 
}
 body:not(.custom-menu-open) #header.reduced .main-menu-new-link:after, body:not(.main-menu-open) #header.reduced .main-menu--link:after {
     opacity: 1 
}
 #header.reduced .main-menu--link:after, #header.reduced .main-menu-new-link:after {
     height: 2.6rem 
}
 body:not(.custom-menu-open) #header.reduced .main-menu-new-link .main-menu-new-link-burger, body:not(.main-menu-open) #header.reduced .main-menu--link .main-menu--link-burger {
     background-color: transparent 
}
 body:not(.main-menu-open) #header.reduced .main-menu--link .main-menu--link-burger:after, body:not(.main-menu-open) #header.reduced .main-menu--link .main-menu--link-burger:before {
     width: 22px;
     width: 2.2rem;
     height: 3px;
     height: .3rem;
     opacity: 0 
}
 body:not(.custom-menu-open) #header.reduced .main-menu-new-link .main-menu-new-link-burger:after, body:not(.custom-menu-open) #header.reduced .main-menu-new-link .main-menu-new-link-burger:before {
     width: 18px;
     width: 1.8rem;
     height: 3px;
     height: .3rem;
     opacity: 0 
}
 body:not(.custom-menu-open) #header.reduced .main-menu-new-link .main-menu-new-link-burger:before, body:not(.main-menu-open) #header.reduced .main-menu--link .main-menu--link-burger:before {
     -webkit-transform: rotate(20deg);
     -moz-transform: rotate(20deg);
     -o-transform: rotate(20deg);
     -ms-transform: rotate(20deg);
     transform: rotate(20deg);
     top: -3px;
     top: -.3rem 
}
 body:not(.custom-menu-open) #header.reduced .main-menu-new-link .main-menu-new-link-burger:after, body:not(.main-menu-open) #header.reduced .main-menu--link .main-menu--link-burger:after {
     -webkit-transform: rotate(-20deg);
     -moz-transform: rotate(-20deg);
     -o-transform: rotate(-20deg);
     -ms-transform: rotate(-20deg);
     transform: rotate(-20deg);
     bottom: -3px;
     bottom: -.3rem 
}
 body.main-menu-open #main-menu .main-menu--link-burger, body.main-menu-open #main-menu .main-menu-new-link-burger {
     background-color: transparent!important 
}
 body.main-menu-open #main-menu .main-menu--link-burger:before, body.main-menu-open #main-menu .main-menu-new-link-burger:before {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     top: 0 
}
 body.main-menu-open #main-menu .main-menu--link-burger:after, body.main-menu-open #main-menu .main-menu-new-link-burger:after {
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
     bottom: 0 
}
 .main-menu--wrapper {
     position: absolute;
     width: 100%;
     top: 60px;
     top: 6rem;
     height: calc(100vh - 90px);
     -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
     -o-transform: translate(0, 0);
     -ms-transform: translate(0, 0);
     transform: translate(0, 0);
     overflow: auto 
}
 .main-menu--wrapper ul li {
     margin-bottom: 1rem 
}
 .main-menu--wrapper ul li.current-menu-item a {
     color: #ed5565 
}
 .main-menu--wrapper ul a {
     position: relative;
     display: block;
     color: #151618;
     font-size: 55px;
     font-size: 5.5rem;
     transition: color .3s 
}
 #main-menu .main-menu--logo, #secondary-menu, body.ie ul a:before {
     display: none 
}
 #search .search--form form input, #secondary-menu li>a {
     font-family: HelveticaNeue;
     font-weight: 700 
}
 body.ie ul a {
     -webkit-transition: color .3s;
     -moz-transition: color .3s;
     -o-transition: color .3s;
     transition: color .3s 
}
 body.ie ul a:after {
     -webkit-animation: none;
     -moz-animation: none;
     -o-animation: none;
     animation: none 
}
 body.ie ul a:hover {
     color: #ed5565 
}
 body.ie ul a:hover:after {
     -webkit-animation: none;
     -moz-animation: none;
     -o-animation: none;
     animation: none 
}
 #main-menu .main-menu--background div {
     height: 100%;
     width: 100% 
}
 #menu-secondary-menu {
     margin-left: 4rem 
}
 #secondary-menu li {
     display: inline-block;
     margin-right: 2rem
}
 #secondary-menu li.current-menu-item a, #secondary-menu li.get-vmail.active a {
     border-bottom: 5px solid #ed5565 
}
 #secondary-menu li>a {
     display: block;
     height: 60px;
     height: 6rem;
     padding: 2rem 0;
     color: #000;
     font-size: 18px;
     font-size: 1.8rem;
     text-transform: uppercase;
     -webkit-transition: color .3s, height .3s, border .2s;
     -moz-transition: color .3s, height .3s, border .2s;
     -o-transition: color .3s, height .3s, border .2s;
     transition: color .3s, height .3s, border .2s;
}
 #secondary-menu li>a.active {
     color:#c41c50;
}
/* #secondary-menu li>a.active, #secondary-menu li>a:hover {
     border-width: 0 0 5px 
}*/
 #secondary-menu li>a:hover {
     color:rgb(255, 105, 11);
}
 .shopingcarticon {
     transform: scale(1.2, 1);
     -webkit-transform: scale(1.2, 1);
     -moz-transform: scale(1.2, 1) 
}
 #secondary-menu li.buy-v {
     position: relative 
}
 #secondary-menu li.buy-v>a {
     color: #ed5565 
}
 #secondary-menu li.buy-v div {
     display: none;
     position: absolute;
     left: -95px;
     left: -9.5rem;
     padding: 2rem;
     background-color: #fff;
     z-index: 10 
}
 #secondary-menu li.buy-v div span {
     display: block;
     width: 200px;
     width: 20rem;
     height: 280px;
     height: 28rem 
}
 #secondary-menu ul li:last-child {
     float: right;
     margin-left: -20rem;
     /*padding-right: 1.5rem */
}
 #secondary-menu ul li:last-child a {
     position: relative;
     padding-top: 1.8rem 
}
 #secondary-menu ul li.shopping_cart {
     float: right;
     margin-left: -20rem;
     padding-right: 7rem;
     position: relative 
}
 #secondary-menu ul li.shopping_cart a {
     height: 6rem;
     padding-top: 2.1rem;
     position: relative;
     width: 24px 
}
 #secondary-menu li.shopping_cart div {
     display: none;
     position: absolute;
     right: 0;
     padding: 2rem;
     background-color: #fff;
     z-index: 50 
}
 #secondary-menu li.shopping_cart div span {
     display: block;
     width: 200px;
     width: 20rem;
     height: 280px;
     height: 28rem 
}
 #secondary-menu li.get-vmail .closemailicon, #secondary-menu li.get-vmail.active img.mailicon, .main-menu--wrapper ul:nth-child(2) {
     display: none 
}
 #header.reduced #secondary-menu ul li.shopping_cart>a:after, #secondary-menu ul li.shopping_cart>a:after {
     right: -1.3rem;
     border-left: 1px solid #fb557d;
     background: 0 0;
     content: "";
     position: absolute 
}
 #secondary-menu ul li.shopping_cart>a:after {
     top: 31%;
     height: 42% 
}
 #header.reduced #secondary-menu ul li.shopping_cart>a:after {
     top: 35%;
     height: 44% 
}
 .fieldContent-image img {
     max-width: 100%;
     height: auto 
}
 .morecontributors {
     width: 100%;
     background-position: center;
     background-size: cover;
     padding-top: 60%;
     height: 1px 
}
 #secondary-menu li.get-vmail>div {
     position: absolute;
     left: 0;
     width: 100%;
     height: 0;
     opacity: 0;
     visibility: hidden;
     overflow: hidden;
     background-color: #fff;
     border-top: solid 1px #e6e9ed 
}
 #secondary-menu li.get-vmail.active img.closemailicon {
     display: block 
}
 #secondary-menu li.get-vmail fieldset {
     position: absolute;
     top: 15px;
     top: 1.5rem;
     height: 55px;
     height: 5.5rem;
     width: 100%;
     overflow: hidden 
}
 #secondary-menu li.get-vmail .input-delete {
     position: absolute;
     top: calc(50% - 15px);
     right: 20px;
     right: 2rem;
     width: 30px;
     width: 3rem;
     height: 30px;
     height: 3rem;
     visibility: hidden;
     opacity: 0;
     cursor: pointer 
}
 #secondary-menu li.get-vmail .input-delete:after, #secondary-menu li.get-vmail .input-delete:before {
     content: "";
     display: block;
     position: absolute;
     top: 50%;
     left: 5px;
     left: .5rem;
     width: 20px;
     width: 2rem;
     height: 2px;
     height: .2rem;
     background-color: #ed5565;
     border-radius: 2px;
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg) 
}
 #secondary-menu li.get-vmail .input-delete:after {
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg) 
}
 #secondary-menu li.get-vmail .msg-invalid, #secondary-menu li.get-vmail .msg-valid, #secondary-menu li.get-vmail input {
     width: 100%;
     padding: 0 0 0 110px;
     font-size: 30px;
     font-size: 3rem;
     line-height: 40px;
     line-height: 4rem;
     font-family: HelveticaNeue;
     font-weight: 700;
     text-align: left;
     border: none;
     color: #434a54;
     outline: 0;
     background: 0 0 
}
 #secondary-menu li.get-vmail .msg-invalid::-webkit-input-placeholder, #secondary-menu li.get-vmail .msg-valid::-webkit-input-placeholder, #secondary-menu li.get-vmail input::-webkit-input-placeholder {
     color:#ccd1d9 
}
 #secondary-menu li.get-vmail .msg-invalid:-moz-placeholder, #secondary-menu li.get-vmail .msg-valid:-moz-placeholder, #secondary-menu li.get-vmail input:-moz-placeholder {
     color:#ccd1d9 
}
 #secondary-menu li.get-vmail .msg-invalid::-moz-placeholder, #secondary-menu li.get-vmail .msg-valid::-moz-placeholder, #secondary-menu li.get-vmail input::-moz-placeholder {
     color:#ccd1d9 
}
 #secondary-menu li.get-vmail .msg-invalid:-ms-input-placeholder, #secondary-menu li.get-vmail .msg-valid:-ms-input-placeholder, #secondary-menu li.get-vmail input:-ms-input-placeholder {
     color:#ccd1d9 
}
 #secondary-menu li.get-vmail .msg-invalid:-webkit-autofill, #secondary-menu li.get-vmail .msg-invalid:-webkit-autofill:focus, #secondary-menu li.get-vmail .msg-valid:-webkit-autofill, #secondary-menu li.get-vmail .msg-valid:-webkit-autofill:focus, #secondary-menu li.get-vmail input:-webkit-autofill, #secondary-menu li.get-vmail input:-webkit-autofill:focus {
     -webkit-box-shadow:0 0 0 100px #fff inset;
     -webkit-text-fill-color:#434a54 
}
 #secondary-menu li.get-vmail .msg-valid {
     position: absolute;
     left: 0;
     top: 0;
     background-color: #fff;
     color: #ccd1d9;
     cursor: default;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     visibility: hidden;
     opacity: 0;
     z-index: 5 
}
 #secondary-menu li.get-vmail .msg-invalid, .gallery--nav {
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none 
}
 #secondary-menu li.get-vmail .msg-valid:after, #secondary-menu li.get-vmail .msg-valid:before {
     content: "";
     position: absolute;
     top: 25px;
     top: 2.5rem;
     right: 25px;
     right: 2.5rem;
     width: 18px;
     width: 1.8rem;
     height: 2px;
     height: .2rem;
     background-color: #ed5565;
     border-radius: 2px;
     -webkit-transform: rotate(120deg);
     -moz-transform: rotate(120deg);
     -o-transform: rotate(120deg);
     -ms-transform: rotate(120deg);
     transform: rotate(120deg);
     -webkit-transform-origin: bottom;
     -moz-transform-origin: bottom;
     -o-transform-origin: bottom;
     -ms-transform-origin: bottom;
     transform-origin: bottom 
}
 #secondary-menu li.get-vmail .msg-valid:before {
     content: "";
     width: 10px;
     width: 1rem;
     -webkit-transform: rotate(40deg);
     -moz-transform: rotate(40deg);
     -o-transform: rotate(40deg);
     -ms-transform: rotate(40deg);
     transform: rotate(40deg);
     -webkit-transform-origin: -9px -10px;
     -moz-transform-origin: -9px -10px;
     -o-transform-origin: -9px -10px;
     -ms-transform-origin: -9px -10px;
     transform-origin: -9px -10px 
}
 #search .search--cache:before, #search .search--part-middle:before, .page-covers--nav li span::after, .search--results form .glass:before {
     content: '' 
}
 #secondary-menu li.get-vmail .msg-invalid {
     position: absolute;
     left: 0;
     top: 0;
     font-size: 16px;
     font-size: 1.6rem;
     line-height: 40px;
     line-height: 4rem;
     color: #fff;
     background-color: #ed5565;
     cursor: default;
     user-select: none 
}
 .search-link {
     position: absolute;
     top: 13px;
     top: 1.3rem;
     right: 12px;
     right: 1.2rem;
     width: 32px;
     width: 3.2rem;
     height: 32px;
     height: 3.2rem;
     line-height: 32px;
     line-height: 3.2rem;
     text-align: center;
     -webkit-transition: top .3s, -webkit-transform .3s;
     -moz-transition: top .3s, -moz-transform .3s;
     -o-transition: top .3s, -o-transform .3s;
     transition: top .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s, transform .3s;
     z-index: 2 
}
 .search-link .icon-manifying-glass-bold {
     font-size: 18px;
     font-size: 1.8rem;
     color: #000 
}
 #search.landing .search--form {
     opacity: 1;
     z-index: 1 
}
 #search:not(.landing) .search--results {
     opacity: 1 
}
 #search.searching .search--results-inner {
     opacity: 0 
}
 #search.searching .search--inner-inner {
     left: -100vw 
}
 #search.searched .search--inner-inner {
     left: -200vw 
}
 #search.results .search--results-inner {
     opacity: 1 
}
 #search.error .search--results-error {
     display: block 
}
 #search .close {
     z-index: 2;
     right: 16px;
     right: 1.6rem;
     top: 15px;
     top: 1.5rem 
}
 body.search-open .overlay#search {
     left: 0;
     height: 7rem;
     -webkit-transition: height .3s;
     -moz-transition: height .3s;
     -o-transition: height .3s;
     transition: height .3s 
}
 body .overlay#search {
     left: 0;
     height: 0;
     -webkit-transition: height .3s;
     -moz-transition: height .3s;
     -o-transition: height .3s;
     transition: height .3s 
}
 #search .search--form, .search--results {
     -webkit-transition: opacity .3s;
     -moz-transition: opacity .3s;
     -o-transition: opacity .3s;
     opacity: 0 
}
 .search--autocomplete {
     display: block;
     margin-top: 1.5rem;
     height: 37px;
     height: 3.7rem;
     font-size: 16px;
     font-size: 1.6rem 
}
 .search--autocomplete li {
     display: block;
     opacity: 0;
     -webkit-animation: leftAndFadeIn .5s forwards;
     -moz-animation: leftAndFadeIn .5s forwards;
     -o-animation: leftAndFadeIn .5s forwards;
     animation: leftAndFadeIn .5s forwards;
     -webkit-transform: translate(0, -20px);
     -moz-transform: translate(0, -20px);
     -o-transform: translate(0, -20px);
     -ms-transform: translate(0, -20px);
     transform: translate(0, -20px) 
}
 .search--suggestions, .search--suggestions-shared {
     display: none 
}
 .search--autocomplete li:nth-child( 1) {
     -webkit-animation-delay: 30ms;
     -moz-animation-delay: 30ms;
     -o-animation-delay: 30ms;
     animation-delay: 30ms 
}
 .search--autocomplete li:nth-child( 2) {
     -webkit-animation-delay: 60ms;
     -moz-animation-delay: 60ms;
     -o-animation-delay: 60ms;
     animation-delay: 60ms 
}
 .search--autocomplete li:nth-child( 3) {
     -webkit-animation-delay: 90ms;
     -moz-animation-delay: 90ms;
     -o-animation-delay: 90ms;
     animation-delay: 90ms 
}
 .search--autocomplete li:nth-child( 4) {
     -webkit-animation-delay: 120ms;
     -moz-animation-delay: 120ms;
     -o-animation-delay: 120ms;
     animation-delay: 120ms 
}
 .search--autocomplete li:nth-child( 5) {
     -webkit-animation-delay: 150ms;
     -moz-animation-delay: 150ms;
     -o-animation-delay: 150ms;
     animation-delay: 150ms 
}
 .search--autocomplete li:first-child {
     margin-top: 1.5rem 
}
 #search .search--form {
     position: absolute;
     z-index: -1;
     top: 295px;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     width: calc(100% - 56px);
     transition: opacity .3s 
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
     #search .search--form {
         top: 230px 
    }
}
 #search .search--form form input {
     width: 100%;
     border: none;
     padding: 0;
     font-size: 46px;
     font-size: 4.6rem;
     color: #434a54;
     background-color: transparent 
}
 #search .search--form form input::-webkit-input-placeholder {
     color:#cfcfcf 
}
 #search .search--form form input:-moz-placeholder {
     color:#cfcfcf 
}
 #search .search--form form input::-moz-placeholder {
     color:#cfcfcf 
}
 #search .search--form form input:-ms-input-placeholder {
     color:#cfcfcf 
}
 #search .search--form form input:active, #search .search--form form input:focus {
     border: none;
     outline: 0 
}
 .search--suggestions h3 {
     margin-bottom: 2rem;
     font-weight: 700;
     font-size: 22px;
     font-size: 2.2rem;
     color: #cfcfcf 
}
 .search--suggestions-col {
     width: calc(50% - 22px) 
}
 .search--suggestion-item {
     position: relative;
     overflow: hidden;
     display: none;
     margin-bottom: .3rem;
     width: 100%;
     height: 75px;
     height: 7.5rem;
     background-color: #f1f3f5;
     color: #434a54 
}
 .search--suggestion-item h4 {
     display: inline-block;
     position: absolute;
     z-index: 1;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     margin: 0 2.2rem;
     max-height: 44px;
     max-height: 4.4rem;
     font-size: 18px;
     font-size: 1.8rem;
     line-height: 22px;
     line-height: 2.2rem 
}
 #search .search--part-middle, .search--results h2 {
     display: none 
}
 .search--suggestion-preview {
     width: 120px;
     width: 12rem;
     height: 100%;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center 25% 
}
 .search--suggestion-hover {
     position: absolute;
     width: 0;
     height: 100%;
     background-color: #c4c4c4;
     opacity: 0;
     -webkit-transition: width .5s;
     -moz-transition: width .5s;
     -o-transition: width .5s;
     transition: width .5s 
}
 .search--results {
     transition: opacity .3s 
}
 .page-cover .page-cover--content, .search--results-inner {
     -webkit-transition: opacity .3s;
     -moz-transition: opacity .3s;
     -o-transition: opacity .3s 
}
 .search--results header {
     padding-top: 1.4rem;
     padding-bottom: 1rem;
     color: #cfcfcf;
     font-weight: 700 
}
 .search--results form {
     position: relative;
     margin-top: 1.4rem 
}
 .search--results form .glass {
     position: absolute;
     left: 202px;
     left: 20.2rem;
     top: 0;
     font-size: 26px;
     font-size: 2.6rem;
     color: #c4c4c4 
}
 .search--results input {
     width: 235px;
     width: 23.5rem;
     font-size: 20px;
     font-size: 2rem;
     padding: 0 0 .6rem 3.5rem;
     border: none;
     border-bottom: 1px solid #cfcfcf;
     border-radius: 0;
     background-color: transparent;
     color: #434a54 
}
 .search--results input:active, .search--results input:focus {
     border: none;
     border-bottom: 1px solid #cfcfcf;
     outline: 0 
}
 .search--results-for {
     margin-top: .7rem;
     padding-right: 5rem;
     font-size: 16px;
     font-size: 1.6rem 
}
 .search--results-for span {
     color: #ed5565 
}
 .search--results-inner {
     opacity: 0;
     transition: opacity .3s 
}
 .search--results-scroll {
     padding-top: 3rem;
     height: 100vh;
     height: calc(100vh - 87px);
     overflow: hidden 
}
 .search--results-error {
     font-size: 16px;
     font-size: 1.6rem;
     margin-top: 3rem;
     display: none 
}
 #search.searching .search--cache-left {
     left: -30vw 
}
 #search.searched .search--cache-right {
     right: 20vw 
}
 #search.results .search--cache-left {
     left: -60vw 
}
 #search .search--part-middle:before {
     position: absolute;
     z-index: 5;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     width: 160px;
     width: 16rem;
     height: 214px;
     height: 21.4rem 
}
 #search .search--cache {
     position: absolute;
     z-index: 3;
     top: 0;
     height: 100vh;
     width: 80vw;
     background-color: #fff 
}
 #search .search--cache:before {
     display: inline-block;
     position: absolute;
     top: 0;
     width: 0;
     height: 0;
     border-style: solid 
}
 #search .search--cache-left {
     left: 20vw;
     -webkit-transition: left 1s;
     -moz-transition: left 1s;
     -o-transition: left 1s;
     transition: left 1s 
}
 #search .search--cache-left:before {
     left: -20vw;
     border-width: 0 21vw 100vh 0;
     border-color: transparent #fff transparent transparent 
}
 #search .search--cache-right {
     right: -30vw;
     -webkit-transition: right 1s;
     -moz-transition: right 1s;
     -o-transition: right 1s;
     transition: right 1s 
}
 #search .search--cache-right:before {
     right: -20vw;
     border-width: 100vh 21vw 0 0;
     border-color: #fff transparent transparent 
}
 .search--results form .glass {
     background: url('/wp-content/themes/vmagazine/images/search-gray.svg') 50% 40% no-repeat;
     width: 30px;
     height: 30px 
}
#bannerAds {
	position: relative;
	padding-bottom: 47.5%;
	height: 0;
	overflow: hidden;
	/*background: #080602;*/
}
#bannerAds.banner-video {
	position: relative;
	padding-bottom: 56.25%;
}
#bannerAds img,
#bannerAds iframe {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: auto;
}

 #hot, #hot1 {
     position: relative;
     padding-top: 2rem;
     padding-left: 1rem;
     margin-bottom: 2.2rem;
     overflow: hidden;
     z-index: 10 
}
 #hot1:after, #hot1:before, #hot:after, #hot:before {
     content: '';
     position: absolute 
}
 #hot1:after, #hot:after {
     top: 20px;
     top: 2rem;
     left: 10px;
     left: 1rem;
     border-top: 0 solid #fff;
     border-right: 64px solid transparent;
     pointer-events: none 
}
 #hot1:before, #hot:before {
     height: 100vh;
     width: 10px;
     width: 1rem;
     top: 10px;
     top: 1rem;
     left: 0;
     z-index: 1;
     background-color: #fff 
}
 #hot .hot--header, #hot-test .hot--header, #hot1 .hot--header {
     position: absolute;
     z-index: 1;
     width: 75px;
     width: 7.5rem;
     height: 100px;
     height: 10rem;
     padding-top: 2rem;
     left: -7px;
     left: -.7rem;
     top: 9px;
     top: .9rem;
     font-size: 40px;
     font-size: 4rem;
     font-family: Knockout;
     text-transform: uppercase;
     text-align: left;
     font-weight: 700;
     background-size: 100%;
     color: #000 
}
 .page-cover, .page-cover .page-cover--image, .page-covers .page-covers--inner {
     background-size: cover;
     background-position: center center 
}
 #hot .hot--slideshow, #hot1 .hot--slideshow {
     margin-top: 1rem 
}
 #hot .hot--slideshow-inner, #hot1 .hot--slideshow-inner {
     position: relative;
     display: inline-block;
     width: 5000px;
     width: 500rem;
     left: 1.8rem;
     -webkit-transition: left .3s;
     -moz-transition: left .3s;
     -o-transition: left .3s;
     transition: left .3s 
}
 #hot .hot--nav, #hot1 .hot--nav {
     display: none 
}
 #hot .hot--nav.prev .icon-simple-arrow, #hot1 .hot--nav.prev .icon-simple-arrow {
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg) 
}
 .page-cover .page-cover--content, .page-covers .page-cover--content {
     -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
     -o-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     z-index: 1;
     text-align: center 
}
 #hot .hot--position, #hot1 .hot--position {
     position: absolute;
     right: -10px;
     right: -1rem;
     width: calc(100% - 60px);
     height: 3px;
     height: .3rem;
     background-color: #ececec 
}
 #hot .hot--position-fill, #hot1 .hot--position-fill {
     position: absolute;
     height: 100%;
     background-color: #ed5565;
     -webkit-transition: width .3s, left .3s;
     -moz-transition: width .3s, left .3s;
     -o-transition: width .3s, left .3s;
     transition: width .3s, left .3s 
}
 #hot .article-item, #hot1 .article-item {
     float: left;
     margin-right: 1.3rem;
     margin-bottom: 0;
     width: 100vw;
     width: calc(100vw - 33px) 
}
 #hot .article-item:last-child .article-item--preview, #hot1 .article-item:last-child .article-item--preview {
     width: calc(100vw - 20px) 
}
 #hot .article-item--preview, #hot1 .article-item--preview {
     margin-bottom: 1.2rem;
     padding-top: 69% 
}
 #hot .article-item--title, #hot1 .article-item--title {
     padding-right: 1.5rem;
     max-height: 50px;
     max-height: 5rem 
}
 #hot .filters-list, #hot1 .filters-list {
     margin-top: 0 
}
 .page-covers {
     position: relative;
     overflow: hidden 
}
 .page-covers .page-covers--inner {
     position: absolute;
     left: 0;
     width: 100%;
     height: 100%;
     -webkit-transition: left .3s;
     -moz-transition: left .3s;
     -o-transition: left .3s;
     transition: left .3s 
}
 .page-covers--title-only .page-cover {
     overflow: visible 
}
 .page-covers--inner.slideshow {
     display: -webkit-box;
     display: -moz-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     white-space: nowrap 
}
 .page-covers--inner.slideshow .page-cover {
     width: 100vw;
     display: inline-block;
     -webkit-box-flex: 0;
     -moz-box-flex: 0;
     -webkit-flex: 0 0 100%;
     -ms-flex: 0 0 100%;
     flex: 0 0 100% 
}
 .page-covers--inner.slideshow .page-cover--content {
     white-space: normal 
}
 .page-covers--inner.slideshow .page-cover--title {
     font-weight: 700 
}
 .page-cover {
     position: relative;
     height: 100%;
     display: block;
     background-repeat: no-repeat;
     overflow: hidden 
}
 .page-covers--progress, .page-covers--title-only .page-covers--inner.video:before {
     display: none 
}
 .article-single--excerpt .fieldcontent strong {
     font-weight: 400!important 
}
 .page-cover .page-cover--content {
     position: absolute;
     bottom: 45px;
     bottom: 4.5rem;
     width: 235px;
     width: 23.5rem;
     transform: translateX(-50%);
     left: 50%;
     transition: opacity .3s 
}
 .page-cover .page-cover--type {
     margin: 0 auto 1.8rem;
     font-size: 14px;
     font-size: 1.4rem;
     line-height: 16px;
     line-height: 1.6rem;
     font-family: Gotham;
     text-transform: uppercase;
     color: #fff;
     opacity: .8;
     width: 160px;
     width: 16rem 
}
 .page-cover .page-cover--title {
     margin-bottom: -1rem;
     padding: 0 2rem;
     font-size: 70px;
     font-size: 7rem;
     line-height: 70px;
     line-height: 7rem;
     max-height: 350px;
     max-height: 35rem;
     text-transform: uppercase;
     color: #fff;
     font-family: Knockout;
     font-weight: 700 
}
 .page-covers .page-cover--content {
     position: absolute;
     bottom: 45px;
     bottom: 4.5rem;
     width: 100%;
     transform: translateX(-50%);
     left: 50%;
     -webkit-transition: opacity .3s;
     -moz-transition: opacity .3s;
     -o-transition: opacity .3s;
     transition: opacity .3s 
}
 .gallery--btn-expand-caption:after, .gallery--btn-expand-caption:before, .page-covers--nav li span::after {
     -webkit-transition: -webkit-transform .3s ease;
     -moz-transition: -moz-transform .3s ease;
     -o-transition: -o-transform .3s ease 
}
 .page-covers .page-cover--type {
     margin: 0 auto 1.8rem;
     font-size: 14px;
     font-size: 1.4rem;
     line-height: 16px;
     line-height: 1.6rem;
     font-family: Gotham;
     text-transform: uppercase;
     color: #fff;
     opacity: .8;
     width: 160px;
     width: 16rem 
}
 .page-covers .page-cover--title {
     margin-bottom: -1rem;
     padding: 0 2rem;
     font-size: 70px;
     font-size: 7rem;
     line-height: 60px;
     line-height: 6rem;
     max-height: 350px;
     max-height: 35rem;
     text-transform: uppercase;
     color: #fff;
     font-family: Knockout;
     font-weight: 700 
}
 #article-single .page-cover .page-cover--title {
     color: #000 
}
 #filter .page-cover .page-cover--title, #filter .page-covers .page-cover--title {
     color: #fff 
}
 #article-single .page-covers--inner.slideshow .page-cover--title, #collection-single .page-cover .page-cover--title, #collections .page-cover .page-cover--title, #filter .page-covers--inner.slideshow .page-cover--title {
     color: #000 
}
 .page-cover .page-cover--subtitle {
     color: #fff;
     opacity: .8;
     text-transform: uppercase;
     font-family: Gotham 
}
 .page-cover .page-cover--image {
     width: 100%;
     height: 380px!important;
     background-repeat: no-repeat 
}
 .page-covers--inner:not(.slideshow) .page-cover--image {
     width: 100%;
     height: 380px!important;
     background-repeat: no-repeat;
     background-position: center center 
}
 .page-covers--progress, .page-covers--progress-fill {
     position: absolute;
     top: 0;
     height: 4px;
     height: .4rem 
}
 .page-covers--progress-fill {
     width: 100%;
     right: 0;
     background-color: #000;
     z-index: 15;
     opacity: .7;
     -webkit-animation: widthTo0 4.9s linear;
     -moz-animation: widthTo0 4.9s linear;
     -o-animation: widthTo0 4.9s linear;
     animation: widthTo0 4.9s linear 
}
 .page-covers--progress-fill.abort-animation {
     -webkit-animation: none;
     -moz-animation: none;
     -o-animation: none;
     animation: none 
}
 .page-covers--nav {
     position: absolute;
     left: 50%;
     -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
     -o-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
     bottom: 20px;
     bottom: 2rem;
     z-index: 10 
}
 .page-covers--nav li {
     position: relative;
     display: block;
     float: left;
     margin-right: .7rem;
     width: 12px;
     width: 1.2rem;
     height: 12px;
     height: 1.2rem;
     -webkit-border-radius: 8px;
     -webkit-background-clip: padding-box;
     -moz-border-radius: 8px;
     -moz-background-clip: padding;
     border-radius: 8px;
     background-clip: padding-box;
     background-color: transparent;
     border: 1px solid #fff 
}
 .page-covers--nav li span, .page-covers--nav li span::after {
     height: 100%;
     border-radius: 50%;
     width: 100%;
     left: 0;
     position: absolute 
}
 .page-covers--nav li:last-child {
     margin-right: 0 
}
 .page-covers--nav li.active {
     background-color: #fff 
}
 .page-covers--nav li span {
     top: 0;
     outline: 0;
     cursor: pointer;
     overflow: hidden;
     background-color: transparent 
}
 .page-covers--nav li span::after {
     background-color: #fff;
     -webkit-transform: scale(0);
     -moz-transform: scale(0);
     -o-transform: scale(0);
     -ms-transform: scale(0);
     transform: scale(0);
     -webkit-transform-origin: 50% 50%;
     -moz-transform-origin: 50% 50%;
     -o-transform-origin: 50% 50%;
     -ms-transform-origin: 50% 50%;
     transform-origin: 50% 50%;
     transition: -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease, transform .3s ease 
}
 .page-covers .slideshow-arrow {
     position: absolute;
     width: 100%;
     top: 0;
     margin-top: 0;
     z-index: 2 
}
 .page-covers .slideshow-next, .page-covers .slideshow-prev {
     position: absolute;
     left: 0;
     width: 120px;
     width: 12rem;
     height: 380px;
     height: 38rem;
     color: #fff 
}
 .page-covers .slideshow-next:after, .page-covers .slideshow-next:before, .page-covers .slideshow-prev:after, .page-covers .slideshow-prev:before {
     content: "";
     position: absolute;
     left: 51px;
     left: 5.1rem;
     top: 50%;
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     -webkit-transform-origin: left -1px;
     -moz-transform-origin: left -1px;
     -o-transform-origin: left -1px;
     -ms-transform-origin: left -1px;
     transform-origin: left -1px;
     width: 18px;
     width: 1.8rem;
     height: 2px;
     height: .2rem;
     background-color: #fff;
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px 
}
 #player, .player-wrapper {
     height: 100% 
}
 .page-covers .slideshow-next:after, .page-covers .slideshow-prev:after {
     content: "";
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
     -webkit-transform-origin: left 3px;
     -moz-transform-origin: left 3px;
     -o-transform-origin: left 3px;
     -ms-transform-origin: left 3px;
     transform-origin: left 3px 
}
 .page-covers .slideshow-next {
     left: auto;
     right: 0;
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
     -webkit-transform-origin: center;
     -moz-transform-origin: center;
     -o-transform-origin: center;
     -ms-transform-origin: center;
     transform-origin: center 
}
 #player {
     cursor: pointer;
     position: absolute;
     top: 0;
     width: 100% 
}
 iframe#player {
     opacity: 0;
     -webkit-transition: opacity .3s;
     -moz-transition: opacity .3s;
     -o-transition: opacity .3s;
     transition: opacity .3s 
}
 .page-covers--title-only .page-covers--inner.video {
     background-color: transparent 
}
 .article-up-next--old-wrapper.video, .page-covers--inner.video {
     background-color: #000 
}
 .article-up-next--old-wrapper.video .page-cover, .page-covers--inner.video .page-cover {
     -webkit-transition: opacity .3s;
     -moz-transition: opacity .3s;
     -o-transition: opacity .3s;
     transition: opacity .3s 
}
 .article-up-next--old-wrapper.video:after, .article-up-next--old-wrapper.video:before, .page-covers--inner.video:after, .page-covers--inner.video:before {
     position: absolute;
     z-index: 1;
     pointer-events: none;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     display: block;
     top: 30% 
}
 .article-up-next--old-wrapper.video:before, .page-covers--inner.video:before {
     content: '\e80d';
     font-family: fontello;
     font-size: 75px;
     font-size: 7.5rem;
     color: #fff;
     opacity: 0;
     -webkit-transition: opacity .3s;
     -moz-transition: opacity .3s;
     -o-transition: opacity .3s;
     transition: opacity .3s 
}
 .article-up-next--old-wrapper.video:after, .page-covers--inner.video:after {
     content: '';
     width: 28px;
     width: 2.8rem;
     height: 28px;
     height: 2.8rem;
     background: url(../../../wp-content/themes/vmagazine/res/public/throbber.gif);
     background-size: contain 
}
 .article-up-next--old-wrapper.video.ready:before, .page-covers--inner.video.ready:before {
     -webkit-animation: fadeIn .3s forwards;
     -moz-animation: fadeIn .3s forwards;
     -o-animation: fadeIn .3s forwards;
     animation: fadeIn .3s forwards 
}
 .article-up-next--old-wrapper.video.ready:after, .page-covers--inner.video.ready:after {
     display: none 
}
 .article-up-next--old-wrapper.video.buffering .page-cover, .page-covers--inner.video.buffering .page-cover {
     opacity: 0 
}
 .article-up-next--old-wrapper.video.buffering:before, .article-up-next--old-wrapper.video.launched:before, .page-covers--inner.video.buffering:before, .page-covers--inner.video.launched:before {
     -webkit-animation: none;
     -moz-animation: none;
     -o-animation: none;
     animation: none 
}
 .article-up-next--old-wrapper.video.launched .page-cover--content, .page-covers--inner.video.launched .page-cover--content {
     opacity: 0 
}
 .article-up-next--old-wrapper.video.launched iframe#player, .page-covers--inner.video.launched iframe#player {
     opacity: 1 
}
 .article-up-next--old-wrapper.video.fullscreenable .page-covers--fullscreen, .page-covers--inner.video.fullscreenable .page-covers--fullscreen {
     -webkit-animation: fadeIn .3s forwards 1s;
     -moz-animation: fadeIn .3s forwards 1s;
     -o-animation: fadeIn .3s forwards 1s;
     animation: fadeIn .3s forwards 1s 
}
 .page-covers--fullscreen {
     display: none;
     position: absolute;
     bottom: 10px;
     bottom: 1rem;
     left: 5px;
     left: .5rem;
     font-size: 25px;
     font-size: 2.5rem;
     color: #fff;
     z-index: 5 
}
 .article-up-next--old-wrapper.video .page-covers--fullscreen {
     bottom: 75px;
     bottom: 7.5rem 
}
 .article, .article-listItem {
     width: 100%;
     height: 300px;
     height: 30rem;
     background: tan 
}
 .article-listItem:nth-child(odd), .article:nth-child(odd) {
     background: tomato 
}
 #article-single .article-single--more-image, .article-item .article-item--preview {
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center 25% 
}
 .article-listItem .article-listItem--cover, .article-listItem .article-listItem--cover>img {
     width: 150px;
     width: 15rem;
     height: 150px;
     height: 15rem 
}
 #article-single .article-single--more {
     overflow-x: hidden;
     padding-bottom: 2rem 
}
 #article-single .article-single--more h3 {
     margin-bottom: .2rem;
     font-size: 80px;
     font-size: 8rem;
     font-family: Knockout;
     text-transform: uppercase;
     font-weight: 700;
     color: #434a54 
}
 #article-single .article-single--more-position {
     position: relative;
     width: calc(100% + 10px);
     height: 3px;
     height: .3rem;
     background-color: #c4c4c4 
}
 #article-single .article-single--more-fill {
     position: absolute;
     left: 0;
     top: 0;
     width: 0;
     height: 3px;
     height: .3rem;
     background-color: #ed5565;
     -webkit-transition: width .3s;
     -moz-transition: width .3s;
     -o-transition: width .3s;
     transition: width .3s 
}
 #article-single .article-single--more-list {
     position: relative;
     display: -webkit-box;
     display: -moz-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     margin-top: 1rem;
     word-wrap: nowrap;
     -webkit-transition: left .3s;
     -moz-transition: left .3s;
     -o-transition: left .3s;
     transition: left .3s 
}
 #article-single .article-single--more-article {
     display: inline-block;
     -webkit-box-flex: 0;
     -moz-box-flex: 0;
     -webkit-flex: 0 0 100%;
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     margin-right: 1rem;
     text-transform: uppercase 
}
 #article-single .article-single--more-article:last-child {
     margin-bottom: 0 
}
 #article-single .article-single--more-article h4 {
     color: #636669;
     font-family: Knockout;
     font-size: 40px;
     font-size: 4rem;
     line-height: 34px;
     line-height: 3.4rem;
     max-height: 100px;
     max-height: 10rem 
}
 #article-single .article-single--more-image {
     margin: 0 auto 1rem;
     width: 100%;
     padding-top: 56% 
}
 .article-single--credits, .article-single--extra-credits {
     color: #c4c4c4;
     font-size: 12px;
     font-size: 1.2rem;
     line-height: 16px;
     line-height: 1.6rem;
     text-transform: uppercase;
     font-family: Gotham 
}
 .page-cover .page-cover--subtitle {
     font-size: 12px;
     font-size: 1.2rem;
     line-height: 2.8;
     padding-left: 2.8rem;
     font-weight: 700 
}
 .article-single--credits a, .article-single--extra-credits a {
     color: inherit;
     -webkit-transition: color .3s;
     -moz-transition: color .3s;
     -o-transition: color .3s;
     transition: color .3s 
}
 .article-single--excerpt+.article-single--credits {
     margin-top: 2.4rem 
}
 .article-single--credits {
     text-align: center;
     margin-bottom: 2.4rem 
}
 .article-single--credits:before {
     display: inline-block;
     content: '';
     position: absolute;
     width: 1px;
     width: .1rem;
     background-color: #ed5565 
}
 .article-single--subscribe, .article-single--subscribe .article-single--social {
     display: none 
}
 .article-single--extra-credits {
     position: relative;
     margin-bottom: 5rem;
     padding: 0 2.8% 
}
 .article-single--subscribe h3 {
     position: relative;
     margin: 1.3rem auto 1.8rem;
     padding-top: 2.6rem;
     font-size: 64px;
     font-size: 6.4rem;
     width: 100%;
     height: 104px;
     height: 10.4rem;
     font-family: Knockout;
     text-transform: uppercase;
     font-weight: 700;
     background-color: #f1f3f5;
     text-align: center 
}
 .article-single--subscribe h3 a {
     color: #151618 
}
 .article-single--subscribe.blocked {
     top: -85px;
     top: -8.5rem 
}
 .article-item {
     margin-bottom: 4.2rem;
     zoom: 1 
}
 .article-item:after, .article-item:before {
     content: "";
     display: table 
}
 .article-item .article-item--excerpt, .article-item.article-sponsored .filters-list {
     display: none 
}
 .article-item .article-item--preview {
     margin-bottom: 2.2rem;
     width: 100%;
     padding-top: 58% 
}
 .article-item .filters-list, .article-item .iab {
     margin-top: 2.5rem 
}
 .article-item .article-item--wrapper {
     overflow: hidden 
}
 .article-item .article-item--infos {
     float: left;
     width: calc(100% - 30px);
     padding-right: .5rem 
}
 .article-item .article-item--title {
     margin-top: .4rem;
     margin-bottom: .6rem;
     font-family: Knockout;
     font-weight: 700;
     text-transform: uppercase;
     font-size: 50px;
     font-size: 5rem;
     line-height: .85;
     color: #151618; 
}
 .article-single--excerpt .fieldcontent {
    /*text-transform: capitalize;
    */
     text-transform:inherit;
     color: #000;
     font-size: 2.1rem 
}
 #hot-test.filter-stories .bx-wrapper .bx-viewport {
     height: 282px!important;
     left: 0 
}
 #hot-test .bx-wrapper .bx-viewport a .article-item--title {
     margin-top: 1.2rem;
     margin-bottom: 1.2rem;
     font-family: Knockout;
     text-transform: uppercase;
     font-size: 40px;
     font-size: 4rem;
     line-height: 40px;
     line-height: 4rem;
     color: #151618;
     padding: 1rem .5rem 1rem 0;
     max-height: 295px;
     max-height: 29.5rem;
     width: 100%;
     text-align: left;
     white-space: nowrap!important;
     text-overflow: ellipsis;
     overflow: hidden;
     font-weight: 700;
}
 .article-item .article-item--subtitle {
     font-family: HelveticaNeue;
     font-weight: 700;
     font-size: 12px;
     font-size: 1.2rem;
     margin-top: .7rem 
}
 .article-item .article-item--pubdate {
     color: #b1b1b1 
}
 .article-item .article-item--share {
     float: right;
     width: 55px;
     width: 5.5rem;
     text-align: right 
}
 .article-item.article-sponsored {
     padding: 0 1rem 
}
 .article-item.article-sponsored .article-item--excerpt {
     width: 355px;
     width: 35.5rem 
}
 .article-item.article-sponsored .article-item--sponsored-by {
     color: #ed5565 
}
 .article-item.article-sponsored .article-item--iab {
     margin-top: 2.5rem;
     text-align: center 
}
 .article-up-next--old-wrapper, .article-up-next--wrapper {
     position: relative;
     height: 100%;
     width: 100%;
     overflow: hidden 
}
 .article-up-next--old-wrapper .article-up-next--overlay, .article-up-next--wrapper .article-up-next--overlay {
     position: absolute;
     top: 0;
     background: rgba(0,0,0,.4);
     width: 100%;
     height: 100vh 
}
 .article-up-next--old-wrapper .article-up-next--img, .article-up-next--wrapper .article-up-next--img {
     height: 100%;
     width: 100%;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover 
}
 .collections-highlight, .collections-highlight--collection .collections-highlight--preview, .contributors-section .collections-highlight, .subscribe, .subscribe .subscribe--cover-image {
     background-repeat: no-repeat;
     background-position: center 25% 
}
 .article-up-next--old-wrapper .article-up-next--img {
     height: 380px 
}
 .article-up-next--old-wrapper .article-up-next--content, .article-up-next--wrapper .article-up-next--content {
     position: absolute;
     top: 0;
     z-index: 15;
     display: table;
     height: 100vh;
     width: 100%;
     font-family: Knockout;
     text-transform: uppercase 
}
 .article-up-next--old-wrapper .article-up-next--content .article-up-next--link, .article-up-next--wrapper .article-up-next--content .article-up-next--link {
     position: relative;
     display: table-cell;
     vertical-align: middle;
     overflow: hidden 
}
 .article-up-next--old-wrapper .article-up-next--content a, .article-up-next--wrapper .article-up-next--content a {
     position: relative;
     color: #fff 
}
 .article-up-next--old-wrapper .article-up-next--content p, .article-up-next--wrapper .article-up-next--content p {
     margin-top: 7rem;
     font-size: 54px;
     font-size: 5.4rem;
     line-height: 50px;
     line-height: 5rem;
     text-align: center 
}
 .article-up-next--old-wrapper .article-up-next--content p:first-child, .article-up-next--wrapper .article-up-next--content p:first-child {
     margin-top: 4rem 
}
 .article-up-next--old-wrapper .article-up-next--content h5, .article-up-next--wrapper .article-up-next--content h5 {
     overflow: hidden;
     margin: 2.5rem auto 0;
     padding: 0 3rem;
     font-size: 70px;
     font-size: 7rem;
     line-height: 60px;
     line-height: 6rem;
     width: 100%;
     font-weight: 700;
     text-align: center;
     color: #fff 
}
 .article-up-next--old-wrapper .article-up-next--content .article-up-next--arrow, .article-up-next--wrapper .article-up-next--content .article-up-next--arrow {
     position: relative;
     display: block;
     width: 120px;
     width: 12rem;
     height: 60px;
     height: 6rem;
     line-height: 56px;
     line-height: 5.6rem;
     margin: 4rem auto;
     border: 2px solid #fff 
}
 .article-up-next--old-wrapper .article-up-next--content .article-up-next--arrow i, .article-up-next--wrapper .article-up-next--content .article-up-next--arrow i {
     display: block;
     position: absolute;
     top: calc(50% - 2px);
     left: calc(50% - 32px);
     width: 65px;
     width: 6.5rem;
     height: 2px;
     height: .2rem;
     background-color: #fff 
}
 .article-up-next--old-wrapper .article-up-next--content .article-up-next--arrow i:after, .article-up-next--old-wrapper .article-up-next--content .article-up-next--arrow i:before, .article-up-next--wrapper .article-up-next--content .article-up-next--arrow i:after, .article-up-next--wrapper .article-up-next--content .article-up-next--arrow i:before {
     content: "";
     position: absolute;
     right: 0;
     width: 10px;
     width: 1rem;
     height: 2px;
     height: .2rem;
     background-color: #fff;
     -webkit-transform: rotate(40deg);
     -moz-transform: rotate(40deg);
     -o-transform: rotate(40deg);
     -ms-transform: rotate(40deg);
     transform: rotate(40deg);
     -webkit-transform-origin: 100% 0;
     -moz-transform-origin: 100% 0;
     -o-transform-origin: 100% 0;
     -ms-transform-origin: 100% 0;
     transform-origin: 100% 0 
}
 .article-up-next--old-wrapper .article-up-next--content .article-up-next--arrow i:before, .article-up-next--wrapper .article-up-next--content .article-up-next--arrow i:before {
     -webkit-transform: rotate(-40deg);
     -moz-transform: rotate(-40deg);
     -o-transform: rotate(-40deg);
     -ms-transform: rotate(-40deg);
     transform: rotate(-40deg);
     -webkit-transform-origin: 100% 100%;
     -moz-transform-origin: 100% 100%;
     -o-transform-origin: 100% 100%;
     -ms-transform-origin: 100% 100%;
     transform-origin: 100% 100% 
}
 .articles-list {
     margin-top: 2rem 
}
 .articles-list .article-item {
     position: relative;
     margin-left: 1rem;
     margin-right: 1rem;
     zoom: 1 
}
 .articles-list .article-item:after, .articles-list .article-item:before {
     content: "";
     display: table 
}
 .collections-highlight {
     position: relative;
     overflow-x: hidden;
     margin: 3rem 0;
     padding: 2.5rem 1.3rem;
     background-image: url(../../../wp-content/themes/vmagazine/res/public/collections-highlight-bg-smallnew1.jpg);
     background-size: cover 
}
 .collections-highlight h2 {
     margin-bottom: 1.6rem;
     font-size: 50px;
     font-size: 5rem;
     font-family: Knockout;
     text-transform: uppercase;
     font-weight: 700;
     color: #fff;
     text-align: center;
     width: 100%;
     float: left 
}
 .collections-highlight h3.collection-title, .collections-highlight--collection h3 {
     font-size: 50px;
     max-height: 50px;
     color: #fff;
     text-transform: uppercase;
     font-family: Knockout 
}
 .collections-highlight h2 span {
     float: left;
     width: 50% 
}
 .collections-highlight h2 span:first-child {
     text-align: right;
     padding-right: 10px 
}
 .collections-highlight h2 span:last-child {
     text-align: left;
     padding-left: 10px 
}
 .collections-highlight h2 span a {
     color: #fff 
}
 .collections-highlight .collections-highlight--slideshow {
     zoom: 1;
     position: relative;
     -webkit-transition: left .3s;
     -moz-transition: left .3s;
     -o-transition: left .3s;
     transition: left .3s;
     white-space: nowrap;
     display: -webkit-box;
     display: -moz-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex 
}
 .collections-highlight .collections-highlight--slideshow:after, .collections-highlight .collections-highlight--slideshow:before {
     content: "";
     display: table 
}
 .collections-highlight .collections-highlight--slideshow:after {
     clear: both 
}
 .collections-highlight .collections-highlight--position {
     width: 100%;
     height: 5px;
     height: .5rem;
     position: absolute;
     bottom: 0;
     left: 0;
     background-color: #616161 
}
 .collections-highlight .collections-highlight--position-fill {
     width: 0;
     height: 100%;
     background-color: #ed5565;
     -webkit-transition: width .3s;
     -moz-transition: width .3s;
     -o-transition: width .3s;
     transition: width .3s 
}
 .collections-highlight--collection {
     width: calc((100% - 40px)/ 3);
     margin-right: 1.9rem;
     -webkit-box-flex: none;
     -moz-box-flex: none;
     -webkit-flex: none;
     -ms-flex: none;
     flex: none;
     float: left 
}
 .collections-highlight--collection:last-child {
     margin-right: 0 
}
 .collections-highlight--collection:last-child .collections-highlight--preview {
     width: calc(100vw - 25px) 
}
 .collections-highlight--collection .collections-highlight--preview {
     width: 100%;
     padding-top: 69%;
     background-size: cover;
     margin-bottom: 1.8rem 
}
 .collections-highlight--collection h3 {
     font-size: 5rem;
     max-height: 5rem 
}
 .collections-highlight h3.collection-title {
     font-size: 5rem;
     max-height: 5rem;
     text-align: center;
     margin-top: 3rem;
     font-weight: 700 
}
 .collections-highlight--collection .filters-list {
     display: block;
     margin-top: .5rem 
}
 .collections-highlight--collection .filters-list a {
     color: #c4c4c4;
     border-color: #c4c4c4 
}
 .contributors-section .collections-highlight {
     position: relative;
     overflow-x: hidden;
     margin: 3rem 0;
     padding: 2.5rem 1.3rem;
     background-image: url(../../../wp-content/themes/vmagazine/res/public/collections-highlight-bg-small.jpg);
     background-size: cover 
}
 .contributors-section .collections-highlight h2 {
     margin-bottom: 1.6rem;
     font-size: 50px;
     font-size: 5rem;
     font-family: Knockout;
     text-transform: uppercase;
     font-weight: 700;
     color: #fff;
     text-align: center 
}
 .contributors-section .collections-highlight h2 span {
     margin: 0 2.5rem 0 3.5rem 
}
 .contributors-section .collections-highlight .collections-highlight--slideshow {
     zoom: 1;
     position: relative;
     -webkit-transition: left .3s;
     -moz-transition: left .3s;
     -o-transition: left .3s;
     transition: left .3s;
     white-space: nowrap;
     display: -webkit-box;
     display: -moz-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex 
}
 .contributors-section .collections-highlight .collections-highlight--slideshow:after, .contributors-section .collections-highlight .collections-highlight--slideshow:before {
     content: "";
     display: table 
}
 .contributors-section .collections-highlight .collections-highlight--position {
     width: 100%;
     height: 5px;
     height: .5rem;
     position: absolute;
     bottom: 0;
     left: 0;
     background-color: #616161 
}
 .contributors-section .collections-highlight .collections-highlight--position-fill {
     width: 0;
     height: 100%;
     background-color: #ed5565;
     -webkit-transition: width .3s;
     -moz-transition: width .3s;
     -o-transition: width .3s;
     transition: width .3s 
}
 .contributors-section .collections-highlight--collection {
     display: inline-block;
     width: calc(100vw - 30px);
     margin-right: 1.3rem;
     -webkit-box-flex: none;
     -moz-box-flex: none;
     -webkit-flex: none;
     -ms-flex: none;
     flex: none 
}
 .contributors-section .collections-highlight--collection:last-child {
     margin-right: 0 
}
 .contributors-section .collections-highlight--collection:last-child .collections-highlight--preview {
     width: calc(100vw - 25px) 
}
 .contributors-section .collections-highlight--collection .collections-highlight--preview {
     width: 100%;
     padding-top: 69%;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center 25%;
     margin-bottom: 1.8rem 
}
 .contributors-section .collections-highlight--collection h3 {
     font-size: 40px;
     font-size: 4rem;
     max-height: 50px;
     max-height: 5rem;
     font-family: Knockout;
     text-transform: uppercase;
     color: #fff;
     margin-top: 20px 
}
 .collection-banner, .contributor-banner {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     color: #fff;
     z-index: 1 
}
 .collection-banner h3, .contributor-banner h3 {
     font-size: 70px;
     font-size: 7rem;
     line-height: 70px;
     line-height: 7rem;
     font-weight: 700;
     font-family: Knockout;
     text-transform: uppercase;
     color: #fff 
}
 .contributors-section .collections-highlight--collection .filters-list {
     display: block;
     margin-top: .5rem 
}
 .contributors-section .collections-highlight--collection .filters-list a {
     color: #c4c4c4;
     border-color: #c4c4c4 
}
 #article-single.contributor .article-single--excerpt {
     max-height: 160px;
     max-height: 16rem;
     overflow-y: hidden 
}
 .text-fields h1, .text-fields h2, .text-fields h3, .text-fields h4, .text-fields h5, .text-fields h6, .text-fields ol, .text-fields p, .text-fields ul {
     padding: 0 2.8%;
     margin-bottom: 2rem;
     font-size: 16px;
     font-size: 1.6rem;
     line-height: 22px;
     line-height: 2.2rem 
}
 .instagram-media, .twitter-tweet{
     margin-left:2.8% !important;
}
 .text-fields h1 {
     font-size: 27px;
     font-size: 2.7rem 
}
 .text-fields h2 {
     font-size: 25px;
     font-size: 2.5rem 
}
 .text-fields h3 {
     font-size: 23px;
     font-size: 2.3rem 
}
 .text-fields h4 {
     font-size: 21px;
     font-size: 2.1rem 
}
 .text-fields h5 {
     font-size: 19px;
     font-size: 1.9rem 
}
 .text-fields h6 {
     font-size: 17px;
     font-size: 1.7rem 
}
 .text-fields strong {
     font-weight: 700;
     background: 0 0!important;
     color: #000!important 
}
 .text-fields em {
     font-style: italic 
}
 .text-fields a {
     color: #ed5565 
}
 .text-fields ul {
     list-style: disc inside 
}
 .text-fields ol {
     list-style: decimal inside 
}
 .fieldContent-gallery-preview {
     position: relative 
}
 .fieldContent-gallery-preview .fieldContent--image--wrapper:after {
     display: none 
}
 .fieldContent-gallery-preview .fieldContent--image {
     display: block 
}
 .fieldContent-gallery-preview--start {
     position: absolute;
     right: -30px;
     bottom: -10px;
     background-color: rgba(0,0,0,.6);
     padding: .5rem;
    /*display: none*/
}
 .fieldContent-gallery-preview--start a {
     display: inline-block;
     height: 48px;
     height: 4.8rem;
     padding: .5rem .8rem;
     font-size: 40px;
     font-size: 4rem;
     font-family: Knockout;
     text-transform: uppercase;
     color: #fff;
     border: 1px solid #fff 
}
 a.fieldContent-gallery-preview--pinit, a.fieldContent-image--pinterest {
     position: absolute;
     right: 0;
     top: 0;
     width: 66px;
     width: 6.6rem;
     height: 28px;
     height: 2.8rem;
     padding: .5rem 1rem;
     color: #bd1721;
     font-size: 16px;
     font-size: 1.6rem;
     background-color: #ececec;
     -webkit-border-radius: 2px;
     -webkit-background-clip: padding-box;
     -moz-border-radius: 2px;
     -moz-background-clip: padding;
     border-radius: 2px;
     background-clip: padding-box 
}
 .fieldContent-image {
     margin: 0 0 2.5rem;
     width: 100%;
     float: left 
}
 .fieldContent--image {
     display: block;
     width: 100% 
}
 .fieldContent-image--footer {
     position: relative;
     min-height: 32px;
     min-height: 3.2rem;
     margin-top: 15px;
}
 .fieldContent-image--footer.outer-caption {
     left: 40px 
}
 .article-single--text .fieldContent .image-caption {
     font-size: 12px;
     color: #999 
}
 .fieldContent--image--wrapper {
     position: relative 
}
 .overlay, .overlay#search {
     position: fixed;
     left: 100vw;
     width: 100vw;
     height: 100vh;
     overflow: hidden 
}
 .fieldContent-image--caption {
     margin-top: .5rem;
     padding-right: 0;
     font-size: 1px;
     font-size: 1rem;
     line-height: 16px;
     line-height: 1.6rem;
     color: #b1b1b1;
     font-weight: 700 
}
 .fieldContent-image--caption a{
     margin-top: .5rem;
     padding-right: 0;
     font-size: 1px;
     font-size: 1rem;
     line-height: 16px;
     line-height: 1.6rem;
     color: #b1b1b1;
     font-weight: 700;
     position:relative;
     cursor:pointer;
}
 .fieldContent-image--caption a::after, .fieldContent-image--caption a::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     -webkit-transition: -webkit-transform .3s;
     -moz-transition: -moz-transform .3s;
     -o-transition: -o-transform .3s;
     transition: -webkit-transform .3s, -moz-transform .3s, -o-transform .3s, transform .3s 
}
 .fieldContent-image--caption a::before {
     border-top: 1px solid #b1b1b1;
     background: 0 0;
     -webkit-transition-delay: .3s;
     transition-delay: .3s;
     -webkit-transform: translateY(100%);
     -moz-transform: translateY(100%);
     -o-transform: translateY(100%);
     -ms-transform: translateY(100%);
     transform: translateY(100%) 
}
 .fieldContent-image--caption a:focus::before, .fieldContent-image--caption a:hover::before {
     -webkit-transition-delay: 0s;
     transition-delay: 0s 
}
 .fieldContent-image--caption a:focus::after, .fieldContent-image--caption a:focus::before, .fieldContent-image--caption a:hover::after, .fieldContent-image--caption a:hover::before {
     border-top-color: #ed5565 
}
 .fieldContent-image--caption a::after {
     z-index: -1 
}
 .fieldContent-image--caption a:focus::after, .fieldContent-image--caption a:hover::after {
     -webkit-transition-delay: .3s;
     transition-delay: .3s 
}
 a.fieldContent-image--pinterest {
     bottom: auto;
     top: 2px;
     top: .2rem 
}
 .fieldContent-gallery-preview:first-child .fieldContent-image, .text-fields>.fieldContent-image:first-child {
     margin-top: 0 
}
 .overlay {
     top: 0;
     z-index: 40;
     background-color: #fff;
     -webkit-transition: left .3s;
     -moz-transition: left .3s;
     -o-transition: left .3s;
     transition: left .3s 
}
 .overlay#search {
     top: 15.5rem;
     z-index: -9999;
     -webkit-transition: left .3s;
     -moz-transition: left .3s;
     -o-transition: left .3s;
     transition: left .3s 
}
 .reduced .overlay#search {
     margin-top: 49px;
     top: 0 
}
 .search-open .overlay#search {
     display: block;
     z-index: 40 
}
 body.resizing .overlay {
     -webkit-transition: none!important;
     -moz-transition: none!important;
     -o-transition: none!important;
     transition: none!important 
}
 .gallery {
     font-size: 12px;
     font-size: 1.2rem;
     line-height: 16px;
     line-height: 1.6rem;
     color: #b1b1b1;
     background-color: #1d1d1d 
}
 .gallery .gallery--container {
     display: -webkit-box;
     display: -moz-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: calc(100% - 45px);
     white-space: nowrap;
     -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
     -o-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
     -webkit-transition: left .3s ease;
     -moz-transition: left .3s ease;
     -o-transition: left .3s ease;
     transition: left .3s ease 
}
 .gallery .gallery--container.abort-animation {
     -webkit-transition: none;
     -moz-transition: none;
     -o-transition: none;
     transition: none 
}
 .gallery .gallery--slide-wrapper {
     -webkit-box-flex: 0;
     -moz-box-flex: 0;
     -webkit-flex: 0 0 auto;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     width: 100vw;
     height: 100%;
     float: none;
     vertical-align: top 
}
 .gallery .gallery--slide {
     display: -webkit-box;
     display: -moz-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: nowrap;
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
     -webkit-box-direction: normal;
     -moz-box-direction: normal;
     -webkit-box-orient: vertical;
     -moz-box-orient: vertical;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: flex-start;
     -moz-box-pack: start;
     -webkit-justify-content: start;
     -ms-flex-pack: flex-start;
     justify-content: flex-start;
     -webkit-box-align: stretch;
     -moz-box-align: stretch;
     -webkit-align-items: stretch;
     -ms-flex-align: stretch;
     align-items: stretch;
     height: 100% 
}
 .gallery .gallery--slide .gallery--img-wrapper {
     position: relative;
     -webkit-box-flex: 0;
     -moz-box-flex: 0;
     -webkit-flex: 0 1 auto;
     -ms-flex: 0 1 auto;
     flex: 0 1 auto;
     height: calc(100% - 20px);
     width: 100%;
     overflow: hidden 
}
 .gallery .gallery--slide .gallery--img {
     position: relative;
     display: block;
     margin: 0 auto;
     width: auto;
     top: 50%;
     max-height: 100vh;
     max-width: 100%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%) 
}
 .gallery .gallery--slide .gallery--slide-footer {
     position: relative;
     display: -webkit-box;
     display: -moz-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-flex: 0;
     -moz-box-flex: 0;
     -webkit-flex: 0 0 auto;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     padding: 1rem;
     white-space: normal 
}
 .gallery .gallery--slide .gallery--slide-footer:after {
     content: "";
     display: block;
     position: absolute;
     bottom: 0;
     left: 10px;
     left: 1rem;
     width: calc(100% - 20px);
     height: 1px;
     height: .1rem;
     background-color: #2a2a2a 
}
 body.gallery-open .gallery {
     left: 0;
     height: 100% 
}
 body.ie.gallery-open .gallery {
     z-index: 40 
}
 body.ie .gallery {
     z-index: 19 
}
 body.ie .gallery .gallery--slide .gallery--img-wrapper img {
     width: auto!important;
     height: auto!important 
}
 .gallery--caption {
     position: relative;
     -webkit-box-flex: 1;
     -moz-box-flex: 1;
     -webkit-flex: 1 1 auto;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
     height: 100% 
}
 .gallery--caption a, .gallery--fullcaption a {
     color: #ed5565 
}
 .gallery--pinit {
     display: none;
     position: relative 
}
 .gallery--pinit a {
     display: block;
     width: 100px;
     width: 10rem;
     height: 60px;
     height: 6rem;
     padding: 1.2rem 1.6rem;
     cursor: pointer;
     color: #bd1721;
     font-size: 24px;
     font-size: 2.4rem;
     line-height: 40px;
     line-height: 4rem 
}
 .gallery--btn-expand-caption {
     display: none;
     position: relative;
     width: 60px;
     width: 6rem;
     height: 60px;
     height: 6rem;
     font-size: 35px;
     font-size: 3.5rem;
     line-height: 60px;
     line-height: 6rem;
     text-align: center;
     color: #ed5565;
     background-color: #fff;
     cursor: pointer 
}
 .gallery--btn-expand-caption:after, .gallery--btn-expand-caption:before {
     content: "";
     position: absolute;
     width: 14px;
     width: 1.4rem;
     height: 2px;
     height: .2rem;
     left: 50%;
     top: 50%;
     margin-top: -.1rem;
     margin-left: -.7rem;
     background-color: #ed5565;
     -webkit-transform: rotate(0);
     -moz-transform: rotate(0);
     -o-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     transition: -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease, transform .3s ease 
}
 .gallery .close .close--icon:after, .gallery .close .close--icon:before, .subscribe nav li {
     background-color: #fff 
}
 .gallery--btn-expand-caption:before {
     content: "";
     position: absolute;
     width: 2px;
     width: .2rem;
     height: 14px;
     height: 1.4rem;
     margin-top: -.7rem;
     margin-left: -.1rem 
}
 .gallery--btn-expand-caption.expanded:after, .gallery--btn-expand-caption.expanded:before {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     -webkit-transition: -webkit-transform .3s ease;
     -moz-transition: -moz-transform .3s ease;
     -o-transition: -o-transform .3s ease;
     transition: -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease, transform .3s ease 
}
 .gallery--nav {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 45px;
     height: 4.5rem;
     padding: 1.2rem 1rem;
     line-height: 24px;
     line-height: 2.4rem;
     user-select: none 
}
 .gallery--nav .gallery--nav-next, .gallery--nav .gallery--nav-prev {
    /*display: none;
    */
     color: #fff;
     font-size: 14px;
     font-size: 1.4rem;
     line-height: 12px;
     line-height: 1.2rem;
     width: 20px;
     width: 2rem;
     height: 20px;
     height: 2rem;
     padding-left: .2rem;
     padding-top: .2rem;
     cursor: pointer 
}
 .gallery--nav .gallery--nav-next .icon-simple-arrow, .gallery--nav .gallery--nav-prev .icon-simple-arrow {
     display: inline-block;
     width: 14px;
     width: 1.4rem 
}
 .gallery--nav .gallery--nav-next {
     -webkit-transform: translate(0, 1px);
     -moz-transform: translate(0, 1px);
     -o-transform: translate(0, 1px);
     -ms-transform: translate(0, 1px);
     transform: translate(0, 1px) 
}
 .gallery--nav .gallery--nav-index {
     display: inline-block 
}
 .gallery .close {
     bottom: 12px;
     bottom: 1.2rem;
     right: 10px;
     right: 1rem 
}
 .gallery--article {
     display: none 
}
 .gallery--article .gallery--article-inner {
     height: 100% 
}
 .gallery--article article {
    /*height: calc(100% - 300px)*/
}
 .gallery--article .gallery--article-title {
     display: block;
     max-height: 150px;
     max-height: 15rem;
     padding: 0;
     font-size: 60px;
     font-size: 6rem;
     line-height: 50px;
     line-height: 5rem;
     text-transform: uppercase;
     color: #151618;
     font-family: Knockout;
     font-weight: 700 
}
 .gallery--article .gallery--article-date {
     display: block;
     margin-bottom: 0.5rem;
     font-size: 12px;
     font-size: 1.2rem;
     color: #c4c4c4;
     opacity: 1;
     font-weight: 700;
     text-transform: none;
     font-family: Helvetica 
}
 .ellipsis--fullcaption, .gallery--article .gallery--article-credit, .gallery--fullcaption, .subscribe .subscribe--title-long {
     display: none 
}
 .social .social--count, .subscribe h2 {
     font-family: Knockout;
     font-weight: 700;
     text-transform: uppercase 
}
 .gallery--article .gallery--article-credit a {
     color: inherit 
}
 .gallery--article .gallery--article-excerpt {
     position: relative;
     max-height: calc(100% - 150px);
     overflow-y: hidden 
}
 .gallery--article .gallery--article-excerpt .ellipsis {
     height: 100% 
}
 .gallery--article .gallery--iab {
    /*margin-top: 5rem*/
}
 .subscribe {
     padding: 2rem 0;
     background-image: url(../../../wp-content/themes/vmagazine/res/public/subscribe-bg-small.jpg);
     background-size: cover 
}
 .subscribe h2 {
     margin-bottom: 1rem;
     font-size: 50px;
     font-size: 5rem;
     color: #fff;
     text-align: center 
}
 .subscribe .subscribe--slideshow {
     white-space: nowrap;
     -webkit-transition: left .3s;
     -moz-transition: left .3s;
     -o-transition: left .3s;
     transition: left .3s;
     position: relative;
     margin-left: 1rem;
     margin-right: 1rem;
     zoom: 1;
     padding-left: 3rem 
}
 .subscribe .subscribe--slideshow:after, .subscribe .subscribe--slideshow:before {
     content: "";
     display: table 
}
 .subscribe nav {
     margin-top: 2rem;
     text-align: center 
}
 .subscribe nav li {
     display: inline-block;
     width: 8px;
     width: .8rem;
     height: 8px;
     height: .8rem;
     -webkit-border-radius: 4px;
     -webkit-background-clip: padding-box;
     -moz-border-radius: 4px;
     -moz-background-clip: padding;
     border-radius: 4px;
     background-clip: padding-box;
     margin-right: .3rem;
     opacity: .3 
}
 .subscribe nav li.active {
     opacity: 1 
}
 .subscribe .subscribe--item {
     display: inline-block;
     margin-right: 2rem;
     text-align: center 
}
 .subscribe a {
     display: inline-block;
     width: calc(100vw - 80px) 
}
 .subscribe .subscribe--cover-image {
     width: 100%;
     padding-top: 130%;
     background-size: cover 
}
 .subscribe h3 {
     display: none 
}
 .slideshow--item-flip-3d-position {
     display: inline-block 
}
 .social {
     zoom: 1;
     position: relative 
}
 .social:after, .social:before {
     content: "";
     display: table 
}
 .social .social--link:before, .social:before {
     content: '';
     position: absolute;
     display: inline-block;
     height: 140px;
     height: 14rem;
     width: 1px;
     width: .1rem;
     background-color: #c4c4c4 
}
 .article-single--subscribe .article-single--social .social--facebook, .article-single--subscribe .article-single--social .social--twitter, .subscribe-social, .subscribe-social .social .social--facebook, .subscribe-social .social .social--instagram, .subscribe-social .social .social--tumblr, .subscribe-social .social .social--twitter, .subscribe-social .subscribe-social--inner {
     position: relative 
}
 .social:before {
     left: 50%;
     top: 50%;
     -webkit-transform: translateY(-60%);
     -moz-transform: translateY(-60%);
     -o-transform: translateY(-60%);
     -ms-transform: translateY(-60%);
     transform: translateY(-60%) 
}
 .social .social--link {
     color: #858585;
     text-align: center;
     padding-top: 10rem;
     padding-bottom: 1rem;
     width: 50% 
}
 .social .social--link:before {
     display: none 
}
 .social .social--link:nth-child(odd) {
     float: left 
}
 .social .social--link:nth-child(even) {
     float: right 
}
 .social .social--count {
     font-size: 52px;
     font-size: 5.2rem 
}
 .social .social--legend {
     font-family: Gotham;
     text-transform: uppercase;
     font-size: 10px;
     font-size: 1rem 
}
 .subscribe-social {
     overflow-x: hidden 
}
 .subscribe-social .social {
     background: url(../../../wp-content/themes/vmagazine/res/public/V.png) center no-repeat;
     background-size: contain;
     margin: 3rem 2rem;
     padding-top: 2rem 
}
 .subscribe-social .social .social--link {
     margin-bottom: 2.5rem 
}
 .article-single--subscribe .article-single--social .social--facebook:after, .article-single--subscribe .article-single--social .social--twitter:after, .subscribe-social .social .social--facebook:after, .subscribe-social .social .social--instagram:after, .subscribe-social .social .social--tumblr:after, .subscribe-social .social .social--twitter:after {
     content: "\e809";
     display: block;
     position: absolute;
     left: 50%;
     top: 0;
     width: 85px;
     width: 8.5rem;
     height: 85px;
     height: 8.5rem;
     font-size: 23px;
     font-size: 2.3rem;
     line-height: 85px;
     line-height: 8.5rem;
     margin-left: -4.2rem;
     border-radius: 50%;
     color: #fff;
     background-color: #000;
     font-family: fontello;
     font-style: normal;
     font-weight: 400;
     text-decoration: inherit;
     text-align: center 
}
 #legals .legals--titles h2, .legals--content h2, .legals--content h3 {
     font-family: Knockout;
     text-transform: uppercase 
}
 .article-single--subscribe .article-single--social .social--facebook:after, .subscribe-social .social .social--facebook:after {
     content: "\e801" 
}
 .subscribe-social .social .social--tumblr:after {
     content: "\e808" 
}
 .subscribe-social .social .social--instagram:after {
     content: "\e805" 
}
 body.ie .social--facebook:after, body.ie .social--instagram:after, body.ie .social--tumblr:after, body.ie .social--twitter:after {
     height: 42px!important;
     height: 4.2rem!important;
     padding-top: 4.2rem!important 
}
 .slideshow[data-transition=fade] .slideshow-item {
     position: absolute;
     visibility: hidden;
     opacity: 0;
     z-index: 1 
}
 .slideshow-item--lazy-loading {
     background-size: auto!important;
     object-fit: none!important 
}
 #legals {
     background-color: #000 
}
 #legals .legals--background {
     position: absolute;
     z-index: -1 
}
 #legals .close {
     z-index: 6;
     left: 16px;
     left: 1.6rem;
     top: 17px;
     top: 1.7rem 
}
 #legals .close--icon-hover:after, #legals .close--icon-hover:before, #legals .close--icon:after, #legals .close--icon:before {
     background-color: #fff 
}
 #legals .legals--titles {
     display: none 
}
 #legals .legals--titles h2 {
     font-size: 90px;
     font-size: 9rem;
     color: #fff 
}
 #legals .legals--titles h2.open {
     color: #ed5565 
}
 #legals .legals--more {
     position: absolute;
     bottom: 110px;
     bottom: 11rem;
     right: 200px;
     right: 20rem;
     font-size: 16px;
     font-size: 1.6rem;
     color: #ed5565;
     text-transform: uppercase;
     display: none 
}
 body.legals-open #legals {
     left: 0 
}
 .legals--content {
     margin-top: 6.5rem;
     padding: 0 2rem;
     padding-bottom: 5rem;
     color: #fff 
}
 .legals--content h2 {
     position: relative;
     margin-bottom: .8rem;
     color: #ed5565;
     font-size: 55px;
     font-size: 5.5rem 
}
 .legals--content h2:before {
     -webkit-transition: -webkit-transform .3s;
     -moz-transition: -moz-transform .3s;
     -o-transition: -o-transform .3s;
     transition: -webkit-transform .3s, -moz-transform .3s, -o-transform .3s, transform .3s;
     display: block;
     position: absolute;
     right: 2px;
     right: .2rem;
     top: 15px;
     top: 1.5rem;
     font-family: fontello;
     content: '\e807';
     color: #fff;
     font-size: 15px;
     font-size: 1.5rem;
     -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg) 
}
 .legals--content h2.open:before {
     -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg) 
}
 .legals--content h3 {
     font-size: 45px;
     font-size: 4.5rem 
}
 .legals--content h4 {
     text-transform: uppercase;
     font-weight: 700;
     font-size: 16px;
     font-size: 1.6rem;
     line-height: 20px;
     line-height: 2rem;
     margin-top: 1rem;
     margin-bottom: 2.5rem 
}
 .legals--content a {
     color: #fff;
     text-decoration: underline 
}
 .legals--content .fieldContent {
     font-size: 16px;
     font-size: 1.6rem;
     line-height: 20px;
     line-height: 2rem 
}
 .legals--content .fieldContent:last-child {
     margin-bottom: 2rem 
}
 .legals--content .fieldContent+.fieldContent {
     margin-top: 2rem 
}
 .legals--content .legals--section {
     margin-bottom: 1.5rem;
     max-height: 0;
     overflow: hidden;
     border-bottom: 1px solid #636669 
}
 .share-social-buttons .icon-share {
     position: absolute;
     display: block;
     color: #b1b1b1;
     width: 41px;
     width: 4.1rem;
     height: 41px;
     height: 4.1rem;
     font-size: 40px;
     font-size: 4rem;
     cursor: pointer;
     clip: rect(10px,32px,32px,10px) 
}
 .share-social-buttons .icon-share:before {
     margin: 0 
}
 .share-social-buttons .share-icon-wrapper {
     position: relative;
     z-index: 3;
     height: 0 
}
 .share-social-buttons .share-icon-wrapper.active .share-icon:nth-child( 1) {
     -webkit-transform: translate(-100%, -100%);
     -moz-transform: translate(-100%, -100%);
     -o-transform: translate(-100%, -100%);
     -ms-transform: translate(-100%, -100%);
     transform: translate(-100%, -100%);
     z-index: 2;
     -webkit-transition: -webkit-transform 150ms ease-out 70ms, background-color .1s ease;
     -moz-transition: -moz-transform 150ms ease-out 70ms, background-color .1s ease;
     -o-transition: -o-transform 150ms ease-out 70ms, background-color .1s ease;
     transition: -webkit-transform 150ms ease-out 70ms, -moz-transform 150ms ease-out 70ms, -o-transform 150ms ease-out 70ms, transform 150ms ease-out 70ms, background-color .1s ease 
}
 .share-social-buttons .share-icon-wrapper.active .share-icon:nth-child( 2) {
     -webkit-transform: translate(-200%, -200%);
     -moz-transform: translate(-200%, -200%);
     -o-transform: translate(-200%, -200%);
     -ms-transform: translate(-200%, -200%);
     transform: translate(-200%, -200%);
     z-index: 1;
     -webkit-transition: -webkit-transform 150ms ease-out 140ms, background-color .1s ease;
     -moz-transition: -moz-transform 150ms ease-out 140ms, background-color .1s ease;
     -o-transition: -o-transform 150ms ease-out 140ms, background-color .1s ease;
     transition: -webkit-transform 150ms ease-out 140ms, -moz-transform 150ms ease-out 140ms, -o-transform 150ms ease-out 140ms, transform 150ms ease-out 140ms, background-color .1s ease 
}
 .share-social-buttons .share-icon-wrapper.active .share-icon:nth-child( 3) {
     -webkit-transform: translate(-300%, -300%);
     -moz-transform: translate(-300%, -300%);
     -o-transform: translate(-300%, -300%);
     -ms-transform: translate(-300%, -300%);
     transform: translate(-300%, -300%) 
}
 .share-social-buttons .share-icon-wrapper.active .share-icon:nth-child( 4) {
     -webkit-transform: translate(-400%, -400%);
     -moz-transform: translate(-400%, -400%);
     -o-transform: translate(-400%, -400%);
     -ms-transform: translate(-400%, -400%);
     transform: translate(-400%, -400%) 
}
 .share-social-buttons .share-icon-wrapper.active .share-icon:nth-child( 3), .share-social-buttons .share-icon-wrapper.active .share-icon:nth-child( 4) {
     z-index: 0;
     -webkit-transition: -webkit-transform 150ms ease-out 210ms, background-color .1s ease;
     -moz-transition: -moz-transform 150ms ease-out 210ms, background-color .1s ease;
     -o-transition: -o-transform 150ms ease-out 210ms, background-color .1s ease;
     transition: -webkit-transform 150ms ease-out 210ms, -moz-transform 150ms ease-out 210ms, -o-transform 150ms ease-out 210ms, transform 150ms ease-out 210ms, background-color .1s ease 
}
 .share-social-buttons .share-icon, .share-social-buttons .share-icon-btn {
     position: relative;
     display: block;
     overflow: hidden;
     height: 41px;
     height: 4.1rem;
     width: 41px;
     width: 4.1rem;
     line-height: 42px;
     line-height: 4.2rem;
     font-size: 22px;
     font-size: 2.2rem;
     margin: 0 auto;
     padding: 0;
     text-align: center;
     background-color: #fff;
     color: #151618;
     border: 1px solid #b1b1b1;
     border-right: solid 1px transparent 
}
 .share-social-buttons .share-icon:nth-child( 1) {
     -webkit-transform: translate(0, -100%);
     -moz-transform: translate(0, -100%);
     -o-transform: translate(0, -100%);
     -ms-transform: translate(0, -100%);
     transform: translate(0, -100%);
     z-index: 2;
     -webkit-transition: -webkit-transform 150ms ease-out 140ms, background-color .1s ease;
     -moz-transition: -moz-transform 150ms ease-out 140ms, background-color .1s ease;
     -o-transition: -o-transform 150ms ease-out 140ms, background-color .1s ease;
     transition: -webkit-transform 150ms ease-out 140ms, -moz-transform 150ms ease-out 140ms, -o-transform 150ms ease-out 140ms, transform 150ms ease-out 140ms, background-color .1s ease 
}
 .share-social-buttons .share-icon:nth-child( 2) {
     -webkit-transform: translate(0, -200%);
     -moz-transform: translate(0, -200%);
     -o-transform: translate(0, -200%);
     -ms-transform: translate(0, -200%);
     transform: translate(0, -200%);
     z-index: 1;
     -webkit-transition: -webkit-transform 150ms ease-out 70ms, background-color .1s ease;
     -moz-transition: -moz-transform 150ms ease-out 70ms, background-color .1s ease;
     -o-transition: -o-transform 150ms ease-out 70ms, background-color .1s ease;
     transition: -webkit-transform 150ms ease-out 70ms, -moz-transform 150ms ease-out 70ms, -o-transform 150ms ease-out 70ms, transform 150ms ease-out 70ms, background-color .1s ease 
}
 .share-social-buttons .share-icon:nth-child( 3) {
     -webkit-transform: translate(0, -300%);
     -moz-transform: translate(0, -300%);
     -o-transform: translate(0, -300%);
     -ms-transform: translate(0, -300%);
     transform: translate(0, -300%) 
}
 .share-social-buttons .share-icon:nth-child( 4) {
     -webkit-transform: translate(0, -400%);
     -moz-transform: translate(0, -400%);
     -o-transform: translate(0, -400%);
     -ms-transform: translate(0, -400%);
     transform: translate(0, -400%) 
}
 .share-social-buttons .share-icon:nth-child( 3), .share-social-buttons .share-icon:nth-child( 4) {
     z-index: 0;
     -webkit-transition: -webkit-transform 150ms ease-out 0s, background-color .1s ease;
     -moz-transition: -moz-transform 150ms ease-out 0s, background-color .1s ease;
     -o-transition: -o-transform 150ms ease-out 0s, background-color .1s ease;
     transition: -webkit-transform 150ms ease-out 0s, -moz-transform 150ms ease-out 0s, -o-transform 150ms ease-out 0s, transform 150ms ease-out 0s, background-color .1s ease 
}
 .share-social-buttons .share-icon:hover [class^=icon-]:after, .share-social-buttons .share-icon:hover [class^=icon-]:before {
     -webkit-transform: translateY(-100%);
     -moz-transform: translateY(-100%);
     -o-transform: translateY(-100%);
     -ms-transform: translateY(-100%);
     transform: translateY(-100%);
     -webkit-transition: -webkit-transform 180ms ease;
     -moz-transition: -moz-transform 180ms ease;
     -o-transition: -o-transform 180ms ease;
     transition: -webkit-transform 180ms ease, -moz-transform 180ms ease, -o-transform 180ms ease, transform 180ms ease 
}
 .share-social-buttons .share-icon:hover.share-icon-facebook {
     background-color: #3b5998 
}
 .share-social-buttons .share-icon:hover.share-icon-twitter {
     background-color: #55acee 
}
 .share-social-buttons .share-icon:hover.share-icon-pinterest {
     background-color: #bd081c 
}
 .share-social-buttons .share-icon:hover.share-icon-mail-alt {
     background-color: #FFC800 
}
 .share-social-buttons .share-icon a {
     display: block;
     width: 100%;
     height: 100%;
     color: inherit 
}
 .share-social-buttons .share-icon [class^=icon-] {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     line-height: 1 
}
 .share-social-buttons .share-icon [class^=icon-]:after, .share-social-buttons .share-icon [class^=icon-]:before {
     height: 100%;
     width: 100%;
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     -o-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition: -webkit-transform 150ms ease;
     -moz-transition: -moz-transform 150ms ease;
     -o-transition: -o-transform 150ms ease;
     transition: -webkit-transform 150ms ease, -moz-transform 150ms ease, -o-transform 150ms ease, transform 150ms ease 
}
 .share-social-buttons .share-icon [class^=icon-]:after {
     font-family: fontello;
     font-style: normal;
     font-weight: 400;
     speak: none;
     display: inline-block;
     text-decoration: inherit;
     text-align: center;
     font-variant: normal;
     text-transform: none;
     line-height: 1em;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     color: #fff 
}
 .share-social-buttons .share-icon .icon-facebook {
     top: 9px;
     top: .9rem 
}
 .share-social-buttons .share-icon .icon-facebook:after {
     content: '\e801' 
}
 .share-social-buttons .share-icon .icon-twitter {
     top: 13px;
     top: 1.3rem;
     font-size: 17px;
     font-size: 1.7rem 
}
 .share-social-buttons .share-icon .icon-twitter:after {
     content: '\e809' 
}
 .share-social-buttons .share-icon .icon-pinterest {
     top: 9px;
     top: .9rem 
}
 .share-social-buttons .share-icon .icon-pinterest:after {
     content: '\e80b' 
}
 .share-social-buttons .share-icon .icon-mail-alt {
     top: 13px;
     top: 1.3rem 
}
 .share-social-buttons .share-icon .icon-mail-alt:after {
     content: '\e80f' 
}
 .share-social-buttons .share-icon-btn {
     position: relative;
     z-index: 5;
     border-right: solid 1px #b1b1b1 
}
 #newsletter .newsletter--close {
     position: absolute;
     cursor: pointer;
     z-index: 2;
     left: 10px;
     left: 1rem;
     top: 12px;
     top: 1.2rem;
     width: 32px;
     width: 3.2rem;
     height: 32px;
     height: 3.2rem 
}
 #newsletter .newsletter--close-icon {
     position: relative 
}
 #newsletter .newsletter--close-icon:after, #newsletter .newsletter--close-icon:before {
     content: '';
     display: block;
     position: absolute;
     width: 18px;
     width: 1.8rem;
     height: 2px;
     height: .2rem;
     background-color: #313131;
     -webkit-border-radius: 2px;
     -webkit-background-clip: padding-box;
     -moz-border-radius: 2px;
     -moz-background-clip: padding;
     border-radius: 2px;
     background-clip: padding-box;
     top: 14px;
     top: 1.4rem;
     left: 7px;
     left: .7rem 
}
 #newsletter .newsletter--close-icon:before {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     bottom: -14px;
     bottom: -1.4rem 
}
 #newsletter .newsletter--close-icon:after {
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
     bottom: -14px;
     bottom: -1.4rem 
}
 #newsletter .newsletter--content, #newsletter .newsletter--error, #newsletter .newsletter--success {
     -webkit-transition: opacity .3s;
     -moz-transition: opacity .3s;
     -o-transition: opacity .3s;
     transition: opacity .3s 
}
 #newsletter .newsletter--content, #newsletter .newsletter--success, #newsletter input {
     font-family: HelveticaNeue;
     font-size: 32px;
     font-size: 3.2rem;
     font-weight: 700 
}
 #newsletter .newsletter--content {
     margin: 55px 16px 3rem 
}
 #newsletter input {
     margin-top: 1.5rem;
     width: 100%;
     padding: 0;
     border: none;
     color: #434a54;
     background-color: transparent 
}
 #newsletter input::-webkit-input-placeholder {
     color:#cfcfcf 
}
 #newsletter input:-moz-placeholder {
     color:#cfcfcf 
}
 #newsletter input::-moz-placeholder {
     color:#cfcfcf 
}
 #newsletter input:-ms-input-placeholder {
     color:#cfcfcf 
}
 #newsletter input:active, #newsletter input:focus {
     border: none;
     outline: 0 
}
 #newsletter .newsletter--error {
     width: 100%;
     padding: 1rem;
     background-color: #ed5565;
     color: #fff;
     text-align: center;
     font-weight: 700;
     font-size: 14px;
     font-size: 1.4rem;
     line-height: 18px;
     line-height: 1.8rem;
     -webkit-transform: translateY(100%);
     -moz-transform: translateY(100%);
     -o-transform: translateY(100%);
     -ms-transform: translateY(100%);
     transform: translateY(100%);
     opacity: 0;
     -webkit-transition: -webkit-transform .3s, opacity .3s;
     -moz-transition: -moz-transform .3s, opacity .3s;
     -o-transition: -o-transform .3s, opacity .3s;
     transition: -webkit-transform .3s, -moz-transform .3s, -o-transform .3s, transform .3s, opacity .3s 
}
 #newsletter .newsletter--success {
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -60%);
     -moz-transform: translate(-50%, -60%);
     -o-transform: translate(-50%, -60%);
     -ms-transform: translate(-50%, -60%);
     transform: translate(-50%, -60%);
     pointer-events: none;
     width: 100%;
     opacity: 0;
     color: #cfcfcf;
     text-align: center;
     line-height: 37px;
     line-height: 3.7rem 
}
 #newsletter .newsletter--success:before {
     margin: 0 auto 4rem;
     color: #000;
     display: block;
     font-size: 160px;
     font-size: 16rem 
}
 #article-single:after, #article-single:before, .list .list--line:after, .list .list--line:before {
     content: "";
     display: table 
}
 #newsletter.invalid .invalid {
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     -o-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
     opacity: 1 
}
 #newsletter.server-error .server-error {
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     -o-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0) 
}
 #newsletter.success .newsletter--content, #newsletter.success .newsletter--error {
     opacity: 0 
}
 #newsletter.success .newsletter--success {
     opacity: 1;
     pointer-events: auto 
}
 body.newsletter-open #newsletter {
     left: 0 
}
 #home .page-covers .page-cover--subtitle {
     opacity: 0 
}
 .list {
     padding-top: 4rem 
}
 .list .list--line {
     zoom: 1 
}
 .list-ext {
     margin: 0 1rem;
     margin-bottom: 3rem;
     height: 250px;
     height: 25rem 
}
 #article-single .article-single--iab-small, #article-single .article-single--text {
     margin-bottom: 3rem;
     clear: both;
}
 #collection-single .articles-list {
     padding-top: 1rem;
     margin-top: 0 
}
 #article-single {
     zoom: 1 
}
 #article-single .article-single--iab-large, #article-single .article-single--share, #filter .hot--nav {
     display: none 
}
 #article-single .article-single--content {
     position: relative;
     padding-top: 3rem 
}
 #article-single .article-single--excerpt .fieldContent {
     text-align: center;
     text-transform:inherit;
     font-family: Knockout;
     color: #434a54;
     font-size: 44px;
     font-size: 4.4rem;
     line-height: 40px;
     line-height: 4rem 
}
 #article-single .fieldContent img {
     width: 100%;
     height: auto 
}
 #article-single .article-single--text-contributor {
     max-height: 1030px;
     max-height: 103rem;
     overflow-y: hidden 
}
 #article-single aside.sticky-blocked {
     position: absolute;
     right: 0 
}
 lesshat-selector {
     -lh-property: 0 
}
 .article-up-next--old-wrapper~#article-single {
     margin-top: 0;
     opacity: 0;
     -webkit-animation: translateWrapper 1.2s ease forwards;
     -moz-animation: translateWrapper 1.2s ease forwards;
     -o-animation: translateWrapper 1.2s ease forwards;
     animation: translateWrapper 1.2s ease forwards;
     display: none 
}
 #filter .iab {
     margin: 3rem auto;
    /*width: 300px;
    */
     width: 100%;
     min-height: 1px;
     height: auto 
}
 .image-caption {
     font-size: 18px;
     color: #c4c4c4 
}
 .about-us-content {
     font-size: 1.4rem;
     line-height: 22px;
     line-height: 2.2rem;
     color: #151618;
     display: block;
     width: 40%;
     margin: 0 auto;
     text-align: center 
}
 .about-us-content h2 {
     font-size: 3rem;
     font-weight: 700;
     color: #000;
     padding: 60px 0 20px 
}
 .about-us-content h3 {
     font-size: 2rem;
     color: #000;
     padding: 10px 0 
}
 #mob-form-get-vmail {
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background: #fff;
     z-index: 99;
     display: none 
}
 #mob-form-get-vmail form {
     margin-left: 50px 
}
 #mob-form-get-vmail form input {
     font-size: 2.6rem;
     line-height: 3.6rem;
     font-family: HelveticaNeue;
     font-weight: 700;
     color: #434a54;
     border: none 
}
 #mob-form-get-vmail form input:active, #mob-form-get-vmail form input:focus {
     border: none;
     outline: 0 
}
 #mob-form-get-vmail .close-mob {
     display: block;
     position: relative;
     float: right;
     margin: -35px 13px 0 0 
}
 .lazyload.article-item--preview {
     background-size: cover;
     height: 1px;
     background-position: center center;
     background-repeat: no-repeat 
}
 .page-covers .lazyload.article-item--preview {
     height: 380px 
}
 #explore span {
     -webkit-transition: all .4s ease-in-out;
     -moz-transition: all .4s ease-in-out;
     -o-transition: all .4s ease-in-out;
     transition: all .4s ease-in-out;
     transform: rotate(0);
     -webkit-transform: rotate(0);
     -moz-transform: rotate(0);
     -o-transform: rotate(0);
     -ms-transform: rotate(0) 
}
 #explore span.active {
     transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     -ms-transform: rotate(45deg) 
}
 .infoBlock {
     width: 100%;
     text-align: center 
}
 .rsMinW .rsBullets {
     bottom: 20px!important;
     bottom: 2rem!important 
}
 .title-ellipse {
     display: -webkit-box;
     max-height: 170px;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis 
}
 .search--part {
     display: none 
}
 .search-open .search--part {
     display: block 
}
 .vertical-center {
     height: 288px 
}
 .vertical-center h2 {
     position: relative;
     top: 100%;
     transform: translateY(-100%);
     -webkit-transform: translateY(-100%);
     -ms-transform: translateY(-100%);
     -moz-transform: translateY(-100%);
     padding-bottom: 27px!important 
}
 .infoBlockLeftBlack {
     margin-top: -80px 
}
#footer_2019 {
	position: relative;
	width: 100%;
	background-color: #fff;
	color: #000;
	text-align: center;
	padding: 20px 0
     ;
}
#footer_2019 p {
	text-align: center;
	font-family: HelveticaNeue, Courier, serif;
	font-size: 1.4rem;
	text-transform: uppercase;
}
#footer_2019 a {
	color: #000;
}
#footer_2019 a:hover {
	color: #fb557d;
}
 @media only screen and (min-device-width :768px) and (max-device-width :992px) {
     .overlay#search {
         position: fixed;
         left: 100vw;
         top: 0 
    }
     #hot .hot--position, #hot1 .hot--position {
         position: absolute;
         right: 10px;
         right: 1rem;
         width: calc(100% - 10px);
         height: 3px;
         height: .3rem;
         top: 8rem;
         background-color: #ececec 
    }
     #hot .article-item, #hot1 .article-item {
         margin-right: 1rem;
         margin-left: 0 
    }
     #hot .hot--slideshow, #hot1 .hot--slideshow {
         margin-top: 7rem;
         width: 32rem 
    }
     #hot .hot--header, #hot-test .hot--header, #hot1 .hot--header {
         position: absolute;
         z-index: 1;
         width: 100%;
         height: 100px;
         height: 10rem;
         padding-top: 0;
         left: 0;
         top: 0;
         font-size: 60px;
         font-size: 6rem;
         font-family: Knockout;
         text-transform: uppercase;
         text-align: center;
         font-weight: 700;
         background-size: 100%;
         color: #000 
    }
}
 @media only screen and (min-device-width :768px) and (max-device-width :1024px) {
     #search .search--inner-inner{
         display:none;
    }
     .search-open #search .search--inner-inner{
         display:block;
    }
     .customadd, .customadd img {
         max-width: 970px;
         max-height: 250px 
    }
     .customaddtabportrait {
         display: block;
    }
     .bx-wrapper .bx-controls-direction, .verticalcustomaddmobile {
         display: none 
    }
     .bx-wrapper .bx-viewport {
         left: 0 
    }
     #hot-test .bx-wrapper .bx-viewport {
         left: 14px 
    }
     #hot-test .bx-wrapper .bx-pager.bx-default-pager a {
         background: 0 0;
         text-indent: -9999px;
         display: block;
         width: 15px;
         height: 15px;
         margin: 0 5px;
         outline: 0;
         border: 1px solid #000;
         -moz-border-radius: 50%;
         -webkit-border-radius: 50%;
         border-radius: 50% 
    }
     #hot-test .bx-wrapper .bx-pager.bx-default-pager a.active, #hot-test .bx-wrapper .bx-pager.bx-default-pager a:hover {
         background: #000 
    }
     body.main-menu-open #main-menu .main-menu--overlay {
         height: 100% 
    }
     .page-cover .page-cover--content {
         width: 60rem 
    }
     .articles-list .article-item {
         margin-bottom: 2.2rem 
    }
     .page-cover--subtitle {
         font-size: 16px;
         font-size: 1.6rem;
         padding-left: 2.8%;
         font-weight: 700;
         float: left;
         width: 100%;
         margin-bottom: 35px 
    }
     #article-single .page-cover .page-cover--title, #collection-single .page-cover .page-cover--title, #collections .page-cover .page-cover--title {
         color: #000 
    }
     #article-single .article-single--content {
         padding-top: 3rem 
    }
     .article-single--extra-credits {
         margin-top: 2rem;
         margin-bottom: 2rem;
         width: 500px;
         width: 50rem;
         padding-left: 2.8% 
    }
     .article-single--extra-credits.article-last-credit {
        /*padding-left: 0;
        */
         float: left 
    }
     .article-last-credit:before {
         left: 0 
    }
     .article-single--extra-credits:before {
         top: -12px;
         left: 20px;
         left: 2rem;
         width: 42px;
         width: 4.2rem;
         height: 1px;
         height: .1rem 
    }
     .customadd {
         min-width: 728px;
         height: auto;
         min-height: 90px;
         margin: 3rem auto;
         position: relative 
    }
     .customadd img {
         object-fit: contain;
        /*position: absolute;
         left: 50%;
         top: 50%;
         transform: translateX(-50%) translateY(-50%);
         -webkit-transform: translateX(-50%) translateY(-50%);
         -moz-transform: translateX(-50%) translateY(-50%)*/
    }
     #header.reduced .search-link {
         top: 10px!important 
    }
     #search .search--form form input {
         font-size: 6rem!important;
         line-height: 3rem!important 
    }
     #search .search--form form button#explore {
         font-size: 3rem!important 
    }
     .vertical-center h2 {
         padding-bottom: 35px!important 
    }
     .infoBlockLeftBlack {
         margin-top: -70px 
    }
     .fieldContent-image--footer.outer-caption {
         clear: both;
         left: 0 
    }
     .fieldContent-gallery-preview--start {
         right: 0;
         bottom: -10px;
    }
}
 @media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation:landscape) {
     .page-cover--subtitle:after {
         content: '';
         position: absolute;
         height: 1px;
         width: 42px;
         background: red;
         left: 0;
         right: 0;
         margin: 29px 0 0 
    }
     .search-link.opensearch img.searchicon {
         display: none 
    }
     .search-link img.searchicon {
         margin-top: -2px 
    }
     .search-link.opensearch img.closeicon {
         display: inline-block!important;
         margin-top: -2px 
    }
     body.search-open .overlay#search {
         height: 7rem;
         overflow: visible 
    }
     .overlay#search.full, .overlay.results.searched#search {
         height: 100vh!important 
    }
     #search .search--form {
         width: calc(100% - 227px);
         margin-top: 10px 
    }
     #search .search--form form input {
         font-size: 30px!important;
         font-size: 3rem!important;
         width: 85%;
         margin-right: 0;
         text-align: left 
    }
     #search .search--form form button#explore {
         width: 15%;
         float: right;
         border: none;
         padding: 0;
         outline: 0;
         font-size: 3.6rem;
         line-height: 3.6rem;
         font-family: HelveticaNeue;
         color: #cfcfcf;
         background-color: transparent;
         cursor: pointer 
    }
     .search--suggestions {
         display: -webkit-box;
         display: -moz-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-pack: space-between;
         -moz-box-pack: justify;
         -webkit-justify-content: justify;
         -ms-flex-pack: space-between;
         justify-content: space-between;
         margin-top: 6%;
         width: 100%;
         align-items: stretch 
    }
     .search--suggestion-item {
         height: 60px;
         height: 6rem;
         display: -webkit-box;
         display: -moz-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex 
    }
     div#search.overlay.v-effect.landing {
         top: 15.5rem 
    }
     .reduced div#search.overlay.v-effect.landing {
        /*top: 5rem;
        */
         top: 4.9rem;
         margin-top: 0 
    }
     div#search.overlay.v-effect.landing .search--suggestions {
         visibility: hidden 
    }
     div#search.overlay.v-effect.landing.full .search--suggestions {
         visibility: visible 
    }
}
 @media (orientation:portrait) {
     body.no-minimal-ui .gallery {
         height: calc(100vh - 55px) 
    }
}
 @media (orientation:landscape) {
     body.no-minimal-ui .gallery {
         height: calc(100vh - 40px) 
    }
}
 @media only screen and (min-width:360px) {
     .bg-mobile {
         display: none 
    }
}
 @media only screen and (min-width:360px) and (max-width:839px) {
     .bg-tablet {
         display: inline 
    }
     .overlay#search {
         position: fixed;
         left: 100vw;
         top: 0 
    }
}
 @media only screen and (min-width:768px) {
     #header .header--logo, .desktopexcerpt {
         display: block 
    }
     .mobexcerpt {
         display: none 
    }
     #hot .article-item--preview, #hot1 .article-item--preview {
         padding-top: 59% 
    }
     .page-cover .page-cover--content {
         bottom: 65px;
         bottom: 6.5rem 
    }
     .page-covers--nav {
         bottom: 40px;
         bottom: 4rem 
    }
     .collections-highlight--collection .collections-highlight--preview, .contributors-section .collections-highlight--collection .collections-highlight--preview {
         padding-top: 58% 
    }
     #article-single .article-single--text-contributor {
         max-height: 480px;
         max-height: 48rem 
    }
}
 @media only screen and (min-width:768px) and (max-width:840px) {
     .gallery--btn-expand-caption {
         display: none!important 
    }
     .overlay#search {
         position: fixed;
         left: 100vw;
         top: 0 
    }
     body.search-open .overlay#search {
         height: 100% !important;
    }
     #search .close {
         top: 5.5rem !important;
    }
     .search--results form {
         margin-top: 3.4rem !important;
    }
}
 @media only screen and (min-width:769px) and (max-width:991px) {
     .main-menu--wrapper {
         top: 0 
    }
}
 @media only screen and (min-width:840px) and (max-width:1279px) {
     .customadd, .customadd img {
         max-width: 970px;
         max-height: 250px 
    }
     .bg-tabletLand {
         display: inline 
    }
     #secondary-menu ul li.shopping_cart {
         padding-right: 8rem 
    }
     #article-single .article-single--share .icon-share, #article-single .article-single--share .share-icon, #article-single .article-single--share .share-icon-btn {
         width: 41px;
         width: 4.1rem;
         height: 41px;
         height: 4.1rem 
    }
     #article-single .article-single--share .icon-share {
         clip: rect(10px,35px,35px,10px);
         top: -2px;
         top: -.2rem 
    }
     #article-single .article-single--share .share-icon {
         font-size: 17px;
         font-size: 1.7rem 
    }
     #article-single .article-single--share .icon-twitter {
         font-size: 15px;
         font-size: 1.5rem;
         top: 13px;
         top: 1.3rem 
    }
     body.main-menu-open #header.reduced main-menu--link, body.main-menu-open .main-menu--link {
         bottom: -40px;
         bottom: -4rem;
         top: 0!important 
    }
     body.main-menu-open #main-menu .close {
         opacity: 1;
         pointer-events: auto;
         -webkit-transition: bottom .3s ease 0s, opacity .3s ease .2s;
         -moz-transition: bottom .3s ease 0s, opacity .3s ease .2s;
         -o-transition: bottom .3s ease 0s, opacity .3s ease .2s;
         transition: bottom .3s ease 0s, opacity .3s ease .2s;
         top: 0 
    }
     body.custom-menu-open #main-menu .close1 {
         opacity: 1;
         pointer-events: auto;
         -webkit-transition: bottom .3s ease 0s, opacity .3s ease .2s;
         -moz-transition: bottom .3s ease 0s, opacity .3s ease .2s;
         -o-transition: bottom .3s ease 0s, opacity .3s ease .2s;
         transition: bottom .3s ease 0s, opacity .3s ease .2s 
    }
     #main-menu .close1 {
         display: block;
         pointer-events: none;
         opacity: 0;
         left: 19px;
         left: 1.9rem;
         bottom: -467px;
         bottom: -46.7rem;
         -webkit-transition: bottom .3s ease 0s, opacity .3s ease 0s;
         -moz-transition: bottom .3s ease 0s, opacity .3s ease 0s;
         -o-transition: bottom .3s ease 0s, opacity .3s ease 0s;
         transition: bottom .3s ease 0s, opacity .3s ease 0s 
    }
     #header.reduced #main-menu .close1 {
         bottom: -360px;
         bottom: -36rem 
    }
    /*
     #secondary-menu ul li:last-child {
         margin-right: 4.8rem 
    }
    */
     #header.reduced #secondary-menu ul li.shopping_cart a:after {
         height: 40% 
    }
     .customadd {
         min-width: 728px;
         height: auto;
         min-height: 90px;
         margin: 3rem auto;
         position: relative 
    }
     .customadd img {
         object-fit: contain;
         width: 100%;
        /*position: absolute;
         left: 50%;
         top: 50%;
         transform: translateX(-50%) translateY(-50%);
         -webkit-transform: translateX(-50%) translateY(-50%);
         -moz-transform: translateX(-50%) translateY(-50%)*/
    }
     .verticalcustomadd, .verticalcustomadd-article, .verticalcustomadd3, .verticalcustomadd4, .verticalcustomadd5, verticalcustomadd2 {
         display: none!important 
    }
     .hotvwrapper {
         padding: 4rem 0 1rem!important;
         position: relative 
    }
     #hot, #hot1 {
         padding-top: 6rem;
         margin-bottom: 2rem 
    }
     #hot .hot--header, #hot-test .hot--header, #hot1 .hot--header {
         left: 0;
         left: 0!important;
         top: 0;
         top: 0!important;
         width: 100%!important;
         height: 200px;
         height: 20rem;
         text-align: center!important;
         font-size: 60px;
         font-size: 6rem!important;
         padding-top: 0!important 
    }
     .article-single--text .fieldContent-image+.fieldContent {
         min-height: 30px;
        /*padding: 0 70px 0 10px*/
    }
}
 @media only screen and (min-width:840px) {
     .infoBlock {
         top: 80%!important;
         width: 100%;
         text-align: center 
    }
     body {
         margin-top: 16rem 
    }
     body.gallery-open .v-effect {
         pointer-events:visible;
    }
     .bx-wrapper {
         margin: 0 auto;
         clear: both 
    }
     .page-content, .wrapper {
         margin-left: 5.5rem;
         margin-right: 5.5rem 
    }
     .bx-wrapper .bx-controls-direction a {
         margin-top: -40px!important 
    }
     .verticalcustomaddmobile {
         display: none 
    }
     .floating-wrapper {
         left: 55px;
         left: 5.5rem 
    }
     .page-content {
         padding-top: 3rem 
    }
     .filters-list {
         display: none;
         margin-bottom: 1.5rem 
    }
     .filters-list a {
         font-size: 14px;
         font-size: 1.4rem;
         padding: 1.2rem 1.3rem 1rem 
    }
     .quote {
         min-height: 630px;
         min-height: 63rem;
         margin: 6rem auto 
    }
     .quote blockquote {
         font-size: 90px;
         font-size: 9rem;
         line-height: 80px;
         line-height: 8rem;
         color: #151618 
    }
     .quote blockquote a {
         padding-bottom: 3rem 
    }
     .quote .quote--close, .quote .quote--open {
         font-size: 240px;
         font-size: 24rem;
         line-height: 155px;
         line-height: 15.5rem;
         color: #636669 
    }
     .quote .quote--open {
         -webkit-transform: translate(-40px, 8px);
         -moz-transform: translate(-40px, 8px);
         -o-transform: translate(-40px, 8px);
         -ms-transform: translate(-40px, 8px);
         transform: translate(-40px, 8px) 
    }
     .quote .quote--close {
         -webkit-transform: translate(3px, 74px);
         -moz-transform: translate(3px, 74px);
         -o-transform: translate(3px, 74px);
         -ms-transform: translate(3px, 74px);
         transform: translate(3px, 74px) 
    }
     .quote .quote--author {
         font-size: 50px;
         font-size: 5rem 
    }
     .quote .quote--author:before {
         margin: 1.4rem auto;
         width: 48px;
         width: 4.8rem;
         height: 2px;
         height: .2rem 
    }
     .list-item {
         width: calc(25% - 22.5px);
         text-align: left;
         margin-right: 3rem;
         margin-bottom: 2.5rem 
    }
     .list-item:nth-child(4n+4) {
         margin-right: 0 
    }
     .list-item .list-item--image {
         padding-top: 137% 
    }
     .list-item .list-item--subtitle {
         font-size: 11px;
         font-size: 1.1rem 
    }
     .list-item .list-item--name {
         font-size: 50px;
         font-size: 5rem;
         line-height: 45px;
         line-height: 4.5rem;
         padding-left: 0 
    }
     .close--icon, .close--icon-hover {
         height: 16px;
         height: 1.6rem 
    }
     .close--icon-hover:after, .close--icon-hover:before, .close--icon:after, .close--icon:before {
         width: 30px;
         width: 3rem;
         height: 2px;
         height: .2rem;
         background-color: #5e5e5e 
    }
     .close--icon {
         top: 0;
         left: 0 
    }
     .close--icon:after, .close--icon:before {
         top: 10px;
         top: 1rem;
         left: -4px;
         left: -.4rem 
    }
     #header {
         width: 100%;
         top: -325px;
         top: -32.5rem;
         height: 480px;
         height: 48rem;
         -webkit-transition: top .3s, height .3s;
         -moz-transition: top .3s, height .3s;
         -o-transition: top .3s, height .3s;
         transition: top .3s, height .3s;
         position: fixed 
    }
     #header.reduced {
         height: 374px;
         height: 37.4rem 
    }
     body.main-menu-open #header {
         top: 0 
    }
     #main-menu .main-menu--overlay {
         background-color: #000 
    }
     .main-menu--link, .main-menu-new-link {
         bottom: -142px;
         bottom: -14.2rem;
         top: 43.5rem 
    }
     #header.reduced .main-menu--link, #header.reduced .main-menu-new-link {
         bottom: -40px;
         bottom: -4rem;
         top: 33.5rem 
    }
     #main-menu footer {
         padding: 0 3.2rem;
         -webkit-opacity: .6;
         -moz-opacity: .6;
         opacity: .6 
    }
     #main-menu footer a {
         font-size: 18px;
         font-size: 1.8rem 
    }
     #main-menu .close, #main-menu .close1, .main-menu--link, .main-menu-new-link {
         position: absolute;
         background-color: transparent 
    }
     .main-menu--link:after, .main-menu-new-link:after {
        /*/
        / background-image:url(res/public/small-V-red.png);
        */
         background-position: center bottom;
         background-size: auto auto 
    }
     .main-menu--link .main-menu--link-burger, .main-menu--link .main-menu--link-burger:after, .main-menu--link .main-menu--link-burger:before, .main-menu-new-link .main-menu-new-link-burger, .main-menu-new-link .main-menu-new-link-burger:after, .main-menu-new-link .main-menu-new-link-burger:before {
         width: 25px;
         width: 2.5rem;
         height: 2px;
         height: .2rem 
    }
     .main-menu--link .main-menu--link-burger:before, .main-menu-new-link .main-menu-new-link-burger:before {
         top: -8px;
         top: -.8rem 
    }
     .main-menu--link .main-menu--link-burger:after, .main-menu-new-link .main-menu-new-link-burger:after {
         bottom: -8px;
         bottom: -.8rem 
    }
     body:not(.custom-menu-open) #header.reduced .main-menu-new-link .main-menu-new-link-burger:after, body:not(.custom-menu-open) #header.reduced .main-menu-new-link .main-menu-new-link-burger:before, body:not(.main-menu-open) #header.reduced .main-menu--link .main-menu--link-burger:after, body:not(.main-menu-open) #header.reduced .main-menu--link .main-menu--link-burger:before {
         width: 28px;
         width: 2.8rem;
         height: 2px;
         height: .2rem;
         left: -6px;
         left: -.6rem;
         background-color: #ed5565 
    }
     body.custom-menu-open #main-menu .close1, body.main-menu-open #main-menu .close {
         opacity: 1;
         pointer-events: auto;
         -webkit-transition: bottom .3s ease 0s, opacity .3s ease .2s;
         -moz-transition: bottom .3s ease 0s, opacity .3s ease .2s;
         -o-transition: bottom .3s ease 0s, opacity .3s ease .2s;
         transition: bottom .3s ease 0s, opacity .3s ease .2s 
    }
     body:not(.custom-menu-open) #header.reduced .main-menu-new-link .main-menu-new-link-burger:before, body:not(.main-menu-open) #header.reduced .main-menu--link .main-menu--link-burger:before {
         top: -5px;
         top: -.5rem 
    }
     body:not(.custom-menu-open) #header.reduced .main-menu-new-link .main-menu-new-link-burger:after, body:not(.main-menu-open) #header.reduced .main-menu--link .main-menu--link-burger:after {
         bottom: -4px;
         bottom: -.4rem 
    }
     body.main-menu-open #main-menu .main-menu--link-burger, body.main-menu-open #main-menu .main-menu--link-burger:after, body.main-menu-open #main-menu .main-menu--link-burger:before {
         background-color: #616161 
    }
     body.custom-menu-open #main-menu .main-menu-new-link-burger, body.custom-menu-open #main-menu .main-menu-new-link-burger:after, body.custom-menu-open #main-menu .main-menu-new-link-burger:before {
         background-color: #313131;
         opacity: 0;
         -webkit-transition: all .3s, opacity .3s linear .3s;
         -moz-transition: all .3s, opacity .3s linear .3s;
         -o-transition: all .3s, opacity .3s linear .3s;
         transition: all .3s, opacity .3s linear .3s 
    }
     .main-menu--wrapper .menu-main-menu-container {
         position: relative;
         width: 780px;
         width: 78rem;
         -webkit-column-count: 2;
         -moz-column-count: 2;
         -ms-column-count: 2;
         column-count: 2;
         margin: 0 auto 
    }
     .main-menu--wrapper ul li {
         margin-bottom: 3rem 
    }
     .main-menu--wrapper ul li:last-child {
         margin-bottom: 0 
    }
     .main-menu--wrapper ul li:nth-child(n+4) {
         margin-right: 3.5rem 
    }
     .main-menu--wrapper ul a {
         color: #fff;
         font-size: 90px;
         font-size: 9rem 
    }
     #main-menu .main-menu--logo {
         display: block;
         z-index: 1;
         position: absolute;
         height: 100%;
         width: 100%;
         background: url(../../../wp-content/themes/vmagazine/res/public/V-big.png) center no-repeat 
    }
     #main-menu .main-menu--background {
         position: absolute;
         top: 0;
         left: 0;
         height: 100%;
         width: 100% 
    }
     #secondary-menu {
         display: block;
         position: absolute;
         bottom: 0;
         width: 100%;
         text-align: center 
    }
     .search-link {
         right: 18px;
         right: 1.8rem;
         position: fixed;
         top: 105px;
         top: 11.5rem;
         width: 45px;
         width: 4.5rem;
         height: 2.4rem;
         border-left: 1px solid #fb557d 
    }
     .get-mail {
         right: 5rem;
         border-right: 1px solid #fb557d 
    }
     .search-link .icon-manifying-glass-bold {
         font-size: 26px;
         font-size: 2.6rem;
         line-height: 44px;
         line-height: 4.4rem 
    }
     .search-link .icon-manifying-glass-bold:before {
         content: '\e804' 
    }
     #header.reduced .search-link {
         top: 14px 
    }
     body.main-menu-open .search-link {
         display: none 
    }
     #search:before {
         border-color: transparent #f9f9f9 transparent transparent 
    }
     #search.exterior .search--inner-inner {
         -webkit-transition: none;
         -moz-transition: none;
         -o-transition: none;
         transition: none;
         left: -200vw 
    }
     #search.exterior .search--part-middle {
         opacity: 0 
    }
     #search .search--inner {
         position: relative 
    }
     #search .search--inner-inner {
         left: 0;
         width: 300vw;
         position: relative;
         -webkit-transition: left 1s;
         -moz-transition: left 1s;
         -o-transition: left 1s;
         transition: left 1s;
         height: 100vh 
    }
     #search .close {
         right: 30px;
         right: 3rem;
         top: 25px;
         top: 2.5rem;
         display: none 
    }
     body.search-open .search--form form {
         -webkit-transform: translateY(20px);
         -moz-transform: translateY(20px);
         -o-transform: translateY(20px);
         -ms-transform: translateY(20px);
         transform: translateY(20px);
         opacity: 0;
         -webkit-animation: upAndFadeIn .5s forwards .5s;
         -moz-animation: upAndFadeIn .5s forwards .5s;
         -o-animation: upAndFadeIn .5s forwards .5s;
         animation: upAndFadeIn .5s forwards .5s 
    }
     body.gallery-open .gallery--img-wrapper, body.search-open .search--suggestions {
         -webkit-transform: translateY(50px);
         -moz-transform: translateY(50px);
         -o-transform: translateY(50px);
         -ms-transform: translateY(50px) 
    }
     body.search-open .search--suggestions {
         opacity: 0;
         transform: translateY(50px);
         -webkit-animation: upAndFadeIn .8s forwards .6s;
         -moz-animation: upAndFadeIn .8s forwards .6s;
         -o-animation: upAndFadeIn .8s forwards .6s;
         animation: upAndFadeIn .8s forwards .6s 
    }
     body.search-open .share-social-buttons .share-icon, body.search-open .share-social-buttons .share-icon-btn {
         background-color: #f9f9f9 
    }
     .search--autocomplete li {
         display: inline-block;
         -webkit-transform: translate(50px, 0);
         -moz-transform: translate(50px, 0);
         -o-transform: translate(50px, 0);
         -ms-transform: translate(50px, 0);
         transform: translate(50px, 0) 
    }
     .search--autocomplete li:first-child {
         margin-left: 1.5rem;
         margin-top: 0 
    }
     #search .search--form {
         width: calc(100% - 130px) 
    }
     #search .search--form form input {
         font-size: 30px;
         font-size: 3rem;
         width: 85%;
         margin-right: 0;
         text-align: left 
    }
     #search .search--form form button#explore {
         width: 36px;
         height: 36px;
         float: right;
         border: 1px solid;
         border-radius: 50%;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         padding: 0px 1px 3px 0px;
         outline: 0;
         font-size: 3.3rem;
         line-height: 0;
         font-family: HelveticaNeue;
         color: #000;
         background-color: transparent;
         cursor: pointer 
    }
     .search--suggestions {
         display: -webkit-box;
         display: -moz-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-pack: space-between;
         -moz-box-pack: justify;
         -webkit-justify-content: justify;
         -ms-flex-pack: space-between;
         justify-content: space-between;
         margin-top: 6%;
         width: 100%;
         align-items: stretch 
    }
     .search--suggestion-item {
         height: 60px;
         height: 6rem;
         display: -webkit-box;
         display: -moz-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex 
    }
     .search--suggestion-preview {
         width: 100px;
         width: 10rem 
    }
     .search--results header {
         padding-top: 1.4rem;
         padding-bottom: 1.4rem;
         border-bottom: 1px solid #cfcfcf 
    }
     #hot, #hot1, .search--results input {
         padding-bottom: 1rem 
    }
     .search--results h2 {
         display: block;
         font-size: 32px 
    }
     .icon-manifying-glass-bold:before {
         margin-left: 0!important 
    }
     .search--results form {
         margin-top: .9rem 
    }
     .search--results form .glass {
         top: 0;
         left: 193px;
         left: 19.3rem;
         font-size: 20px 
    }
     .search--results-scroll {
         height: calc(100vh - 189px) 
    }
     #search .search--part {
         display: block;
         width: 100vw;
         height: 99vh;
         float: left;
         position: relative;
         border-top: 0px solid #ccc 
    }
     #search .search--part-middle {
         display: block 
    }
     body.search-open #search .search--part-middle:before {
         display: block;
         background: url(../../../wp-content/themes/vmagazine/res/public/loading_pink.gif) 
    }
     #hot, #hot1 {
         padding-left: 0;
         margin-bottom: 4rem 
    }
     #hot1:after, #hot:after {
         top: 20px;
         top: 2rem;
         left: 20px;
         left: 2rem;
         border-width: 0 127px 0 0;
         width: 20px;
         width: 2rem 
    }
     #hot1:before, #hot:before {
         display: none 
    }
     #hot .hot--header, #hot1 .hot--header {
         left: 3px;
         left: .3rem;
         top: 19px;
         top: 1.9rem;
         width: 153px;
         width: 15.3rem;
         height: 200px;
         height: 20rem;
         font-size: 110px;
         font-size: 11rem;
         padding-top: 1rem;
         line-height: .85;
    }
     #hot-test .hot--header {
         left: 3px;
         left: .3rem;
         top: 25px;
         top: 2.5rem!important;
         width: 153px;
         width: 15.3rem;
         height: 200px;
         height: 20rem;
         font-size: 110px;
         font-size: 11rem;
         padding-top: 1rem 
    }
     #hot-test .hot--slideshow {
         margin-top: 6rem 
    }
     #hot .hot--slideshow, #hot1 .hot--slideshow {
         overflow: hidden;
         margin: 0 1.5rem 
    }
     #hot .hot--slideshow-inner, #hot1 .hot--slideshow-inner {
         width: calc(2348px);
         -webkit-transition-duration: .6s;
         -moz-transition-duration: .6s;
         -o-transition-duration: .6s;
         transition-duration: .6s 
    }
     body.ie #hot .hot--slideshow-inner, body.ie #hot1 .hot--slideshow-inner {
         width: 3000px!important 
    }
     #hot .hot--position, #hot1 .hot--position {
         bottom: 0;
         height: 5px;
         height: .5rem;
         width: calc(100% - 65px);
         right: 25px;
         right: 2.5rem 
    }
     #hot .article-item, #hot1 .article-item {
         width: 238px;
         margin: 0;
         display: inline-block;
         padding-left: 20px 
    }
     #article-single .article-single--more-position, .page-cover .page-cover--type, .page-covers--inner.slideshow .page-cover--subtitle {
         display: none 
    }
     #hot .article-item:last-child .article-item--preview, #hot1 .article-item:last-child .article-item--preview {
         width: 238px;
         margin: 0 
    }
     #hot .article-item--preview, #hot1 .article-item--preview {
         width: 100% 
    }
     #hot .article-item--title, #hot1 .article-item--title {
         padding-top: .5rem;
         padding-right: 3rem;
         font-size: 50px;
         font-size: 5rem;
         max-height: 225px;
         max-height: 22.5rem 
    }
     .page-covers {
         height: 380px 
    }
     .page-covers--inner.slideshow .page-cover--content {
         bottom: 65px;
         bottom: 6.5rem;
         width: 100%;
         padding: 0 5rem;
         text-align: center;
         background: 0 0 
    }
     .page-covers--inner.slideshow .page-cover--title {
         margin-bottom: 0;
         font-size: 80px;
         font-size: 8rem;
         line-height: 70px;
         line-height: 7rem 
    }
     .page-cover .page-cover--content {
         bottom: 0;
         width: auto;
         padding: 4.2rem 3rem 0;
         text-align: left;
         background-color: #fff 
    }
     .page-cover .page-cover--title {
         max-height: auto;
         margin-bottom: 1.6rem;
         margin-right: auto;
         margin-left: auto;
         padding: 0;
         font-size: 70px;
         font-size: 7rem;
         line-height: 60px;
         line-height: 6rem;
         font-weight: 700;
         text-align: center 
    }
     .page-cover .page-cover--subtitle {
         font-size: 12px;
         font-size: 1.2rem;
         color: #c4c4c4;
         opacity: 1;
         text-transform: none;
         font-family: Helvetica 
    }
     .contributortext, .moretolovesection .collections-highlight h3, .subscribe h3 {
         font-family: Knockout 
    }
     .contributortext {
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translateX(-50%) translateY(-50%);
         -webkit-transform: translateX(-50%) translateY(-50%);
         -moz-transform: translateX(-50%) translateY(-50%);
         color: #fff;
         z-index: 99;
         font-size: 80px;
         font-size: 8rem;
         line-height: 7rem;
         text-transform: uppercase 
    }
     .page-covers--inner:not(.slideshow) .page-cover--content {
         left: 55px;
         left: 5.5rem;
         -webkit-transform: translateX(0);
         -moz-transform: translateX(0);
         -o-transform: translateX(0);
         -ms-transform: translateX(0);
         transform: translateX(0) 
    }
     .page-covers--nav {
         bottom: 20px;
         bottom: 2rem 
    }
     .page-covers--nav li {
         background: 0 0;
         margin-right: .7rem;
         width: 16px;
         width: 1.6rem;
         height: 16px;
         height: 1.6rem 
    }
     .page-covers--nav li.active {
         background: 0 0 
    }
     .page-covers--nav li.active span::after {
         -webkit-transform: scale(1);
         -moz-transform: scale(1);
         -o-transform: scale(1);
         -ms-transform: scale(1);
         transform: scale(1) 
    }
     .page-covers--nav li span {
         -webkit-box-shadow: inset 0 0 0 2px #fff;
         -moz-box-shadow: inset 0 0 0 2px #fff;
         box-shadow: inset 0 0 0 2px #fff;
         -webkit-transition: opacity .3s ease;
         -moz-transition: opacity .3s ease;
         -o-transition: opacity .3s ease;
         transition: opacity .3s ease 
    }
     .page-covers .slideshow-next, .page-covers .slideshow-prev {
         cursor: pointer;
         left: 0 
    }
     .page-covers .slideshow-next:after, .page-covers .slideshow-next:before, .page-covers .slideshow-prev:after, .page-covers .slideshow-prev:before {
         width: 30px;
         width: 3rem;
         height: 4px;
         height: .4rem 
    }
     .page-covers .slideshow-next:after, .page-covers .slideshow-prev:after {
         -webkit-transform-origin: left 5px;
         -moz-transform-origin: left 5px;
         -o-transform-origin: left 5px;
         -ms-transform-origin: left 5px;
         transform-origin: left 5px 
    }
     .page-covers .slideshow-next {
         right: 0;
         left: auto 
    }
     .article-up-next--old-wrapper.video:after, .article-up-next--old-wrapper.video:before, .page-covers--inner.video:after, .page-covers--inner.video:before {
         top: 50%;
         font-size: 100px;
         font-size: 10rem 
    }
     #article-single .article-single--more {
         margin-top: 8rem;
         margin-bottom: 3rem;
         padding: 2.2rem 0 1.3rem;
         background-color: #f7f8f9;
         overflow-x: visible 
    }
     #article-single .article-single--more h3 {
         position: absolute;
         top: -26px;
         top: -2.6rem;
         width: 209px;
         width: 20.9rem;
         font-size: 57px;
         font-size: 5.7rem;
         text-align: center;
         color: #151618 
    }
     #article-single .article-single--more-list {
         display: block 
    }
     #article-single .article-single--more-article {
         width: 100%;
         margin-bottom: 1.5rem 
    }
     .page-cover--subtitle {
         font-size: 16px;
         font-size: 1.6rem;
         padding-left: 3rem;
         font-weight: 700;
         margin-bottom: 3rem;
         display: block 
    }
     .article-single--credits, .article-single--extra-credits {
         font-size: 12px;
         font-size: 1.2rem;
         line-height: 12px;
         line-height: 1.2rem 
    }
     .article-single--excerpt+.article-single--credits {
         margin-top: 1.2rem 
    }
     .article-single--credits {
         text-align: left;
         position: relative;
         padding-left: 3rem 
    }
     .article-single--credits:before {
         left: 20px;
         left: 2rem;
         top: 1px;
         top: .1rem;
         height: calc(100% - 3px);
         width: 2px;
         width: .2rem 
    }
     .article-single--extra-credits {
         padding-left: 3rem;
         padding-right: 0;
        /*width: 100%;
        */
        /*width:calc(100% - 300px);
        */
         margin-top: 0;
         float: left 
    }
     .article-single--extra-credits:before {
         top: -12px;
         left: 3px;
         left: 3rem;
         width: 32px;
         width: 3.2rem;
         height: 2px;
         height: .2rem 
    }
     .article-single--subscribe {
         display: block;
         width: 300px;
         width: 30rem;
         right: auto;
         height: 600px;
         max-height: 600px;
         background-color: #f6f6f6 
    }
     .article-item {
         margin-bottom: 1rem 
    }
     .article-item .article-item--preview {
         float: left;
         width: 42.7%;
         margin-right: 1.6rem;
         padding-top: 25.55% 
    }
     .article-item .article-item--wrapper {
         overflow: inherit 
    }
     .article-item .article-item--infos {
         float: right;
         width: calc(60% - 83px);
         padding-right: 0 
    }
     .article-item .article-item--title {
         margin-top: 10px;
    }
     .article-item .article-item--excerpt {
         color: #5e5e5e;
         display: block;
         font-size: 18px;
         font-size: 1.8rem;
         line-height: 22px;
         line-height: 2.2rem;
         margin-top: .7rem;
         max-height:10rem;
    }
     .article-item .article-item--subtitle {
         font-weight: 400;
         font-size: 16px;
         font-size: 1.6rem;
        /*margin-top: 2rem*/
         margin-top: 1rem 
    }
     .article-item .article-item--pubdate {
         display: none 
    }
     .article-item .article-item--share {
         float: left;
         text-align: center 
    }
     .article-item.article-sponsored {
         background-color: #f5f7fa;
         padding: 3.5rem 5.5rem 4rem;
         margin-bottom: 4rem;
         zoom: 1 
    }
     .article-item.article-sponsored:after, .article-item.article-sponsored:before {
         content: "";
         display: table 
    }
     .article-item.article-sponsored:after {
         clear: both 
    }
     .article-item.article-sponsored .article-item--content {
         width: calc(100% - 270px);
         float: left 
    }
     .article-item.article-sponsored .article-item--preview {
         padding-top: 45%;
         width: 100%;
         float: none 
    }
     .article-item.article-sponsored .article-item--infos {
         padding-left: 21%;
         width: 100%;
         float: none 
    }
     .article-item.article-sponsored .article-item--iab {
         float: right 
    }
     .article-item.article-sponsored .share-icon, .article-item.article-sponsored .share-icon-btn {
         background-color: #f5f7fa 
    }
     #article-single .quote {
         margin: 0;
         height: auto;
         min-height: 0;
         padding: 0;
         max-width: 100% 
    }
     #article-single .quote blockquote {
         font-size: 4px;
         font-size: 4rem;
         line-height: 40px;
         line-height: 4rem;
         background: 0 0;
         text-align: left;
         padding: 0 3rem 
    }
     .collections-highlight, .contributors-section .collections-highlight {
         margin-top: 1rem;
         margin-bottom: 3.5rem;
         padding: 4rem 0;
    }
     #article-single .quote .quote--close, #article-single .quote .quote--open, #article-single .quote .quote--spaces {
         display: none 
    }
     .article-up-next--wrapper {
         height: 100vh 
    }
     .article-up-next--old-wrapper {
         height: 48rem 
    }
     .article-up-next--old-wrapper .article-up-next--content p, .article-up-next--wrapper .article-up-next--content p {
         font-size: 60px;
         font-size: 6rem;
         line-height: 50px;
         line-height: 5rem 
    }
     .article-up-next--old-wrapper .article-up-next--content h5, .article-up-next--wrapper .article-up-next--content h5 {
         font-size: 90px;
         font-size: 9rem;
         line-height: 70px;
         line-height: 7rem;
         width: auto;
         overflow: visible 
    }
     .article-up-next--old-wrapper .article-up-next--content .article-up-next--arrow, .article-up-next--wrapper .article-up-next--content .article-up-next--arrow {
         width: 150px;
         width: 15rem;
         height: 60px;
         height: 6rem 
    }
     .article-up-next--old-wrapper .article-up-next--content .article-up-next--arrow i, .article-up-next--wrapper .article-up-next--content .article-up-next--arrow i {
         width: 90px;
         width: 9rem;
         height: 2px;
         height: .2rem;
         left: calc(50% - 45px) 
    }
     .articles-list .article-item {
         margin-left: 5.5rem;
         margin-right: 5.5rem 
    }
     .contributors-section .collections-highlight {
         padding-bottom: 3.3rem 
    }
     .collections-highlight--collection .collections-highlight--preview, .contributors-section .collections-highlight--collection .collections-highlight--preview {
         padding-top: 69% 
    }
     .moretolovesection .collections-highlight {
         margin-top: 2rem;
         margin-bottom: 0;
         background-image: none;
         background-color: #f7f7f7 
    }
     .collections-highlight h2, .contributors-section .collections-highlight h2 {
         font-size: 70px;
         font-size: 7rem;
         text-align: center 
    }
     .moretolovesection .collections-highlight h2 {
         font-size: 70px;
         font-size: 7rem;
         text-align: center;
         color: #000 
    }
     .collections-highlight h2 span {
         display: inline 
    }
     .collections-highlight .collections-highlight--slideshow {
         position: static;
         width: calc(100vw - 110px);
         margin: 0 auto 
    }
     .collections-highlight .collections-highlight--position {
         display: none 
    }
     .collections-highlight--collection {
         width: calc((100% - 40px)/ 3);
         margin-right: 1.9rem;
         -webkit-box-flex: none;
         -moz-box-flex: none;
         -webkit-flex: none;
         -ms-flex: none;
         flex: none 
    }
     .collections-highlight--collection:last-child .collections-highlight--preview {
         width: 100% 
    }
     .collections-highlight--collection h3 {
         font-size: 50px;
         font-size: 5rem;
         text-align: center 
    }
     .contributors-section .collections-highlight h2 span {
         display: inline 
    }
     .contributors-section .collections-highlight .collections-highlight--slideshow {
         position: static;
         width: calc(100vw - 110px);
         margin: 0 auto 
    }
     .contributors-section .collections-highlight .collections-highlight--position {
         display: none 
    }
     .contributors-section .collections-highlight--collection {
         width: calc((100% - 40px)/ 4);
         margin-right: 1.9rem;
         -webkit-box-flex: none;
         -moz-box-flex: none;
         -webkit-flex: none;
         -ms-flex: none;
         flex: none 
    }
     .contributors-section .collections-highlight--collection:last-child .collections-highlight--preview {
         width: 100% 
    }
     .contributors-section .collections-highlight--collection h3 {
         font-size: 50px;
         font-size: 5rem;
         text-align: center 
    }
     .moretolovesection .collections-highlight h3 {
         font-size: 40px;
         font-size: 4rem;
         text-align: center;
         color: #000;
         text-transform: uppercase;
         margin-top: 3rem;
         font-weight: 700 
    }
     .collections-highlight--collection .filters-list, .contributors-section .collections-highlight--collection .filters-list {
         margin-top: 1.5rem;
         margin-bottom: 0;
         text-align: center 
    }
     .moretolovesection .collections-highlight .more-to-love-image {
         background-size: cover;
         background-position: center center;
         width: 100%;
         padding-top: 60% 
    }
     .collections-highlight--collection .filters-list a {
         margin-right: 0;
         margin-bottom: 0;
         padding: 1rem 1.3rem .9rem 
    }
     .contributors-section .collections-highlight--collection .filters-list a {
         margin-right: 0;
         margin-bottom: 0;
         padding: 1rem 1.3rem .9rem 
    }
     #article-single.contributor .article-single--content {
         min-height: 490px;
         min-height: 49rem 
    }
     #article-single.contributor .article-single--excerpt {
         margin-bottom: 1rem;
         max-height: 110px;
         max-height: 11rem 
    }
     .text-fields h1, .text-fields h2, .text-fields h3, .text-fields h4, .text-fields h5, .text-fields h6, .text-fields ol, .text-fields p, .text-fields ul {
         padding: 0 3rem;
         margin-bottom: 1.5rem;
         font-size: 18px;
         font-size: 1.8rem;
         line-height: 22px;
         line-height: 2.2rem 
    }
     .instagram-media, .twitter-tweet{
         margin-left:3rem !important;
    }
     .fieldContent-video {
         margin-left: 3rem;
         margin-bottom: 1.2rem 
    }
     .article-single--text .fieldContent iframe {
         width: 100% 
    }
     .fieldContent-video iframe {
         width: 100% 
    }
     .text-fields .fieldContent a {
         display: inline-block;
         position: relative;
         outline: 0;
         color: inherit;
         vertical-align: top;
         text-decoration: none;
         white-space: nowrap;
         overflow: hidden 
    }
     .text-fields .fieldContent a::after, .text-fields .fieldContent a::before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         -webkit-transition: -webkit-transform .3s;
         -moz-transition: -moz-transform .3s;
         -o-transition: -o-transform .3s;
         transition: -webkit-transform .3s, -moz-transform .3s, -o-transform .3s, transform .3s 
    }
     .text-fields .fieldContent a::before {
         border-top: 1px solid #000;
         background: 0 0;
         -webkit-transition-delay: .3s;
         transition-delay: .3s;
         -webkit-transform: translateY(85%);
         -moz-transform: translateY(85%);
         -o-transform: translateY(85%);
         -ms-transform: translateY(85%);
         transform: translateY(85%) 
    }
     .text-fields .fieldContent a:focus::before, .text-fields .fieldContent a:hover::before {
         -webkit-transition-delay: 0s;
         transition-delay: 0s 
    }
     .text-fields .fieldContent a:focus::after, .text-fields .fieldContent a:focus::before, .text-fields .fieldContent a:hover::after, .text-fields .fieldContent a:hover::before {
         border-top-color: #ed5565 
    }
     .text-fields .fieldContent a::after {
         z-index: -1 
    }
     .text-fields .fieldContent a:focus::after, .text-fields .fieldContent a:hover::after {
         -webkit-transition-delay: .3s;
         transition-delay: .3s 
    }
     .fieldContent-gallery-preview--start {
         padding: .8rem;
        /*display: none*/
    }
     a.fieldContent-gallery-preview--pinit, a.fieldContent-image--pinterest {
         top: 7px;
         top: .7rem;
         padding: .6rem .7rem;
         width: 60px;
         width: 6rem;
         height: 30px;
         height: 3rem;
         font-size: 17px;
         font-size: 1.7rem 
    }
     .fieldContent-image {
         margin: 2.5rem 0 1.5rem 3rem;
         width: 100%;
         float: left 
    }
     .ellipsis--fullcaption, .gallery--caption, .gallery--fullcaption {
         margin-left: 8.5rem;
         margin-top: .7rem;
         margin-right: 1rem;
         font-weight: 700 
    }
     .fieldContent-image--caption {
         font-size: 10px;
         font-size: 1rem;
         line-height: 16px;
         line-height: 1.6rem;
         padding-right: 11rem 
    }
     .overlay {
         -webkit-transition: left .3s;
         -moz-transition: left .3s;
         -o-transition: left .3s;
         transition: left .3s 
    }
     .overlay#search.full {
         height: 100vh!important 
    }
     .overlay.results.searched#search {
         height: 100vh 
    }
     .overlay.v-effect {
         left: 120vw;
         overflow: visible 
    }
     .overlay.v-effect:before {
         content: '';
         display: inline-block;
         position: absolute;
         top: 0;
         left: -20vw;
         width: 0;
         height: 0;
         border-style: solid;
         border-width: 0 0 100vh;
         border-color: transparent #fff transparent transparent 
    }
     .overlay.v-effect .overlay--inner {
         overflow: hidden 
    }
     .gallery {
         background-color: #fff;
         pointer-events: none 
    }
     .gallery .gallery--wrapper {
         overflow: hidden;
         position: absolute;
         height: 100%;
         width: 100% 
    }
     .gallery .gallery--inner {
         opacity: 0;
         -webkit-transition: opacity .3s;
         -moz-transition: opacity .3s;
         -o-transition: opacity .3s;
         transition: opacity .3s;
         -webkit-transition-delay: .5s;
         -moz-transition-delay: .5s;
         -o-transition-delay: .5s;
         transition-delay: .5s;
         width: 100vw;
         height: 100vh 
    }
     .gallery .gallery--inner:after {
         content: '';
         display: block;
         position: absolute;
         z-index: -1;
         top: 10%;
         left: 0;
         width: 68vw;
         height: 80vh;
         opacity: .5;
         pointer-events: none 
    }
     .gallery .gallery--container {
         width: 68%;
         height: 100% 
    }
     .gallery .gallery--slide-wrapper {
         width: 68vw 
    }
     .gallery .gallery--slide .gallery--img-wrapper {
         height: calc(100% - 60px) 
    }
     .gallery .gallery--slide .gallery--slide-footer {
         padding: 0;
         -webkit-transition: -webkit-transform 450ms ease;
         -moz-transition: -moz-transform 450ms ease;
         -o-transition: -o-transform 450ms ease;
         transition: -webkit-transform 450ms ease, -moz-transform 450ms ease, -o-transform 450ms ease, transform 450ms ease 
    }
     .gallery .gallery--slide .gallery--slide-footer:before {
         content: "";
         position: absolute;
         top: 0;
         left: 0;
         width: 68vw;
         height: 250px;
         height: 25rem;
         background-color: transparent;
         z-index: -1 
    }
     .gallery .gallery--slide .gallery--slide-footer:after {
         display: none 
    }
     body.gallery-open .gallery--inner {
         opacity: 1 
    }
     body.gallery-open .gallery--img-wrapper {
         opacity: 0;
         transform: translateY(50px);
         -webkit-animation: upAndFadeIn .5s forwards .6s;
         -moz-animation: upAndFadeIn .5s forwards .6s;
         -o-animation: upAndFadeIn .5s forwards .6s;
         animation: upAndFadeIn .5s forwards .6s 
    }
     body.gallery-open .gallery--article-inner {
         opacity: 0;
         -webkit-transform: translateY(50px);
         -moz-transform: translateY(50px);
         -o-transform: translateY(50px);
         -ms-transform: translateY(50px);
         transform: translateY(50px);
         -webkit-animation: upAndFadeIn .5s forwards .8s;
         -moz-animation: upAndFadeIn .5s forwards .8s;
         -o-animation: upAndFadeIn .5s forwards .8s;
         animation: upAndFadeIn .5s forwards .8s 
    }
     body.gallery-open .gallery .gallery--slide .gallery--slide-footer:before {
         background-color: #fff 
    }
     .gallery--caption {
         display: inline-block;
         height: auto;
         max-height: 53px;
         max-height: 5.3rem;
         padding: 1rem 0;
         font-size: 14px;
         font-size: 1.4rem 
    }
     .gallery--caption.expanded {
         visibility: hidden 
    }
     .gallery--pinit {
         display: inline-block;
         -webkit-box-flex: 0;
         -moz-box-flex: 0;
         -webkit-flex: 0 0 100px;
         -ms-flex: 0 0 100px;
         flex: 0 0 100px 
    }
     .gallery--btn-expand-caption {
         -webkit-box-flex: 0;
         -moz-box-flex: 0;
         -webkit-flex: 0 0 60px;
         -ms-flex: 0 0 60px;
         flex: 0 0 60px 
    }
     .gallery--nav {
         width: 68%;
         height: 60px;
         height: 6rem;
         top: calc(50% - 60px);
         padding: 0 
    }
     .gallery--nav .gallery--nav-next, .gallery--nav .gallery--nav-prev {
         width: 60px;
         width: 6rem;
         height: 60px;
         height: 6rem;
         font-size: 14px;
         font-size: 1.4rem;
         line-height: 60px;
         line-height: 6rem;
         padding: 0;
         background-color: #fff;
         color: #000;
         text-align: center;
         display: none;
    }
     .gallery--nav .gallery--nav-next {
         -webkit-transform: translate(0, 0);
         -moz-transform: translate(0, 0);
         -o-transform: translate(0, 0);
         -ms-transform: translate(0, 0);
         transform: translate(0, 0);
         position: absolute;
         right: 0 
    }
     .gallery--nav .gallery--nav-prev {
         position: absolute;
    }
     .gallery--nav .gallery--nav-index {
         position: fixed;
         bottom: 0;
         left: 0;
         width: 65px;
         width: 6.5rem;
         height: 50px;
         height: 5rem;
         padding-top: .5rem;
         background: #fff;
         text-align: center;
         font-weight: 700;
         font-size: 16px;
         font-size: 1.6rem;
         color: #b1b1b1 
    }
     .gallery--nav .gallery--nav-index .slideshow-index {
         color: #313131 
    }
     .gallery--nav .gallery--nav-index .slideshow-separator {
         position: relative;
         display: inline-block;
         visibility: hidden;
         width: 2px;
         width: .2rem 
    }
     .gallery--nav .gallery--nav-index .slideshow-separator:before {
         content: "/";
         position: absolute;
         visibility: visible;
         left: -2px;
         left: -.2rem;
         top: 0 
    }
     .gallery--nav .gallery--nav-index .slideshow-separator:after {
         content: "";
         position: absolute;
         visibility: visible;
         top: 5px;
         top: .5rem;
         right: -30px;
         right: -3rem;
         width: 1px;
         width: .1rem;
         height: 25px;
         height: 2.5rem;
         background-color: rgba(177,177,177,.5) 
    }
     .gallery .close {
         right: 15px;
         right: 1.5rem;
         top: 15px;
         top: 1.5rem 
    }
     .gallery .close .close--icon:after, .gallery .close .close--icon:before {
         background-color: #5e5e5e 
    }
     .gallery--article {
         display: block;
        /*position: absolute;
        */
         position: relative;
         right: 0;
         width: 32%;
        /*height: 100%;
        */
         height: 85%;
         overflow-y: auto;
         padding: 0rem 1rem 2rem;
         color: #151618;
         background-color: #fff;
         text-transform: none;
         font-family: HelveticaNeue;
         font-size: 20px;
         font-size: 2rem;
         line-height: 24px;
         line-height: 2.4rem 
    }
     .gallery--article .gallery--article-title {
         padding-right: 2rem;
         overflow-y: hidden;
         display: -webkit-box;
         -webkit-line-clamp:3;
         text-overflow: ellipsis;
         max-height: 15rem;
         -webkit-box-orient:vertical;
    }
     .expanded .ellipsis {
         visibility: hidden 
    }
     .ellipsis--fullcaption, .gallery--fullcaption {
         display: inline-block;
         position: absolute;
         height: auto;
         width: calc(100% - 255px);
         left: 0;
         bottom: auto;
         padding: 1rem 0;
         font-size: 14px;
         font-size: 1.4rem;
         opacity: 0 
    }
     .ellipsis--fullcaption.hidden, .gallery--fullcaption.hidden {
         animation-name: fadeOut;
         animation-duration: .3s;
         animation-fill-mode: forwards 
    }
     .ellipsis--fullcaption.visible, .gallery--fullcaption.visible {
         opacity: 1;
         -webkit-transition: opacity .3s ease;
         -moz-transition: opacity .3s ease;
         -o-transition: opacity .3s ease;
         transition: opacity .3s ease 
    }
     .subscribe {
         padding: 3.5rem 0 2.5rem;
         background-image: url(../../../wp-content/themes/vmagazine/res/public/subscribe-bg-large.jpg) 
    }
     .subscribe h2 {
         font-size: 70px;
         font-size: 7rem;
         margin-bottom: 2.5rem 
    }
     .subscribe .subscribe--title-short {
         display: none 
    }
     .subscribe .subscribe--title-long {
         display: block 
    }
     .subscribe .subscribe--slideshow {
         margin-left: 5.5rem;
         margin-right: 5.5rem;
         position: static;
         padding-left: 0 
    }
     .subscribe nav {
         display: none 
    }
     .subscribe .subscribe--item {
         margin-right: 4rem 
    }
     .subscribe a {
         width: calc((100vw - 200px)/ 3) 
    }
     .subscribe .subscribe--cover-image {
         padding-top:calc(1.3*(100vw - 200px)/ 3) 
    }
     .subscribe h3 {
         display: block;
         margin-top: 3rem;
         color: #fff;
         text-transform: uppercase;
         font-size: 50px;
         font-size: 5rem 
    }
     .social:before {
         display: none 
    }
     .social .social--link {
         width: 25% 
    }
     .social .social--link:before {
         top: 35px;
         top: 3.5rem;
         display: block 
    }
     .social .social--link:first-child:before {
         display: none 
    }
     .social .social--count {
         font-size: 70px;
         font-size: 7rem 
    }
     .social .social--legend {
         font-size: 12px;
         font-size: 1.2rem 
    }
     .subscribe-social {
         margin-top: 2rem 
    }
     .subscribe-social .social {
         display: -webkit-box;
         display: -moz-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         background: 0 0;
         width: 840px;
         width: 84rem;
         margin: 5rem auto 
    }
     .article-single--subscribe .article-single--social .social--facebook:after, .article-single--subscribe .article-single--social .social--twitter:after, .subscribe-social .social .social--facebook:after, .subscribe-social .social .social--instagram:after, .subscribe-social .social .social--tumblr:after, .subscribe-social .social .social--twitter:after {
         font-size: 25px;
         font-size: 2.5rem 
    }
     .article-single--subscribe .article-single--social .social--facebook:after, .subscribe-social .social .social--facebook:after {
         font-size: 32px;
         font-size: 3.2rem 
    }
     .subscribe-social .social .social--tumblr {
         -webkit-box-ordinal-group: 4;
         -moz-box-ordinal-group: 4;
         -ms-flex-order: 4;
         -webkit-order: 4;
         order: 4 
    }
     .subscribe-social .social .social--tumblr:after {
         font-size: 32px;
         font-size: 3.2rem 
    }
     .subscribe-social .social .social--instagram {
         -webkit-box-ordinal-group: 3;
         -moz-box-ordinal-group: 3;
         -ms-flex-order: 3;
         -webkit-order: 3;
         order: 3 
    }
     .subscribe-social .social .social--instagram:after {
         font-size: 30px;
         font-size: 3rem 
    }
     #legals .legals--background div {
         width: 100vw;
         height: 100vh;
         background-repeat: no-repeat;
         background-size: cover;
         background-position: center 25% 
    }
     #legals .close {
         left: 20px;
         left: 2rem;
         top: 20px;
         top: 2rem 
    }
     #legals .close--icon-hover:after, #legals .close--icon-hover:before, #legals .close--icon:after, #legals .close--icon:before {
         background-color: #616161 
    }
     #legals .legals--inner {
         height: 100%;
         padding-top: 20vh 
    }
     #legals .legals--titles {
         position: absolute;
         z-index: 5;
         display: block;
         float: left;
         height: 100%;
         padding-left: 6rem;
         padding-right: 5rem 
    }
     #legals .legals--more.visible {
         display: block 
    }
     #legals .ps-scrollbar-y-rail {
         display: block;
         position: absolute;
         right: 15px;
         right: 1.5rem;
         width: 10px;
         width: 1rem;
         background-color: #151618;
         -webkit-border-radius: 5px;
         -webkit-background-clip: padding-box;
         -moz-border-radius: 5px;
         -moz-background-clip: padding;
         border-radius: 5px;
         background-clip: padding-box 
    }
     #legals .ps-scrollbar-y {
         background-color: #313131;
         -webkit-border-radius: 5px;
         -webkit-background-clip: padding-box;
         -moz-border-radius: 5px;
         -moz-background-clip: padding;
         border-radius: 5px;
         background-clip: padding-box;
         position: relative 
    }
     .legals--content {
         margin-top: 0;
         padding-bottom: 0;
         position: relative 
    }
     .legals--content h2, .legals--content h2:before {
         display: none 
    }
     .legals--content h4:first-of-type {
         margin-top: 0 
    }
     .legals--content .fieldContent {
         font-size: 18px;
         font-size: 1.8rem 
    }
     .legals--content .legals--section {
         position: absolute;
         max-height: 225px;
         max-height: 22.5rem;
         max-height: calc(100vh - 280px);
         padding-left: 36rem;
         padding-right: 20rem;
         overflow: hidden;
         border-bottom: 0;
         opacity: 0;
         top: 0;
         pointer-events: none;
         -webkit-transition: opacity .3s;
         -moz-transition: opacity .3s;
         -o-transition: opacity .3s;
         transition: opacity .3s;
         margin-bottom: 0 
    }
     .legals--content .legals--section.open {
         opacity: 1;
         pointer-events: auto 
    }
     .legals--content .legals--section.contact {
         padding-right: 5.6rem;
         width: calc(100vw - 22px) 
    }
     .legals--content .legals--section.contact .legals--section-inner {
         -webkit-column-count: 2;
         -moz-column-count: 2;
         -ms-column-count: 2;
         column-count: 2;
         -webkit-column-gap: 50px;
         -moz-column-gap: 50px;
         column-gap: 50px 
    }
     .legals--content .legals--sub-section {
         -webkit-column-break-inside: avoid;
         page-break-inside: avoid;
         break-inside: avoid-column;
         display: table 
    }
     #newsletter, .list .list--line:after, .list .list--line:before {
         display: none 
    }
     .share-social-buttons .icon-share {
         width: 52px;
         width: 5.2rem;
         height: 52px;
         height: 5.2rem;
         font-size: 52px;
         font-size: 5.2rem;
         clip: rect(10px,40px,40px,10px) 
    }
     .share-social-buttons .share-icon-wrapper {
         height: auto 
    }
     .share-social-buttons .share-icon-wrapper.stickyicon {
         position: fixed;
         top: 50px 
    }
     .share-social-buttons .share-icon-wrapper.stickyicon1 {
         position: absolute;
         top: inherit;
         bottom: -1350px 
    }
     .share-social-buttons .share-icon-wrapper.active .share-icon:nth-child( 1) {
         -webkit-transform: translateX(0);
         -moz-transform: translateX(0);
         -o-transform: translateX(0);
         -ms-transform: translateX(0);
         transform: translateX(0);
         border-top: solid 1px #b1b1b1 
    }
     .share-social-buttons .share-icon-wrapper.active .share-icon:nth-child( 2), .share-social-buttons .share-icon-wrapper.active .share-icon:nth-child( 3), .share-social-buttons .share-icon-wrapper.active .share-icon:nth-child( 4) {
         -webkit-transform: translateX(0);
         -moz-transform: translateX(0);
         -o-transform: translateX(0);
         -ms-transform: translateX(0);
         transform: translateX(0) 
    }
     .share-social-buttons .share-icon-wrapper.active .share-icon {
         -webkit-transform: translateY(0);
         -moz-transform: translateY(0);
         -o-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0) 
    }
     .share-social-buttons .share-icon, .share-social-buttons .share-icon-btn {
         height: 52px;
         height: 5.2rem;
         width: 52px;
         width: 5.2rem;
         line-height: 50px;
         line-height: 5rem;
         border-right: solid 1px #b1b1b1;
         border-top: solid 1px transparent 
    }
     .share-social-buttons .share-icon .icon-facebook {
         top: 13px;
         top: 1.3rem 
    }
     .share-social-buttons .share-icon .icon-twitter {
         top: 18px;
         top: 1.8rem 
    }
     .share-social-buttons .share-icon .icon-mail-alt, .share-social-buttons .share-icon .icon-pinterest {
         top: 13px;
         top: 1.3rem 
    }
     .share-social-buttons .share-icon-btn {
         border-top: solid 1px #b1b1b1;
         display: none 
    }
     #newsletter .newsletter--close {
         right: 55px;
         right: 5.5rem;
         top: 40px;
         top: 4rem 
    }
     #newsletter .newsletter--close-icon:after, #newsletter .newsletter--close-icon:before {
         left: 0;
         width: 30px;
         width: 3rem;
         height: 2px;
         height: .2rem;
         background-color: #5e5e5e 
    }
     .list {
         padding-top: 0;
         margin-top: 4rem 
    }
     .list-ext {
         margin-left: 0;
         margin-right: 0;
         height: 380px;
         height: 38rem 
    }
     #collection-single .articles-list {
         padding-top: 4rem 
    }
     #article-single .article-single--content {
         float: left;
         width: calc(100% - 300px);
         padding-top: 3.8rem 
    }
     #article-single .article-single--share {
         display: block;
         position: absolute;
         left: -46px;
         left: -4.6rem;
         top: auto;
         z-index: 0 
    }
     #article-single .article-single--share .icon-share {
         font-size: 35px;
         font-size: 3.5rem;
         color: #c4c4c4 
    }
     #article-single .article-single--excerpt .fieldContent {
         text-align: left;
         text-transform:inherit;
         font-family: HelveticaNeue;
         color: #151618;
         font-size: 18px;
         font-size: 1.8rem;
         margin-top: 1.8rem;
         line-height: 22px;
         line-height: 2.2rem 
    }
     #article-single .article-single--text-contributor {
         max-height: 870px;
         max-height: 87rem 
    }
     .customadd, .customadd img {
         max-width: 970px;
         max-height: 250px 
    }
     #article-single aside {
         position: relative;
         float: right;
         width: 240px;
         width: 24rem 
    }
     #article-single .article-aside--bottom {
         position: absolute;
         bottom: 25px;
         bottom: 2.5rem;
         right: 0 
    }
     #article-single .article-single--iab-small {
         display: none 
    }
     #article-single .article-single--iab-large {
         margin-top: 4rem;
         height: 400px;
         height: 40rem;
         display: none 
    }
     #filter .iab {
        /*width: 728px;
         width: 72.8rem;
         height: 90px;
         height: 9rem*/
         width: 100%;
    }
     .customadd {
         min-width: 728px;
         height: auto;
         min-height: 0;
         margin: 0 auto 3rem;
         position: relative;
         display: table 
    }
     #mob-form-get-vmail, .customaddmob {
         display: none 
    }
     #home .customadd {
         margin: 3rem auto 
    }
     .customadd img {
         object-fit: contain;
        /*position: absolute;
         left: 50%;
         top: 50%;
         transform: translateX(-50%) translateY(-50%);
         -webkit-transform: translateX(-50%) translateY(-50%);
         -moz-transform: translateX(-50%) translateY(-50%)*/
    }
     .verticalcustomadd, .verticalcustomadd2, .verticalcustomadd3, .verticalcustomadd4, .verticalcustomadd5, .verticalcustomadd6 {
         width: 100%;
         max-width: 300px;
         height: 600px;
         max-height: 600px;
         background-color: transparent;
         position: absolute;
         right: 2rem;
         margin-top: 5rem;
         display: none 
    }
     .hotvwrapper {
         background-color: #f5f5f5;
         padding: 5rem 0 2rem;
         margin-bottom: 3.2rem;
         position: relative;
         z-index: 0 !important;
    }
     .article-last-credit:before {
         content: '';
         position: absolute;
         height: 1px!important;
         width: 42px;
         background: red;
         left: 30px;
         left: 3rem!important 
    }
}
 .royalSlider>*, .rsGCaption, .rsTabs, .rsThumb, .rsThumbs {
     float: left 
}
 @media only screen and (min-width:991px) and (max-width:1024px) {
     body {
         margin-top: 16rem 
    }
     .verticalcustomadd-article {
         display: none 
    }
     .hotvwrapper {
         padding: 4rem 0 5rem!important 
    }
     .collections-highlight {
         padding: 5rem 0 6rem 
    }
     .article-single--text .fieldContent-image+.fieldContent {
        /*margin-top: -41px;
        */
         min-height: 30px;
         padding: 0 70px 0 30px 
    }
     #search .search--form form button#explore {
         line-height: 0 
    }
}
 @media only screen and (min-width:840px) and (max-height:479px) {
     .search--results-scroll {
         padding-bottom: 20rem 
    }
}
 @media only screen and (min-width:1280px) {
     .page-content, .wrapper {
         margin-left: auto;
         margin-right: auto 
    }
     #legals .legals--titles h2:hover, .fieldContent-gallery-preview--start:hover, .legals--content h4:hover, .page-covers--nav li {
         cursor: pointer 
    }
     .bx-wrapper .bx-pager {
         display: none 
    }
     .bg-desktop {
         display: inline 
    }
     #header .header--logo, #main-menu .close, #main-menu .close1, .close--icon-hover, .list-item .list-item--name:before {
         display: block 
    }
     body {
         margin-top: 15.5rem;
         -webkit-transition: margin-top .3s;
         -moz-transition: margin-top .3s;
         -o-transition: margin-top .3s;
         transition: margin-top .3s 
    }
     body.fixed {
         height: auto;
         overflow: visible 
    }
     body.gallery-open #header, body.gallery-open .main-menu--link, body.gallery-open .main-menu--link-burger, body.gallery-open .main-menu--link-burger:after, body.gallery-open .main-menu--link-burger:before, body.gallery-open .main-menu--link:after, body.legals-open #header, body.legals-open .main-menu--link, body.legals-open .main-menu--link-burger, body.legals-open .main-menu--link-burger:after, body.legals-open .main-menu--link-burger:before, body.legals-open .main-menu--link:after, body.search-open #header, body.search-open .main-menu--link, body.search-open .main-menu--link-burger, body.search-open .main-menu--link-burger:after, body.search-open .main-menu--link-burger:before, body.search-open .main-menu--link:after {
         -webkit-transition: none!important;
         -moz-transition: none!important;
         -o-transition: none!important;
         transition: none!important 
    }
     body.main-menu-open {
         margin-top: 48rem;
         overflow: visible 
    }
     .wrapper {
         max-width: 1174px;
         max-width: 117.4rem 
    }
     .floating-wrapper {
         left: calc((100% - 1174px)/ 2);
         max-width: 1174px;
         max-width: 117.4rem 
    }
     .page-content {
         max-width: 1174px;
         max-width: 117.4rem;
         min-height: 80rem 
    }
     .filters-list {
         margin-bottom: 0 
    }
     .filters-list a {
         padding: .7rem .8rem .5rem;
         font-size: 12px;
         font-size: 1.2rem;
         -webkit-transition: color .3s, border-color .3s;
         -moz-transition: color .3s, border-color .3s;
         -o-transition: color .3s, border-color .3s;
         transition: color .3s, border-color .3s 
    }
     .filters-list a:hover {
         color: #ed5565;
         border-color: #ed5565;
         cursor: pointer 
    }
     .quote blockquote:hover .quote--close, .quote blockquote:hover .quote--open, .quote blockquote:hover a {
         color: #c4c4c4 
    }
     .quote {
         max-width: 720px;
         max-width: 72rem;
         margin: 40 auto 6rem;
         min-height: inherit 
    }
     .quote blockquote {
         padding-top: 0;
         background: 0 0;
         position: relative 
    }
     .quote blockquote:hover a:after {
         top: 50%;
         opacity: 1 
    }
     .quote blockquote a:after {
         display: block;
         position: absolute;
         left: 50%;
         -webkit-transform: translate(-50%, -65%);
         -moz-transform: translate(-50%, -65%);
         -o-transform: translate(-50%, -65%);
         -ms-transform: translate(-50%, -65%);
         transform: translate(-50%, -65%);
         top: 75%;
         font-family: fontello;
         content: '\e809';
         font-size: 115px;
         font-size: 11.5rem;
         color: #4099ff;
         -webkit-transition: top .5s, opacity .3s;
         -moz-transition: top .5s, opacity .3s;
         -o-transition: top .5s, opacity .3s;
         transition: top .5s, opacity .3s;
         opacity: 0;
         pointer-events: none 
    }
     .quote blockquote a {
         padding-top: 2.8rem;
         padding-bottom: 3.6rem 
    }
     .quote .quote--close {
         -webkit-transform: translate(3px, 60px);
         -moz-transform: translate(3px, 60px);
         -o-transform: translate(3px, 60px);
         -ms-transform: translate(3px, 60px);
         transform: translate(3px, 60px) 
    }
     .quote .quote--author {
         line-height: 35px;
         line-height: 3.5rem 
    }
     .list-item {
         width: calc(25% - 15px);
         margin-right: 2rem 
    }
     .list-item:nth-child(4n+4) {
         margin-right: 0 
    }
     .list-item .list-item--subtitle {
         font-family: HelveticaNeue;
         text-transform: none;
         font-weight: 700;
         font-size: 16px;
         font-size: 1.6rem;
         margin-top: 1.8rem 
    }
     .list-item .list-item--name {
         font-size: 50px;
         font-size: 5rem;
         line-height: 45px;
         line-height: 4.5rem;
         margin-top: 3.5rem;
         font-weight: 700 
    }
     .close1:hover .close--icon:after, .close1:hover .close--icon:before, .close:hover .close--icon:after, .close:hover .close--icon:before {
         top: 38px;
         top: 3.8rem 
    }
     .close1:hover .close--icon:before, .close:hover .close--icon:before {
         left: 24px;
         left: 2.4rem 
    }
     .close1:hover .close--icon:after, .close:hover .close--icon:after {
         left: -32px;
         left: -3.2rem 
    }
     .close1:hover .close--icon-hover:after, .close1:hover .close--icon-hover:before, .close:hover .close--icon-hover:after, .close:hover .close--icon-hover:before {
         top: -6px;
         top: -.6rem;
         left: -4px;
         left: -.4rem 
    }
     #header {
         top: -325px;
         top: -32.5rem;
         height: 480px;
         height: 48rem;
         -webkit-transition: top .3s, height .3s;
         -moz-transition: top .3s, height .3s;
         -o-transition: top .3s, height .3s;
         transition: top .3s, height .3s 
    }
     #header.reduced {
         height: 374px;
         height: 37.4rem 
    }
     body.main-menu-open #header {
         top: 0 
    }
     #main-menu .main-menu--overlay {
         top: -325px;
         top: -32.5rem;
         height: 325px;
         height: 32.5rem;
         position: static 
    }
     #main-menu footer {
         padding: 0 2rem 
    }
     #main-menu footer a {
         font-size: 14px;
         font-size: 1.4rem 
    }
     .main-menu--link, .main-menu-new-link {
         bottom: -142px;
         bottom: -14.2rem;
         top: auto 
    }
     .main-menu--link:after {
         background-position: center center;
         top: 3.2px 
    }
     .main-menu-new-link:after {
         background-position: center bottom 
    }
     .main-menu--link .main-menu--link-burger:before, .main-menu-new-link .main-menu-new-link-burger:before {
         top: -8px;
         top: -.8rem 
    }
     .main-menu--link .main-menu--link-burger:after, .main-menu-new-link .main-menu-new-link-burger:after {
         bottom: -8px;
         bottom: -.8rem 
    }
     #main-menu .close {
         pointer-events: none;
         opacity: 0;
         left: 38px;
         left: 3.8rem;
         bottom: -137px;
         bottom: -13.7rem;
         -webkit-transition: bottom .3s ease 0s, opacity .3s ease 0s;
         -moz-transition: bottom .3s ease 0s, opacity .3s ease 0s;
         -o-transition: bottom .3s ease 0s, opacity .3s ease 0s;
         transition: bottom .3s ease 0s, opacity .3s ease 0s 
    }
     #main-menu .close1 {
         pointer-events: none;
         opacity: 0;
         left: 19px;
         left: 1.9rem;
         bottom: -137px;
         bottom: -13.7rem;
         -webkit-transition: bottom .3s ease 0s, opacity .3s ease 0s;
         -moz-transition: bottom .3s ease 0s, opacity .3s ease 0s;
         -o-transition: bottom .3s ease 0s, opacity .3s ease 0s;
         transition: bottom .3s ease 0s, opacity .3s ease 0s 
    }
     #header.reduced .main-menu--link, #header.reduced .main-menu-new-link {
         bottom: -40px;
         bottom: -4rem 
    }
     #header.reduced #main-menu .close, #header.reduced #main-menu .close1 {
         bottom: -36px;
         bottom: -3.6rem 
    }
     body:not(.custom-menu-open) #header.reduced .main-menu-new-link .main-menu-new-link-burger:after, body:not(.custom-menu-open) #header.reduced .main-menu-new-link .main-menu-new-link-burger:before, body:not(.main-menu-open) #header.reduced .main-menu--link .main-menu--link-burger:after, body:not(.main-menu-open) #header.reduced .main-menu--link .main-menu--link-burger:before {
         left: -6px;
         left: -.6rem 
    }
     body.custom-menu-open #main-menu .main-menu-new-link-burger, body.custom-menu-open #main-menu .main-menu-new-link-burger:after, body.custom-menu-open #main-menu .main-menu-new-link-burger:before, body.main-menu-open #main-menu .main-menu--link-burger, body.main-menu-open #main-menu .main-menu--link-burger:after, body.main-menu-open #main-menu .main-menu--link-burger:before {
         background-color: #313131;
         opacity: 0;
         -webkit-transition: all .3s, opacity .3s linear .3s;
         -moz-transition: all .3s, opacity .3s linear .3s;
         -o-transition: all .3s, opacity .3s linear .3s;
         transition: all .3s, opacity .3s linear .3s 
    }
     body.custom-menu-open #main-menu .close1, body.main-menu-open #main-menu .close {
         opacity: 1;
         pointer-events: auto;
         -webkit-transition: bottom .3s ease 0s, opacity .3s ease .2s;
         -moz-transition: bottom .3s ease 0s, opacity .3s ease .2s;
         -o-transition: bottom .3s ease 0s, opacity .3s ease .2s;
         transition: bottom .3s ease 0s, opacity .3s ease .2s 
    }
     .main-menu--wrapper {
         -webkit-transform: translate(-50%, 0);
         -moz-transform: translate(-50%, 0);
         -o-transform: translate(-50%, 0);
         -ms-transform: translate(-50%, 0);
         transform: translate(-50%, 0);
         top: 45px;
         top: 4.5rem;
         opacity: 0;
         -webkit-transition: opacity .3s;
         -moz-transition: opacity .3s;
         -o-transition: opacity .3s;
         transition: opacity .3s;
         -webkit-transition-delay: .2s;
         -moz-transition-delay: .2s;
         -o-transition-delay: .2s;
         transition-delay: .2s;
         display: none 
    }
     .main-menu--wrapper ul li {
         margin-bottom: 1.5rem 
    }
     .main-menu--wrapper ul li:nth-child(n+4) {
         margin-right: 3.5rem 
    }
     .main-menu--wrapper ul a {
         display: inline;
         font-weight: 700;
         font-size: 70px;
         font-size: 7rem;
         -webkit-transform: translateZ(0);
         -moz-transform: translateZ(0);
         -o-transform: translateZ(0);
         -ms-transform: translateZ(0);
         transform: translateZ(0) 
    }
     .main-menu--wrapper ul a:before {
         position: absolute;
         content: attr(data-menu-label);
         width: 0;
         overflow: hidden;
         color: #ed5565;
         -webkit-transition: width .2s .2s;
         -moz-transition: width .2s .2s;
         -o-transition: width .2s .2s;
         transition: width .2s .2s;
         text-shadow: 0 0 10px rgba(0,0,0,.5) 
    }
     .main-menu--wrapper ul a:hover:before {
         width: 100% 
    }
     .main-menu--wrapper ul a:after {
         position: absolute;
         left: 0;
         top: 25px;
         top: 2.5rem;
         z-index: -1;
         content: '';
         display: inline-block;
         height: 10px;
         height: 1rem;
         width: 0;
         background-color: #fff;
         -webkit-animation: linkCrossBack .3s linear forwards;
         -moz-animation: linkCrossBack .3s linear forwards;
         -o-animation: linkCrossBack .3s linear forwards;
         animation: linkCrossBack .3s linear forwards 
    }
     .main-menu--wrapper ul a:hover:after {
         z-index: 1;
         -webkit-animation: linkCross .3s linear forwards;
         -moz-animation: linkCross .3s linear forwards;
         -o-animation: linkCross .3s linear forwards;
         animation: linkCross .3s linear forwards 
    }
     body.main-menu-open .main-menu--wrapper {
         opacity: 1 
    }
     #main-menu .main-menu--logo {
         background-image: url(../../../wp-content/themes/vmagazine/res/public/V-medium.png);
         background-position: center 0;
         opacity: 0;
         -webkit-transition: opacity .6s;
         -moz-transition: opacity .6s;
         -o-transition: opacity .6s;
         transition: opacity .6s;
         -webkit-transition-delay: .4s;
         -moz-transition-delay: .4s;
         -o-transition-delay: .4s;
         transition-delay: .4s 
    }
     body.main-menu-open #main-menu .main-menu--logo {
         opacity: 1 
    }
     #secondary-menu li>a {
         font-size: 14px;
         font-size: 1.4rem;
         line-height: 2.4rem;
         padding-bottom: 2rem 
    }
/*     #secondary-menu li>a.active, #secondary-menu li>a:hover {
         border-width: 0 0 5px 
    }*/
     #secondary-menu li>a:hover {
         border-color: #151618 
    }
     #header.reduced #secondary-menu a {
         height: 54px;
         height: 5.4rem 
    }
     #secondary-menu li.buy-v:hover div {
         display: block 
    }
     #secondary-menu li.shopping_cart:hover div {
         display: block!important 
    }
     #secondary-menu li.buy-v>a:hover {
         border-color: #ed5565 
    }
     body.search-open .search--form form {
         margin-top: 60px;
    }
     .search-link {
         top: 11.5rem;
         width: 30px;
         width: 3rem;
         height: 2.4rem 
    }
     .search-link.opensearch img.searchicon {
         display: none 
    }
     .search-link img.searchicon {
         margin-top: -2px 
    }
     .search-link.opensearch img.closeicon {
         display: inline-block!important;
         margin-top: -2px 
    }
     .search-link .icon-manifying-glass-bold {
         color: #434a54;
         font-size: 29px;
         font-size: 2.9rem;
         line-height: 42px;
         line-height: 4.2rem 
    }
     #header.reduced .search-link {
         top: 14px 
    }
     body.main-menu-open .search-link {
         top: 440px;
         top: 44rem;
         display: block 
    }
     #search .search--form {
         margin-left: auto;
         margin-right: auto;
         max-width: 90% 
    }
     .search--suggestions {
        /*margin-top: 4rem*/
         margin-top: 9rem 
    }
     .search--suggestions-col {
         width: calc(33% - 10px) 
    }
     .search--suggestions-shared {
         display: block 
    }
     .search--suggestion-item:hover .search--suggestion-hover {
         width: 100%;
         opacity: .2 
    }
     .search--suggestion-item h4 {
         font-size: 16px;
         font-size: 1.6rem;
         line-height: 20px;
         line-height: 2rem 
    }
     .search--results header {
         padding-top: 1.4rem 
    }
     .search--results h2 {
         font-size: 25px 
    }
     .search--results form {
         margin-right: 5rem 
    }
     .search--results form .glass {
         left: -10px 
    }
     .search--results-infos {
         float: left 
    }
     .search--results-scroll {
         height: calc(100vh - 167px) 
    }
     #hot, #hot1 {
         margin: 0 auto;
         width: 1204px;
         width: 120.4rem;
         padding-left: 1.5rem;
         overflow: visible;
         max-height: 366px;
         max-height: 36.6rem 
    }
     #hot1:after, #hot:after {
         left: -45px;
         left: -4.5rem 
    }
     #hot .hot--header, #hot1 .hot--header {
         left: 10px;
         left: 1rem;
         top: 35px;
         top: 3.5rem;
         width: 100px;
         width: 10rem;
         height: 138px;
         height: 13.8rem;
         padding-top: 3.1rem;
         font-size: 60px;
         font-size: 6rem;
         display: block 
    }
     #hot-test {
         position: relative;
         margin: 0 auto;
         max-width: 1224px;
         max-width: 122.4rem 
    }
     #hot-test .hot--header {
         left: -10px;
         left: -1rem;
         top: 55px;
         top: 5.5rem!important;
         top: 15px;
         top: 1.5rem!important;
         width: 100px;
         width: 10rem;
         height: 138px;
         height: 13.8rem;
         padding-top: 3.1rem;
         font-size: 60px;
         font-size: 6rem;
         display: block 
    }
     #hot-test .hot--slideshow {
         margin-top: 0 
    }
     #hot .hot--slideshow, #hot1 .article-item--title, #hot1 .hot--slideshow #hot .article-item--title {
         padding-top: .5rem;
         padding-right: 3rem;
         font-size: 50px;
         font-size: 5rem;
         max-height: 295px;
         max-height: 29.5rem 
    }
     #hot .hot--slideshow-inner, #hot1 .hot--slideshow-inner {
         left: -12px;
         left: -1.2rem 
    }
     #hot .hot--nav, #hot1 .hot--nav {
         position: absolute;
         top: 116px;
         top: 11.6rem;
         right: -30px;
         right: -3rem;
         width: 30px;
         width: 3rem;
         height: 30px;
         height: 3rem;
         display: block;
         -webkit-border-radius: 5px;
         -webkit-background-clip: padding-box;
         -moz-border-radius: 5px;
         -moz-background-clip: padding;
         border-radius: 5px;
         background-clip: padding-box;
         border: 2px solid #434a54 
    }
     #hot .hot--nav .icon-simple-arrow, #hot1 .hot--nav .icon-simple-arrow {
         display: block;
         width: 100%;
         height: 100%;
         font-size: 12px;
         font-size: 1.2rem;
         line-height: 28px;
         line-height: 2.8rem;
         text-align: center;
         vertical-align: middle;
         color: #434a54;
         margin-left: .2rem;
         -webkit-transition: all .3s;
         -moz-transition: all .3s;
         -o-transition: all .3s;
         transition: all .3s;
         -webkit-transform-origin: 45% 50%;
         -moz-transform-origin: 45% 50%;
         -o-transform-origin: 45% 50%;
         -ms-transform-origin: 45% 50%;
         transform-origin: 45% 50% 
    }
     #hot .hot--nav .icon-simple-arrow:before, #hot1 .hot--nav .icon-simple-arrow:before {
         margin-top: .7rem 
    }
     #hot .hot--position, #hot1 .hot--position {
         display: none 
    }
     #hot .article-item, #hot1 .article-item {
         width: 370px;
         width: 37rem;
         -webkit-transition: -webkit-transform .5s;
         -moz-transition: -moz-transform .5s;
         -o-transition: -o-transform .5s;
         transition: -webkit-transform .5s, -moz-transform .5s, -o-transform .5s, transform .5s 
    }
     #hot .article-item:nth-child( 1), #hot1 .article-item:nth-child( 1) {
         transition-delay: 150ms 
    }
     #hot .article-item:nth-child( 2), #hot1 .article-item:nth-child( 2) {
         transition-delay: 120ms 
    }
     #hot .article-item:nth-child( 3), #hot1 .article-item:nth-child( 3) {
         transition-delay: 90ms 
    }
     #hot .article-item:nth-child( 4), #hot1 .article-item:nth-child( 4) {
         transition-delay: 60ms 
    }
     #hot .article-item:nth-child( 5), #hot1 .article-item:nth-child( 5) {
         transition-delay: 30ms 
    }
     #hot .article-item:nth-child( 6), #hot1 .article-item:nth-child( 6) {
         transition-delay: 0s 
    }
     #hot .article-item:last-child .article-item--preview, #hot1 .article-item:last-child .article-item--preview {
         width: 377px;
         width: 37.7rem 
    }
     #hot .article-item--title, #hot1 .article-item--title {
         text-align: center;
         margin-bottom: .7rem 
    }
     #hot .filters-list, #hot1 .filters-list {
         text-align: center 
    }
     #hot.end .article-item, #hot1.end .article-item {
         -webkit-transform: translateX(-1120px);
         -moz-transform: translateX(-1120px);
         -o-transform: translateX(-1120px);
         -ms-transform: translateX(-1120px);
         transform: translateX(-1120px) 
    }
     #hot.end .article-item:nth-child( 1), #hot1.end .article-item:nth-child( 1) {
         transition-delay: 30ms 
    }
     #hot.end .article-item:nth-child( 2), #hot1.end .article-item:nth-child( 2) {
         transition-delay: 60ms 
    }
     #hot.end .article-item:nth-child( 3), #hot1.end .article-item:nth-child( 3) {
         transition-delay: 90ms 
    }
     #hot.end .article-item:nth-child( 4), #hot1.end .article-item:nth-child( 4) {
         transition-delay: 120ms 
    }
     #hot.end .article-item:nth-child( 5), #hot1.end .article-item:nth-child( 5) {
         transition-delay: 150ms 
    }
     #hot.end .article-item:nth-child( 6), #hot1.end .article-item:nth-child( 6) {
         transition-delay: 180ms 
    }
     .page-covers--title-only {
         position: relative;
         overflow: visible;
         height: 135px;
         height: 13.5rem 
    }
     .collections-highlight, .contributors-section .collections-highlight, .gallery--caption {
         overflow-y: hidden 
    }
     .page-covers--title-only:after {
         content: "";
         position: absolute;
         left: 0;
         bottom: -150px;
         bottom: -15rem;
         width: 100%;
         height: 150px;
         height: 15rem;
         background-color: #fff 
    }
     .page-covers--title-only .page-cover>:not(.page-cover--content) {
         display: none!important 
    }
     .page-cover .page-cover--content {
         padding: 3rem 4rem 0 
    }
     .page-cover .page-cover--title {
         margin-bottom: 1rem;
         font-size: 70px;
         font-size: 7rem;
         line-height: 60px;
         line-height: 6rem;
         font-weight: 700;
         white-space: nowrap!important;
         overflow: hidden;
         text-overflow: ellipsis 
    }
     .page-cover .page-cover--subtitle {
         font-size: 16px;
         font-size: 1.6rem;
         padding-left: 4rem;
         font-weight: 700 
    }
     .page-cover--subtitle {
         font-size: 16px;
         font-size: 1.6rem;
         padding-left: 4rem;
         font-weight: 700;
         margin-bottom: 3rem;
         display: block;
         position: relative 
    }
     .page-cover--subtitle:after {
         content: '';
         position: absolute;
         height: 1px;
         width: 42px;
         background: red;
         left: 40px;
         bottom: -22px 
    }
     .page-covers--inner:not(.slideshow) .page-cover--content {
         left: calc((100% - 1174px)/ 2);
         max-width: 1174px;
         max-width: 117.4rem 
    }
     .page-covers--progress {
         display: block;
         left: 0;
         width: 100%;
         opacity: .4;
         background-color: #fff;
         z-index: 10 
    }
     .page-covers--nav li {
         width: 15px;
         width: 1.5rem;
         height: 15px;
         height: 1.5rem;
         margin-right: 1rem;
         margin-bottom: 1rem 
    }
     .page-covers--nav li:last-child {
         margin-bottom: 0 
    }
     .page-covers--nav li span {
         -webkit-box-shadow: inset 0 0 0 1px #fff;
         -moz-box-shadow: inset 0 0 0 1px #fff;
         box-shadow: inset 0 0 0 1px #fff 
    }
     .article-up-next--old-wrapper.video:before, .page-covers--inner.video:before {
         font-size: 125px;
         font-size: 12.5rem;
         -webkit-animation: fadeIn .3s forwards;
         -moz-animation: fadeIn .3s forwards;
         -o-animation: fadeIn .3s forwards;
         animation: fadeIn .3s forwards 
    }
     .article-up-next--old-wrapper.video:after, .page-covers--inner.video:after {
         display: none 
    }
     .article-up-next--old-wrapper.video.launched .page-covers--fullscreen, .page-covers--inner.video.launched .page-covers--fullscreen {
         display: block;
         opacity: 0 
    }
     #article-single .article-single--more {
         padding-top: 0;
         visibility: hidden 
    }
     #article-single .article-single--more h3 {
         top: -34px;
         top: -3.4rem;
         font-size: 80px;
         font-size: 8rem;
         width: 298px;
         width: 29.8rem 
    }
     #article-single .article-single--more-article {
         margin-bottom: 3rem 
    }
     #article-single .article-single--more-article h4 {
         padding: 0 1.3rem;
         font-size: 42px;
         font-size: 4.2rem;
         line-height: 38px;
         line-height: 3.8rem;
         font-weight: 700;
         text-align: center 
    }
     .article-single--credits, .article-single--extra-credits {
         font-size: 14px;
         font-size: 1.4rem;
         line-height: 21px;
         line-height: 2.1rem;
         font-family: HelveticaNeue;
         font-weight: 700 
    }
     .article-single--credits a:hover, .article-single--extra-credits a:hover {
         color: #ed5565 
    }
     .article-single--excerpt+.article-single--credits {
         margin-top: 1.8rem 
    }
     .article-single--credits {
         padding-left: 4rem;
         margin-bottom: 2.5rem 
    }
     .article-single--credits:before {
         left: 25px;
         left: 2.5rem;
         top: 5px;
         top: .5rem;
         height: calc(100% - 11px);
         width: 1px;
         width: .1rem 
    }
     .article-single--extra-credits {
         margin-top: 1rem;
         margin-bottom: 2rem;
        /*width: 100%;
        */
         width: 750px;
         width: 75rem;
         float: left;
         padding-left: 4rem;
         position: relative 
    }
     .article-single--subscribe h3 {
         margin-top: 3rem;
         margin-bottom: 3.8rem;
         width: 300px;
         width: 30rem;
         height: 80px;
         height: 8rem;
         padding-top: .4rem;
         font-size: 90px;
         font-size: 9rem 
    }
     .article-single--subscribe h3:after, .article-single--subscribe h3:before {
         content: '';
         position: absolute;
         display: block;
         background-color: #fff;
         width: 20px;
         width: 2rem;
         height: 92px;
         height: 9.2rem;
         top: -4px;
         top: -.4rem 
    }
     .article-single--subscribe h3:before {
         left: -14px;
         left: -1.4rem;
         -webkit-transform: rotate(-6deg);
         -moz-transform: rotate(-6deg);
         -o-transform: rotate(-6deg);
         -ms-transform: rotate(-6deg);
         transform: rotate(-6deg);
         border-right: 1px solid #c4c4c4 
    }
     .article-single--subscribe h3:after {
         right: -14px;
         right: -1.4rem;
         -webkit-transform: rotate(6deg);
         -moz-transform: rotate(6deg);
         -o-transform: rotate(6deg);
         -ms-transform: rotate(6deg);
         transform: rotate(6deg);
         border-left: 1px solid #c4c4c4 
    }
     .article-single--subscribe .article-single--social {
         display: block 
    }
     .article-single--subscribe.blocked {
         top: -335px;
         top: -33.5rem;
         visibility: hidden 
    }
     .article-item {
         position: relative 
    }
     .article-item .article-item--preview {
         width: 600px;
         width: 50rem 
    }
     .article-item .article-item--wrapper {
         position: absolute;
         width: calc(100% - 620px);
         top: 0;
         right: 25% 
    }
     .article-item .article-item--infos {
         width: calc(75% - 75px) 
    }
     .article-item .article-item--excerpt {
        /*max-height: 120px;
         max-height: 12rem;
        */
         max-height: 70px;
         max-height: 7rem;
         font-size: 14px;
         font-size: 1.4rem;
         line-height: 22px;
         line-height: 2.2rem;
         margin-top: 1rem;
         color: #151618 
    }
     .article-item .article-item--subtitle {
         font-weight: 700;
         font-size: 14px;
         font-size: 1.4rem;
        /*margin-top: 2.6rem*/
         margin-top: 1rem 
    }
     .article-item .article-item--pubdate {
         display: block;
         color: #151618;
         margin-bottom: 0 
    }
     .article-item .article-item--share {
         margin-top: -.2rem 
    }
     .article-item.article-sponsored {
         padding: 5.5rem 0;
         background-image: url(data:image/svg+xml;
        base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmNWY3ZmEiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YxZjNmNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
         background-image: -webkit-linear-gradient(top, #f5f7fa 0, #f1f3f5 100%);
         background-image: -moz-linear-gradient(top, #f5f7fa 0, #f1f3f5 100%);
         background-image: -o-linear-gradient(top, #f5f7fa 0, #f1f3f5 100%);
         background-image: linear-gradient(to bottom, #f5f7fa 0, #f1f3f5 100%) 
    }
     .article-item.article-sponsored .article-item--inner {
         margin-left: auto;
         margin-right: auto;
         max-width: 1174px;
         max-width: 117.4rem 
    }
     .article-item.article-sponsored .article-item--content {
         width: calc(100% - 382px) 
    }
     .article-item.article-sponsored .article-item--wrapper {
         position: relative;
         width: 100%;
         top: auto;
         right: auto;
         -webkit-transform: translateY(0);
         -moz-transform: translateY(0);
         -o-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0) 
    }
     .article-item.article-sponsored .article-item--infos {
         padding-left: 8rem;
         position: static;
         -webkit-transform: translateY(0);
         -moz-transform: translateY(0);
         -o-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0) 
    }
     .article-item.article-sponsored .article-item--title {
         margin-top: 5rem 
    }
     .article-item.article-sponsored .article-item--excerpt {
         width: 500px;
         width: 50rem 
    }
     #article-single .quote {
         padding-left: 4rem 
    }
     #article-single .quote blockquote {
         font-size: 40px;
         font-size: 4rem;
         line-height: 40px;
         line-height: 4rem;
         padding: 0 
    }
    /*
     .article-up-next--old-wrapper.fixed, .article-up-next--wrapper.fixed {
         padding-bottom: 400vh 
    }
     .article-up-next--old-wrapper.fixed .article-up-next--content, .article-up-next--old-wrapper.fixed .article-up-next--overlay, .article-up-next--wrapper.fixed .article-up-next--content, .article-up-next--wrapper.fixed .article-up-next--overlay {
         position: fixed 
    }
     .article-up-next--old-wrapper.fixed .article-up-next--img, .article-up-next--wrapper.fixed .article-up-next--img {
         position: fixed;
         top: 0 
    }
     .article-up-next--old-wrapper .article-up-next--content a, .article-up-next--wrapper .article-up-next--content a {
         display: -webkit-box;
         display: -moz-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         -webkit-flex-wrap: wrap;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
         max-width: 960px;
         max-width: 96rem;
         margin-left: auto;
         margin-right: auto 
    }
     .article-up-next--old-wrapper .article-up-next--content p, .article-up-next--wrapper .article-up-next--content p {
         -webkit-box-flex: 0;
         -moz-box-flex: 0;
         -webkit-flex: 0 0 100%;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         -webkit-box-ordinal-group: 2;
         -moz-box-ordinal-group: 2;
         -ms-flex-order: 2;
         -webkit-order: 2;
         order: 2;
         margin-top: 2rem;
         padding-left: 0;
         font-size: 650px;
         font-size: 65rem;
         line-height: 510px;
         line-height: 51rem;
         text-align: left;
         color: rgba(255,255,255,.15) 
    }
    */
     .collections-highlight--collection .filters-list a:hover, .contributors-section .collections-highlight--collection .filters-list a:hover {
         color: #ed5565;
         border-color: #ed5565 
    }
    /*
     .article-up-next--old-wrapper .article-up-next--content h5, .article-up-next--wrapper .article-up-next--content h5 {
         -webkit-box-flex: 0;
         -moz-box-flex: 0;
         -webkit-flex: 0 0 100%;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         -webkit-box-ordinal-group: 1;
         -moz-box-ordinal-group: 1;
         -ms-flex-order: 1;
         -webkit-order: 1;
         order: 1;
         max-height: 220px;
         max-height: 22rem;
         padding-left: 1.5rem;
         padding-right: 1.2rem;
         text-align: left 
    }
     .article-up-next--old-wrapper .article-up-next--content .article-up-next--arrow, .article-up-next--wrapper .article-up-next--content .article-up-next--arrow {
         display: none 
    }
    */
     .adbannerwrapper {
         margin-left: auto;
         margin-right: auto;
         max-width: 1174px;
         max-width: 117.4rem;
         position: relative 
    }
     .verticalcustomadd.stickyadd-ab, .verticalcustomadd2.stickyadd-ab, .verticalcustomadd3.stickyadd-ab, .verticalcustomadd4.stickyadd-ab {
         top: 1040px;
         position: absolute;
         right: 0;
         zoom: 1.6;
    }
     .articles-list .article-item {
         margin-left: auto;
         margin-right: auto;
         max-width: 1174px;
         max-width: 117.4rem 
    }
     .collections-highlight h2 {
         margin-bottom: 2.5rem 
    }
     .collections-highlight .collections-highlight--slideshow {
         margin-left: auto;
         margin-right: auto;
         max-width: 1074px;
         max-width: 107.4rem 
    }
     .collections-highlight--collection .collections-highlight--preview {
         padding-top: 59% 
    }
     .collections-highlight--collection .filters-list {
         margin-top: .5rem;
         margin-bottom: 1.5rem 
    }
     .collections-highlight--collection .filters-list a {
         padding: .7rem .8rem .5rem;
         -webkit-transition: color .3s, border-color .3s;
         -moz-transition: color .3s, border-color .3s;
         -o-transition: color .3s, border-color .3s;
         transition: color .3s, border-color .3s 
    }
     .collections-highlight--collection {
         width: calc((100% - 90px)/ 3);
         margin-right: 4.5rem;
         opacity: 0;
         -webkit-transition: opacity 325ms ease, -webkit-transform 550ms ease;
         -moz-transition: opacity 325ms ease, -moz-transform 550ms ease;
         -o-transition: opacity 325ms ease, -o-transform 550ms ease;
         transition: opacity 325ms ease, -webkit-transform 550ms ease, -moz-transform 550ms ease, -o-transform 550ms ease, transform 550ms ease 
    }
     .collections-highlight--collection.animation, .contributors-section .collections-highlight--collection {
         -webkit-transition: opacity 325ms ease, -webkit-transform 550ms ease;
         -moz-transition: opacity 325ms ease, -moz-transform 550ms ease;
         -o-transition: opacity 325ms ease, -o-transform 550ms ease 
    }
     .collections-highlight--collection:nth-child(1) {
         -webkit-transform: translate(-40px, 40px);
         -moz-transform: translate(-40px, 40px);
         -o-transform: translate(-40px, 40px);
         -ms-transform: translate(-40px, 40px);
         transform: translate(-40px, 40px) 
    }
     .collections-highlight--collection:nth-child(2) {
         -webkit-transform: translate(0, 40px);
         -moz-transform: translate(0, 40px);
         -o-transform: translate(0, 40px);
         -ms-transform: translate(0, 40px);
         transform: translate(0, 40px) 
    }
     .collections-highlight--collection:nth-child(3) {
         -webkit-transform: translate(40px, 40px);
         -moz-transform: translate(40px, 40px);
         -o-transform: translate(40px, 40px);
         -ms-transform: translate(40px, 40px);
         transform: translate(40px, 40px) 
    }
     .collections-highlight--collection h3 {
         font-weight: 700;
         position: relative;
         z-index: 3;
         opacity: 0;
         -webkit-transform: translate(0, -100px);
         -moz-transform: translate(0, -100px);
         -o-transform: translate(0, -100px);
         -ms-transform: translate(0, -100px);
         transform: translate(0, -100px) 
    }
     .collections-highlight--collection.animation {
         opacity: 1;
         -webkit-transform: translate(0, 0);
         -moz-transform: translate(0, 0);
         -o-transform: translate(0, 0);
         -ms-transform: translate(0, 0);
         transform: translate(0, 0);
         transition: opacity 325ms ease, -webkit-transform 550ms ease, -moz-transform 550ms ease, -o-transform 550ms ease, transform 550ms ease 
    }
     .collections-highlight--collection.animation h3, .contributors-section .collections-highlight--collection.animation {
         -webkit-transform: translate(0, 0);
         -moz-transform: translate(0, 0);
         -o-transform: translate(0, 0);
         -ms-transform: translate(0, 0) 
    }
     .collections-highlight--collection.animation h3 {
         opacity: 1;
         margin-top: 3rem;
         font-size: 40px;
         font-size: 4rem;
         transform: translate(0, 0);
         -webkit-transition: opacity 550ms ease-out .2s, -webkit-transform 550ms ease-out;
         -moz-transition: opacity 550ms ease-out .2s, -moz-transform 550ms ease-out;
         -o-transition: opacity 550ms ease-out .2s, -o-transform 550ms ease-out;
         transition: opacity 550ms ease-out .2s, -webkit-transform 550ms ease-out, -moz-transform 550ms ease-out, -o-transform 550ms ease-out, transform 550ms ease-out 
    }
     .collections-highlight--preview {
         position: relative;
         z-index: 5 
    }
     .contributors-section .collections-highlight h2 {
         margin-bottom: 2.5rem 
    }
     .contributors-section .collections-highlight .collections-highlight--slideshow {
         margin-left: auto;
         margin-right: auto;
         max-width: 1174px;
         max-width: 117.4rem 
    }
     .contributors-section .collections-highlight--collection .collections-highlight--preview {
         padding-top: 59% 
    }
     .contributors-section .collections-highlight--collection .filters-list {
         margin-top: .5rem;
         margin-bottom: 1.5rem 
    }
     .contributors-section .collections-highlight--collection .filters-list a {
         padding: .7rem .8rem .5rem;
         -webkit-transition: color .3s, border-color .3s;
         -moz-transition: color .3s, border-color .3s;
         -o-transition: color .3s, border-color .3s;
         transition: color .3s, border-color .3s 
    }
     .contributors-section .collections-highlight--collection {
         width: calc((100% - 90px)/ 5);
         margin-right: 2.5rem;
         opacity: 0;
         transition: opacity 325ms ease, -webkit-transform 550ms ease, -moz-transform 550ms ease, -o-transform 550ms ease, transform 550ms ease 
    }
     .contributors-section .collections-highlight--collection:nth-child(1) {
         -webkit-transform: translate(-40px, 40px);
         -moz-transform: translate(-40px, 40px);
         -o-transform: translate(-40px, 40px);
         -ms-transform: translate(-40px, 40px);
         transform: translate(-40px, 40px) 
    }
     .contributors-section .collections-highlight--collection:nth-child(2) {
         -webkit-transform: translate(0, 40px);
         -moz-transform: translate(0, 40px);
         -o-transform: translate(0, 40px);
         -ms-transform: translate(0, 40px);
         transform: translate(0, 40px) 
    }
     .contributors-section .collections-highlight--collection:nth-child(3) {
         -webkit-transform: translate(40px, 40px);
         -moz-transform: translate(40px, 40px);
         -o-transform: translate(40px, 40px);
         -ms-transform: translate(40px, 40px);
         transform: translate(40px, 40px) 
    }
     .contributors-section .collections-highlight--collection h3 {
         font-weight: 700;
         position: relative;
         z-index: 3;
         opacity: 0;
         -webkit-transform: translate(0, -100px);
         -moz-transform: translate(0, -100px);
         -o-transform: translate(0, -100px);
         -ms-transform: translate(0, -100px);
         transform: translate(0, -100px) 
    }
     .contributors-section .collections-highlight--collection.animation {
         opacity: 1;
         transform: translate(0, 0);
         -webkit-transition: opacity 325ms ease, -webkit-transform 550ms ease;
         -moz-transition: opacity 325ms ease, -moz-transform 550ms ease;
         -o-transition: opacity 325ms ease, -o-transform 550ms ease;
         transition: opacity 325ms ease, -webkit-transform 550ms ease, -moz-transform 550ms ease, -o-transform 550ms ease, transform 550ms ease 
    }
     .contributors-section .collections-highlight--collection.animation h3 {
         opacity: 1;
         margin-top: 3rem;
         font-size: 40px;
         font-size: 4rem;
         -webkit-transform: translate(0, 0);
         -moz-transform: translate(0, 0);
         -o-transform: translate(0, 0);
         -ms-transform: translate(0, 0);
         transform: translate(0, 0);
         -webkit-transition: opacity 550ms ease-out .2s, -webkit-transform 550ms ease-out;
         -moz-transition: opacity 550ms ease-out .2s, -moz-transform 550ms ease-out;
         -o-transition: opacity 550ms ease-out .2s, -o-transform 550ms ease-out;
         transition: opacity 550ms ease-out .2s, -webkit-transform 550ms ease-out, -moz-transform 550ms ease-out, -o-transform 550ms ease-out, transform 550ms ease-out 
    }
     .slideshow--item-flip-3d, .slideshow--item-flip-3d>.subscribe--item {
         -webkit-transform-style: preserve-3d;
         -moz-transform-style: preserve-3d;
         -o-transform-style: preserve-3d;
         -ms-transform-style: preserve-3d 
    }
     .contributors-section .collections-highlight--preview {
         position: relative;
         z-index: 5 
    }
     .text-fields h1, .text-fields h2, .text-fields h3, .text-fields h4, .text-fields h5, .text-fields h6, .text-fields ol, .text-fields p, .text-fields ul {
         padding: 0 4rem;
         margin-bottom: 1.5rem;
         font-size: 18px;
         font-size: 1.8rem;
         line-height: 24px;
         line-height: 2.4rem 
    }
     .instagram-media, .twitter-tweet{
         margin-left:4rem !important;
    }
     .article-single--text .fieldContent {
         font-size: 1.5rem 
    }
     .fieldContent-gallery-preview--start {
        /*padding: 1.1rem*/
         padding: 0.5rem 
    }
     .fieldContent-gallery-preview--start a {
         font-size: 40px;
         font-size: 4rem;
         padding: .7rem 1.1rem;
         height: 50px;
         height: 5rem 
    }
     .fieldContent-image {
         margin: 1.5rem 0 1.5rem 4rem 
    }
     .fieldContent-image--caption {
         font-size: 10px;
         font-size: 1rem;
         line-height: 22px;
         line-height: 2.2rem;
         padding-right: 8.5rem 
    }
     a.fieldContent-image--pinterest {
         top: 4px;
         top: .4rem 
    }
     .fieldContent-gallery-preview:first-child .fieldContent-image, .text-fields>.fieldContent-image:first-child {
         margin-top: .4rem 
    }
     .gallery .gallery--container:hover+.gallery--nav {
         opacity: 1;
         -webkit-transition: opacity .3s ease;
         -moz-transition: opacity .3s ease;
         -o-transition: opacity .3s ease;
         transition: opacity .3s ease 
    }
     .gallery .gallery--slide .gallery--img {
         margin-top: 0 
    }
     .ellipsis--fullcaption, .gallery--caption, .gallery--fullcaption {
         margin-top: 1.4rem 
    }
     .gallery .gallery--slide .gallery--slide-footer {
         padding-top: 0 
    }
     .gallery--caption {
         max-height: 38px;
         max-height: 3.8rem 
    }
     .gallery--nav:hover .gallery--nav-next, .gallery--nav:hover .gallery--nav-prev {
         opacity: 1 
    }
     .gallery--nav .gallery--nav-next, .gallery--nav .gallery--nav-prev {
         -webkit-transition: opacity .3s ease;
         -moz-transition: opacity .3s ease;
         -o-transition: opacity .3s ease;
         transition: opacity .3s ease;
         opacity: 1 
    }
     .gallery--nav .gallery--nav-index {
         padding-top: 1rem 
    }
     .gallery--nav .gallery--nav-index .slideshow-separator:after {
         height: 22px;
         height: 2.2rem;
         top: 2px;
         top: .2rem;
         background-color: #b1b1b1 
    }
     .gallery--article {
         padding: 0rem 5.5rem 4rem 5.5rem;
    }
     .gallery--article .gallery--article-date {
         font-size: 16px;
         font-size: 1.6rem;
         color: #c7c7c7 
    }
     .gallery--article .gallery--article-credit {
         display: block;
         margin-bottom: 3rem;
         color: #52575f;
         font-size: 12px;
         font-size: 1.2rem;
         line-height: 16px;
         line-height: 1.6rem;
         font-weight: 700;
         text-transform: uppercase;
         font-family: Helvetica 
    }
     .gallery--article .gallery--article-excerpt {
         color: #9c9c9c;
         max-height: calc(100% - 240px) 
    }
     .subscribe {
         padding: 0;
         height: 0;
         background-image: none 
    }
     .subscribe .subscribe--title-long {
         display: none 
    }
     .subscribe .subscribe--slideshow {
         margin-left: auto;
         margin-right: auto;
         max-width: 1174px;
         max-width: 117.4rem 
    }
     .subscribe .subscribe--item {
         margin-right: 0;
         z-index: 1 
    }
     .subscribe .subscribe--item .subscribe--cover-image {
         -webkit-box-shadow: -15px 1px 6px -10px #9e9e9e;
         -moz-box-shadow: -15px 1px 6px -10px #9e9e9e;
         box-shadow: -15px 1px 6px -10px #9e9e9e 
    }
     .subscribe .subscribe--item:nth-child(1) {
         position: absolute;
         left: 35px;
         left: 3.5rem 
    }
     .subscribe a {
         width: 300px;
         width: 30rem 
    }
     .subscribe .subscribe--cover-image {
         height: 410px;
         height: 41rem;
         padding-top: 0 
    }
     .subscribe h3 {
         display: inline-block;
         padding-bottom: .7rem;
         margin: 1.5rem;
         font-family: HelveticaNeue;
         font-weight: 700;
         font-size: 18px;
         font-size: 1.8rem;
         color: #b1b1b1;
         text-transform: none;
         border-bottom: 1px solid #b1b1b1 
    }
     .slideshow--item-flip-3d-position {
         display: block;
         position: absolute;
         right: 35px;
         right: 3.5rem;
         height: 410px;
         height: 41rem;
         width: 300px;
         width: 30rem;
         z-index: 1 
    }
     .slideshow--item-flip-3d-wrapper {
         position: relative;
         -webkit-perspective: 1800px;
         -moz-perspective: 1800px;
         perspective: 1800px 
    }
     .slideshow--item-flip-3d {
         display: block;
         position: absolute;
         height: 410px;
         height: 41rem;
         width: 300px;
         width: 30rem;
         transform-style: preserve-3d;
         -webkit-transition: -webkit-transform .5s ease;
         -moz-transition: -moz-transform .5s ease;
         -o-transition: -o-transform .5s ease;
         transition: -webkit-transform .5s ease, -moz-transform .5s ease, -o-transform .5s ease, transform .5s ease 
    }
     .slideshow--item-flip-3d:hover {
         -webkit-transform: rotate3d(0, 1, 0, 20deg);
         -moz-transform: rotate3d(0, 1, 0, 20deg);
         -o-transform: rotate3d(0, 1, 0, 20deg);
         -ms-transform: rotate3d(0, 1, 0, 20deg);
         transform: rotate3d(0, 1, 0, 20deg) 
    }
     .slideshow--item-flip-3d.view-back {
         -webkit-transform: translate3d(0, 0, 0);
         -moz-transform: translate3d(0, 0, 0);
         -ms-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
         -webkit-transform: rotate3d(0, 1, 0, 180deg);
         -moz-transform: rotate3d(0, 1, 0, 180deg);
         -o-transform: rotate3d(0, 1, 0, 180deg);
         -ms-transform: rotate3d(0, 1, 0, 180deg);
         transform: rotate3d(0, 1, 0, 180deg) 
    }
     .slideshow--item-flip-3d.view-back:hover {
         -webkit-transform: rotate3d(0, 1, 0, 200deg);
         -moz-transform: rotate3d(0, 1, 0, 200deg);
         -o-transform: rotate3d(0, 1, 0, 200deg);
         -ms-transform: rotate3d(0, 1, 0, 200deg);
         transform: rotate3d(0, 1, 0, 200deg) 
    }
     .slideshow--item-flip-3d>.subscribe--item {
         position: absolute;
         height: 410px;
         height: 41rem;
         width: 300px;
         width: 30rem;
         transform-style: preserve-3d;
         -webkit-backface-visibility: hidden;
         -moz-backface-visibility: hidden;
         -o-backface-visibility: hidden;
         -ms-backface-visibility: hidden;
         backface-visibility: hidden 
    }
     .slideshow--item-flip-3d>.subscribe--item:nth-child(1) {
         left: 0;
         -webkit-transition: -webkit-transform .5s ease;
         -moz-transition: -moz-transform .5s ease;
         -o-transition: -o-transform .5s ease;
         transition: -webkit-transform .5s ease, -moz-transform .5s ease, -o-transform .5s ease, transform .5s ease;
         -webkit-transform-style: preserve-3d;
         -moz-transform-style: preserve-3d;
         -o-transform-style: preserve-3d;
         -ms-transform-style: preserve-3d;
         transform-style: preserve-3d;
         -webkit-transform-origin: 0 50%;
         -moz-transform-origin: 0 50%;
         -o-transform-origin: 0 50%;
         -ms-transform-origin: 0 50%;
         transform-origin: 0 50%;
         -webkit-transform: translate3d(0, 0, 20px);
         -moz-transform: translate3d(0, 0, 20px);
         -o-transform: translate3d(0, 0, 20px);
         -ms-transform: translate3d(0, 0, 20px);
         transform: translate3d(0, 0, 20px);
         z-index: 10 
    }
     .slideshow--item-flip-3d>.subscribe--item:nth-child(2) {
         left: 0;
         -webkit-transform: rotate3d(0, 1, 0, -180deg);
         -moz-transform: rotate3d(0, 1, 0, -180deg);
         -o-transform: rotate3d(0, 1, 0, -180deg);
         -ms-transform: rotate3d(0, 1, 0, -180deg);
         transform: rotate3d(0, 1, 0, -180deg) 
    }
     .slideshow--item-flip-3d .subscribe--cover-progress {
         display: block;
         position: absolute;
         bottom: 0;
         left: 0;
         width: 100%;
         height: 5px;
         height: .5rem;
         background-color: rgba(255,255,255,.5) 
    }
     .slideshow--item-flip-3d .subscribe--cover-progress.animation:before {
         content: "";
         display: block;
         width: 0;
         height: 5px;
         height: .5rem;
         background-color: #ed5565;
         -webkit-animation: widthTo100 4.9s linear;
         -moz-animation: widthTo100 4.9s linear;
         -o-animation: widthTo100 4.9s linear;
         animation: widthTo100 4.9s linear 
    }
     .slideshow--item-flip-3d-side-left, .slideshow--item-flip-3d-side-right {
         display: block;
         position: absolute;
         left: -20px;
         left: -2rem;
         width: 20px;
         width: 2rem;
         height: 100%;
         background: #adadad;
         -webkit-transform: rotate3d(0, 1, 0, -90deg) translate3d(10px, 0, -10px);
         -moz-transform: rotate3d(0, 1, 0, -90deg) translate3d(10px, 0, -10px);
         -o-transform: rotate3d(0, 1, 0, -90deg) translate3d(10px, 0, -10px);
         -ms-transform: rotate3d(0, 1, 0, -90deg) translate3d(10px, 0, -10px);
         transform: rotate3d(0, 1, 0, -90deg) translate3d(10px, 0, -10px) 
    }
     .slideshow--item-flip-3d-side-right {
         left: auto;
         right: 0 
    }
     body.ie .slideshow--item-flip-3d-wrapper {
         -webkit-perspective: none;
         -moz-perspective: none;
         perspective: none 
    }
     body.ie .slideshow--item-flip-3d:hover {
         -webkit-transform: rotate3d(0, 0, 0, 0deg);
         -moz-transform: rotate3d(0, 0, 0, 0deg);
         -o-transform: rotate3d(0, 0, 0, 0deg);
         -ms-transform: rotate3d(0, 0, 0, 0deg);
         transform: rotate3d(0, 0, 0, 0deg) 
    }
     body.ie .slideshow--item-flip-3d.view-back {
         -webkit-transform: translate3d(0, 0, 0);
         -moz-transform: translate3d(0, 0, 0);
         -ms-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
         -webkit-transform: rotate3d(0, 0, 0, 0deg);
         -moz-transform: rotate3d(0, 0, 0, 0deg);
         -o-transform: rotate3d(0, 0, 0, 0deg);
         -ms-transform: rotate3d(0, 0, 0, 0deg);
         transform: rotate3d(0, 0, 0, 0deg) 
    }
     body.ie .slideshow--item-flip-3d.view-back:hover {
         -webkit-transform: rotate3d(0, 0, 0, 0deg);
         -moz-transform: rotate3d(0, 0, 0, 0deg);
         -o-transform: rotate3d(0, 0, 0, 0deg);
         -ms-transform: rotate3d(0, 0, 0, 0deg);
         transform: rotate3d(0, 0, 0, 0deg) 
    }
     body.ie .slideshow--item-flip-3d.view-back>.subscribe--item:nth-child(1) {
         opacity: 0;
         z-index: 5;
         -webkit-transition: opacity .8s ease, z-index 0s linear .6s;
         -moz-transition: opacity .8s ease, z-index 0s linear .6s;
         -o-transition: opacity .8s ease, z-index 0s linear .6s;
         transition: opacity .8s ease, z-index 0s linear .6s 
    }
     body.ie .slideshow--item-flip-3d.view-back>.subscribe--item:nth-child(2), body.ie .slideshow--item-flip-3d>.subscribe--item:nth-child(1) {
         z-index: 10;
         -webkit-transition: opacity .8s ease, z-index 0s linear .6s;
         -moz-transition: opacity .8s ease, z-index 0s linear .6s;
         -o-transition: opacity .8s ease, z-index 0s linear .6s 
    }
     body.ie .slideshow--item-flip-3d.view-back>.subscribe--item:nth-child(2) {
         opacity: 1;
         transition: opacity .8s ease, z-index 0s linear .6s 
    }
     body.ie .slideshow--item-flip-3d>.subscribe--item:nth-child(1) {
         -webkit-transform: translate3d(0, 0, 0);
         -moz-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
         -ms-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
         -webkit-transform-style: flat;
         -moz-transform-style: flat;
         -o-transform-style: flat;
         -ms-transform-style: flat;
         transform-style: flat;
         transition: opacity .8s ease, z-index 0s linear .6s 
    }
     body.ie .slideshow--item-flip-3d>.subscribe--item:nth-child(2) {
         opacity: 0;
         z-index: 5;
         -webkit-transition: opacity .8s ease, z-index 0s linear .6s;
         -moz-transition: opacity .8s ease, z-index 0s linear .6s;
         -o-transition: opacity .8s ease, z-index 0s linear .6s;
         transition: opacity .8s ease, z-index 0s linear .6s;
         -webkit-transform: rotate3d(0, 0, 0, 0deg);
         -moz-transform: rotate3d(0, 0, 0, 0deg);
         -o-transform: rotate3d(0, 0, 0, 0deg);
         -ms-transform: rotate3d(0, 0, 0, 0deg);
         transform: rotate3d(0, 0, 0, 0deg) 
    }
     .social:before {
         display: block;
         height: 200px;
         height: 20rem;
         -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
         -o-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
         transform: translateY(-50%) 
    }
     .social .social--link {
         width: 50% 
    }
     .social .social--link:before {
         display: none 
    }
     .social .social--legend {
         font-size: 10px;
         font-size: 1rem 
    }
     .subscribe-social {
         background-image: url(data:image/svg+xml;
        base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmNWY3ZmEiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YxZjNmNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
         background-image: -webkit-linear-gradient(top, #f5f7fa 0, #f1f3f5 100%);
         background-image: -moz-linear-gradient(top, #f5f7fa 0, #f1f3f5 100%);
         background-image: -o-linear-gradient(top, #f5f7fa 0, #f1f3f5 100%);
         background-image: linear-gradient(to bottom, #f5f7fa 0, #f1f3f5 100%);
         padding: 6rem 0 7.5rem;
         margin: 4rem 0;
         overflow-x: inherit 
    }
     .subscribe-social:after {
         content: '';
         display: block;
         position: absolute;
         background-color: #fff;
         top: 0;
         right: 0;
         width: calc((100vw - 1174px)/ 2 + 156px);
         height: 565px;
         height: 56.5rem 
    }
     .subscribe-social .subscribe-social--inner {
         margin-left: auto;
         margin-right: auto;
         max-width: 1174px;
         max-width: 117.4rem 
    }
     .subscribe-social .subscribe-social--inner:before {
         content: '';
         display: block;
         position: absolute;
         left: 333px;
         left: 33.3rem;
         top: 31px;
         top: 3.1rem;
         width: 37px;
         width: 3.7rem;
         height: 379px;
         height: 37.9rem;
         background: url(../../../wp-content/themes/vmagazine/res/public/covers.png) center 25% no-repeat;
         background-size: cover 
    }
     .subscribe-social .subscribe-social--inner:after {
         content: '';
         display: inline-block;
         position: absolute;
         z-index: 0;
         right: calc(100% - 1174px + 85px);
         top: -57px;
         top: -5.7rem;
         width: 185px;
         width: 18.5rem;
         height: 615px;
         height: 61.5rem;
         -webkit-transform: rotate(18deg);
         -moz-transform: rotate(18deg);
         -o-transform: rotate(18deg);
         -ms-transform: rotate(18deg);
         transform: rotate(18deg);
         background-color: #fff;
         border-left: 1px solid #c4c4c4 
    }
     .subscribe-social .social {
         display: block;
         width: 350px;
         width: 35rem;
         padding: 0 0 0 1.5rem;
         margin: 0 auto 
    }
     .subscribe-social .social:before {
         -webkit-transform: translateY(-65%);
         -moz-transform: translateY(-65%);
         -o-transform: translateY(-65%);
         -ms-transform: translateY(-65%);
         transform: translateY(-65%);
         height: 210px;
         height: 21rem 
    }
     #legals .close {
         left: auto;
         right: 65px;
         right: 6.5rem;
         top: 50px;
         top: 5rem 
    }
     #legals .close--icon-hover:after, #legals .close--icon-hover:before, #legals .close--icon:after, #legals .close--icon:before {
         background-color: #fff 
    }
     #legals .legals--inner {
         padding-top: 0 
    }
     #legals .legals--titles {
         padding-left: 7rem;
         padding-top: calc((100vh - 280px)/ 2) 
    }
     #legals .legals--titles h2 {
         font-weight: 700;
         font-size: 70px;
         font-size: 7rem;
         margin-bottom: 1rem 
    }
     #legals .legals--more {
         right: calc(100vw - 860px) 
    }
     .legals--content .fieldContent {
         font-size: 16px;
         font-size: 1.6rem 
    }
     .legals--content .legals--section {
         width: calc(415px + 400px + 40px);
         max-height:calc(100vh - ((100vh - 280px)/ 2) - 110px - 30px);
         padding-right: 4rem;
         padding-left: 40rem;
         margin-top: calc((100vh - 280px)/ 2) 
    }
     .legals--content .legals--section.contact {
         position: fixed;
         top: 50%;
         margin-top: 0;
         -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
         -o-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
         transform: translateY(-50%);
         max-height: none 
    }
     .legals--content .legals--section.contact .legals--section-inner {
         -webkit-column-count: 3;
         -moz-column-count: 3;
         -ms-column-count: 3;
         column-count: 3;
         -webkit-column-width: auto;
         -moz-column-width: auto;
         column-width: auto 
    }
     .list-ext {
         height: 450px;
         height: 45rem;
         margin: 3.5rem auto 7rem 
    }
     #article-single .article-single--content {
         width: 750px;
         width: 75rem;
         padding-top: 0;
         min-height: 50rem 
    }
     #article-single .article-single--share {
         margin-top: .4rem;
         left: -50px;
         left: -5rem 
    }
     .fieldContent-video {
         margin-left: 4rem 
    }
     #article-single .article-single--share .icon-share {
         font-size: 48px;
         font-size: 4.8rem 
    }
     #article-single .article-single--excerpt .fieldContent {
         font-size: 20px;
         font-size: 2rem;
         font-weight: 400;
         text-transform:inherit;
    }
     #article-single .article-single--text-contributor {
         max-height: 540px;
         max-height: 54rem 
    }
     #article-single aside {
         width: 300px;
         width: 30rem;
         right: auto 
    }
     #article-single .article-single--iab-large {
         margin-top: 5.2rem;
         height: 652px;
         height: 65.2rem 
    }
     .article-up-next--old-wrapper~#article-single {
         display: block 
    }
     .verticalcustomadd, .verticalcustomadd-article {
         width: 100%;
         max-width: 300px;
         height: 600px;
         max-height: 600px;
         position: absolute !important;
         right: -4rem;
         margin-top: 0;
         display: block;
         z-index: 10 
    }
     .contentverticalcustomadd, .verticalcustomadd2, .verticalcustomadd3, .verticalcustomadd4, .verticalcustomadd5, .verticalcustomadd6 {
         width: 100%;
         max-width: 300px;
         height: 600px;
         max-height: 600px;
         background-color: #f6f6f6;
         position: absolute;
         right: -4rem;
         display: block 
    }
     .article-last-credit:before {
         left: 40px;
         left: 4rem!important 
    }
     .contentverticalcustomadd {
         margin-top: 15rem;
         z-index: 10 
    }
     .verticalcustomadd2, .verticalcustomadd3, .verticalcustomadd4, .verticalcustomadd5, .verticalcustomadd6 {
         margin-top: 0 
    }
}
 @media only screen and (min-width:1440px) {
     #search .search--form {
         margin-left: auto;
         margin-right: auto;
         max-width: 100% 
    }
     .search--results form {
         margin-right: 0 
    }
     #hot .hot--header, #hot-test .hot--header, #hot1 .hot--header {
         display: block 
    }
     .page-covers {
         height: 380px 
    }
     .legals--content .legals--section.contact .legals--section-inner {
         -webkit-column-width: 250px;
         -moz-column-width: 250px;
         column-width: 250px;
         max-width: 1200px;
         max-width: 120rem 
    }
     .article-up-next--old-wrapper~#article-single .page-covers {
         height: 135px;
         height: 13.5rem 
    }
}
 @media only screen and (max-width:839px) {
     .overlay#search {
         position: fixed;
         left: 100vw;
         top: 0 
    }
     #search .search--form form input {
         font-size: 2.6rem;
         line-height: 3.6rem 
    }
     #search .search--form form button#explore, .page-covers .slideshow-arrow {
         display: none 
    }
     .moretolovesection .collections-highlight {
         margin-top: 2rem;
         margin-bottom: 0;
         background-image: none;
         background-color: #f7f7f7 
    }
     #hot1:before, #hot:before, .hotvwrapper {
         background-color: #f5f5f5 
    }
     .moretolovesection .collections-highlight h2 {
         font-size: 70px;
         font-size: 7rem;
         text-align: center;
         color: #000 
    }
     .moretolovesection .collections-highlight h3 {
         font-size: 50px;
         font-size: 3rem;
         text-align: center;
         color: #000;
         margin-top: 4rem 
    }
     .collections-highlight {
         padding: 3rem 1.3rem 
    }
     .collections-highlight h2 {
         margin-bottom: 3rem;
         margin-top: 1rem;
         font-size: 4rem;
         max-height: 8rem;
         overflow: hidden 
    }
     .collections-highlight h2 p {
         width: 100%;
         white-space: nowrap;
         text-overflow: ellipsis;
         overflow: hidden 
    }
     #article-single .page-cover .page-cover--title, #collection-single .page-cover .page-cover--title, #collections .page-cover .page-cover--title {
         color: #fff;
         max-height: 260px;
         max-height: 26rem 
    }
     #home .page-cover .page-cover--content {
         width: 28rem 
    }
     body.fixed .slideshow-item--image {
         -webkit-animation: none!important;
         -moz-animation: none!important;
         -o-animation: none!important;
         animation: none!important 
    }
     .subscribe .slideshow--item-flip-3d-position .subscribe--item:nth-child(1) {
         -webkit-transform: translate(-3px, 0);
         -moz-transform: translate(-3px, 0);
         -o-transform: translate(-3px, 0);
         -ms-transform: translate(-3px, 0);
         transform: translate(-3px, 0) 
    }
     .subscribe .slideshow--item-flip-3d-position .subscribe--item:nth-child(2) {
         -webkit-transform: translate(-6px, 0);
         -moz-transform: translate(-6px, 0);
         -o-transform: translate(-6px, 0);
         -ms-transform: translate(-6px, 0);
         transform: translate(-6px, 0) 
    }
     #article-single .article-single--excerpt .fieldContent {
         font-size: 18px;
         font-size: 1.8rem;
         line-height: 22px;
         line-height: 2.2rem;
         font-family: HelveticaNeue;
         font-weight: 400;
         text-align: left;
         margin-bottom: 1rem;
         text-transform:inherit;
    }
     .contentverticalcustomadd, .verticalcustomadd, .verticalcustomadd-article, .verticalcustomadd2, .verticalcustomadd3, .verticalcustomadd4, .verticalcustomadd5 {
         display: none!important 
    }
     .hotvwrapper {
         padding: 5rem 0;
         margin-bottom: 3rem;
         position: relative;
         width: 100%;
         overflow: hidden 
    }
}
 @media only screen and (max-width:767px) {
     .infoBlock {
         max-height: 30rem!important 
    }
     body.search-open #search.overlay {
         height: 100vh;
         top: 0!important;
         margin-top: 0 
    }
     .slide, .slide.bx-clone {
         margin-right: 14!important 
    }
     .bx-wrapper .bx-viewport {
         left: 0 
    }
     .bx-wrapper {
         margin: 0 auto 40px 
    }
     #hot-test .bx-wrapper {
         margin: 0 auto 
    }
     #hot-test .bx-wrapper .bx-viewport {
         left: 14px 
    }
     #hot-test .slide, #hot-test .slide.bx-clone {
         margin-right: 14px!important 
    }
     #hot-test .bx-wrapper .bx-viewport a .article-item--title {
         text-align: left;
         padding-left: 0 
    }
     .collections-highlight h2 span:first-child {
         text-align: right;
         padding-right: 15px 
    }
     .collections-highlight h2 span:last-child {
         text-align: left;
         padding-left: 15px 
    }
     .collections-highlight h3.collection-title {
         text-align: left;
         margin-top: 1.2rem 
    }
     #hot-test .bx-wrapper .bx-pager.bx-default-pager a {
         background: 0 0;
         text-indent: -9999px;
         display: block;
         width: 10px;
         height: 10px;
         margin: 0 5px;
         outline: 0;
         border: 1px solid #000;
         -moz-border-radius: 50%;
         -webkit-border-radius: 50%;
         border-radius: 50% 
    }
     #hot-test .bx-wrapper .bx-pager.bx-default-pager a.active, #hot-test .bx-wrapper .bx-pager.bx-default-pager a:hover {
         background: #000 
    }
     .customadd img {
         max-width: 270px;
         height: auto;
         max-height: 90px;
         object-fit: cover;
         position: absolute;
         left: 50%;
         top: 50%;
         transform: translateX(-50%) translateY(-50%);
         -webkit-transform: translateX(-50%) translateY(-50%);
         -moz-transform: translateX(-50%) translateY(-50%) 
    }
     .page-cover--subtitle {
         font-size: 16px;
         font-size: 1.6rem;
         padding-left: 0;
         display: block;
         text-align: center;
         font-weight: 700;
         margin-bottom: 1rem 
    }
     .article-single--extra-credits {
         margin: 1rem 0 2rem;
         float:left;
    }
     .article-single--extra-credits.bottom {
         margin: 2rem 0 
    }
     .article-single--extra-credits:before {
         left: 50%;
         transform: translateX(-50%);
         -webkit-transform: translateX(-50%);
         -moz-transform: translateX(-50%) 
    }
     .fieldContent-image--footer.outer-caption {
         clear: both;
         left: 0 
    }
     .article-single--extra-credits.bottom:before {
         left: 3rem 
    }
     .contentverticalcustomadd, .desktopexcerpt, .verticalcustomadd, .verticalcustomadd2, .verticalcustomadd3, .verticalcustomadd4, .verticalcustomadd5 {
         display: none 
    }
     .mobexcerpt {
         display: block 
    }
     .collections-highlight .collections-highlight--slideshow {
         float: left 
    }
     .moretolovesection .collections-highlight h3 {
         font-size: 40px;
         font-size: 4rem;
         text-align: center;
         color: #000;
         font-family: Knockout;
         text-transform: uppercase;
         margin-top: 3rem 
    }
     .moretolovesection .collections-highlight .more-to-love-image {
         background-size: cover;
         background-position: center center;
         width: 100%;
         height: 180px 
    }
     .bx-wrapper .bx-pager.bx-default-pager a {
         border: 1px solid #000 
    }
     .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover {
         background: #000 
    }
     .deskThumb {
         display: none 
    }
     .page-cover--subtitle:after {
         margin: 29px auto!important 
    }
     .fieldContent-gallery-preview--start {
         right: 0;
         bottom: -10px;
    }
     .fieldContent-gallery-preview--start a {
         height: 3rem;
         font-size: 3rem;
         padding: 0.2rem 0.8rem;
    }
}
 @media only screen and (max-height:479px) and (orientation:landscape) {
     .bg-mobileLand {
         display: inline 
    }
     .bg-desktop, .bg-mobile, .bg-tablet, .bg-tabletLand, body.search-open .search--suggestions {
         display: none 
    }
     body.gallery-open, body.legals-open, body.main-menu-open, body.newsletter-open, body.search-open {
         overflow-y: visible 
    }
     .list-item .list-item--image {
         background-position: center 10%;
         padding-top: 40% 
    }
     .main-menu--wrapper {
         top: 0;
         padding-top: 2rem;
         height: 100vh 
    }
     #article-single .article-single--more-image, #hot .article-item--preview, #hot1 .article-item--preview, .collections-highlight--collection .collections-highlight--preview, .contributors-section .collections-highlight--collection .collections-highlight--preview {
         padding-top: 40% 
    }
     body.legals-open .main-menu--wrapper {
         overflow: hidden 
    }
     body.main-menu-open .search-link {
         z-index: 3 
    }
     .search--autocomplete li {
         display: inline-block;
         -webkit-transform: translate(50px, 0);
         -moz-transform: translate(50px, 0);
         -o-transform: translate(50px, 0);
         -ms-transform: translate(50px, 0);
         transform: translate(50px, 0) 
    }
     .search--autocomplete li:first-child {
         margin-left: 1.5rem;
         margin-top: 0 
    }
     #search .search--form {
         -webkit-transform: translate(-50%, -25%);
         -moz-transform: translate(-50%, -25%);
         -o-transform: translate(-50%, -25%);
         -ms-transform: translate(-50%, -25%);
         transform: translate(-50%, -25%) 
    }
     .search--suggestions {
         display: block 
    }
     #hot1:before, #hot:before {
         height: 100vw 
    }
     .page-cover {
         background-position: center center 
    }
     .page-cover .page-cover--content {
         width: 450px;
         width: 50rem 
    }
     .page-cover .page-cover--title {
         max-height: 150px;
         max-height: 15rem 
    }
     .article-up-next--old-wrapper.video:after, .article-up-next--old-wrapper.video:before, .page-covers--inner.video:after, .page-covers--inner.video:before {
         top: 30% 
    }
     .article-single--excerpt+.article-single--credits {
         margin-top: 0 
    }
     .article-up-next--old-wrapper .article-up-next--content h5, .article-up-next--wrapper .article-up-next--content h5 {
         width: 450px;
         width: 45rem;
         max-height: 150px;
         max-height: 15rem 
    }
     .article-up-next--old-wrapper .article-up-next--content .article-up-next--arrow, .article-up-next--wrapper .article-up-next--content .article-up-next--arrow {
         margin: 2rem auto 
    }
     .subscribe .subscribe--cover-image {
         padding-top: 40%;
         background-position: center top 
    }
     #newsletter .newsletter--success:before {
         margin-bottom: 0 
    }
}
 .rsOverflow, .rsSlide, .rsThumbs {
     overflow: hidden 
}
 @media only screen and (max-height:200px) and (orientation:landscape) {
     #newsletter .newsletter--content {
         margin-left: 5rem;
         margin-top: .5rem 
    }
     #newsletter .newsletter--error, #newsletter h2 {
         display: none 
    }
     #newsletter input {
         margin-top: 0 
    }
}
 @-webkit-keyframes upAndFadeIn {
     to {
         opacity:1;
         -webkit-transform:translateY(0) 
    }
}
 @-moz-keyframes upAndFadeIn {
     to {
         opacity:1;
         -moz-transform:translateY(0) 
    }
}
 @-o-keyframes upAndFadeIn {
     to {
         opacity:1;
         -o-transform:translateY(0) 
    }
}
 @keyframes upAndFadeIn {
     to {
         opacity:1;
         -webkit-transform:translateY(0);
         -moz-transform:translateY(0);
         -ms-transform:translateY(0);
         transform:translateY(0) 
    }
}
 @-webkit-keyframes linkCross {
     0% {
         width:0 
    }
     50% {
         width:100%;
         left:0 
    }
     100% {
         width:0;
         left:100% 
    }
}
 @-moz-keyframes linkCross {
     0% {
         width:0 
    }
     50% {
         width:100%;
         left:0 
    }
     100% {
         width:0;
         left:100% 
    }
}
 @-o-keyframes linkCross {
     0% {
         width:0 
    }
     50% {
         width:100%;
         left:0 
    }
     100% {
         width:0;
         left:100% 
    }
}
 @keyframes linkCross {
     0% {
         width:0 
    }
     50% {
         width:100%;
         left:0 
    }
     100% {
         width:0;
         left:100% 
    }
}
 @-webkit-keyframes linkCrossBack {
     0% {
         width:0;
         left:100% 
    }
     50% {
         width:100%;
         left:0 
    }
     100% {
         width:0 
    }
}
 @-moz-keyframes linkCrossBack {
     0% {
         width:0;
         left:100% 
    }
     50% {
         width:100%;
         left:0 
    }
     100% {
         width:0 
    }
}
 @-o-keyframes linkCrossBack {
     0% {
         width:0;
         left:100% 
    }
     50% {
         width:100%;
         left:0 
    }
     100% {
         width:0 
    }
}
 @keyframes linkCrossBack {
     0% {
         width:0;
         left:100% 
    }
     50% {
         width:100%;
         left:0 
    }
     100% {
         width:0 
    }
}
 @-webkit-keyframes leftAndFadeIn {
     to {
         -webkit-transform:translate(0, 0);
         opacity:1 
    }
}
 @-moz-keyframes leftAndFadeIn {
     to {
         -moz-transform:translate(0, 0);
         opacity:1 
    }
}
 @-o-keyframes leftAndFadeIn {
     to {
         -o-transform:translate(0, 0);
         opacity:1 
    }
}
 @keyframes leftAndFadeIn {
     to {
         -webkit-transform:translate(0, 0);
         -moz-transform:translate(0, 0);
         -ms-transform:translate(0, 0);
         transform:translate(0, 0);
         opacity:1 
    }
}
 @-webkit-keyframes page-covers-scale {
     0% {
         -webkit-transform:scale(1.1) 
    }
     100% {
         -webkit-transform:scale(1.01) 
    }
}
 @-moz-keyframes page-covers-scale {
     0% {
         -moz-transform:scale(1.1) 
    }
     100% {
         -moz-transform:scale(1.01) 
    }
}
 @-o-keyframes page-covers-scale {
     0% {
         -o-transform:scale(1.1) 
    }
     100% {
         -o-transform:scale(1.01) 
    }
}
 @keyframes page-covers-scale {
     0% {
         -webkit-transform:scale(1.1);
         -moz-transform:scale(1.1);
         -ms-transform:scale(1.1);
         transform:scale(1.1) 
    }
     100% {
         -webkit-transform:scale(1.01);
         -moz-transform:scale(1.01);
         -ms-transform:scale(1.01);
         transform:scale(1.01) 
    }
}
 @-webkit-keyframes widthTo0 {
     from {
         width:100% 
    }
     to {
         width:0 
    }
}
 @-moz-keyframes widthTo0 {
     from {
         width:100% 
    }
     to {
         width:0 
    }
}
 @-o-keyframes widthTo0 {
     from {
         width:100% 
    }
     to {
         width:0 
    }
}
 @keyframes widthTo0 {
     from {
         width:100% 
    }
     to {
         width:0 
    }
}
 @-webkit-keyframes fadeIn {
     from {
         opacity:0 
    }
     to {
         opacity:.5 
    }
}
 @-moz-keyframes fadeIn {
     from {
         opacity:0 
    }
     to {
         opacity:.5 
    }
}
 @-o-keyframes fadeIn {
     from {
         opacity:0 
    }
     to {
         opacity:.5 
    }
}
 @keyframes fadeIn {
     from {
         opacity:0 
    }
     to {
         opacity:.5 
    }
}
 @keyframes fadeOut {
     0% {
         opacity:1 
    }
     100% {
         opacity:0 
    }
}
 @-webkit-keyframes widthTo100 {
     from {
         width:0 
    }
     to {
         width:100% 
    }
}
 @-moz-keyframes widthTo100 {
     from {
         width:0 
    }
     to {
         width:100% 
    }
}
 @-o-keyframes widthTo100 {
     from {
         width:0 
    }
     to {
         width:100% 
    }
}
 @keyframes widthTo100 {
     from {
         width:0 
    }
     to {
         width:100% 
    }
}
 @-webkit-keyframes translateWrapper {
     to {
         margin-top:-200px;
         opacity:1 
    }
}
 @-moz-keyframes translateWrapper {
     to {
         margin-top:-200px;
         opacity:1 
    }
}
 @-o-keyframes translateWrapper {
     to {
         margin-top:-200px;
         opacity:1 
    }
}
 @keyframes translateWrapper {
     to {
         margin-top:-200px;
         opacity:1 
    }
}
 @media only screen and (max-width:767px) {
     .verticalcustomaddmobile {
         width: 100%;
         max-width: 300px;
         height: 250px;
         max-height: 250px;
         background-color: #f6f6f6;
         margin: 3.2rem auto;
         display: block;
         overflow: hidden 
    }
}
 @media only screen and (min-width:768px) and (max-width:769px) {
     .bg-mobile {
         display: block!important 
    }
}
 @media only screen and (max-width:768px) {
     #header {
         background-color: black;
         height: 76px;
    }
     .moretolovesection .collections-highlight h3, .v-magazine-text {
         font-family: Knockout;
         text-align: center 
    }
     .bg-tablet {
         display: none 
    }
     .main-menu--wrapper {
         top: 53%;
         left: 50%;
         height: calc(100vh - 150px);
         -webkit-transform: translate(-50%, -50%);
         -moz-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
         -ms-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%) 
    }
     .article-item .article-item--preview {
         padding-top: 60% 
    }
     .mobilelogo {
         display: block!important;
    }
     .desktoplogo {
         display: none!important 
    }
     .page-covers .lazyload.article-item--preview {
         height: 500px 
    }
     .article-item--content .lazyload.article-item--preview {
         height: auto 
    }
     .fieldContent-image--caption {
         width: 70% 
    }
     .moretolovesection .collections-highlight h3 {
         font-size: 40px;
         font-size: 4rem;
         color: #000;
         text-transform: uppercase;
         margin-top: 3rem 
    }
     .moretolovesection .collections-highlight .more-to-love-image {
         background-size: cover;
         background-position: center center;
         width: 100%;
         height: 180px 
    }
     .bx-wrapper .bx-pager.bx-default-pager a {
         border: 1px solid #000 
    }
     .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover {
         background: #000 
    }
     .verticalcustomaddmobile {
         display: none 
    }
     #legal, #newsletter {
         display: none;
         z-index: 0 
    }
     #header .header--logo {
         display: block 
    }
     .adbannerwrapper, ul#menu-secondary-menu li.get-vmail, ul#menu-secondary-menu li.shopping_cart {
         display: none 
    }
     #menu-secondary-menu {
         margin-left: 0 
    }
     #header .header--logo div {
         position: absolute;
         z-index: 1;
         left: 50%;
         -webkit-transform: translateX(-50%);
         -moz-transform: translateX(-50%);
         -o-transform: translateX(-50%);
         -ms-transform: translateX(-50%);
         transform: translateX(-50%);
         bottom: -75px;
         bottom: -7.5rem;
         margin: 1rem auto;
         height: 56px;
         height: 5.6rem;
         width: 100px;
         width: 10rem;
         display: block;
         background-size: contain;
         background-repeat: no-repeat;
         background-position: center center 
    }
     .main-menu--link:after, .main-menu-new-link {
         display: none 
    }
     body:not(.main-menu-open) #header.reduced .main-menu--link {
         -webkit-transform: rotate(0);
         -moz-transform: rotate(0);
         -o-transform: rotate(0);
         -ms-transform: rotate(0);
         transform: rotate(0);
         position: fixed;
         top: 20px 
    }
     body:not(.main-menu-open) #header.reduced .main-menu--link .main-menu--link-burger {
         background-color: #000 
    }
     body:not(.custom-menu-open) #header.reduced .main-menu-new-link .main-menu-new-link-burger {
         background-color: #fff 
    }
     body:not(.main-menu-open) #header.reduced .main-menu--link .main-menu--link-burger:before {
         -webkit-transform: rotate(0);
         -moz-transform: rotate(0);
         -o-transform: rotate(0);
         -ms-transform: rotate(0);
         transform: rotate(0);
         top: -7px;
         top: -.7rem 
    }
     body:not(.custom-menu-open) #header.reduced .main-menu-new-link .main-menu-new-link-burger:before {
         -webkit-transform: rotate(0);
         -moz-transform: rotate(0);
         -o-transform: rotate(0);
         -ms-transform: rotate(0);
         transform: rotate(0);
         top: -3px;
         top: -.5rem 
    }
     body:not(.main-menu-open) #header.reduced .main-menu--link .main-menu--link-burger:after {
         -webkit-transform: rotate(0);
         -moz-transform: rotate(0);
         -o-transform: rotate(0);
         -ms-transform: rotate(0);
         transform: rotate(0);
         bottom: -7px;
         bottom: -.7rem 
    }
     body:not(.custom-menu-open) #header.reduced .main-menu-new-link .main-menu-new-link-burger:after {
         -webkit-transform: rotate(0);
         -moz-transform: rotate(0);
         -o-transform: rotate(0);
         -ms-transform: rotate(0);
         transform: rotate(0);
         bottom: -3px;
         bottom: -.5rem 
    }
     body:not(.main-menu-open) #header.reduced .main-menu--link .main-menu--link-burger:after, body:not(.main-menu-open) #header.reduced .main-menu--link .main-menu--link-burger:before {
         opacity: 1;
         background-color: #000 
    }
     body:not(.custom-menu-open) #header.reduced .main-menu-new-link .main-menu-new-link-burger:after, body:not(.custom-menu-open) #header.reduced .main-menu-new-link .main-menu-new-link-burger:before {
         opacity: 1 
    }
     .main-menu--link .main-menu--link-burger, .main-menu--link .main-menu--link-burger:after, .main-menu--link .main-menu--link-burger:before, .main-menu-new-link .main-menu-new-link-burger, .main-menu-new-link .main-menu-new-link-burger:after, .main-menu-new-link .main-menu-new-link-burger:before {
         height: .2rem!important;
         background-color: #fff 
    }
     .mob-search {
         display: block;
         text-align: center;
         margin: 40px 0 
    }
     .mob-search .input-group-unstyled>input, span.mobile-search {
         border-bottom: 1px solid #666;
         border-top: none;
         border-right: none;
         margin-right: 10px;
         font-size: 2.2rem;
         background-color: #000;
         color: #fff 
    }
     .mob-search .input-group-unstyled>input {
         width: 80%;
         border-left: none 
    }
     .mob-search .input-group-unstyled>input:focus {
         outline: 0 
    }
     .mob-search .input-group-unstyled .input-group-addon {
         border-left: 1px solid #ed5565;
         font-size: 2.2rem;
         padding-left: 10px;
         position: relative 
    }
     span.mobile-search {
         width: 240px;
         border-left: none;
         display: inline-block;
         position: relative;
         right: 0 
    }
     .search-link {
         top: 2rem 
    }
     .search--results form .glass {
         left: 0 
    }
     .search--results form {
         margin-top: 3.4rem;
    }
     #search .close {
         top: 5.5rem 
    }
     #search .search--form {
         position: absolute;
         z-index: -1;
         top: 1%;
         left: 50%;
         -webkit-transform: translate(-50%, 0);
         -moz-transform: translate(-50%, 0);
         -o-transform: translate(-50%, 0);
         -ms-transform: translate(-50%, 0);
         transform: translate(-50%, 0);
         width: calc(100% - 56px);
         opacity: 0;
         -webkit-transition: opacity .3s;
         -moz-transition: opacity .3s;
         -o-transition: opacity .3s;
         transition: opacity .3s 
    }
     .mob-search .input-group-unstyled .input-group-addon a {
         color: #fff 
    }
     .main-menu--overlay a.body-scroll-locker>.icon-manifying-glass-bold {
         display: block 
    }
     .search-link .icon-manifying-glass-bold {
         color: #fff 
    }
     #main-menu .main-menu--overlay {
         background-color: #000 
    }
     .main-menu--wrapper ul a {
         color: #fff;
         font-size: 4rem 
    }
     #main-menu .close, .main-menu--link {
         background-color: transparent;
         left: 5px;
         left: .5rem 
    }
     #main-menu .close1, .main-menu-new-link {
         background-color: transparent;
         left: 0 
    }
     .js-mob-form-get-vmail span {
         color: #fb557d 
    }
     .mobnewsletter {
         width: 217px;
         width: 21.7rem;
         min-height: 40px;
         min-height: 4rem;
         height: 100%;
         padding: 0 15px;
         font-size: 1.5rem;
         font-style: italic 
    }
     .mob-search .form-control::-webkit-input-placeholder {
         color:#fff 
    }
     .mob-search .form-control:-moz-placeholder {
         color:#fff 
    }
     .mob-search .form-control::-moz-placeholder {
         color:#fff 
    }
     .mob-search .form-control:-ms-input-placeholder {
         color:#fff 
    }
     .v-magazine-text {
         padding-top: 18px;
         font-size: 5.5rem;
         font-style: bold;
         color: #fff 
    }
     .article-item {
         margin-bottom: 2.2rem 
    }
     .article-item .article-item--title {
         margin-bottom: 0;
    }
     .page-covers .page-cover--title {
         font-size: 5rem 
    }
     .article-item .article-item--subtitle {
         margin-top: 0;
         margin-bottom: 1rem 
    }
     .page-covers {
         position: relative;
         overflow: hidden;
         min-height: 215px 
    }
     .page-cover .page-cover--image, .page-covers--inner:not(.slideshow) .page-cover--image {
         height: 500px!important 
    }
     .article-item .article-item--pubdate {
         display: block;
         color: #000 
    }
     .article-item .article-item--excerpt, .customadd {
         display: none 
    }
     #hot .hot--header, #hot-test .hot--header, #hot1 .hot--header {
         display: block 
    }
     #hot .hot--position, #hot1 .hot--position {
         position: absolute;
         right: 10px;
         right: 1rem;
         width: calc(100% - 10px);
         height: 3px;
         height: .3rem;
         top: 8rem;
         background-color: #ececec 
    }
     #hot .article-item, #hot1 .article-item {
         margin-right: 1rem;
         margin-left: 0 
    }
     #hot .hot--slideshow, #hot1 .hot--slideshow {
         margin-top: 7rem;
         width: 32rem 
    }
     #hot .hot--header, #hot-test .hot--header, #hot1 .hot--header {
         position: absolute;
         z-index: 1;
         width: 100%;
         text-align: center;
         background-size: 100%;
         color: #000;
         left: 0;
         font-weight: 700;
         font-family: Knockout;
         text-transform: uppercase 
    }
     #hot .hot--header, #hot1 .hot--header {
         height: 100px;
         height: 10rem;
         padding-top: 0;
         top: 0;
         font-size: 60px;
         font-size: 6rem 
    }
     #hot-test .hot--slideshow {
         margin-top: 6rem 
    }
     #hot-test .hot--header {
         height: 100px;
         height: 10rem;
         padding: 2rem 0;
         top: 10px;
         top: 1rem;
         font-size: 60px;
         font-size: 6rem 
    }
     .customaddmob {
         min-width: 270px;
         height: auto;
         margin: 2rem auto;
        /*background: #f1f1f1;
        */
         position: relative;
         display: table 
    }
     .article-last-credit:before, .page-cover--subtitle:after {
         content: '';
         position: absolute;
         width: 42px;
         background: red 
    }
     .topstoryaddmob {
         margin-bottom: 2.9rem 
    }
     .page-cover--subtitle:after {
         height: 1px;
         left: 0;
         right: 0;
         margin: 29px 20px 0 
    }
     #article-single .article-single--text {
         margin-top: 20px 
    }
     .article-item .article-item--preview {
         margin-bottom: 1rem 
    }
     .article-last-credit:before {
         height: 1px!important;
         left: 30px;
         left: 3rem!important;
         top: -2rem 
    }
     .collection-banner h3, .contributor-banner h3 {
         font-size: 40px;
         font-size: 4rem;
         line-height: 40px;
         line-height: 4rem;
         font-weight: 700;
         font-family: Knockout;
         text-transform: uppercase;
         color: #fff 
    }
}
 @media (min-width:769px) {
     .main-menu--link, .searchicon-mob, .verticalcustomaddmobile {
         display: none 
    }
}
 @media (min-width:992px) {
     .mobfiltermenu {
         display: none 
    }
}
 @media (min-width:768px) {
     .mob-search, .v-magazine-text {
         display: block 
    }
     body:not(.custom-menu-open) #header.reduced .main-menu-new-link .main-menu-new-link-burger, body:not(.main-menu-open) #header.reduced .main-menu--link .main-menu--link-burger {
         background-color: #000;
         width: 2.5rem 
    }
     body:not(.custom-menu-open) #header.reduced .main-menu-new-link, body:not(.main-menu-open) #header.reduced .main-menu--link {
         -webkit-transform: rotate(0);
         -moz-transform: rotate(0);
         -o-transform: rotate(0);
         -ms-transform: rotate(0);
         transform: rotate(0) 
    }
     body:not(.custom-menu-open) #header.reduced .main-menu-new-link:after {
         background-image: url(../../../wp-content/themes/vmagazine/res/public/small-V-red.svg) 
    }
     body:not(.custom-menu-open) #header.reduced .main-menu-new-link .main-menu-new-link-burger:after, body:not(.custom-menu-open) #header.reduced .main-menu-new-link .main-menu-new-link-burger:before, body:not(.main-menu-open) #header.reduced .main-menu--link .main-menu--link-burger:after, body:not(.main-menu-open) #header.reduced .main-menu--link .main-menu--link-burger:before {
         background-color: #000;
         left: 0;
         opacity: 1 
    }
     body:not(.custom-menu-open) #header.reduced .main-menu-new-link .main-menu-new-link-burger:before, body:not(.main-menu-open) #header.reduced .main-menu--link .main-menu--link-burger:before {
         -webkit-transform: rotate(0);
         -moz-transform: rotate(0);
         -o-transform: rotate(0);
         -ms-transform: rotate(0);
         transform: rotate(0);
         top: -.7rem;
         width: 2.5rem 
    }
     body:not(.custom-menu-open) #header.reduced .main-menu-new-link .main-menu-new-link-burger:after, body:not(.main-menu-open) #header.reduced .main-menu--link .main-menu--link-burger:after {
         -webkit-transform: rotate(0);
         -moz-transform: rotate(0);
         -o-transform: rotate(0);
         -ms-transform: rotate(0);
         transform: rotate(0);
         bottom: -.7rem;
         width: 2.5rem 
    }
     .main-menu--link:after, .main-menu-new-link:after {
         padding-left: 60px;
         -webkit-transform: rotate(0);
         -moz-transform: rotate(0);
         -o-transform: rotate(0);
         -ms-transform: rotate(0);
         transform: rotate(0) 
    }
     .mobThumb {
         display: none 
    }
}
 .verticalcustomadd-article.stickyadd-ab {
     bottom: 0;
     position: absolute 
}
 .contentverticalcustomadd.stickyadd-ab {
     position: absolute;
     bottom: -6650px;
     margin-top: 0;
     top: auto 
}
 .verticalcustomadd-article.stickyadd, .verticalcustomadd.stickyadd {
     position: fixed;
     top: 50px;
     left: 50%;
     margin-left: 327px 
}
 .share-social-buttons.stickyadd {
     position: fixed!important;
     top: 50px!important;
     left: 50%!important;
     margin-left: -636px 
}
 .share-social-buttons.stickyadd-ab {
     bottom: 0;
     position: absolute!important 
}
 .contentverticalcustomadd.stickyadd {
     position: fixed;
     top: 50px;
     margin-top: 0 
}
 .verticalcustomadd2.stickyadd, .verticalcustomadd3.stickyadd, .verticalcustomadd4.stickyadd, .verticalcustomadd5.stickyadd, .verticalcustomadd6.stickyadd {
     position: fixed;
     top: 50px;
     left: 56.2%;
     margin-left: 327px;
}
 .new_menu_desktop {
     background-color: #000;
     color: #fff;
     position: absolute;
     top: 48rem;
     left: 0;
     width: 20rem;
     opacity: 0;
     padding: 4rem 2rem 
}
 .new_menu_desktop ul {
     opacity: 0 
}
 body.custom-menu-open .new_menu_desktop {
     opacity: 1;
     height: 100%;
     max-height: 100%;
     top: 15.5rem;
     position: fixed;
     z-index: 99;
     font-size: 24px;
     transition: max-height .2s ease-in;
     -webkit-transition: max-height .2s ease-in 
}
 body.custom-menu-open #header.reduced+.new_menu_desktop {
     top: 5rem 
}
 body.custom-menu-open .new_menu_desktop ul {
     opacity: 1;
     transition: opacity .3s ease-in;
     -webkit-transition: opacity .3s ease-in;
     padding-left: 3rem 
}
 body.custom-menu-open .new_menu_desktop ul#menu-secondary-menu {
     margin-left: 0 
}
 body.custom-menu-open .new_menu_desktop ul li {
     padding-bottom: 1rem 
}
 body.custom-menu-open .new_menu_desktop ul li a {
     color: #fff;
     font-family: Knockout;
     font-size: 3.2rem;
     line-height: 3rem;
     text-transform: uppercase;
     font-weight: 700 
}
 .hot--slideshow .bx-wrapper .bx-prev {
     display: none 
}
 #hot-test .bx-wrapper .bx-next {
     right: -60px;
     background: url(images/next.svg) no-repeat;
     opacity: 1 
}
 .royalSlider {
     width: 600px;
     height: 400px;
     position: relative;
     direction: ltr 
}
 @media screen and (min-height:450px) and (max-height:660px) {
     .royalSlider {
         height: 380px!important 
    }
}
 .rsContainer, .rsOverflow, .rsVisibleNearbyWrap {
     height: 100%;
     -webkit-tap-highlight-color: transparent;
     width: 100% 
}
 .rsWebkit3d .rsSlide {
     -webkit-transform: translateZ(0) 
}
 .rsWebkit3d .rsABlock, .rsWebkit3d .rsAbsoluteEl, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsContainer, .rsWebkit3d .rsLink, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsPreloader, .rsWebkit3d .rsSlide, .rsWebkit3d .rsThumbs, .rsWebkit3d img {
     -webkit-backface-visibility: hidden 
}
 .rsFade.rsWebkit3d .rsContainer, .rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img {
     -webkit-transform: none 
}
 .rsOverflow {
     position: relative;
     float: left 
}
 .rsVisibleNearbyWrap {
     position: relative;
     overflow: hidden;
     left: 0;
     top: 0 
}
 .rsVisibleNearbyWrap .rsOverflow {
     position: absolute;
     left: 0;
     top: 0 
}
 .rsContainer {
     position: relative 
}
 .rsArrow, .rsThumbsArrow {
     cursor: pointer 
}
 .rsThumb {
     position: relative 
}
 .rsArrow, .rsNav, .rsThumbsArrow {
     opacity: 1;
     -webkit-transition: opacity .3s linear;
     -moz-transition: opacity .3s linear;
     -o-transition: opacity .3s linear;
     transition: opacity .3s linear 
}
 .rsHidden {
     opacity: 0;
     visibility: hidden;
     -webkit-transition: visibility 0s linear .3s, opacity .3s linear;
     -moz-transition: visibility 0s linear .3s, opacity .3s linear;
     -o-transition: visibility 0s linear .3s, opacity .3s linear;
     transition: visibility 0s linear .3s, opacity .3s linear 
}
 .rsGCaption {
     width: 100%;
     text-align: center 
}
 .royalSlider.rsFullscreen {
     position: fixed!important;
     height: auto!important;
     width: auto!important;
     margin: 0!important;
     padding: 0!important;
     z-index: 2147483647!important;
     top: 0!important;
     left: 0!important;
     bottom: 0!important;
     right: 0!important 
}
 .royalSlider .rsSlide.rsFakePreloader {
     opacity: 1!important;
     -webkit-transition: 0s;
     -moz-transition: 0s;
     -o-transition: 0s;
     transition: 0s;
     display: none 
}
 .rsSlide {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     height: 100%;
     width: 100% 
}
 .royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide {
     height: auto 
}
 .rsContent {
     width: 100%;
     height: 100%;
     position: relative 
}
 .rsPreloader {
     position: absolute;
     z-index: 0 
}
 .rsNav {
     -moz-user-select: -moz-none;
     -webkit-user-select: none;
     user-select: none 
}
 .rsNavItem {
     -webkit-tap-highlight-color: rgba(0,0,0,.25) 
}
 .rsThumbs {
     cursor: pointer;
     position: relative;
     z-index: 22 
}
 .rsTabs {
     background: 0 0!important 
}
 .rsTabs, .rsThumbs {
     -webkit-tap-highlight-color: transparent 
}
 .rsVideoContainer {
     width: auto;
     height: auto;
     line-height: 0;
     position: relative 
}
 .rsABlock, .rsLink, .rsVideoFrameHolder {
     left: 0;
     top: 0;
     position: absolute 
}
 .rsVideoFrameHolder {
     background: #141414;
     opacity: 0;
     -webkit-transition: .3s 
}
 .rsVideoFrameHolder.rsVideoActive {
     opacity: 1 
}
 .rsVideoContainer .rsVideoObj, .rsVideoContainer embed, .rsVideoContainer iframe, .rsVideoContainer video {
     position: absolute;
     z-index: 50;
     left: 0;
     top: 0;
     width: 100%;
     height: 100% 
}
 .rsVideoContainer.rsIOSVideo embed, .rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding-right: 44px 
}
 .rsABlock {
     z-index: 15 
}
 img.rsImg {
     max-width: none 
}
 .grab-cursor {
     cursor: url('images/grab.png') 8 8, move 
}
 .grabbing-cursor {
     cursor: url('images/grabbing.png') 8 8, move 
}
 .rsNoDrag {
     cursor: auto 
}
 .rsLink {
     width: 100%;
     height: 100%;
     display: block;
     z-index: 20;
     background: url(blank.gif) 
}
 .slideshow-item {
     background-image: none!important 
}
 .bg-desktop, .bg-mobile, .bg-mobileLand, .bg-tablet, .bg-tabletLand {
     display: none 
}
 #collections .bg-mobileLand, #contributors .list-item .bg-mobileLand {
     display: block 
}
 @media screen and (min-width:1025px) {
     .bg-mobileLand {
         display: block 
    }
}
 @media screen and (min-width:769px) and (max-width:1023px) {
     .bg-tablet {
         display: block 
    }
     .page-cover--subtitle:after {
         content: '';
         position: absolute;
         height: 1px;
         width: 42px;
         background: red;
         margin-top: 27px!important;
         left: 20px!important;
         margin: inherit 
    }
}
 @media (width:1024px) {
     .page-cover--subtitle:after {
         left: 30px!important 
    }
     .page-cover .page-cover--content .page-cover--title {
         white-space: nowrap!important;
         overflow: hidden;
         text-overflow: ellipsis;
         line-height: 5.6rem 
    }
}
 @media screen and (max-width:767px) {
     .search-link {
         top: 0 
    }
     .title-ellipse {
         max-height: 150px;
    }
     .infoBlock {
         width: 100%;
         top: 82%!important 
    }
     .page-cover .page-cover--title {
         max-height: 150px;
         max-height: 15rem;
         font-size: 40px;
         font-size: 4rem;
         line-height: 4rem 
    }
     .rsMinW .rsBullets {
         bottom: 20px!important;
         bottom: 2rem!important 
    }
     .page-covers .page-cover--title {
         font-size: 60px!important;
         line-height: 60px!important;
         padding-bottom: 10px 
    }
     .about-us-content {
         font-size: 12px;
         line-height: 18px;
         width: 90%;
         padding-top: 35px;
         padding-bottom: 50px 
    }
     .about-us-content h2 {
         font-size: 2.4rem 
    }
     .about-us-content h3 {
         font-size: 2rem 
    }
     .searchicon {
         display: none 
    }
     .searchicon-mob {
         margin: 30px 10px 
    }
}
 @media (width:768px) {
     .infoBlock {
         top: 86%!important 
    }
     .rsMinW .rsBullets {
         bottom: 20px!important;
         bottom: 2rem!important 
    }
     .vertical-center h2 {
         padding-bottom: 86px!important 
    }
}
 @media screen and (max-width:800px) and (min-width:0px) {
     .royalSlider.heroSlider, .royalSlider.heroSlider .rsOverflow {
         height: 460px!important 
    }
}
 @media only screen and (min-width:767px) and (max-width:768px) {
     .bg-tabletLand {
         display: block 
    }
     .page-covers {
         height: 460px 
    }
}
 @media screen and (max-width:767px) and (orientation:portrait) {
     .bg-tabletLand {
         display: block!important 
    }
     .page-covers {
         height: 460px 
    }
     #contributors .bg-tabletLand {
         display: block 
    }
}
 @media screen and (max-width:768px) and (orientation:landscape) {
     .bg-desktop {
         display: block!important 
    }
     .royalSlider.heroSlider, .royalSlider.heroSlider .rsOverflow {
         height: 380px!important 
    }
     .page-covers, .page-covers .lazyload.article-item--preview {
         height: 380px 
    }
}
 @media screen and (max-width:1024px) {
     .bg-tablet {
         display: none 
    }
     .bg-desktop {
         display: block!important 
    }
     .share-social-buttons.stickyadd {
         margin-left: -500px 
    }
     body.ios div#search.overlay.v-effect .search--results .wrapper {
         display: none 
    }
     body.ios div#search.overlay.v-effect .search--part .search--form, body.ios.search-open div#search.overlay.v-effect .search--results .wrapper {
         display: block 
    }
     #search .search--form {
         top: 230px 
    }
}
 @media screen and (min-width:769px) and (max-width:960px) {
     .page-covers {
         height: 460px 
    }
     #full-width-slider {
         height: 460px!important 
    }
     .customaddmob {
         display: none 
    }
     .customadd {
         text-align: center 
    }
     .page-covers .lazyload.article-item--preview {
         height: 460px 
    }
     .infoBlock {
         top: 84%!important;
         max-height: 30rem!important 
    }
}
 .article-up-next--wrapper .bg-mobileLand {
     display: block!important;
     height: 100vh 
}
 .collections-highlight .article-thumb .article-item--preview, .hot--slideshow .article-thumb .article-item--preview {
     height: 1px;
     padding-top: 60%;
     background-size: cover;
     background-position: center center 
}
 @media screen and (min-width:1024px) and (max-width:1279px) {
     .adbannerwrapper{
         position:relative;
    }
     .article-item .article-item--infos {
         width: calc(33% - 83px);
         float: left 
    }
     .article-item .article-item--title {
         margin-top: 0;
    }
     .article-item .article-item--excerpt {
         color: #5e5e5e;
         display: block;
         font-size: 15px;
         font-size: 1.5rem;
         line-height: 21px;
         line-height: 2.1rem;
         margin-top: .7rem 
    }
     .verticalcustomadd {
         margin-top: 0 
    }
     .verticalcustomadd-article {
         width: 100%;
         max-width: 300px;
         height: 600px;
         max-height: 600px;
         position: absolute;
         right: -4rem;
         margin-top: 0;
         display: block !important;
         z-index: 10 
    }
     .verticalcustomadd, .verticalcustomadd3, .verticalcustomadd4, .verticalcustomadd5, verticalcustomadd2 {
         display: block!important 
    }
     .verticalcustomadd.stickyadd, .verticalcustomadd2.stickyadd, .verticalcustomadd3.stickyadd, .verticalcustomadd4.stickyadd, .verticalcustomadd5.stickyadd, .verticalcustomadd6.stickyadd {
         left: auto;
         right: 2rem 
    }
     .verticalcustomadd-article.stickyadd {
         left: auto;
         right: 2rem;
    }
     .verticalcustomadd2, .verticalcustomadd3, .verticalcustomadd4, .verticalcustomadd5, .verticalcustomadd6 {
         margin-top: 0;
         display: block 
    }
     .verticalcustomadd.stickyadd-ab{
         top:778px;
    }
     .verticalcustomadd2.stickyadd, .verticalcustomadd3.stickyadd, .verticalcustomadd4.stickyadd, .verticalcustomadd5.stickyadd, .verticalcustomadd6.stickyadd{
         position:fixed !important;
         top:50px !important;
    }
     .verticalcustomadd2.stickyadd-ab, .verticalcustomadd3.stickyadd-ab, .verticalcustomadd4.stickyadd-ab{
         top: 778px;
         position: absolute 
    }
}
 @media screen and (max-width:767px) {
     .customaddmob {
         display: block !important;
         text-align: center;
    }
     .customadd {
         display: none !important;
    }
     .customaddtabportrait {
         display: none !important;
    }
}
 @media screen and (max-width:768px) {
     .customaddmob {
         display: block !important;
    }
}
 @media screen and (min-width:768px) {
     .customadd {
         display: none !important;
         text-align: center;
         margin: 2rem auto;
    }
     .customaddtabportrait {
         display: block;
         text-align: center;
         margin: 3rem auto;
    }
}
 @media screen and (min-width:1024px) {
     .customaddtabportrait {
         display: none;
    }
     .customaddmob {
         display: none !important;
    }
     .customadd {
         display: block !important;
         text-align: center;
         margin: 3rem auto;
    }
}
/*Glide slider css start*/
 .glideslider {
     position: relative;
     width: 68%;
    /*height: 500px;
    */
     overflow: hidden;
     margin-top: 0rem;
     float: left;
}
 .glideslides {
     height: 100%;
     overflow: hidden;
    /** * Prevent blinking issue * Not tested. Experimental. */
     -webkit-backface-visibility: hidden;
     -webkit-transform-style: preserve-3d;
     -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
     -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
     -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
     -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
     transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
     padding-left: 0rem !important;
     padding-right: 0rem !important;
     list-style-type: none !important;
     margin-bottom: 2rem !important;
}
 .glideslide {
     height: 100%;
     float: left;
     clear: none;
}
 .glideslide figure {
     display: block;
     position: relative;
     text-align: center;
     background-size: contain;
    /*background-size: cover;
    */
     height: calc(100vh - 115px);
     background-position: 50% 50%;
     background-repeat: no-repeat;
}
 .glideslide figure figcaption {
     position: absolute;
    /*right: 20%;
    */
     width: 100%;
     height: 50px;
     font-size: 1rem;
     line-height: 2.2rem;
     font-weight: bold;
     padding: 10px 14px 0px 15px;
     color: #b1b1b1;
     background: rgb(255,255,255);
     text-align: left;
     bottom: -1.5rem;
}
 .glideslide figure figcaption a {
     color: #5a7fbc;
     text-decoration: none;
}
 .glideslide figure figcaption a:hover {
     text-decoration: underline;
}
/*.slide figure img {
     max-height: 480px;
}
*/
 .glideslider-arrows {
}
 .glideslider-arrows:after {
     content: "";
     position: absolute;
     right: 5.8rem;
     color: #fff;
     width: 1px;
     top: 12%;
     height: 75%;
     border-right: 1px solid;
     display: none;
}
 .glideslider-arrow {
     position: absolute;
     display: block;
     margin-bottom: 5px;
     font-family: 'Alegreya Sans', 'Trebuchet MS', sans-serif;
     text-decoration: none;
     font-weight: 900;
     font-size: 4.0em;
     color: #fff;
     height: 90%;
}
 .glideslider-arrow--right {
     bottom: 50%;
     right: 0rem;
     color: #fff !important;
     background-image: url(/wp-content/themes/vmagazine/images/nextarrow.png);
     background-repeat: no-repeat;
     background-size: 100%;
     width: 5%;
     background-position: center;
     top: 0;
}
 .glideslider-arrow--left {
     bottom: 50%;
     left: 0rem;
     color: #fff !important;
     background-image: url(/wp-content/themes/vmagazine/images/prevarrow.png);
     background-repeat: no-repeat;
     background-size: 100%;
     width: 5%;
     background-position: center;
     top: 0;
}
 .glideslider-nav {
     position: absolute;
     bottom: 0px;
     display: none;
}
 .glideslider-nav__item {
     width: 12px;
     height: 12px;
     float: left;
     clear: none;
     display: block;
     margin: 0 5px;
     background: #fff;
     -webkit-border-radius: 7px;
     -moz-border-radius: 7px;
     border-radius: 7px;
}
 .glideslider-nav__item:hover {
     background: #bababa;
}
 .glideslider-nav__item--current, .glideslider-nav__item--current:hover {
     background: #999;
}
 .gallery-index {
    /*z-index: 999;
    */
     color: #494d4c !important;
    /*position: absolute;
     bottom: 3rem;
     font-size: 3rem;
     left: 1rem;
     font-family: knockout;
     height: 50px;
    */
     position: absolute;
     font-size: 4rem;
     line-height: 3rem;
     font-family: knockout;
     height: 60px;
     margin-top: 2rem;
     width: 7%;
     clear: both;
     background-color: #FFF;
     top: -1.5rem;
     padding: 0px 0px 0px 15px;
     right: 0;
     text-align: right;
}
/** responsive styles **/
 @media screen and (max-width: 1050px) {
    /*.glideslider-arrow {
         font-size: 1.8em;
         padding: 15px;
    }
    */
}
 @media screen and (max-width: 992px) {
     .glideslider {
        /*margin-left:0rem;
        */
         margin: 1rem 0;
         width: 100%;
         float: none;
         height: calc(100vh - 200px);
        /*padding-bottom:30px;
         */
    }
     .glideslider-arrows {
         bottom: 1.5rem;
         background-color: transparent;
    }
     .glideslider-arrow--right, .glideslider-arrow--left {
         color: #494d4c !important;
    }
    /*.glideslider-arrows:after{
         color:#494d4c !important;
    }
    */
     .gallery-index {
         color: #000 !important;
         background-color: transparent;
         top: 0rem;
        /*padding-left:0;
        */
         padding: 0px 10px 0px 15px;
         width: 10%;
         margin-top: 1.5rem;
    }
     .glideslider-arrow--right {
         background-image: url(/wp-content/themes/vmagazine/images/nextarrow.png);
         background-repeat: no-repeat;
    }
     .glideslider-arrow--left {
         background-image: url(/wp-content/themes/vmagazine/images/prevarrow.png);
         background-repeat: no-repeat;
    }
    /*.glideslider-arrows:after{
         right:5.8rem;
    }
    */
}
 .dfp-mobad {
     display: none;
     margin: 3rem auto;
     width: 100%;
     height: auto;
     max-width: 970px;
     max-height: 250px;
     min-width: 300px;
     min-height: 50px;
     text-align: center;
}
 @media screen and (max-width: 767px) {
     .glideslider-arrow--right {
         background-image: url(/wp-content/themes/vmagazine/images/nextarrow.png);
         background-repeat: no-repeat;
         width: 10%;
    }
     .glideslider-arrow--left {
         background-image: url(/wp-content/themes/vmagazine/images/prevarrow.png);
         background-repeat: no-repeat;
         width: 10%;
    }
    /*.glideslider-arrows:after{
         right:5rem;
    }
    */
}
 @media screen and (max-width: 768px) {
     .dfp-mobad {
         display: block;
    }
}
 @media only screen and (min-width:768px) and (max-width:840px) {
     .glideslider-arrow--right {
         background-image: url(/wp-content/themes/vmagazine/images/nextarrow.png);
         background-repeat: no-repeat;
         width: 5%;
    }
     .glideslider-arrow--left {
         background-image: url(/wp-content/themes/vmagazine/images/prevarrow.png);
         background-repeat: no-repeat;
         width: 5%;
    }
    /*.glideslider-arrows:after{
         right:5rem;
    }
    */
}
 .dfpadd {
     margin: 0 auto;
     width: 100%;
     height: auto;
     max-width: 970px;
     max-height: 250px;
     min-width: 300px;
     /*min-height: 50px;*/
     text-align: center;
}
 .dfpaddslideshowpage {
     margin: 1rem auto !important;
     width: 100% !important;
     height: auto;
     max-width: 970px;
     max-height: 250px;
     min-width: 300px;
     min-height: 50px;
     text-align: center;
}
 @media only screen and (min-width:840px) and (max-width:1279px) {
     .glideslider {
         margin-left: 0rem;
    }
}
/*Glide slider css end*/
 body.slidenshownew #header {
     width: 5%;
}
 .glideslide .fieldContent--image {
     display: none;
}
 @media only screen and (min-width:768px) and (max-width:840px) {
     body.slidenshownew #header {
         width: 100%;
         height: auto !important 
    }
     .glideslide .fieldContent--image {
         display: block;
         visibility: hidden;
    }
     .dfpaddslideshowpage {
         margin: 6rem auto 1rem auto !important;
         width: 100% !important;
         height: auto;
         max-width: 970px;
         max-height: 250px;
         min-width: 300px;
         min-height: 50px;
         text-align: center;
    }
     body.slidenshownew .close {
         position: relative;
         float: right;
         bottom:-1.5rem;
    }
     .glideslide figure {
         height: calc(100vh - 240px);
    }
}
 @media screen and (max-width: 767px) {
     body.slidenshownew{
         overflow-y:hidden;
    }
     body.slidenshownew #header {
         width: 100%;
         height: auto !important 
    }
     .dfpaddslideshowpage {
         margin: 6rem auto 1rem auto !important;
         width: 100% !important;
         height: auto;
         text-align: center;
    }
     .glideslider {
         height: calc(100vh - 140px);
    }
     .glideslide figure figcaption {
         bottom: 4.5rem;
         right: 0;
    }
     .gallery-index {
         width: 25%;
         margin-top: 0.5rem;
    }
     body.slidenshownew:not(.main-menu-open) #header.reduced .main-menu--link .main-menu--link-burger {
         background-color: #fff;
    }
     body.slidenshownew:not(.main-menu-open) #header.reduced .main-menu--link .main-menu--link-burger:after, body.slidenshownew:not(.main-menu-open) #header.reduced .main-menu--link .main-menu--link-burger:before {
         background-color: #fff;
    }
     body.slidenshownew #header.reduced .header--logo div {
         bottom: -7.5rem;
    }
}
 .newslider {
     position: relative;
     width: 68%;
     float: left;
}
@media screen and (max-width: 767px) {
	.newslider {
	     width: 95%;
	}
}
 #elaborate_slider {
     width: 100%;
     height: calc(100vh - 180px);
     position: relative;
     margin-bottom: 25px;
     float: left;
}
 .slider_wrap {
     width: 900px;
     height: calc(100vh - 180px);
     margin: 0 auto;
     position: relative;
     text-align: center;
}
 .slider_container {
     width: 100%;
     height: 550px;
     margin: 0px auto 0;
}
 .slide {
     text-align: center;
     background-size: contain;
    /*background-size: cover;
    */
     background-position: 50% 50%;
     background-repeat: no-repeat;
     display: block !important;
}
 .captions {
     position: relative;
     bottom: 0px;
     width: 100%;
     height: 70px;
     box-shadow: 0 0 5px black;
     z-index: 10;
     background: rgba(255,255,0,0.3);
     background-image: url('imgs/caption_bg.png') repeat;
}
 .caption_overlay {
     width: 100%;
     height: 70px;
     margin: 0 auto;
     position: relative;
     left: 0px;
}
 .caption_content {
     width: 100%;
     height: 70px;
     padding: 0px;
     background: rgba(255,255,0,0.85);
     background-image: url('imgs/caption_overlay_bg.png') repeat;
     position: relative;
    /*top: 0;
    */
    /*-webkit-transition: background-color 0.2s;
     -moz-transition: background-color 0.2s;
     -o-transition: background-color 0.2s;
     -ms-transition: background-color 0.2s;
     transition: background-color 0.2s;
    */
}
 .caption_content:hover {
     background: rgb(255,255,0);
}
 .caption_copy {
     display: none;
     position: relative;
     font-size: 24px;
}
 .caption_copy p {
     display: none;
    /*margin-top: 15px;
    */
     font-size: 16px;
     line-height: 26px;
}
 .slider_container {
     height: inherit;
     width: 100%;
}
 .glide-pagination {
     text-align: center;
     margin-top: 3px;
}
 .glide-pagination a {
     display: inline-block;
     vertical-align: middle;
     background-color: #808080;
     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#808080), to(#444444));
     background-image: -ms-linear-gradient(top, #808080, #444444);
     background-image: -webkit-linear-gradient(top, #808080, #444444);
     background-image: -o-linear-gradient(top, #808080, #444444);
     background-image: linear-gradient(top, #808080, #444444);
     background-image: -moz-linear-gradient(top, #808080, #444444);
     cursor: pointer;
     -webkit-transition: background 0.2s;
     -moz-transition: background 0.2s;
     -o-transition: background 0.2s;
     transition: background 0.2s;
}
 .glide-pagination a span {
     display: none;
}
 .glide-pagination a.circle {
     height: 13px;
     width: 13px;
     border-radius: 10px;
     margin-right: 3px;
     text-indent: -9999px;
}
 .glide-pagination a.square {
     width: 10px;
     height: 10px;
     margin-right: 3px;
     text-indent: -9999px;
}
 .glide-pagination a.diamond {
     width: 10px;
     height: 10px;
     margin-right: 5px;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     text-indent: -9999px;
}
 .glide-pagination a:hover {
     background-color: #D3D3D3;
     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#D3D3D3), to(#808080));
     background-image: -ms-linear-gradient(top, #D3D3D3, #808080);
     background-image: -webkit-linear-gradient(top, #D3D3D3, #808080);
     background-image: -o-linear-gradient(top, #D3D3D3, #808080);
     background-image: linear-gradient(top, #D3D3D3, #808080);
     background-image: -moz-linear-gradient(top, #D3D3D3, #808080);
}
 .glide-pagination a.active {
     background-color: steelblue;
     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4682B4), to(#2B5E84));
     background-image: -ms-linear-gradient(top, #4682B4, #2B5E84);
     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4682B4), to(#2B5E84));
     background-image: -webkit-linear-gradient(top, #4682B4, #2B5E84);
     background-image: -o-linear-gradient(top, #4682B4, #2B5E84);
     background-image: linear-gradient(top, #4682B4, #2B5E84);
     background-image: -moz-linear-gradient(top, #4682B4, #2B5E84);
}
 .slider-caption {
     width: 100%;
     display: block;
     position: absolute;
     background: black;
     color: white;
     opacity: 0.85;
}
 .slider-caption div {
     padding: 7px;
}
 .slider-html-caption {
     display: none;
}
/* Additional styles */
 .slider_wrap a.next, .slider_wrap a.prev {
     display: inline-block;
     vertical-align: middle;
     height: 20px;
     top: 50%;
     transform: translateY(-50%);
     position: absolute;
}
 .slider_wrap a.prev {
     left: 0;
}
 .slider_wrap a.next {
     left: 100%;
}
 .social-icon-wrapper {
     margin-bottom: 1.5rem;
     display: block;
     width: 100%;
     float: left;
}
 .social-icon-wrapper ul {
     list-style-type: none;
}
 .social-icon-wrapper ul li {
     display: inline-block;
     list-style-type: none;
     float: left;
     margin-right: 5px;
     width: 40px;
     padding: 0px 5px;
     height: 40px;
     text-align: center;
     border: 1px solid #000;
     line-height: 40px;
}
 .social-icon-wrapper ul li a {
     color: #000;
}
/*Swiper slider css code start*/
 .swiper-container {
     margin: 0 auto;
     position: relative;
     overflow: hidden;
     z-index: 1 
}
 .swiper-container-no-flexbox .swiper-slide {
     float: left 
}
 .swiper-container-vertical>.swiper-wrapper {
     -webkit-box-orient: vertical;
     -moz-box-orient: vertical;
     -ms-flex-direction: column;
     -webkit-flex-direction: column;
     flex-direction: column 
}
 .swiper-wrapper {
     position: relative;
     width: 100%;
     height: calc(100vh - 110px);
     z-index: 1;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-transition-property: -webkit-transform;
     -moz-transition-property: -moz-transform;
     -o-transition-property: -o-transform;
     -ms-transition-property: -ms-transform;
     transition-property: transform;
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box 
}
 .swiper-container-android .swiper-slide, .swiper-wrapper {
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -o-transform: translate(0, 0);
     -ms-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0) 
}
 .swiper-container-multirow>.swiper-wrapper {
     -webkit-box-lines: multiple;
     -moz-box-lines: multiple;
     -ms-flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap 
}
 .swiper-container-free-mode>.swiper-wrapper {
     -webkit-transition-timing-function: ease-out;
     -moz-transition-timing-function: ease-out;
     -ms-transition-timing-function: ease-out;
     -o-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
     margin: 0 auto 
}
 .swiper-slide {
     -webkit-flex-shrink: 0;
     -ms-flex: 0 0 auto;
     flex-shrink: 0;
     width: 100%;
     height: 100%;
     position: relative 
}
 .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
     height: auto 
}
 .swiper-container-autoheight .swiper-wrapper {
     -webkit-box-align: start;
     -ms-flex-align: start;
     -webkit-align-items: flex-start;
     align-items: flex-start;
     -webkit-transition-property: -webkit-transform, height;
     -moz-transition-property: -moz-transform;
     -o-transition-property: -o-transform;
     -ms-transition-property: -ms-transform;
     transition-property: transform, height 
}
 .swiper-container .swiper-notification {
     position: absolute;
     left: 0;
     top: 0;
     pointer-events: none;
     opacity: 0;
     z-index: -1000 
}
 .swiper-wp8-horizontal {
     -ms-touch-action: pan-y;
     touch-action: pan-y 
}
 .swiper-wp8-vertical {
     -ms-touch-action: pan-x;
     touch-action: pan-x 
}
 .swiper-button-next, .swiper-button-prev {
     position: absolute;
     top: 50%;
     width: 40px;
     height: 40px;
     transform:translateY(-50%);
     z-index: 10;
     cursor: pointer;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat 
}
 .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
     opacity: .35;
     cursor: auto;
     pointer-events: none;
}

.swiper-button-prev {
	background-image: url('/wp-content/themes/vmagazine/images/back.svg');
    left: 10px;
    right: auto;
}
.swiper-button-next {
	background-image: url('/wp-content/themes/vmagazine/images/next.svg');
    right: 10px;
    left: auto;
} 
 .swiper-pagination {
     position: absolute;
     text-align: center;
     -webkit-transition: .3s;
     -moz-transition: .3s;
     -o-transition: .3s;
     transition: .3s;
     -webkit-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     z-index: 10 
}
 .swiper-pagination.swiper-pagination-hidden {
     opacity: 0 
}
 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
     bottom: 0px;
     right: 0;
     width: 10%;
     height: 40px;
     font-size: 30px;
     line-height: 40px;
     color: #000;
     background-color: #fff;
     font-family: Knockout;
     text-align: right;
}
 .swiper-pagination-bullet {
     width: 8px;
     height: 8px;
     display: inline-block;
     border-radius: 100%;
     background: #000;
     opacity: .2 
}
 button.swiper-pagination-bullet {
     border: none;
     margin: 0;
     padding: 0;
     box-shadow: none;
     -moz-appearance: none;
     -ms-appearance: none;
     -webkit-appearance: none;
     appearance: none 
}
 .swiper-pagination-clickable .swiper-pagination-bullet {
     cursor: pointer 
}
 .swiper-pagination-white .swiper-pagination-bullet {
     background: #fff 
}
 .swiper-pagination-bullet-active {
     opacity: 1;
     background: #007aff 
}
 .swiper-pagination-white .swiper-pagination-bullet-active {
     background: #fff 
}
 .swiper-pagination-black .swiper-pagination-bullet-active {
     background: #000 
}
 .swiper-container-vertical>.swiper-pagination-bullets {
     right: 10px;
     top: 50%;
     -webkit-transform: translate3d(0, -50%, 0);
     -moz-transform: translate3d(0, -50%, 0);
     -o-transform: translate(0, -50%);
     -ms-transform: translate3d(0, -50%, 0);
     transform: translate3d(0, -50%, 0) 
}
 .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
     margin: 5px 0;
     display: block 
}
 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
     margin: 0 5px 
}
 .swiper-pagination-progress {
     background: rgba(0,0,0,.25);
     position: absolute 
}
 .swiper-pagination-progress .swiper-pagination-progressbar {
     background: #007aff;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     -webkit-transform: scale(0);
     -ms-transform: scale(0);
     -o-transform: scale(0);
     transform: scale(0);
     -webkit-transform-origin: left top;
     -moz-transform-origin: left top;
     -ms-transform-origin: left top;
     -o-transform-origin: left top;
     transform-origin: left top 
}
 .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
     -webkit-transform-origin: right top;
     -moz-transform-origin: right top;
     -ms-transform-origin: right top;
     -o-transform-origin: right top;
     transform-origin: right top 
}
 .swiper-container-horizontal>.swiper-pagination-progress {
     width: 100%;
     height: 4px;
     left: 0;
     top: 0 
}
 .swiper-container-vertical>.swiper-pagination-progress {
     width: 4px;
     height: 100%;
     left: 0;
     top: 0 
}
 .swiper-pagination-progress.swiper-pagination-white {
     background: rgba(255,255,255,.5) 
}
 .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
     background: #fff 
}
 .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
     background: #000 
}
 .swiper-container-3d {
     -webkit-perspective: 1200px;
     -moz-perspective: 1200px;
     -o-perspective: 1200px;
     perspective: 1200px 
}
 .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
     -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
     -ms-transform-style: preserve-3d;
     transform-style: preserve-3d 
}
 .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     pointer-events: none;
     z-index: 10 
}
 .swiper-container-3d .swiper-slide-shadow-left {
     background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
     background-image: -webkit-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0));
     background-image: -moz-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0));
     background-image: -o-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0));
     background-image: linear-gradient(to left, rgba(0,0,0,.5), rgba(0,0,0,0)) 
}
 .swiper-container-3d .swiper-slide-shadow-right {
     background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
     background-image: -webkit-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));
     background-image: -moz-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));
     background-image: -o-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));
     background-image: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0)) 
}
 .swiper-container-3d .swiper-slide-shadow-top {
     background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
     background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0));
     background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0));
     background-image: -o-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0));
     background-image: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0)) 
}
 .swiper-container-3d .swiper-slide-shadow-bottom {
     background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
     background-image: -webkit-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0));
     background-image: -moz-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0));
     background-image: -o-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0));
     background-image: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,0)) 
}
 .swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
     -ms-perspective: 1200px 
}
 .swiper-container-cube, .swiper-container-flip {
     overflow: visible 
}
 .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
     pointer-events: none;
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
     backface-visibility: hidden;
     z-index: 1 
}
 .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
     pointer-events: none 
}
 .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
     pointer-events: auto 
}
 .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
     z-index: 0;
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
     backface-visibility: hidden 
}
 .swiper-container-cube .swiper-slide {
     visibility: hidden;
     -webkit-transform-origin: 0 0;
     -moz-transform-origin: 0 0;
     -ms-transform-origin: 0 0;
     transform-origin: 0 0;
     width: 100%;
     height: 100% 
}
 .swiper-container-cube.swiper-container-rtl .swiper-slide {
     -webkit-transform-origin: 100% 0;
     -moz-transform-origin: 100% 0;
     -ms-transform-origin: 100% 0;
     transform-origin: 100% 0 
}
 .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {
     pointer-events: auto;
     visibility: visible 
}
 .swiper-container-cube .swiper-cube-shadow {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     height: 100%;
     background: #000;
     opacity: .6;
     -webkit-filter: blur(50px);
     filter: blur(50px);
     z-index: 0 
}
 .swiper-container-fade.swiper-container-free-mode .swiper-slide {
     -webkit-transition-timing-function: ease-out;
     -moz-transition-timing-function: ease-out;
     -ms-transition-timing-function: ease-out;
     -o-transition-timing-function: ease-out;
     transition-timing-function: ease-out 
}
 .swiper-container-fade .swiper-slide {
     pointer-events: none;
     -webkit-transition-property: opacity;
     -moz-transition-property: opacity;
     -o-transition-property: opacity;
     transition-property: opacity 
}
 .swiper-container-fade .swiper-slide .swiper-slide {
     pointer-events: none 
}
 .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
     pointer-events: auto 
}
 .swiper-scrollbar {
     border-radius: 10px;
     position: relative;
     -ms-touch-action: none;
     background: rgba(0,0,0,.1) 
}
 .swiper-container-horizontal>.swiper-scrollbar {
     position: absolute;
     left: 1%;
     bottom: 3px;
     z-index: 50;
     height: 5px;
     width: 98% 
}
 .swiper-container-vertical>.swiper-scrollbar {
     position: absolute;
     right: 3px;
     top: 1%;
     z-index: 50;
     width: 5px;
     height: 98% 
}
 .swiper-scrollbar-drag {
     height: 100%;
     width: 100%;
     position: relative;
     background: rgba(0,0,0,.5);
     border-radius: 10px;
     left: 0;
     top: 0 
}
 .swiper-scrollbar-cursor-drag {
     cursor: move 
}
 .swiper-lazy-preloader {
     width: 42px;
     height: 42px;
     position: absolute;
     left: 50%;
     top: 50%;
     margin-left: -21px;
     margin-top: -21px;
     z-index: 10;
     -webkit-transform-origin: 50%;
     -moz-transform-origin: 50%;
     transform-origin: 50%;
     -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
     -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
     animation: swiper-preloader-spin 1s steps(12, end) infinite 
}
 .swiper-lazy-preloader:after {
     display: block;
     content: "";
     width: 100%;
     height: 100%;
}

 @keyframes swiper-preloader-spin {
     100% {
         transform:rotate(360deg) 
    }
}
 .swiper-container {
     width: 100%;
     height: calc(100vh - 110px);
}
 .swiper-slide {
     text-align: center;
     font-size: 18px;
     background: #fff;
    /* Center slide text vertically */
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     -webkit-justify-content: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     -webkit-align-items: center;
     align-items: center;
}
 p.caption{
     position: absolute;
     z-index: 99;
     left: 0;
     padding-left: 30px;
     background: #fff;
     color: #b1b1b1;
     height: 60px;
     font-size: 15px;
     bottom: 0px;
     line-height: 20px;
     text-align: left;
     width: 90%;
}
 p.caption a{
     position: relative;
     z-index: 99;
     left: 0;
     background: #fff;
     color: #b1b1b1;
     font-size: 15px;
     bottom: 0px;
     line-height: 20px;
     text-align: left;
     width: 90%;
}
 p.caption a::after, p.caption a::before {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 10%;
     -webkit-transition: -webkit-transform .3s;
     -moz-transition: -moz-transform .3s;
     -o-transition: -o-transform .3s;
     transition: -webkit-transform .3s, -moz-transform .3s, -o-transform .3s, transform .3s 
}
 p.caption a::before {
     border-top: 1px solid #b1b1b1;
     background: 0 0;
     -webkit-transition-delay: .3s;
     transition-delay: .3s;
     -webkit-transform: translateY(100%);
     -moz-transform: translateY(100%);
     -o-transform: translateY(100%);
     -ms-transform: translateY(100%);
     transform: translateY(100%) 
}
 p.caption a:focus::before, p.caption a:hover::before {
     -webkit-transition-delay: 0s;
     transition-delay: 0s 
}
 p.caption a:focus::after, p.caption a:focus::before, p.caption a:hover::after, p.caption a:hover::before {
     border-top-color: #ed5565 
}
 p.caption a::after {
     z-index: -1 
}
 p.caption a:focus::after, p.caption a:hover::after {
     -webkit-transition-delay: .3s;
     transition-delay: .3s 
}
/*Swiper slider css code end*/
 @media only screen and (max-width:767px) {
     .newslider {
         position: relative;
         width: 100%;
         float: left;
    }
     .swiper-container {
         width: 100%;
         height: calc(100vh - 160px);
    }
     .swiper-wrapper{
         height: calc(100vh - 160px);
    }
     p.caption{
         width:75%;
         height:40px;
         line-height:20px;
         padding-left:15px;
         overflow-y:auto;
    }
     .slidenshownew .swiper-slide p.caption{
         bottom: initial;
         top: 2%;
    }
     .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
         width:25%;
         height:40px;
         font-size: 25px;
         line-height: 24px;
         text-align:right;
         padding-right:15px;
    }
     .swiper-button-next, .swiper-button-prev{
         height:20px;
    }
}
 @media only screen and (min-width:768px) and (max-width:840px) {
     .newslider {
         position: relative;
         width: 100%;
         float: left;
    }
     body.slidenshownew:not(.custom-menu-open) #header.reduced .main-menu-new-link .main-menu-new-link-burger, body.slidenshownew:not(.main-menu-open) #header.reduced .main-menu--link .main-menu--link-burger {
         background-color: #FFF;
         width: 2.5rem 
    }
     body.slidenshownew:not(.custom-menu-open) #header.reduced .main-menu-new-link .main-menu-new-link-burger:after, body.slidenshownew:not(.custom-menu-open) #header.reduced .main-menu-new-link .main-menu-new-link-burger:before, body.slidenshownew:not(.main-menu-open) #header.reduced .main-menu--link .main-menu--link-burger:after, body.slidenshownew:not(.main-menu-open) #header.reduced .main-menu--link .main-menu--link-burger:before {
         background-color: #FFF;
         left: 0;
         opacity: 1 
    }
     .swiper-slide{
         height:95%;
    }
     p.caption{
         width:75%;
         height:40px;
         line-height:20px;
         padding-left:15px;
         overflow-y:auto;
         bottom:-39px;
    }
     .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
         width:25%;
         height:40px;
         font-size: 25px;
         line-height: 24px;
         text-align:right;
         padding-right:15px;
    }
     .swiper-pagination-fraction{
         bottom:3px;
    }
}
 @media only screen and (min-width:768px) and (max-width:992px){
     .swiper-container {
         width: 100%;
         height: calc(100vh - 210px);
    }
     .swiper-wrapper{
         height: calc(100vh - 210px);
    }
     body.slidenshownew .close {
         position: relative;
         float: right;
         bottom:-0.5rem;
    }
}
 @media only screen and (min-width:992px) and (max-width:1024px){
     .swiper-container {
         width: 100%;
         height: calc(100vh - 120px);
    }
     .swiper-wrapper{
         height: calc(100vh - 120px);
    }
     p.caption{
         width:75%;
         height:40px;
         line-height:20px !important;
         padding-left:15px;
    }
}
 @media screen and (min-width:1024px){
     .gallery--article .gallery--article-credit{
         display:block !important;
         margin-bottom: 1rem;
         color: #52575f;
         font-size: 12px;
         font-size: 1.2rem;
         line-height: 16px;
         line-height: 1.6rem;
         font-weight: 700;
         text-transform: uppercase;
         font-family: Helvetica 
    }
     p.caption{
         width:75%;
         height:40px;
         line-height:20px;
         padding-left:15px;
         overflow-y:auto;
         padding-top:15px;
    }
     .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
         width:25%;
         height:40px;
         font-size: 25px;
         line-height: 24px;
         text-align:right;
         padding-right:15px;
    }
     .dfpaddslideshowpage{
         width:68%;
         float:left;
    }
}
/* iPads (portrait) ----------- */
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
     .article-item .article-item--excerpt{
         display:block !important;
         max-height: 30px;
         text-overflow: ellipsis;
         overflow: hidden;
         -webkit-line-clamp: 2;
         font-size:1.5rem;
    }
}
 body.slidenshownew .mobilelogo {
     display: none!important 
}
 @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait){
     .swiper-container {
         width: 100%;
         height: calc(100vh - 230px);
    }
     .swiper-wrapper{
         height: calc(100vh - 230px);
    }
}
 @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait){
     .swiper-container {
         width: 100%;
         height: calc(100vh - 240px);
    }
     .swiper-wrapper{
         height: calc(100vh - 240px);
    }
}
 @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait){
     .swiper-container {
         width: 100%;
         height: calc(100vh - 230px);
    }
     .swiper-wrapper{
         height: calc(100vh - 230px);
    }
}
 @import '../../../wp-content/themes/vmagazine/res/gamecss/game.css';
 #container {
     position : relative !important;
     top : 0px !important;
     left : 0px !important;
     display :block !important;
     width :100% !important;
     max-width :1600px !important;
     height :900px !important;
    /* sq-border-start */
     box-sizing : border-box !important;
     moz-box-sizing : border-box !important;
     -webkit-box-sizing : border-box !important;
     border : solid #000000 1px !important;
    /* sq-border-end */
     background : #FFFFFF !important;
     overflow :hidden !important;
}
 #canvas {
     position : absolute !important;
     display : block !important;
     margin : auto !important;
     top : 0px !important;
     left : 0px !important;
     -moz-user-select : none !important;
     -webkit-user-select : none !important;
     -ms-user-select : none !important;
     user-select : none !important;
     -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
     cursor : pointer !important;
}
 .wp-caption {
     width: 100% !important;
}
 .wp-caption img,
 .wp-caption img.size-full {
     width: 100%;
     max-width: 100%;
     height: auto;
}
 p img.size-full {
     width: 100%;
     height: 100%;
}

#filter .page-covers {
     display: none;
}

#filter .filter-page-cover-title {
     margin-top: 0;
     margin-bottom: 0;
     margin-left: 0;
     margin-right: 0;
     padding-left: 1rem;
     padding-right: 1rem;
     padding-top: 1.5rem;
     padding-bottom: 1rem;
     font-size: 5rem;     
     font-family: Knockout;
     font-weight: 700;
     text-transform: uppercase;
     line-height: 1;
     color: #000;
     background-color: #fff;
}

@media screen and (min-width:768px){
     #filter .filter-page-cover-title {
          margin-top: 3rem;
          margin-bottom: 3rem;
          padding-top: 2.5rem;
          padding-bottom: 2rem;          
          padding-left: 5.5rem;
          padding-right: 5.5rem; 
          font-size: 7rem;
          color: #fff;
          background-color: #000;          
     }
}

#header #secondary-menu li.social-icon {
     display: none;
}

@media screen and (min-width:1024px){
     #header #secondary-menu li.social-icon {
          display: inline-block;
          margin-top: 2rem;
          margin-right: 10px;
     }

     #header #secondary-menu li.social-icon a {
         display: inline-block;
         position: relative;
         width: 30px;
         height: 30px;
         padding: 0;
         margin-left: 8px;
     }

     #header #secondary-menu li.social-icon img {
         width: 67%;
         height: auto;
         display: block;
         position: relative;
     }

     #header.reduced #secondary-menu #menu-secondary-menu li.social-icon {
          margin-top: 2.5rem;
     } 

     #header.reduced #secondary-menu #menu-secondary-menu li a {
          line-height: 1.8;
     }
    
}

.page-covers .page-cover--title,
.page-covers .page-cover--content {
     display: none;
}

#article-single .article-single--title {
    padding: 0 2.8%;
    font-size: 60px;
    line-height: 1;
    text-transform: uppercase;
    color: #000;
    font-family: Knockout;
    font-weight: 700;
    margin-top: 3rem;
}

@media only screen and (min-width: 840px){
     #article-single .article-single--title {
         width: calc(100% - 300px);
     }
     #main-menu {
          display: none;
     }
}

.article-up-next--wrapper .article-up-next--excerpt {
     display: none;
}

@media only screen and (min-width: 1024px){
     .article-up-next--wrapper {
          height: 362px;
          max-height: 362px;
          background-color: #000;
     }
     .article-up-next--wrapper .article-up-next--content {
          position: relative;
          width: 100%;
          max-width: 1024px;
          margin: 0 auto; 
          height: 362px;
     }
     .article-up-next--wrapper .article-up-next--content .article-up-next--link,
     .article-up-next--wrapper .article-up-next--content a {
          position: relative;
          width: 100%;
          height: 362px;
          display: block;
          max-width: 1024px;
     }
     .article-up-next--wrapper .article-up-next--content .article-up-next--arrow {
          display: none;
     }
     .article-up-next--wrapper .article-up-next--content p:first-child {
          position: absolute;
          margin-top: 0;
          width: 125px;
          font-size: 72px;
          font-weight: 700;
          line-height: 1;
          left: 0;
          top: 30px;
          color: #fff;
          text-align:left;
      }
     .article-up-next--wrapper .article-up-next--content h5 {
         position: absolute;
         margin: 0;
         width: 300px;
         font-size: 48px;
         font-weight: 700;
         line-height: 1;
         left: 680px;
         top: 30px;
         padding: 0;
         color: #fff;
         text-align: left;
     }
     .article-up-next--wrapper .article-up-next--excerpt {
         position: absolute;
         margin-top: 8px;
         font-family: sans-serif;
         font-size: 16px;
         font-weight: 400;
         line-height: 1.2;
         padding: 0;
         color: #fff;
         text-align: left;
         display: block;
         text-transform: none;
     }
     .article-up-next--wrapper .bg-mobileLand {
         position: relative;
         left: 0;
         top: -326px;
         width: 1024px;
         height: 368px;
          margin: 0 auto;         
     }
     .article-up-next--wrapper .article-up-next--img {
          position: absolute;
          left: 132px;
          top: 0;
          width: 512px;
          height: 288px;
     }      
}