/* ------------------------------------------- Name: Face2Face Africa Date: 2017/08/22 Author: http://psdhtml.me --------------------------------------------- */ * { margin: 0; padding: 0; } *, :before, :after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { overflow-y: scroll; min-height: 100%; margin: 0 0 1px; font-size: 100.01%; -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; } body { min-height: 100%; background: #6b6b6b; font-size: 62.5%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body, textarea, input, select, option, button { color: #252525; font-family: Lato, Arial, Helvetica, sans-serif; line-height: 1.875; } li, dt, dd, p, figure, th, td, caption, legend, pre { font-size: 1.7em; } li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 30px; } article, aside, details, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /*! Layout --------- */ #root { overflow: hidden; width: 100%; background: #fff; } #top { position: relative; z-index: 999998 !important; width: 1440px; height: 70px; margin: 0 auto; background: #fff; } #root #top:after { z-index: 0; background: #fff; } #top:before { content: ""; display: block; position: absolute; left: -3000em; bottom: 0; right: -3000em; top: 0; z-index: 1; border: 0 solid #e4e4e4; border-top-width: 1px; border-bottom-width: 1px; } #logo { overflow: hidden; position: absolute; left: 0; top: 0; z-index: 2; width: 113px; height: 90px; } #logo a { display: block; overflow: hidden; width: 100%; height: 100%; background: #bdac1f; color: #fff; text-decoration: none; text-indent: -3000em; } #root #logo a:before { content: "\e90a"; margin: -100px 0 0; font-size: 59px; line-height: 200px; } #skip { position: fixed; top: 0; left: -10000px; } #skip a:focus, #skip a:active { display: block; position: absolute; left: 10000px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 4px 8px; background: #333; color: #fff; font-weight: 500; font-size: 1.1em; text-align: center; text-decoration: none; } #nav { position: absolute; left: 113px; top: 0; right: 0; bottom: 0; } #nav > ul { float: right; list-style: none; margin: 0; padding: 0; } #nav > ul > li { position: relative; z-index: 2; float: left; margin: 0 0 0 20px; font-size: 1.2em; } #nav > ul > li.c + li.a, #nav > ul > li.c + li.b { margin-left: 20px; } #nav > ul > li > a { display: block; overflow: hidden; position: relative; float: left; color: #9a9a9a; font-weight: 700; line-height: 70px; text-transform: uppercase; text-decoration: none; } #nav > ul > li > a:after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #bdac1f; } #nav > ul > li > a:hover:after { width: 100%; } #nav .social-a { padding: 15px 0 0; } #nav .social-a a:hover, #nav > ul > li.c > a:hover, #nav > ul > li.a > a:hover { border-color: #bdac1f; background: none; color: #bdac1f; } #nav > ul > li.a, #nav > ul > li.b { padding: 15px 0 0; } #nav > ul > li + li.a, #nav > ul > li + li.b { margin-left: 36px; } #nav > ul > li.a > a, #nav > ul > li.b > a { height: 40px; padding: 0 34px; border-radius: 0 18px 0 18px; border: 1px solid #e4e4e4; color: #5f5f5f; line-height: 36px; } #nav > ul > li.b > a { border-color: #bdac1f; } #nav > ul > li.b > a:hover, #nav > ul > li > div > ul li.b a:hover { background: #bdac1f; color: #fff; } #nav > ul > li.a > a i, #nav > ul > li.b > a i { display: inline-block; position: relative; top: 4px; margin: 0 3px 0 0; font-size: 18px; line-height: 1px; } #nav > ul > li.a.sub > a, #nav > ul > li.b.sub > a { padding-right: 46px; } #root #nav > ul > li.a.sub > a:before, #root #nav > ul > li.b.sub > a:before { content: "\e910"; left: auto; right: 19px; width: auto; font-size: 6px; } #nav > ul > li.c { padding: 15px 0 0; } #nav > ul > li.c > a { width: 40px; height: 40px; border-radius: 40px; border: 1px solid #e5e5e5; color: #9a9a9a; font-size: 17px; text-align: left; text-indent: -3000em; } #nav > ul > li.c > a .icon-zoom { margin: -20px 0 0; height: 40px; line-height: 40px; } #nav > ul > li.c > a .icon-zoom:before, #nav > ul > li.c > a .icon-zoom:after { display: block; position: absolute; left: 0; top: 50%; z-index: 9; width: 100%; margin: -10px 0 0; font-family: i; font-weight: 400; line-height: 20px; text-align: center; text-indent: 0; } #nav > ul > li.c > a .icon-zoom:after { content: "\e925"; visibility: hidden; font-size: 14px; opacity: 0; } #nav > ul > li.c > a .icon-zoom:after, .search-active #nav > ul > li.c > a .icon-zoom:before, .menu-active #nav > ul > li.menu > a:before, #nav > ul > li.menu > a:after { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } #nav > ul > li.menu { position: absolute; left: 0; top: 0; right: -19px; z-index: 1; margin: 0; } #nav > ul > li.menu > a { position: relative; z-index: 2; width: 92px; height: 70px; padding: 0; color: #bdac1f; text-indent: -3000em; } #nav > ul > li.menu > a:before { content: "\e913"; font-size: 17px; } #nav > ul > li.menu > a:after { content: "\e925"; bottom: auto; background: none; font-size: 17px; } #nav > ul > li > div { visibility: hidden; position: absolute; left: 0; top: 100%; right: 0; padding: 0 18px 0 312px; box-shadow: 0 50px 50px rgba(0,0,0,.05); border: 1px solid #e4e4e4; border-top-width: 0; background: #fff; opacity: 0; } #nav > ul > li > div:before { content: ""; display: block; position: absolute; left: 312px; top: 0; bottom: 0; width: 1px; margin: 0 0 0 -21px; background: #e4e4e4; } #nav > ul > li > div > ul { position: relative; z-index: 99; float: left; list-style: none; width: 291px; margin: 0 0 0 -312px; padding: 40px 0 32px; font-family: Oswald_web, Oswald, Lato, Arial, Helvetica, sans-serif; } #nav > ul > li > div > ul li { position: relative; margin-bottom: 18px; font-size: 15.27px; } #root #nav > ul > li > div > ul li.a, #root #nav > ul > li > div > ul li.b { max-width: 290px; margin: 0 auto 26px; font-size: 12px; font-family: Lato, Arial, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; text-align: center; } #nav > ul > li > div > ul li.a a, #nav > ul > li > div > ul li.b a { display: block; overflow: hidden; position: relative; padding: 7px 25px; border-radius: 18px; border: 1px solid #e4e4e4; color: #5f5f5f; } #root #nav > ul > li > div > ul li.a + li.b, #root #nav > ul > li > div > ul li.b + li.a { margin-top: -16px; } #nav > ul > li > div > ul li.b a, #nav > ul > li > div > ul li.a a:hover { border-color: #bdac1f; color: #bdac1f; } #nav > ul > li > div > ul li.a i, #nav > ul > li > div > ul li.b i { display: block; position: absolute; left: 19px; top: 50%; margin: -10px 0 0; font-size: 18px; line-height: 20px; } #nav > ul > li > div > ul li.was-hidden { display: inline-block; padding: 0 21px 6px; } #nav > ul > li > div > ul li.was-hidden a, #nav > ul > li > div > ul.header li a { color: #5f5f5f; } #nav > ul > li > div > ul.header li { display: block; margin-bottom: 26px; font-size: 14px; font-family: Lato, Arial, Helvetica, sans-serif; font-weight: 700; } #nav > ul > li > div > ul li a { display: block; padding: 0 20px 0 32px; color: #252525; text-decoration: none; } #nav > ul > li > div > ul li.active > a, #nav > ul > li > div > ul li a:hover, #nav > ul > li > div > ul li .toggle2:hover { color: #bdac1f; } .mobile #nav > ul > li > div > ul li .toggle { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; cursor: pointer; } #nav > ul > li > div > div { float: right; width: 100%; padding: 56px 0 0; } #nav > ul > li > div p { position: absolute; right: 20px; bottom: 15px; margin: 0; font-size: 14px; font-weight: 700; text-transform: uppercase; } #nav > ul > li > div p a { color: #600c3b; text-decoration: none; } #nav > ul > li > div p a:hover { color: #bdac1f; } #nav > ul > li > div > ul li .toggle2 { display: block; position: absolute; left: 8px; top: 5px; width: 24px; height: 20px; margin: 0 -20px 0 0; cursor: pointer; } #nav > ul > li > div > ul li .toggle2:before { content: "\e921"; display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; font-size: 5px; font-family: i; font-weight: 400; line-height: 20px; text-align: center; } #nav > ul > li > div > ul li.toggle2 .toggle2:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #nav > ul > li > div > ul li ul { display: none; list-style: none; margin: 0; padding: 4px 0 7px; } #nav > ul > li > div > ul li.toggle2 ul { display: block; } #nav > ul > li > div > ul li ul li { display: block; margin: 0 0 -2px; padding: 0; font-size: 14px; } #nav > ul > li > div > ul li ul li a { display: block; color: #313131; font-weight: 300; text-decoration: none; } #search { visibility: hidden; overflow-x: hidden; overflow-y: auto; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 999999; padding: 118px 0 0; background: rgba(0,0,0,.92); color: #fff; opacity: 0; } #search > * { position: relative; z-index: 3; width: 1352px; margin-left: auto; margin-right: auto; padding-left: 146px; } #search p { margin-bottom: 42px; } #search input { display: block; width: 100%; height: 70px; padding: 0 0 0 88px; border: 0; border-bottom: 1px solid #757575; background: none; color: #fff; font-size: 60px; font-family: Oswald_web, Oswald, Lato, Arial, Helvetica, sans-serif; } #search button { display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 60px; min-width: 0; height: auto; border-radius: 0; border: 0; background: none; color: #fff; font-size: 50px; font-weight: 400; text-align: left; text-indent: -3000em; } #root #search button:before { content: "\e902"; text-align: left; } #search .scheme-b { display: inline-block; margin: 0 2px 0 0; font-size: 11.45px; font-family: Lato, Arial, Helvetica, sans-serif; font-style: normal; } #search .scheme-b, #search .scheme-b:before { border-color: #fff; color: #fff; } #search h1, #search h2, #search h3, #search h4, #search h5, #search h6 { margin-top: 0; margin-bottom: 31px; color: #fff; font-size: 1.8em; font-family: Oswald_web, Oswald, Lato, Arial, Helvetica, sans-serif; font-weight: 400; text-transform: uppercase; } #search > .close { display: block; position: absolute; right: 0; top: 0; z-index: 9; width: 74px; height: 100px; color: #bdac1f; font-size: 14px; text-align: left; text-decoration: none; text-indent: -3000em; } #search > .close:before { content: "\e925"; } #content { z-index: 2; width: 1340px; margin: 0 auto; padding: 0;/*padding: 164px 0 0; */ } #content > figure { } #content > figure:first-child { margin-top: 32px; } .admin-bar #content > figure:first-child { margin-top: 0; } #content > figure:first-child figcaption { margin: 8px 0; } #content > .heading-a:first-child, #content > figure:first-child + .heading-a { margin-top: 47px; } #content > *:last-child { margin-bottom: 100px; } #content > .fit:last-child { margin-bottom: 0; } #root > figure { width: 1352px; margin-left: auto; margin-right: auto; } #footer { position: relative; z-index: 1; padding: 0 0 40px; background: #6b6b6b; color: #fff; font-weight: 700; line-height: 1.5; text-transform: uppercase; } #footer > *, #footer > form > * { width: 1128px; margin: 0 auto; } #footer > form { position: relative; width: auto; padding: 120px 0 65px; background: #352174; } #footer > form { background: -moz-linear-gradient(left, #3d156b 0%, #391a6f 50%, #1f408d 75%, #12539c 100%); background: -webkit-linear-gradient(left, #3d156b 0%,#391a6f 50%,#1f408d 75%,#12539c 100%); background: linear-gradient(to right, #3d156b 0%,#391a6f 50%,#1f408d 75%,#12539c 100%); } .ie9 #footer > form { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNkMTU2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzM5MWE2ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzFmNDA4ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMjUzOWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); } #footer > form > * { width: 1258px; } #footer > form h1, #footer > form h2, #footer > form h3, #footer > form h4, #footer > form h5, #footer > form h6 { position: absolute; left: 50%; top: 50%; width: auto; margin: 0 0 0 -629px; color: #fff; font-size: 8.353em; font-weight: 500; letter-spacing: -.025em; } #footer > form h1 span, #footer > form h2 span, #footer > form h3 span, #footer > form h4 span, #footer > form h5 span, #footer > form h6 span { display: block; padding: 4px 0 0; font-size: .32120196336em; font-weight: 400; font-family: Lato, Arial, Helvetica, sans-serif; letter-spacing: -.02em; } #footer > form p { margin-bottom: 19px; padding: 0 0 0 588px; text-transform: none; } #footer > form input { display: block; float: left; width: 440px; height: 92px; padding: 0 60px; border-radius: 0 0 0 58px; border: 0; background: #fff; color: #091d4e; font-size: 24px; } #footer > form button { display: block; float: right; width: 230px; height: 92px; padding: 0; border-radius: 0 58px 0 0; border: 0; background: #0c254e; color: #fff; font-weight: 900; font-size: 42.83px; } #footer > form .check-a { font-size: 1.465em; } #footer > form .check-a label { position: relative; left: 0; float: right; padding: 0 0 0 36px; } #footer > form .check-a .input { top: 2px; width: 18px; height: 18px; border: 0; background: #e6e6e6; } #footer > form .check-a label .input:before { background: #0c254e; } #footer > form a { color: #fff; text-decoration: underline; } #footer > form a:hover { text-decoration: none; } #footer > .social-a { margin-bottom: 50px; padding: 15px 0; text-align: right; } #footer > .social-a:before { background: #3c3c3c; } #footer > .social-a .title { position: absolute; left: 0; top: 50%; width: auto; height: auto; font-family: Lato, Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: 700; } #footer > .social-a a { border-color: #252525; background: #252525; color: #fff; } #footer > .social-a a:hover { border-color: #bdac1f; background: #bdac1f; } #footer > nav { } #footer > nav > * { position: relative; float: right; padding: 120px 0 0; text-align: right; } #root #footer > nav > *:before { content: "\e911"; left: auto; right: 0; top: 0; width: auto; margin: 0; color: #fff; font-size: 110px; line-height: 110px; text-align: right; } #footer > nav > *:first-child { float: left; text-align: left; } #root #footer > nav > *:first-child:before { content: "\e90a"; left: 0; right: auto; top: 6px; color: #cbba27; font-size: 102px; line-height: 102px; text-align: left; } #footer > nav ul, #footer > nav p { list-style: none; margin: 0 0 11px; padding-left: 0; } #footer > nav li, #footer > nav p { font-size: 1.2em; } #footer > nav a { color: #fff; } #footer > nav a.clone { display: block; position: absolute; left: 0; top: 0; right: 0; height: 110px; text-align: left; text-indent: -3000em; } #root #footer > nav a.clone:before, #root #footer > nav a.clone:after { left: auto; right: 0; top: 0; width: auto; margin: 0; color: #fff; font-size: 110px; line-height: 110px; text-align: right; } #root #footer > nav a.clone:before { content: "\e90f"; } #root #footer > nav a.clone:after { content: "\e912"; } #banner { position: relative; z-index: 2; margin: 0; } #banner + #root { z-index: 1; } #banner a, #banner img { display: block; margin: 0 auto; text-decoration: none; } #banner > a.close { display: block; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 3; width: 40px; height: 40px; color: #fff; font-weight: 400; line-height: 50px; text-align: left; text-indent: -3000em; text-decoration: none; } #banner > a.close:hover { color: #bdac1f; } #banner > a.close:before { content: "\e925"; display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; font-family: i; font-size: 16px; line-height: 20px; text-align: center; text-indent: 0; } /*! Repeatable --------- */ /* clear */ .link-c:after, .cols-c:after, .quadruple:after, .list-cols:after, .module-video:after, .list-details.cols:after, .tablet-cols:after, .cols-a > aside:after, .header-e:after, .module-box:after, #content:after, #footer:after, form p:after, .cols-a:after, .module-a:after, .author:after, .social-a:after, .list-gallery-a:after, .module-b:after, #footer > nav:after, #footer > form .check-a:after, #footer > form:after, #nav:after, #nav > ul:after, .article-b:after, .cols-b:after, .module-b:after, .list-gallery-b:after, #nav > ul > li > div:after, .list-gallery-c:after, .module-pattern:after, .list-featured:after, .list-d:after, .scheme-b:after, .article-a:after, .list-ranking:after, .list-news:after, #nav:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } /* fill */ .list-article a:before, .list-top a:before, .list-gallery-a a.clone, .list-gallery-b a.clone, .list-gallery-c a.clone { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: left; text-indent: -3000em; } /* wide */ .module-video:before, #top:after, #footer > .social-a:before, .module-pattern:before { content: ""; display: block; position: absolute; left: -1000em; top: 0; bottom: 0; z-index: 1; width: 3000em; } /* icon */ .list-popular .img.video:before, .social-a a i, #footer > nav > *:before, #logo a:before, #nav > ul > li.c > a i, #nav > ul > li.a.sub > a:before, #nav > ul > li.b.sub > a:before, #nav > ul > li.menu > a:before, .social-a a:before, #search button:before, #search > .close:before, #footer > nav a.clone:before, #footer > nav a.clone:after, #nav > ul > li.menu > a:after { display: block; position: absolute; left: 0; top: 50%; width: 100%; height: auto; margin: -15px 0 0; font-weight: 400; font-family: i; line-height: 30px; text-align: center; text-indent: 0; } /* index */ .popup-a .box-inset > *, .module-pattern > * { position: relative; z-index: 3; } /* centerY */ .author figure, .author .social-a, .list-b img, #footer > .social-a .title, #footer > form h1, #footer > form h2, #footer > form h3, #footer > form h4, #footer > form h5, #footer > form h6, .list-b .img, .header-b a { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* no trans */ .popup-a.shown .box-inset, .list-b .img img, .search-active #nav > ul > li.c > a .icon-zoom:after, .menu-active #nav > ul > li.menu > a:after, .show-float.show-float2 .floating-panel { -webkit-transform: none; -ms-transform: none; transform: none; } /* show */ .popup-a.shown, .popup-a.shown .box-inset, .popup-a.shown .box-outer .close, .search-active #search, .menu-active #nav > ul > li.menu > div, .search-active #nav > ul > li.c > a .icon-zoom:after { visibility: visible; opacity: 1; } /* hide */ .search-active #nav > ul > li.c > a .icon-zoom:before { visibility: hidden; opacity: 0; } /* wide img */ .list-article img, .list-top img, .list-featured img, .list-f img, .list-cols img, .heading-b img, .list-popular img, .list-gallery-d img, .list-gallery-a img, .list-news .img img, .list-b .img img, .list-gallery-a img, .list-gallery-b img, .list-gallery-c .img img, .list-featured img, .image-wide img, #banner img { display: block; position: relative; z-index: 1; width: 100% !important; } /* center img */ .header-image img, .list-details img, .list-news-updated img { width: auto !important; max-height: 100% !important; } /*! Columns --------- */ .cols-a { } .cols-a > header:first-child + *, .cols-a > *:first-child { float: left; width: 807px; } .cols-a > header:first-child, .cols-a > aside { float: right; width: 411px; text-align: center; } .cols-a > header:first-child > .size-b:first-child, .cols-a > aside > .size-b:first-child { margin-top: -21px; } .cols-a > aside > figure { position: relative; } /*.cols-a > aside > figure:first-child figcaption { display: block; position: absolute; left: 0; bottom: 100%; right: 0; }*/ /*.cols-a.a { width: 1440px; margin-left: auto; margin-right: auto; } .cols-a.a > header:first-child + *, .cols-a.a > *:first-child { width: 886px; } .cols-a.a > header:first-child, .cols-a.a > aside { width: 554px; } #content > .cols-a.a { margin-left: -44px; } #content > .cols-a.a > figure figcaption { padding-bottom: 9px; margin-top: 13px; border-bottom: 1px solid #eee; }*/ /*#content > .cols-a.a:first-child, #content > figure:first-child + .cols-a.a { margin-top: -30px; }*/ /*#content > .cols-a.a:first-child{ margin-top: -30px; } .cols-a.a > figure figcaption { padding-right: 20px; } .cols-a.a + .cols-a { margin-top: -10px; } .cols-a.a + .cols-a > header:first-child > figure:first-child, .cols-a.a + .cols-a > aside > figure:first-child { margin-top: 73px; } .cols-a.b { } .cols-a.b > header:first-child + *, .cols-a.b > *:first-child { width: 886px; } .cols-a.a + .cols-a.b > header:first-child > figure:first-child, .cols-a.a + .cols-a.b > aside > figure:first-child { margin-top: 0; } .cols-a.c { max-width: 1288px; } .cols-a.c > header:first-child + *, .cols-a.c > *:first-child { width: 926px; } .cols-a.c > header:first-child, .cols-a.c > aside { width: 300px; }*/ .cols-a.d { } .cols-a.d > header:first-child + *, .cols-a.d > *:first-child { width: 996px; } .cols-a.d > header:first-child, .cols-a.d > aside { width: 300px; } .cols-a.e { } .cols-a.e > header:first-child + *, .cols-a.e > *:first-child { width: 888px; } .cols-a.e > header:first-child, .cols-a.e > aside { width: 411px; } .cols-b { margin-top: 46px; padding: 0 332px 0 0; } .cols-b > * { position: relative; float: right; width: 300px; margin-bottom: 0; margin-right: -332px; } .cols-b > *:first-child { float: left; width: 100%; margin-right: 0; } .cols-b > figure figcaption { display: block; position: absolute; left: 0; bottom: 100%; right: 0; margin: 0; padding: 0 0 21px; } #content > .cols-b:last-child { margin-bottom: 158px; } .cols-c { padding-left: 287px; } .cols-c > header:first-child + *, .cols-c > *:first-child { float: right; width: 100%; } .cols-c > header:first-child, .cols-c > aside { float: left; width: 240px; margin: 0 0 0 -287px; } .cols-c > aside > .header-e:first-child { margin-top: -12px; } .quadruple { margin: 0 0 0 -90px; } .quadruple > * { width: 25%; border-left: 90px solid rgba(0,0,0,0); } /*! Modules --------- */ .article-a { padding-left: 74px; } .article-a .social-a { float: left; margin: 0 0 0 -74px; padding: 22px 0 0; } .article-a .social-a.a li { display: block; margin: 0 0 9px; } .article-a .social-a.a li:first-child {height:auto} .article-a .social-a.a li a { display: block; } .article-a figure { margin-bottom: 45px; } .cols-a .article-a { margin-left: -44px; } .article-a + .author { margin-top: 0; } .article-a .heading-a { float: right; width: 100%; } .article-a .social-a + .spacer { clear: both; } .article-b { margin-bottom: 143px; border: 0 solid #e4e4e4; line-height: 1.41176470588; } .article-b header { } .article-b header figure { margin-bottom: 20px; color: #5f5f5f; font-family: Lato, Arial, Helvetica, sans-serif; font-size: 1.126em; line-height: 1.2; font-style: normal;} .article-b header figcaption { margin: 12px 0; padding-bottom: 9px; margin-top: 13px; border-bottom: 1px solid #eee;} .article-b header figcaption:last-child { margin-bottom: 8px; } .article-b h1, .article-b h2, .article-b h3, .article-b h4, .article-b h5, .article-b h6 { margin: 0 0 21px; font-size: 8em; line-height: .9375; } .article-b h1 .scheme-b, .article-b h2 .scheme-b, .article-b h3 .scheme-b, .article-b h4 .scheme-b, .article-b h5 .scheme-b, .article-b h6 .scheme-b { top: -2px; } .safari .article-b h1 .scheme-b, .safari .article-b h2 .scheme-b, .safari .article-b h3 .scheme-b, .safari .article-b h4 .scheme-b, .safari .article-b h5 .scheme-b, .safari .article-b h6 .scheme-b { top: -6px; } .article-b header p { margin: 0 0 10px; color: #909090; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: 400; font-style: italic; } .article-b p { overflow: hidden; max-height: 48px; font-size: 1.7em; } .article-b .sponsored-text { margin-bottom:5px;display:inline-block;} .article-b footer { color: #5f5f5f; text-transform: uppercase; } .article-b footer p { font-size: 1.4em; } .cols-a.a .article-b, .article-b header figcaption { padding-right: 60px; padding-left: 44px; } .cols-a.a .article-b header figure { margin-right: -60px; margin-left: -44px; } .article-b.a { } .article-b.a h1, .article-b.a h2, .article-b.a h3, .article-b.a h4, .article-b.a h5, .article-b.a h6 { font-size: 7.07em; } .author { overflow: hidden; position: relative; margin: 55px 0 65px; padding: 14px 210px 14px 90px; border: 0 solid #e4e4e4; border-top-width: 1px; border-bottom-width: 1px; line-height: 1.5; } .author h1, .author h2, .author h3, .author h4, .author h5, .author h6 { float: left; margin: 0 4px 0 0; color: #252525; font-size: 1.4em; font-family: Lato, Arial, Helvetica, sans-serif; font-weight: 700; line-height: 1.5; text-transform: uppercase; } .author p { margin-bottom: 5px; font-size: 1.4em; } .author figure { display: block; position: absolute; left: 0; top: 50%; width: 70px; margin: 0 auto; } .author figure img { border-radius: 99px; border: 1px solid #e4e4e4; } .author .social-a { position: absolute; right: 0; top: 50%; } .author + .tabs-a { margin-top: -65px; } .comments-a { max-width: 778px; margin: 94px 0 0; color: #252525; line-height: 1.9; } .comments-a header { position: relative; margin: 0 0 29px; text-align: right; } .comments-a header h1, .comments-a header h2, .comments-a header h3, .comments-a header h4, .comments-a header h5, .comments-a header h6 { display: inline-block; color: #252525; font-size: 1.2em; font-weight: 700; font-family: Lato, Arial, Helvetica, sans-serif; line-height: 40px; text-transform: uppercase; } .comments-a header ul { list-style: none; float: right; padding: 0 0 0 10px; text-align: left; } .comments-a header ul li { float: left; padding: 0 0 0 10px; } .comments-a header ul img { border-radius: 40px; border: 1px solid #e5e5e5; } .comments-a header .link-a { clear: none; float: left; text-align: left; } .comments-a:first-child { margin-top: 0; padding-top: 0; border-top: 0; } .comments-a > p { padding: 0 0 0 60px; } .comments-a > p img { position: absolute; left: 0; top: 10px; border-radius: 40px; border: 1px solid #e5e5e5; } .comments-a input, .comments-a textarea { width: 100%; } .comments-a textarea { height: 60px; min-height: 60px; padding-top: 21px; } .comments-a > ul { list-style: none; margin-top: 64px; padding: 0; line-height: 1.45; } .comments-a > ul > li { position: relative; margin: 0 0 28px; padding: 2px 0 0 60px; font-size: 1.4em; } .comments-a > ul img { position: absolute; left: 0; top: 0; border-radius: 40px; border: 1px solid #e5e5e5; } .comments-a > ul .title { display: block; font-weight: 700; text-transform: uppercase; } .comments-a > ul > li > ul { overflow: hidden; list-style: none; margin: 0; padding: 2px 0 0; color: #3b5998; } .comments-a > ul > li > ul li { position: relative; float: left; margin: 0 11px 0 0; font-size: .85714285714em; } .comments-a > ul > li > ul li:after { content: ""; display: block; position: absolute; right: -6px; top: 50%; width: 1px; height: 12px; margin: -6px 0 0; background: #717171; } .comments-a > ul > li > ul li:last-child { margin-right: 0; } .comments-a > ul > li > ul li:last-child:after { right: 3000em; } .comments-a > ul > li > ul li a { color: #3b5998; } .floating-panel { display: none; position: fixed; left: 0; bottom: 0; right: 0; z-index: 90000; padding: 16px; border-top: 1px solid #cbcbcb; background: #fff; } .floating-panel { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .floating-panel h1, .floating-panel h2, .floating-panel h3, .floating-panel h4, .floating-panel h5, .floating-panel h6 { margin: 0 0 16px; font-size: 1.6em; } #root .floating-panel.hide, .floating-panel { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .floating-panel > .close { display: block; overflow: hidden; position: absolute; right: 0; top: 0; } .floating-panel > .close { display: block; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 3; width: 40px; height: 40px; color: #cbcbcb; font-weight: 400; line-height: 50px; text-align: left; text-indent: -3000em; text-decoration: none; } .floating-panel > .close:hover { color: #bdac1f; } .floating-panel > .close:before { content: "\e925"; display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; font-family: i; font-size: 16px; line-height: 20px; text-align: center; text-indent: 0; } #root .floating-panel .list-gallery-d { margin-bottom: 0; } .heading-a { max-width: 1330px; color: #5f5f5f; font-family: Georgia, "Times New Roman", Times, serif; } .heading-a h1, .heading-a h2, .heading-a h3, .heading-a h4, .heading-a h5, .heading-a h6 { position: relative; z-index: 1; margin: 0 0 35px; font-size: 6.909em; line-height: .98422347662; text-transform: none; } .heading-a p { position: relative; z-index: 2; margin-bottom: 21px; font-style: italic; font-size: 1.2em; } .heading-a p a { color: #8a0945; font-weight: 700; font-style: normal; font-family: Lato, Arial, Helvetica, sans-serif; text-transform: uppercase; } .heading-a p .text-uppercase { font-style: normal; font-family: Lato, Arial, Helvetica, sans-serif; } .heading-b { } .heading-b figure { margin: 0 0 13px; } .heading-b img { display: block; border: 1px solid #e4e4e4; } .heading-b h1, .heading-b h2, .heading-b h3, .heading-b h4, .heading-b h5, .heading-b h6 { margin: 0 0 70px; border: 0 solid #e4e4e4; font-weight: 500; font-family: Oswald_web, Oswald, Lato, Arial, Helvetica, sans-serif; font-size: 6em; line-height: 1; } .heading-b p { margin: 0 0 1px; color: #909090; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: 400; } .jspScrollable { width: auto !important; } .jspContainer, .jspPane { width: 100% !important; } .jspContainer { position: relative; z-index: 1; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; right: 0; top: 0; z-index: 2; width: 21px; height: 100%; } .jspTrack { position: relative; } .jspTrack:before { content: ""; display: block; position: absolute; left: 2px; top: 0; bottom: 0; z-index: 1; width: 1px; background: #c8c8c8; } .jspDrag { position: relative; left: 0; top: 0; z-index: 2; cursor: pointer; } .jspDrag:before { content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; border-radius: 2px; background: #c8c8c8; } .module-a { margin: 40px 0; padding: 40px 20px 10px; border: 1px solid #e4e4e4; text-align: center; } .module-a h1, .module-a h2, .module-a h3, .module-a h4, .module-a h5, .module-a h6,.nr-post-content .advpolls h3 { margin: 0 0 28px; font-size: 1.8em; line-height: 1.0125; text-transform: none; } .module-a h1 span, .module-a h2 span, .module-a h3 span, .module-a h4 span, .module-a h5 span, .module-a h6 span { display: block; margin: 0 0 11px; color: #5f5f5f; font-size: .666666666666em; font-weight: 700; font-family: Lato, Arial, Helvetica, sans-serif; text-transform: uppercase; } .module-a .checklist-a li { margin: 0 21px; } .module-a .checklist-a li, .module-a .checklist-a label { display: inline-block; } .module-a button { display: inline-block; float: none; } .module-b { overflow: hidden; position: relative; padding: 55px 25px 0 25px; border-radius: 0 0 0 50px; background: #f2f2f2; outline: none; } .module-b > h1:first-child, .module-b > h2:first-child, .module-b > h3:first-child, .module-b > h4:first-child, .module-b > h5:first-child, .module-b > h6:first-child { position: absolute; left: 0; top: 0; z-index: 99; min-width: 110px; padding: 14px 35px 14px 26px; border-radius: 0 0 32px 0; background: #600c3b; color: #fff; font-size: 2.742em; font-weight: 600; text-transform: uppercase; text-align: center; } .module-b .list-b { margin: 0; padding-top: 0px; } .module-b .list-b.scrolled { margin-left: -25px; margin-right: -25px; padding-left: 25px; padding-right: 25px; } .module-b .list-b.scrolled .jspPane { padding: 0px 38px 0 25px !important; } .module-b p { position: absolute; right: 16px; top: 15px; font-size: 1.4em; font-weight: 700; text-transform: uppercase; } .module-b.a { padding-top: 55px; } .module-b.a .list-b, .module-b.a .list-b.scrolled .jspPane { padding-top: 0 !important; } .module-box { margin: 0 0 30px; padding: 16px 39px 19px; background: #eef0ef; color: #252525; } .module-box h1, .module-box h2, .module-box h3, .module-box h4, .module-box h5, .module-box h6 { margin: 0 0 19px; color: #8a0945; font-size: 1.58em; font-family: Lato, Arial, Helvetica, sans-serif; font-weight: 900; text-transform: uppercase; } .module-box p, .module-box li { font-size: 1.58em; } .module-box a { color: #8a0945; } .module-box > *:last-child { margin-bottom: 0; } .module-pattern { position: relative; margin: 44px 0 80px; padding: 28px 0; background: #4c002d; color: #fff; } #content > figure + .module-pattern { margin-top: 44px; } .module-pattern:before, .module-pattern .header-b span, .module-pattern .header-b a { background: #4c002d; } .module-pattern h1, .module-pattern h2, .module-pattern h3, .module-pattern h4, .module-pattern h5, .module-pattern h6, .module-pattern .header-a, .module-pattern .header-b, .module-pattern .header-b a, .module-pattern .list-gallery-c a:first-child, #root .module-pattern .scheme-b, .module-pattern .list-d a, .module-pattern .list-d a:first-child, #root .module-pattern .author-name, #root .module-pattern .author-name a, #root .module-pattern a:hover > .scheme-b { color: #fff; } #root .module-pattern a:hover > .scheme-b { color: #fff !important; } .module-pattern .scheme-b:before, .module-pattern .list-d a:first-child img, .module-pattern .list-d .scheme-b:before { border-color: #fff; } .module-pattern .header-b:before { border-color: #a47d94; } .module-pattern a, .module-pattern .list-gallery-c a:first-child:hover, #root .module-pattern .list-gallery-c a:first-child:hover .scheme-b, .module-pattern .list-gallery-c a, .module-pattern .list-d a:hover, .module-pattern .list-d a:first-child, #root .module-pattern .author-name a:hover { color: #dccb3e; } .module-pattern .list-gallery-c a:first-child:hover .scheme-b:before { border-color: #dccb3e; } #root .module-pattern a:hover > .scheme-b { color: #fff; } #root .module-pattern a:hover > .scheme-b:before { background: #dccb3e; } .module-pattern .list-d a, .module-pattern .header-c span:before, .module-pattern .header-c span:after { border-color: rgba(255,255,255,.25); } .module-pattern.a { background: #e6e6e6; color: #252525; } .module-pattern.a:before, .module-pattern.a .header-b span, .module-pattern.a .header-b a { background: #e6e6e6; } .module-pattern.a h1, .module-pattern.a h2, .module-pattern.a h3, .module-pattern.a h4, .module-pattern.a h5, .module-pattern.a h6, .module-pattern.a .header-a, .module-pattern.a .header-b, .module-pattern.a .header-b a, .module-pattern.a .list-gallery-c a:first-child, .module-pattern.a .list-d a { color: #252525; } .module-pattern.a .scheme-b:before { border-color: #252525; } .module-pattern.a .header-b:before { border-color: #959595; } .module-pattern.a a, .module-pattern.a .list-gallery-c a:first-child:hover, #root .module-pattern.a .list-gallery-c a:first-child:hover .scheme-b, .module-pattern.a .list-gallery-c a { color: #8a0945; } .module-pattern.a .list-gallery-c a:first-child:hover .scheme-b:before { border-color: #8a0945; } .module-pattern.a .list-d a { border-color: #d4d4d4; } .module-pattern.a .list-d a:first-child img { border-color: #e4e4e4; } .module-video { position: relative; z-index: 2; min-height: 577px; margin: 0 -28px 50px; padding: 33px 0 1px 956px; color: #fff; line-height: 1.5; } .module-video:before { z-index: -1; background: #360020; } .module-video header { clear: both; } .module-video h1, .module-video h2, .module-video h3, .module-video h4, .module-video h5, .module-video h6 { margin: 0 0 28px; color: #fff; font-weight: 400; font-family: Oswald_web, Oswald, Lato, Arial, Helvetica, sans-serif; font-size: 5.354em; line-height: 1.08330220396; text-transform: none; } .module-video figure { overflow: hidden; position: absolute; left: 0; top: 29px; width: 924px; margin: 0; } .module-video figure a { display: block; } .module-video figure a:before, .module-video figure a:after { display: block; position: absolute; left: 96px; bottom: 62px; font-size: 74px; font-weight: 400; font-family: i; line-height: 74px; } .module-video figure a:before { content: "\e928"; z-index: 2; color: #fff; } .module-video figure a:after { content: "\e929"; z-index: 1; color: #c9b828; } .module-video header p { margin: 0 0 8px; color: #b1a11c; font-weight: 600; font-size: 2.3em; text-transform: uppercase; } .module-video p { margin-bottom: 20px; font-size: 1.6em; } .module-video .social-a { margin-top: 27px; padding-top: 32px; border-top: 1px solid #fff; } .module-video .social-a li { display: block; float: left; width: auto; height: auto; margin: 0 13px 13px 0; } .module-video .social-a a { display: block; width: 42px; height: 42px; border-width: 0; background: #bdac1f; color: #fff; font-size: 25px; } .module-video .social-a li.fb a { background: #4d6bb7; } .module-video .social-a li.tw a { background: #39ade9; font-size: 20px; } .module-video .social-a li.li a { background: #2283c4; } .module-video .social-a li.wa a { background: #25d366; } .module-video .social-a li.em a { font-size: 15px; } .popup-a { overflow-y: auto; overflow-x: hidden; visibility: hidden; position: fixed; left: -50px; right: -50px; top: 0; bottom: 0; z-index: 999999; color: #000; } .popup-a .box-outer { position: absolute; left: 0; top: 0; right: 0; z-index: 2; min-height: 100%; padding: 20px 70px; } .popup-a .box-outer > .close { display: block; position: absolute; left: 0; right: 0; top: 0; visibility: hidden; z-index: 1; height: 100%; background: rgba(0,0,0,.75); text-indent: -3000em; cursor: pointer; opacity: 0; } .popup-a .box-inner { position: relative; z-index: 2; width: 1347px; margin: 0; } .popup-a .box-inset { visibility: hidden; padding: 0 96px; background: #fff; opacity: 0; } .popup-a .box-inset { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } .popup-a .box-inset > .close { display: block; position: absolute; right: -22px; top: -22px; z-index: 9; width: 32px; height: 32px; color: #fff; text-align: left; text-indent: -3000em; text-decoration: none; } .popup-a .box-inset > .close:before, .popup-a .box-inset > .close:after { display: block; position: absolute; left: 0; top: 0; width: 100%; font-style: normal; font-family: i; font-weight: 400; font-size: 32px; line-height: 32px; text-indent: 0; text-align: center; } .popup-a .box-inset > .close:before { content: "\e92e"; z-index: 1; color: #000; } .popup-a .box-inset > .close:after { content: "\e92c"; z-index: 2; color: #fff; } .popup-a::-webkit-scrollbar { width: 0; background: none; } .popup-a.shown { z-index: 999999; } .popup-a.box { } .popup-a.box .box-inset { min-height: 808px; padding-top: 205px; padding-left: 543px; } .popup-a.box figure { overflow: hidden; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 1; margin: 0; background-size: auto 100%; background-repeat: no-repeat; } .js .popup-a.box figure img { display: none; max-width: none !important; width: auto !important; height: 100% !important; } .social-a { position: relative; list-style: none; padding: 0; font-family: Oswald_web, Oswald, Lato, Arial, Helvetica, sans-serif; font-weight: 700; line-height: 1; } .social-a li { display: inline-block; position: relative; z-index: 3; width: 40px; height: 40px; margin: 0 8px 0 0; font-size: 14px; } .social-a a { display: inline-block; overflow: hidden; position: relative; width: 40px; height: 40px; border-radius: 40px; border: 1px solid #e5e5e5; color: #5f5f5f; font-weight: 400; text-align: left; text-indent: -3000em; text-decoration: none; } .social-a a:hover, #root .social-a.a a:hover { border-color: #bdac1f; background: #bdac1f; color: #fff; } .social-a li.fb a:hover, .social-a.a li.fb a { border-color: #4d6bb7; background: #4d6bb7; } .social-a li.tw a:hover, .social-a.a li.tw a { border-color: #39ade9; background: #39ade9; } .social-a li.li a:hover, .social-a.a li.li a { border-color: #2283c4; background: #2283c4; } .social-a li.yt a:hover, .social-a.a li.yt a { border-color: #cd201f; background: #cd201f; } .social-a li.wa a:hover, .social-a.a li.wa a { border-color: #25d366; background: #25d366; } .social-a li.em a:hover, .social-a.a li.em a { border-color: #c9b828; background: #c9b828; } .social-a li.pr i { font-size: 15px; } .social-a li.toggle a:before { content: "\e91b"; } .social-a.a { text-align: center; } .social-a.a li { width: 42px; height: 42px; font-size: 2.07em; } .social-a.a a { width: 42px; height: 42px; margin: 0 auto 14px; border-color: #bdac1f; background: #bdac1f; color: #fff; font-size: 22px; } .social-a.a li.tw a { font-size: 20px; } .social-a.a li.em a { font-size: 14px; } .social-a.a li.pr a { border: 1px solid #e5e5e5; background: #fff; color: #727272; } .social-a.sticky { position: fixed; left: -3000em; bottom: 0; z-index: 9; margin: 0; padding: 8px; border-top: 1px solid #e4e4e4; background: #fff; } .social-a.sticky { -webkit-justify-content: space-between; justify-content: space-between; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); } #root .social-a.sticky li { float: none; margin: 0; } .tabs-a { margin: 40px 0; box-shadow: 0 0 19px rgba(0,0,0,.18); border: 1px solid #e4e4e4; } .tabs-a > ul { overflow: hidden; list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #e4e4e4; background: #f4f4f4; font-weight: 700; text-transform: uppercase; text-align: center; } .tabs-a > ul > li { float: left; width: 33.33333333333%; border-left: 1px solid #e4e4e4; font-size: 1.2em; } .tabs-a > ul > li:first-child { border: 0; } .tabs-a > ul > li a { display: block; padding: 9px 20px 7px; color: #a9a9a9; text-decoration: none; } .tabs-a > ul > li.active a, .tabs-a .tabs-header.toggle { background: #fff; color: #252525; cursor: default; } .tabs-a > div { padding: 33px 60px 6px; } .tabs-a .tabs-header { display: block; margin: 0; padding: 9px 20px 7px; border-top: 1px solid #e4e4e4; background: #f4f4f4; color: #a9a9a9; font-size: 12px; font-weight: 700; text-decoration: none; text-transform: uppercase; text-align: center; } .tabs-a > div > *:first-child .tabs-header { border-top-width: 0; } .author + .tabs-a { z-index: 2; margin-top: -65px; } .width-a { max-width: 896px; } .video-play { display: block; overflow: hidden; position: relative; } .video-play a { display: block; overflow: hidden; position: relative; } .video-play iframe { display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 9; width: 100% !important; height: 100% !important; } .video-play.play iframe { display: block; } /*! Headers --------- */ h1, h2, h3, h4, h5, h6 { margin: 36px 0 16px; color: #010100; font-weight: 500; font-size: 1.8em; font-family: Oswald_web, Oswald, Lato, Arial, Helvetica, sans-serif; line-height: 1.0125; } h1 { margin-bottom: 28px; font-size: 3.58em; text-transform: uppercase; } h2 { font-size: 3em; } h3 { font-size: 2.4em; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #010100; text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; } .ie h1, .ie h2, .ie h3, .ie h4, .ie h5, .ie h6, .ie #footer > form h1, .ie #footer > form h2, .ie #footer > form h3, .ie #footer > form h4, .ie #footer > form h5, .ie #footer > form h6, .ie .list-featured a:first-child, .ie .list-b a:first-child, .ie .list-gallery-a, .ie .list-gallery-c a:first-child, .ie .list-news a:first-child, .ie .list-news .img + a { font-weight: 400; } .ie .header-b, .ie .header-c { font-weight: 400; font-style: normal; } .header-a { display: inline-block; margin-bottom: 30px; padding: 9px 30px 9px 18px; border-radius: 0 37px 0 0; background: #600c3b; color: #fff; font-size: 1.891em; font-weight: 700; font-family: Lato, Arial, Helvetica, sans-serif; text-transform: uppercase; } .header-a.a { min-width: 366px; padding: 14px 50px 14px 30px; border-radius: 0 60px 0 0; font-size: 3.022em; } .header-b { position: relative; max-width: 1238px; margin-left: auto; margin-right: auto; margin-bottom: 34px; color: #4c002d; font-size: 3.58em; text-transform: uppercase; } .header-b a { display: block; position: absolute; right: 0; top: 50%; z-index: 2; padding: 3px 0 0 30px; background: #fff; color: #8a0945; font-size: 14px; font-family: Lato, Arial, Helvetica, sans-serif; font-weight: 900; text-transform: uppercase; } .header-b a:hover { text-decoration: underline; } .header-b > span { display: inline-block; position: relative; z-index: 2; padding: 0 26px 0 0; background: #fff; } .header-b i { display: inline-block; position: relative; top: 3px; margin: 0 20px 0 0; font-size: 1.16191904048em; line-height: 1px; } .header-b:before { content: ""; display: block; position: absolute; left: 0; top: 50%; right: 0; height: 6px; margin: -4px 0 0; border-bottom: 2px solid #4c002d; } .header-c { overflow: hidden; position: relative; margin-bottom: 31px; color: #252525; font-weight: 400; font-size: 2.016em; text-transform: uppercase; text-align: center; } .header-c span { display: inline-block; position: relative; padding: 0 28px; } .header-c span:before, .header-c span:after, .module-pattern.a .header-c span:before, .module-pattern.a .header-c span:after { content: ""; display: block; position: absolute; top: 50%; width: 3000em; height: 4px; margin: -2px 0 0; border: 0 solid #959595; border-top-width: 1px; border-bottom-width: 1px; } .header-c span:before { left: 100%; } .header-c span:after { right: 100%; } .header-d { color: #4c002d; font-size: 3.032em; font-family: Lato, Arial, Helvetica, sans-serif; font-weight: 700; text-align: left; text-transform: uppercase; } .header-d.compact { margin-bottom: 13px; font-size: 1.891em; } .header-e { position: relative; margin-bottom: 12px; color: #4c002d; font-size: 2.542em; font-weight: 500; text-align: left; text-transform: uppercase; } .header-e a { display: block; position: absolute; right: 0; bottom: 3px; color: #8a0945; font-size: 12px; font-family: Lato, Arial, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; } .header-e > span { display: block; position: relative; float: left; } .header-e > span:before { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: -7px; height: 1px; background: #4c002d; } .header-e.a { font-size: 1.891em; } .header-e.b { margin-bottom: 38px; font-size: 3.7em; } .header-e.b.has-icon { padding-left: 85px; } .header-e.b.has-icon i { font-size: 50px; } .header-e.b > span:before { bottom: -14px; } .header-e.has-icon { padding: 0 0 0 50px; } .header-e.has-icon i { display: block; position: absolute; left: 0; top: 50%; margin: -25px 0 0; color: #bdac1f; font-size: 22px; line-height: 50px; } .header-image { display: block; min-height: 100px; margin: 0 0 20px; padding-bottom: 12px; border-bottom: 3px solid #ebebeb; } .mobile-header-a { border: 0 solid #e9e9e9; } /*! Content --------- */ b, strong, .strong { font-weight: 700; } blockquote { margin: 1em 40px; } dfn, em, i, .em { font-style: italic; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; display: block; position: relative; padding: 0 0 0 60px; color: #252525; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: 700; font-size: 17.27px; line-height: 1.91082802548; } q:before, q:after { content: ""; } q:before { content: "“"; display: block; position: absolute; left: 18px; top: -4px; color: #f0f0f0; font-weight: 400; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; font-size: 84px; line-height: 84px; } * + * > q:first-child { margin-top: -13px; } small { font-size: 85%; } strike, del, .strike { text-decoration: line-through; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .text-justify { text-align: justify; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } #root .size-a { font-size: 10px; } #root .size-b { font-size: 15.96px; } .size-b figcaption { margin: 12px 0; } .overlay-a { color: #bdac1f; } .overlay-b { color: #252525; } .overlay-c { color: #010100; } .overlay-d, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #4c002d; } .capital { display: block; float: left; margin: 0 14px 0 0; color: #252525; font-size: 80px; font-family: Oswald_web, Oswald, Lato, Arial, Helvetica, sans-serif; line-height: 1; } #root .author-name { display: block; padding: 9px 0 0; color: #5f5f5f; font-size: 14px; font-weight: 400; font-family: Lato, Arial, Helvetica, sans-serif; font-style: normal; line-height: 1.3; text-transform: uppercase; } #root .author-name a { display: inline; color: #8a0945; font-weight: 700; font-family: Lato, Arial, Helvetica, sans-serif; font-style: normal; font-size: 1em; text-transform: uppercase; } .scheme-b, .list-gallery-c span.scheme-b, .list-gallery-b span.scheme-b, .list-news span.scheme-b, .list-b span.scheme-b, .list-gallery-a span.scheme-b, .list-gallery-a.a span.scheme-b { display: inline-block; position: relative; z-index: 2; height: 18px; margin: 0 2px 0 0; padding: 0 5px; color: #8a0945; font-size: 11.45px; font-family: Lato, Arial, Helvetica, sans-serif; font-weight: 400; font-style: normal; line-height: 18px; text-transform: uppercase; } #root .scheme-b { font-size: 11.45px; } .scheme-b:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; border-radius: 3px; border: 1px solid #8a0945; } #root a:hover > .scheme-b { color: #fff; } #root a:hover > .scheme-b:before { background: #8a0945; } .scheme-c { position: relative; z-index: 2; margin: 0; padding: 50px 0 46px; border: 90px solid #fff; border-top-width: 80px; border-bottom-width: 80px; border-right-width: 0; background: #fff; font-size: 3.8em; font-family: Oswald_web, Oswald, Lato, Arial, Helvetica, sans-serif; font-weight: 300; line-height: 1.1; letter-spacing: -.025em; } .scheme-c:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 0 solid #bdac1f; border-top-width: 4px; border-bottom-width: 4px; } .scheme-c:after { content: "\e92b"; display: block; position: absolute; left: 0; top: -31px; z-index: 3; padding: 0 25px 0 0; background: #fff; color: #bdac1f; font-size: 64px; font-family: i; font-weight: 400; font-weight: 400; font-style: normal; line-height: 64px; letter-spacing: normal; } .scheme-c i { display: block; position: absolute; left: -90px; top: 50%; width: 101px; height: 108px; margin: -54px 0 0 -43px; border-radius: 30px; background: #fff; font-size: 73px; line-height: 108px; text-align: center; } .scheme-c i.icon-instagram:before { content: "\e92a"; } .scheme-c .strong { display: block; padding: 3px 0 0; font-size: 1.55252372735em; font-weight: 400; text-transform: uppercase; } .scheme-c .strong span { display: block; padding: 2px 0 0; font-size: 1.046682876em; } .scheme-c a { display: block; position: absolute; right: 0; bottom: -10px; z-index: 2; padding: 0 0 0 15px; background: #fff; color: #a99915; font-size: .73736842105em; font-weight: 400; font-style: italic; letter-spacing: normal; } .scheme-c + * { position: relative; z-index: 3; margin-top: -34px; } /*! Links --------- */ a { background: none; color: #8a0945; text-decoration: none; cursor: pointer; } /*---*/ a span { cursor: pointer; } a:hover, a:focus, a:active, .list-b a:hover, .list-gallery-c a:hover, .list-news a:hover, .list-featured a:hover, .article-b footer p a:hover, .article-b header figcaption a:hover, .module-b p a:hover, .list-news a:first-child:hover, .list-news .img + a:hover, .list-b a:first-child:hover, .list-gallery-a a:hover, .list-gallery-b a:hover, .list-featured .img + a:hover, .list-featured a:first-child:hover, .list-gallery-c a:first-child:hover, .list-d a:hover, .module-pattern.a .list-d a:hover, .header-b a:hover, .list-d a:first-child:hover, #footer > nav a:hover, .module-pattern.a .list-d a:first-child:hover, .heading-a p a:hover, .comments-a > ul > li > ul li a:hover, #root .author-name a:hover, .list-e a:hover, .list-ranking a:hover, .list-ranking h1 a:hover, .list-ranking h2 a:hover, .list-ranking h3 a:hover, .list-ranking h4 a:hover, .list-ranking h5 a:hover, .list-ranking h6 a:hover { color: #bdac1f; text-decoration: none; outline: none; } .link-a { font-size: 1.2em; } .link-a a { display: inline-block; min-width: 140px; padding: 13px 26px; border-radius: 0 18px 0 18px; border: 1px solid #bdac1f; background: #bdac1f; color: #fff; font-weight: 700; font-size: 12px; line-height: 1.0125; text-align: center; text-transform: uppercase; text-decoration: none; } .link-a a.a { background: none; color: #bdac1f; } .link-a a.a:hover { background: #bdac1f; color: #fff; } .link-a a.b { border-color: #8a0945; background: none; color: #8a0945; } .link-a a.b:hover { background: #8a0945; color: #fff; } .link-a.a { } .link-a.a a { min-width: 122px; padding: 8px 16px; } .link-a.b { font-size: 1.6em; } .link-a.b a { min-width: 309px; padding: 16px 32px; border-radius: 0 26px 0 26px; font-size: 1em; } .link-b { position: relative; font-size: 1.567em; } .link-b a { display: block; position: relative; padding: 11px 23px; border-radius: 0 17px 0 17px; border: 1px solid #bdac1f; background: #bdac1f; color: #fff; line-height: 1.0125; font-weight: 700; text-align: center; text-transform: uppercase; } .link-b a:before, .link-b a:after { content: ""; display: block; position: absolute; top: 50%; width: 30000em; height: 2px; margin: -1px 0 0; border-left: 57px solid #fff; border-right: 57px solid #fff; background: #cbcbcb; } .link-b a:before { left: calc(100% + 1px); } .link-b a:after { right: calc(100% + 1px); } #content > .link-b:last-child { margin-bottom: 48px; } .link-c { font-size: 3.677em; font-weight: 700; } .link-c > span { display: block; float: right; } .link-c > span a { float: none; } .link-c a { display: block; float: right; clear: both; margin: 0 0 13px; padding: 11px 18px; box-shadow: 0 1px 2px rgba(0,0,0,.48); background: #bdac1f; color: #fff; line-height: 1.1; text-align: center; text-decoration: none; text-transform: uppercase; } #root .link-c a { color: #fff; text-decoration: none; } .link-c a.close { padding: 0; box-shadow: none; background: none; color: #ce0000; font-size: .45335871634em; font-weight: 400; text-decoration: underline; text-transform: none; } #root .link-c a.close { color: #ce0000; text-decoration: underline; } /*! Lists --------- */ ul, ol, dd, blockquote { padding-left: 40px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } ul { list-style: none; } li { position: relative; } ul li:before { content: ""; display: block; position: absolute; left: -40px; top: 13px; width: 4px; height: 4px; background: #8a0945; } #top li:before, #footer li:before, .list-a li:before, .list-c li:before, .tabs-a > ul li:before, .social-a li:before, .checklist-a li:before, .list-gallery-a li:before, .comments-a li:before, .list-b li:before, .list-news li:before, .list-gallery-b li:before, .list-gallery-c li:before, .list-featured li:before, .module-pattern li:before, .list-ranking li:before, .list-gallery-d li:before, .list-popular li:before, .list-details li:before, .list-news-updated li:before, .list-cols li:before, .list-f li:before, .list-article li:before { left: -3000em; } .list-a { list-style: none; margin: 0 0 34px; padding: 0; } .list-a li { margin: 0 0 6px; padding: 0 0 2px 12px; border-bottom: 1px solid #e4e4e4; } .list-a li:before { left: 0; } .list-a li:last-child { padding-bottom: 0; border: 0; } .list-a a { color: #252525; } .list-a i { position: relative; top: 1px; margin: 0 0 0 9px; color: #bdac1f; } * + .list-a { padding-top: 6px; border-top: 2px solid #e4e4e4; } .list-article { list-style: none; margin: 0 0 70px; padding: 0; color: #010100; line-height: 1.22107969152; } .list-article li { position: relative; margin: 0 0 40px; font-size: 1em; } .list-article figure { margin: 0 0 12px; color: #252525; font-size: .9em; } .list-article figcaption { display: block; margin: 0; padding: 8px 0; border-bottom: 1px solid #cecece; } .list-article h1, .list-article h2, .list-article h3, .list-article h4, .list-article h5, .list-article h6 { margin: 0 0 18px; color: #010100; font-size: 4.916em; font-weight: 500; line-height: .91537835638; } .list-article p { font-size: 1.556em; } .list-article a { display: block; color: #010100; } .list-b { position: relative; list-style: none; padding: 0; color: #5f5f5f; text-transform: uppercase; text-align: left; outline: none; } .list-b li { position: relative; min-height: 182px; padding: 45px 0 32px 160px; border-top: 1px solid #cecece; border-left: 0 solid rgba(0,0,0,0); font-size: 1.2em; } .list-b li:first-child { border: 0; } .list-b a, .list-gallery-c a, .list-news a, .list-featured a, .article-b footer p a, .article-b header figcaption a, .module-b p a { color: #8a0945; font-weight: 700; letter-spacing: normal; } .list-b a:first-child { display: block; margin: 0; color: #252525; font-size: 2em; font-weight: 500; font-family: Oswald_web, Oswald, Lato, Arial, Helvetica, sans-serif; line-height: 1.111111; text-transform: none; text-decoration: none; } .list-b span { display: block; color: #727272; font-size: 12px; font-weight: 400; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; } .list-b span > .sponsored-text {margin-top:-6px;float:right;} .list-b span > .sponsored-text {margin-top:-6px;float:right;} .list-b a > .sponsored-text {display:inline-block;} .list-b a > .sponsored-text:after {content:'';display:block;} .list-b img, .list-b .img { display: block; position: absolute; left: -4px; top: 50%; width: 144px; height: 144px; border-radius: 144px; background: center center no-repeat; background-size: cover; font-style: normal; } .list-b .img img { position: relative; left: 0; top: 0; } .list-b .video .img:before, .list-news .video .img:before, .list-gallery-a .video .img:before, .list-gallery-b .video .img:before, .list-gallery-c .video .img:before, .list-featured .video .img:before, .list-b .video .img:after, .list-news .video .img:after, .list-gallery-a .video .img:after, .list-gallery-b .video .img:after, .list-gallery-c .video .img:after, .list-featured .video .img:after { display: block; position: absolute; left: 50%; top: 50%; z-index: 2; width: 38px; height: 38px; margin: -19px 0 0 -19px; font-family: i; font-weight: 400; font-size: 38px; line-height: 38px; text-align: center; } .list-b .video .img:before, .list-news .video .img:before, .list-gallery-a .video .img:before, .list-gallery-b .video .img:before, .list-gallery-c .video .img:before, .list-featured .video .img:before { content: "\e928"; z-index: 2; color: #fff; } .list-b .video .img:after, .list-news .video .img:after, .list-gallery-a .video .img:after, .list-gallery-b .video .img:after, .list-gallery-c .video .img:after, .list-featured .video .img:after { content: "\e929"; z-index: 3; color: #c9b828; } .list-b .video:hover .img:before, .list-news .video:hover .img:before, .list-gallery-a .video:hover .img:before, .list-gallery-b .video:hover .img:before, .list-gallery-c .video:hover .img:before, .list-featured .video:hover .img:before { color: #808080; } .list-b.scrolled { overflow-x: hidden; overflow-y: auto; max-height: 640px; } .article-b + * .module-b .list-b.scrolled { max-height: 936px; } .cols-b .list-b.scrolled { max-height: 600px; } .list-b span.scheme-b { top: 0; margin-right: 3px; } .safari .list-b span.scheme-b { top: -4px; } .list-c { overflow: hidden; list-style: none; margin: 39px -32px 27px; padding: 0; line-height: 1.9; } .list-c li { display: inline-block; position: relative; margin: 0 32px; } .js .list-c li { padding-top: 99px; } .list-c li > .fit-a { display: block; position: absolute; left: 50%; top: 0; width: 10px; height: 90px; margin: 0 0 0 -5px; } .list-c li > .fit-a .inner { display: block; position: absolute; left: 0; bottom: 0; width: 100%; border-radius: 2px; background: #d7c848; } .list-c li > .fit-a .inner.max { background: #bdac1f; } .list-c li > .fit-a .inner.min { background: #e9db67; } .list-c span { display: block; margin: -2px 0 0; font-size: 1.125em; font-family: Oswald_web, Oswald, Lato, Arial, Helvetica, sans-serif !important; line-height: 1.05; } .list-cols { list-style: none; margin: 28px 0 33px -23px; padding: 0; color: #010001; font-weight: 400; font-family: Oswald_web, Oswald, Lato, Arial, Helvetica, sans-serif; line-height: 1; text-align: left; } .list-cols li { position: relative; float: left; width: 33.3333333333%; margin: 0 0 40px; padding: 0 0 30px; border-left: 23px solid rgba(0,0,0,0); font-size: 2.4em; } .list-cols li:after { content: ""; display: block; position: absolute; left: -23px; bottom: 0; right: 0; height: 1px; background: #e4e4e4; } .list-cols li:nth-child(3n-2):after { left: 0; } .list-cols li:nth-child(3n):nth-last-child(1), .list-cols li:nth-child(3n-1):nth-last-child(2), .list-cols li:nth-child(3n-2):nth-last-child(3) { margin-bottom: 0; } .list-cols li:nth-child(3n):nth-last-child(1):after, .list-cols li:nth-child(3n-1):nth-last-child(2):after, .list-cols li:nth-child(3n-2):nth-last-child(3):after { background: none; } .list-cols:lat-child { margin-bottom: 3px; } .list-cols a { color: #010001; } .list-cols a:hover { color: #bdac1f; } .list-cols span { display: block; position: relative; color: #5f5f5f; font-size: 13.36px; font-weight: 400; font-family: Lato, Arial, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; } .list-cols .img.video:before, .list-cols .img.video:after, .list-details .img.video:before, .list-details .img.video:after { display: block; position: absolute; left: 50%; top: 50%; margin: -24px 0 0 -24px; font-family: i; font-weight: 400; font-size: 48px; font-style: normal; line-height: 48px; } .list-cols .img.video:before, .list-details .img.video:before { content: "\e928"; z-index: 2; color: #fff; } .list-cols .img.video:after, .list-details .img.video:after { content: "\e929"; z-index: 3; color: #c9b828; } .list-details .img.video:before, .list-details .img.video:after { margin: -14px 0 0 -14px; font-size: 28px; line-height: 28px; } .list-cols .img { margin: 0 0 26px; } #root .list-cols .author-name { padding: 13px 0 0; } .list-cols.a { margin-left: -13px; margin-bottom: 62px; } .list-cols.a li { width: 33.333333333333%; margin: 0 0 25px; padding: 0; border-left-width: 13px; font-size: 1.747em; } .list-cols.a span, .list-cols.b span { font-size: 9.67px; } .list-cols.a .img, .list-cols.b .img { margin: 0 0 12px; } #root .list-cols.a .author-name, #root .list-cols.b .author-name { padding: 12px 0 0; font-size: 9.67px; } .list-cols.b { margin-left: -18px; } .list-cols.b li { width: 33.333333333333%; margin: 0 0 25px; padding: 0; border-left-width: 18px; font-size: 1.747em; } .list-cols.b li:first-child, .list-cols.b li:first-child + li { width: calc(50% - 5px); margin-bottom: 39px; font-size: 2.618em; } .list-cols.b li:first-child + li { left: 10px; } .list-cols.b li:first-child span, .list-cols.b li:first-child + li span { font-size: 14.5px; } .list-cols.b li:first-child span.img, .list-cols.b li:first-child + li span.img { margin-bottom: 22px; } #root .list-cols.b li:first-child .author-name, #root .list-cols.b li:first-child + li .author-name { padding: 18px 0 0; font-size: 14.5px; } .list-d { list-style: none; margin: 0 0 0 -20px; padding: 0; line-height: 1.42857142857; } .list-d li { float: left; width: 20%; margin: 0 0 17px; border-left: 20px solid rgba(0,0,0,0); font-size: 1.4em; } .list-d a { display: block; overflow: hidden; position: relative; margin: 0 0 14px; padding: 0 0 16px; border-bottom: 1px solid #d4d4d4; color: #252525; font-family: Oswald_web, Oswald, Lato, Arial, Helvetica, sans-serif; font-size: 1.14285714286em; line-height: 1.25; text-decoration: none; } .list-d a:first-child, .module-pattern.a .list-d a:first-child { min-height: 90px; max-height: none; margin: 0 0 15px; padding: 14px 0 14px 80px; border-bottom-width: 2px; border-color: rgba(212,212,212,.15); color: #8a0945; font-weight: 700; font-family: Lato, Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.42857142857; text-transform: uppercase; } .module-pattern .list-d a:first-child { border-color: rgba(255,255,255,.05); } .list-d a:first-child:hover { text-decoration: underline; } .list-d a:first-child img { display: block; position: absolute; left: 0; top: 0; border: 1px solid #e4e4e4; } .list-d a.small { margin: 0; padding: 0; border: 0; font-family: Lato, Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.42857142857; } .list-d a.small + .small { margin: 12px 0 0; padding: 15px 0 0; border-top: 1px solid #d4d4d4; } #root #content .list-d a.small .scheme-b { position: relative; top: 4px; } #root #content .list-d a:hover .scheme-b:before { background: #8a0a46; color: #fff; } .list-d .scheme-b, #root .module-pattern.a .scheme-b { top: -2px; color: #8a0945; } #root #content .list-d .scheme-b { top: 2px; } .list-d .scheme-b:before, .module-pattern.a .list-d .scheme-b:before { border-color: #8a0945; } .list-d .icon-play { display: inline-block; overflow: hidden; position: relative; top: 3px; width: 16px; height: 16px; margin: 0 0 0 4px; padding: 0 0 0 2px; border-radius: 9px; background: #bdac1f; color: #fff; font-size: 6px; line-height: 17px; text-align: center; } .list-details { list-style: none; margin: 12px 0 44px; padding: 0; color: #252525; font-family: Oswald_web, Oswald, Lato, Arial, Helvetica, sans-serif; line-height: 1.06530801297; text-align: left; } .list-details li { position: relative; min-height: 147px; padding: 21px 0 22px 160px; border: 0 solid rgba(0,0,0,0); font-size: 2.159em; } .list-details li:after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #cecece; } .list-details span { display: block; color: #5f5f5f; font-size: 10.79px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: 400; } .list-details .img { position: absolute; left: 3px; top: 0; bottom: 0; width: 140px; margin: 0; } .list-details a { display: block; color: #252525; text-decoration: none; } .list-details .author-name { margin: -3px 0 0; } .list-details .author-name a { display: inline; } .header-e + .list-details { margin-top: -5px; } .list-details.cols { margin-left: -20px; } .list-details.cols li { float: left; width: 50%; border-left-width: 20px; } .list-details.cols li:nth-child(2n):after { left: -20px; } .list-details.cols li:nth-child(2n):last-child:after, .list-details.cols li:nth-child(2n-1):last-child:after, .list-details.cols li:nth-child(2n-1):nth-last-child(2):after { display: none; background: none; } .list-e { list-style: none; padding: 0; line-height: 1.875; } .list-e li { border-top: 1px solid #e9e9e9; } .list-e li:before { left: 0; top: 19px; } .list-e a { display: block; padding: 5px 0 5px 12px; color: #313131; } .list-f { list-style: none; margin: 0 0 60px; padding: 0; color: #252525; line-height: 1.42857142857; } .list-f li { margin: 0 0 11px; padding: 15px 0 0; border-top: 1px solid #d4d4d4; font-size: 1.4em; } .list-f li:first-child { margin-bottom: 15px; padding: 0; border: 0; font-family: Oswald_web, Oswald, Lato, Arial, Helvetica, sans-serif; font-size: 1.6em; line-height: 1.25; } .list-f a { display: block; color: #252525; } .list-f a:hover { color: #bdac1f; } .list-f img { margin: 0 0 17px; } .list-featured { list-style: none; max-width: 924px; margin: 0 0 6px -74px; padding: 0; color: #5f5f5f; line-height: 1.0666666666; text-transform: uppercase; } .list-featured li { float: left; width: 50%; margin: 0 0 29px; border-left: 74px solid rgba(0,0,0,0); font-size: 1.2em; } .list-featured li:first-child { float: none; width: 100%; clear: both; } .list-featured a:first-child { display: block; margin: 0; color: #252525; font-family: Oswald_web, Oswald, Lato, Arial, Helvetica, sans-serif; font-size: 2.5em; font-weight: 500; text-transform: none; text-decoration: none; } .list-featured li:first-child a:first-child, .list-featured.a li:first-child a:first-child { margin: 0; font-size: 4.5566666666em; line-height: .96927578639; } .list-featured .img { display: block; overflow: hidden; position: relative; margin: 0 0 14px; border-radius: 0 0 0 53px; } .list-featured li:first-child .img, .list-featured.a li:first-child .img { margin: 0 0 6px; border-radius: 90px 0 0 0; } .list-featured li:first-child .video .img:before { width: 118px; height: 118px; margin: -59px 0 0 -59px; font-size: 118px; line-height: 118px; } .list-featured .scheme-b { top: -8px; } .list-featured li:first-child .scheme-b, .list-featured.a li:first-child .scheme-b { top: -16px; } .list-featured + figure.image-wide { margin-top: 10px; } .list-featured + .header-b { margin-top: 13px; } .list-featured .sponsored-text{margin-top:9px;display:inline-block} .list-featured.a { max-width: none; margin-left: 0; padding: 0 0 0 866px; } .list-featured.a li { float: none; width: auto; border-left-width: 0; } .list-featured.a li:first-child { float: left; width: 850px; margin-left: -866px; } .list-featured.a .img { margin-bottom: 18px; border-radius: 0 0 58px 0; } .list-featured.a a:first-child { font-size: 3.4666666666em; line-height: 1.03365384615; } .list-featured.a .scheme-b { top: -6px; } .safari .list-featured.a .scheme-b { top: -10px; } .list-gallery-a { list-style: none; margin: 0 0 14px -30px; padding: 0; font-weight: 500; } .list-gallery-a li { float: left; width: 25%; margin: 0 0 28px; padding: 0; border-left: 30px solid rgba(0,0,0,0); font-size: 1.796em; font-family: Oswald_web, Oswald, Lato, Arial, Helvetica, sans-serif; line-height: 1.30222717149; } .list-gallery-a .img { display: block; overflow: hidden; position: relative; height: 110px; margin: 0 0 10px; padding: 0; border-radius: 28px; background: #fafafa center center no-repeat; background-size: cover; font-style: normal; } .list-gallery-a li:first-child .img { border-radius: 0 0 0 56px; } .list-gallery-a li:last-child .img { border-radius: 0 0 56px 0; } .list-gallery-a a, .list-gallery-b a { display: block; color: #252525; text-decoration: none; } .list-gallery-a span, .list-gallery-b span { display: block; margin: 0 0 8px; color: #727272; font-weight: 400; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: .66789667896em; } .list-gallery-a .sponsored-text, .list-gallery-b sponsored-text { display: inline-block; margin-bottom: 0; } .list-gallery-a .sponsored-text:after, .list-gallery-b sponsored-text:after { content:'';display:block; } .list-gallery-a span.scheme-b { } .safari .list-gallery-a.a span.scheme-b { top: -4px; } .list-gallery-a.a { margin-left: -25px; } .list-gallery-a.a li { width: 20%; border-left-width: 25px; font-size: 1.889em; line-height: 1.222222;} .list-gallery-a.a li:nth-child(5n) + li { clear: both; } .list-gallery-a.a .img { height: 147px; margin: 0 0 12px; padding: 0; border-radius: 32px; } .list-gallery-a.a li:first-child .img { border-radius: 0 0 0 60px; } .list-gallery-a.a li:last-child .img, .list-gallery-a.a li:nth-child(5n) .img { border-radius: 0 0 60px 0; } #content > .list-gallery-a:last-child { margin-bottom: 72px; } .list-gallery-a.a span.scheme-b { top: -1px; } .safari .list-gallery-a.a span.scheme-b { top: -5px; } .list-gallery-a.a + .header-a.a { margin-top: 30px; } .list-gallery-a.wide { margin: 18px 0 18px -56px; } .list-gallery-a.wide li { width: 25%; margin-right: 0; border-left-width: 56px; font-size: 2.333em; line-height: 1.2; } .list-gallery-a.wide li:nth-child(4n) + li, .list-gallery-a.b li:nth-child(4n) + li { clear: both; } .list-gallery-a.wide .img { height: 174px; margin: 0 0 14px; border-radius: 30px; } .list-gallery-a.wide li:first-child .img { border-radius: 0 0 0 56px; } .list-gallery-a.wide li:last-child .img { border-radius: 0 0 56px 0; } .list-gallery-b { list-style: none; margin: 0 0 0 -20px; padding: 0; line-height: 1.5625; } .list-gallery-b li { position: relative; float: left; width: 25%; margin: 0 0 41px; border-left: 20px solid rgba(0,0,0,0); font-size: 1.6em; font-family: Oswald_web, Oswald, Lato, Arial, Helvetica, sans-serif; } .list-gallery-b li:nth-child(4n) + li, .list-gallery-c li:nth-child(3n) + li, .list-gallery-c.a li:nth-child(4n) + li { clear: both; } .list-gallery-c.a li:nth-child(3n) + li { clear: none; } .list-gallery-b span { margin: 0; } .list-gallery-b img { margin: 0 0 21px; } .list-gallery-b a.clone { z-index: 9; } .list-gallery-b .scheme-b, .list-gallery-c .scheme-b, .list-gallery-a .scheme-b { top: 2px; } .safari .list-gallery-b .scheme-b, .safari .list-gallery-c .scheme-b, .safari .list-gallery-a .scheme-b { top: -2px; } .list-gallery-c { list-style: none; margin: 0 0 11px -20px; padding: 0; color: #5f5f5f; line-height: 1.33333333333; text-transform: uppercase; } .list-gallery-c li { float: left; width: 33.33333333333%; margin: 0 0 20px; border-left: 20px solid rgba(0,0,0,0); font-size: 11.45px; } .list-gallery-c .img { display: block; overflow: hidden; position: relative; margin: 0 0 18px; border: 1px solid #e4e4e4; background: center center no-repeat; background-size: cover; } .list-gallery-c a:first-child { display: block; margin: 0; color: #252525; font-weight: 500; font-family: Oswald_web, Oswald, Lato, Arial, Helvetica, sans-serif; font-size: 1.57205240175em; text-transform: none; text-decoration: none; } .list-gallery-c span { display: block; color: #5f5f5f; font-size: 11.45px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: 400; text-transform: none; } .list-gallery-c.a { margin-left: -22px; } .list-gallery-c.a li { width: 25%; border-left-width: 22px; font-size: 1.336em; } #root .list-gallery-c.a .img { height: auto; margin: 0 0 25px; border-width: 0; border-radius: 0; } .list-gallery-c.a a { font-size: 1.79640718563em; line-height: 1.04347826087; } .list-gallery-c.a span { margin: 0 0 5px; font-size: .55666666666em; font-family: Lato, Arial, Helvetica, sans-serif; font-weight: 700; font-style: normal; text-transform: uppercase; } .list-gallery-c.a span.category-name{display:block;margin-bottom:8px} .list-gallery-c.a span.category-name a{font-family: Lato, Arial, Helvetica, sans-serif;font-weight: 700;font-style: normal;text-transform: uppercase;color: #5f5f5f;} .list-gallery-c.a a.lgca-title{color:#fff;text-transform: none;text-decoration: none;font-weight: 500;font-family: Oswald_web, Oswald, Lato, Arial, Helvetica, sans-serif;font-size: 1.79640718563em;line-height: 1.04347826087;} .list-gallery-c.a a.lgca-title:hover{color: #bdac1f;text-decoration: none;outline: none;} .list-gallery-c.a span.scheme-b { top: 0; z-index: 9; margin-bottom: 0; } #root .list-gallery-c.a .author-name { color: #5f5f5f; } #root .list-gallery-c.a .author-name a { color: #dccb3e; } .list-gallery-d { list-style: none; margin: 25px 0 13px -40px; padding: 0; color: #252525; font-weight: 500; font-family: Oswald_web, Oswald, Lato, Arial, Helvetica, sans-serif; line-height: 1.1; } .list-gallery-d li { float: left; width: 20%; margin: 0 0 40px; border-left: 40px solid rgba(0,0,0,0); font-size: 2.439em; } .list-gallery-d a { display: block; color: #252525; font-weight: 500; text-decoration: none; } .list-gallery-d a:hover, .list-popular a:hover { color: #4c002d; } .list-gallery-d span { display: block; margin: 0 0 9px; color: #5f5f5f; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16.29px; font-weight: 400; font-style: italic; } .list-gallery-d .img { margin-bottom: 13px; } .list-gallery-d + .comments-a { margin-top: 70px; } #content > .list-gallery-d:last-child { margin-bottom: 55px; } .list-gallery-d.compact { margin: 0 0 13px -35px; } .list-gallery-d.compact li { width: 25%; margin-bottom: 5px; border-left-width: 35px; font-size: 1.796em; } .list-gallery-d.compact .img { margin-bottom: 10px; } #search a, #search .list-gallery-b span { color: #fff; } .list-news { list-style: none; margin: 0 0 84px; padding: 0; color: #5f5f5f; font-weight: 700; line-height: 1.04805725971; text-transform: uppercase; } .list-news li { position: relative; min-height: 270px; margin: 0 0 105px; padding: 34px 0 34px 463px; border: 0 solid rgba(0,0,0,0); font-size: .858em; } .list-news a { color: #8a0945; } .list-news a:first-child, .list-news .img + a { display: block; color: #000; font-weight: 500; font-size: 2.95944055944em; line-height:1.111111; font-family: Oswald_web, Oswald, Lato, Arial, Helvetica, sans-serif; text-transform: none; text-decoration: none; } .list-news span { display: block; margin: 0 0 15px; color: #5f5f5f; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: 400; font-size: .60005112474em; } .list-news .sponsored-text {display:inline-block;margin:3px 0 0 0!important; font-weight:normal!important} .list-news .sponsored-text:after {content:'';display:block;} .list-news .img { display: block; overflow: hidden; position: absolute; left: 0; top: 0; bottom: 0; width: 443px; margin: 0; border-radius: 88px 0 0 0; border: 0 solid #e4e4e4; background: center center no-repeat; background-size: cover; font-style: normal; } .list-news .video .img:before, .list-featured .video .img:before { width: 68px; height: 68px; margin: -34px 0 0 -34px; font-size: 68px; line-height: 68px; } .list-news span.scheme-b { top: -3px; } .safari .list-news span.scheme-b { top: -7px; } .list-news.a { margin: 46px 0 52px -17px; line-height: 1.33333333333; } .list-news.a li { float: left; width: 33.33333333333333%; min-height: 0; margin: 0 0 47px; padding: 0; border-left-width: 17px; font-size: 1em; } .list-news.a li:nth-child(3n) + li { clear: both; } .list-news.a a:first-child, .list-news.a .img + a { margin: 0 0 1px; font-size: 3.314em; } .list-news.a span { margin: 0 0 8px; font-size: .58267954134em; font-style: normal; font-weight: 700; font-family: Lato, Arial, Helvetica, sans-serif; text-transform: uppercase; } .list-news.a span.category-name a{font-style: normal;font-weight: 700;font-family: Lato, Arial, Helvetica, sans-serif;text-transform: uppercase;color: #5f5f5f; font-size: 2.4em;} .list-news.a .lna-title{font-size: 2.314em;display: block;color: #000;font-weight: 500;font-family: Oswald_web, Oswald, Lato, Arial, Helvetica, sans-serif;text-transform: none;text-decoration: none;} .list-news.a .lna-title:hover,.list-news.a span.category-name a:hover{color: #bdac1f;text-decoration: none;outline: none;} .list-news.a .img { position: relative; width: auto; height: 280px; margin: 0 0 17px; border-radius: 0; } .list-news.a li:nth-child(1) .img { border-radius: 87px 0 0 0; } .list-news.a li:nth-child(3) .img { border-radius: 0 87px 0 0; } .list-news.a li:nth-last-child(1) .img, .list-news.a li.last-row-3 .img { border-radius: 0 0 87px 0; } .list-news.a li:nth-last-child(3) .img, .list-news.a li.last-row-1 .img { border-radius: 0 0 0 87px; } .list-news.a + figure { margin-top: -13px; } .list-news-updated { list-style: none; margin: 0 0 50px; padding: 0; color: #000; font-family: Oswald_web, Oswald, Lato, Arial, Helvetica, sans-serif; font-weight: 500; line-height: 1.22841965471; text-align: left; } .list-news-updated li { position: relative; min-height: 250px; margin: 0 0 28px; padding: 0 0 0 458px; border: 0 solid rgba(0,0,0,0); font-size: 3.015em; } .list-news-updated a { display: block; color: #000; } .list-news-updated a:hover { color: #bdac1f; } .list-news-updated img { } .list-news-updated .img { overflow: hidden; position: absolute; left: 0; top: 0; bottom: 0; width: 412px; margin: 0; } .list-news-updated span { display: block; margin: 0 0 2px; color: #5f5f5f; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15.65px; font-weight: 400; font-style: italic; } #root .list-news-updated .author-name { padding: 6px 0 0; font-size: 10.58px; } .list-popular { list-style: none; margin: 0 0 56px; padding: 0; color: #252525; font-weight: 400; font-family: Oswald_web, Oswald, Lato, Arial, Helvetica, sans-serif; line-height: 1.12; text-align: left; } .list-popular li { margin: 0 0 28px; border: 0 solid rgba(0,0,0,0); font-size: 2.5em; } .list-popular a { display: block; color: #252525; } .list-popular a:hover, .list-details a:hover { color: #bdac1f; } .list-popular .img { display: block; overflow: hidden; position: relative; margin: 0 0 11px; } .list-popular .img.video:before, .list-popular .img.video:after, .list-gallery-d .img.video:before, .list-gallery-d .img.video:after, .list-news-updated .img.video:before, .list-news-updated .img.video:after { display: block; position: absolute; left: 50%; top: 50%; width: auto; height: auto; margin: -35px 0 0 -35px; font-family: i; font-style: normal; font-weight: 400; font-size: 70px; line-height: 70px; } .list-popular .img.video:before, .list-gallery-d .img.video:before, .list-news-updated .img.video:before { content: "\e928"; z-index: 2; color: #fff; } .list-popular .img.video:after, .list-gallery-d .img.video:after, .list-news-updated .img.video:after { content: "\e929"; z-index: 3; color: #c9b828; } .module-video figure:hover:before, .module-video figure a:hover:before, .list-details a:hover .img.video:before, .list-popular a:hover .img.video:before, .list-gallery-d a:hover .img.video:before, .list-news-updated a:hover .img.video:before, .list-cols a:hover .img.video:before { color: #808080; } .list-ranking { list-style: none; margin: 74px 0 63px; padding: 39px 40px 67px 12px; border: 8px solid #e4e4e4; color: #252525; line-height: 1.4375; } .list-ranking li { float: left; width: 25%; border-left: 28px solid rgba(0,0,0,0); font-size: 1em; } .list-ranking li:nth-child(4n) + li { clear: both; } .list-ranking h1, .list-ranking h2, .list-ranking h3, .list-ranking h4, .list-ranking h5, .list-ranking h6 { overflow: hidden; position: relative; margin: 0 0 25px; padding: 11px 0 25px 60px; border-bottom: 3px solid #e4e4e4; color: #252525; font-size: 2.068em; text-transform: uppercase; } .list-ranking h1 a, .list-ranking h2 a, .list-ranking h3 a, .list-ranking h4 a, .list-ranking h5 a, .list-ranking h6 a { color: #252525; } .list-ranking i { display: block; position: absolute; left: 0; top: 0; width: 46px; height: 46px; border-radius: 46px; background: #8a0945; color: #fff; font-size: 19px; line-height: 46px; text-align: center; } .list-ranking i.icon-labels { font-size: 22px; } .list-ranking ul { list-style: none; margin: 0; padding: 0; } .list-ranking ul li { float: none; width: auto; margin: 0 0 23px; border: 0; font-size: 1.6em; } .list-ranking ul li:first-child { margin-bottom: 25px; font-family: Oswald_web, Oswald, Lato, Arial, Helvetica, sans-serif; font-size: 1.84em; line-height: 1.25; } .list-ranking a { display: block; color: #252525; } #content > figure + .list-ranking { margin-top: 74px; } .list-related { list-style: none; padding: 0; line-height: 1.23355263158; } .list-related li { margin: 0 0 10px; padding: 0 0 0 11px; font-size: 1.58em; } .list-related li:before { left: 0; top: 9px; } .list-related li a { color: #252525; text-decoration: none; } .list-related li a:hover, .list-top a:hover { color: #bdac1f; } .list-related .icon-play { display: inline-block; overflow: hidden; position: relative; top: 4px; width: 16px; height: 16px; margin: 0 0 0 9px; padding: 0 0 0 2px; border-radius: 9px; background: #bdac1f; color: #fff; font-size: 6px; line-height: 17px; text-align: center; } .list-related .icon-play:before, .list-d .icon-play:before { content: "\e915"; } .list-top { list-style: none; margin-top: 26px; padding: 0; color: #252525; font-family: Oswald_web, Oswald, Lato, Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1.1666666666; } .list-top li { overflow: hidden; position: relative; padding: 15px 0 15px 20px; font-size: 1.8em; } .list-top li:before { left: 0; top: 22px; width: 8px; height: 8px; border-radius: 8px; background: #4c002d; } .list-top li:after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #cecece; } .list-top .img { display: block; position: relative; max-width: 240px; margin: 0 0 13px; background: no-repeat center center; background-size: cover; } .list-top li:first-child { max-width: none; padding: 0 0 23px; font-size: 2.5em; line-height: 1.04; } .list-top a { display: block; color: #252525; font-weight: 400; } /*! Media --------- */ img, iframe, object, embed { max-width: 100% !important; } img { height: auto !important; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; } .lt-ie9 img { max-width: none !important; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } figure { position: relative; font-size: 1.08em; line-height: 1.2; } figcaption { display: block; margin: 15px 0; } .sticky figcaption { position: absolute; left: 0; right: 0; bottom: 100%; margin: 0; padding: 0 0 15px; } /*figure.size-a { } figure.size-a figcaption { margin: 19px 0; }*/ figure.text-center { font-size: 1em; } figure.text-right { font-size: 1em; } .image-border { overflow: hidden; position: relative; margin: 0 0 23px; } .image-border:before { content: ""; display: block; position: absolute; left: 0; top: 50%; right: 0; z-index: 1; height: 3px; margin: -1.5px 0 0; background: #c9b828; } .image-border span { display: block; position: relative; z-index: 2; padding: 0 60px; background: #fff; } .image-border img { display: block; margin: 0 auto; } .image-wide { margin-left: -44px; margin-right: -44px; } .image-wide figcaption { /*margin: 24px 0;*/ padding: 0 44px; } .image-wide img { position: relative; left: 50%; width: 100vw !important; max-width: none !important; } .image-wide img { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } /*! Forms --------- */ fieldset, hr { border-width: 0; } legend { position: absolute; left: 0; top: -3000em; padding: 0; border: 0; white-space: normal; } input, select, textarea { -moz-appearance: none; -webkit-appearance: none; appearance: none; } input, select, textarea { position: relative; z-index: 1; margin: 0; padding: 0; box-shadow: none; border-radius: 0; font-size: 1em; line-height: normal; text-align: left; text-transform: none; outline: none; } input, select, textarea, button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-box-sizing: border-box; box-sizing: border-box; } input { } input[type="search"], input[type="number"], input[type="date"], input[type="time"] { -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield; } input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input::-webkit-clear-button, input::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; visibility: hidden !important; height: auto; margin: 0; } input::-o-outer-spin-button, input::-o-inner-spin-button { -o-appearance: none; margin: 0; } input[type="checkbox"], input[type="radio"] { height: auto; padding: 0; border: 0; background: none; line-height: 1; } input[type="color"] { padding: 0; cursor: pointer; } input[type="date"] { display: -webkit-inline-flex; } textarea { overflow: auto; vertical-align: top; resize: vertical; } select { line-height: 1; text-overflow: ''; text-indent: 0.01px; -moz-appearance: none; -webkit-appearance: none; appearance: none; } select::-ms-expand { display: none; } button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: visible; position: relative; z-index: 3; height: auto; margin: 0; box-shadow: none; text-transform: none; text-indent: 0; cursor: pointer; outline: none; -webkit-appearance: button; -webkit-font-smoothing: inherit; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; outline: none; } form [disabled] { cursor: default; } form > div { position: relative; } ::-webkit-input-placeholder { opacity: 1; color: inherit; } :-ms-input-placeholder { opacity: 1; color: inherit; } ::-ms-input-placeholder { opacity: 1; color: inherit; } ::placeholder { opacity: 1; color: inherit; } :focus::-webkit-input-placeholder { opacity: 0; } :focus:-ms-input-placeholder { opacity: 0; } :focus::-ms-input-placeholder { opacity: 0; } :focus::placeholder { opacity: 0; } form { } label { display: block; position: relative; left: 0; top: 0; z-index: 2; font-weight: 400; } form p { position: relative; clear: both; } input { height: 40px; padding: 0 24px; } select { padding: 9px 50px 9px 20px; } textarea { padding: 10px 10px 10px 24px; } input, select, textarea { border: 1px solid #e4e4e4; background: #fff; color: #252525; font-size: 14px; } button, input[type="button"], input[type="reset"], input[type="submit"] { overflow: hidden; float: left; min-width: 140px; padding: 13px 26px; border-radius: 0 18px 0 18px; border: 1px solid #bdac1f; background: #fff; color: #bdac1f; font-weight: 700; font-size: 12px; line-height: 1.0125; text-align: center; text-transform: uppercase; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background: #bdac1f; color: #fff; } .checklist-a { list-style: none; margin-left: -15px; margin-right: -15px; padding: 0; } .checklist-a label, .check-a label { display: block; padding-left: 30px; } .checklist-a .input, .check-a .input { display: block; position: absolute; left: 0; top: 6px; width: 20px; height: 20px; border: 1px solid #e5e5e5; cursor: pointer; } .checklist-a label.radio .input, .check-a label.radio .input, .checklist-a label.radio .input:before, .check-a label.radio .input:before { border-radius: 20px; } .checklist-a label .input:before, .check-a label .input:before { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 10px; height: 10px; margin: -5px 0 0 -5px; background: #bdac1f; opacity: 0; } .checklist-a label.active .input:before, .check-a label.active .input:before { opacity: 1; } .checklist-a label.active.radio .input, .check-a label.active.radio .input { cursor: default; } .checklist-a input, .check-a input { position: absolute; left: 0; top: 6px; width: 20px; height: 20px; } /*! Tables --------- */ table { display: table; width: 100%; border-collapse: collapse; border-spacing: 0; } th, td { padding: 5px 10px; border: 1px solid #eee; font-weight: 400; text-align: left; } /*! Helpers --------- */ *, *:before, *:after { transition: visibility 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s, background-color 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s, border-color 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s; -webkit-transform-origin: center center; -ms-transform-origin: center center; } .popup-a .box-inset, .popup-a .close, #nav > ul > li > a:after, #nav > ul > li.c > a .icon-zoom, #nav > ul > li.c > a .icon-zoom:after, #nav > ul > li.c > a .icon-zoom:before, #nav > ul > li.menu > a:before, #nav > ul > li.menu > a:after, .floating-panel { transition: all 0.2s ease-in-out 0s; } .clear { clear: both; overflow: hidden; width: 100%; height: 0; } .hidden, [hidden], template, #nav em, .js .checklist-a label input, .comments-a label, #footer > form label, .js .check-a label input, #nav em, #nav > ul > li:before, #root #nav .share:after, #nav > ul > li.c > a:after, #nav > ul > li.b > a:after, #nav > ul > li.a > a:after, .social-a li.toggle, .js .list-news .img img, .js .list-b .img img, .js .list-gallery-a .img img, #search label, .clone *, #root #nav > ul > li.hidden, #nav > ul > li > div > .header, .tablet-module-b, .js #root #footer > nav > *:first-child + *:before, .article-a .spacer, .list-news li.hidden, #root .list-news-updated li.hidden, .list-top li:first-child:before { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; } #root .list-gallery-d .scheme-b, .list-news-updated .scheme-b, #root .list-cols.a li:after, #root .list-cols.b li:after, aside.scroll-to-fixed-fixed > figure.sticky:first-child figcaption, .list-cols.a li:nth-child(3n-2):last-child, aside .list-details li:nth-child(6):last-child, .cols-a > .desktop-hide, .cols-a > .tablet-only, .cols-a > .mobile-only { display: none; } aside + .spacer { display: none !important; } hr, .hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: 15px 0; padding: 0; border: 0; border-top: 1px solid #ccc; background: none; font-size: 0; } .hr hr { display: none; } figcaption:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, .list-gallery-a + h1, .list-gallery-a + h2, .list-gallery-a + h3, .list-gallery-a + h4, .list-gallery-a + h5, .list-gallery-a + h6, .comments-a:first-child, #content > figure figcaption:first-child, .author:first-child, .author .social-a:first-child, #content > figure + *, .image-wide figcaption:last-child, #content > .image-wide figcaption:first-child, .size-b figcaption:first-child, .cols-b:first-child, .list-gallery-a.wide:first-child, figure.size-a figcaption:first-child, .module-pattern:first-child, .cols-a + .module-pattern, .article-b header figcaption:first-child, #root .mb-a + *, .tablet-module-b:first-child, .list-gallery-a.wide li:first-child, #root .scroll-to-fixed-fixed, .cols-a + .header-a, #content > figure:first-child figcaption:first-child, .cols-a + .fit + .header-a, .list-ranking:first-child, .list-news.a:first-child, .list-gallery-d:first-child, .list-gallery-d.compact + .header-d.compact, .list-details:first-child, .list-gallery-d.compact:first-child, .list-popular:first-child, .list-cols:first-child, .list-top:first-child { margin-top: 0; } figcaption:last-child, #root .mb-a, #content > figure figcaption:last-child, .image-wide figcaption:last-child, #content > .image-wide figcaption:last-child, .list-news li:last-child, .size-b figcaption:last-child, figure.size-a figcaption:last-child, #content > .module-pattern:last-child, .cols-a > aside > figure:last-child, #content > figure:first-child figcaption:last-child, .scroll-to-fixed-fixed, .module-pattern .list-gallery-c:last-child, #root aside > figure:last-child, .link-c a:last-child, .floating-panel > *:last-child { margin-bottom: 0; } .social-a li:last-child, .social-a li.toggle, .article-a .social-a.a li:last-child { margin-right: 0; } #root .mb-b { margin-bottom: 25px; } #root .mb-c { margin-bottom: 40px; } #root .mb-d { margin-bottom: 55px; } #root .mb-e { margin-bottom: 90px; } #root .mb-f { margin-bottom: 120px; } #root .mb-g { margin-bottom: 130px; } #root .mb-h { margin-bottom: 65px; } #root .mb-i { margin-bottom: 5px; } #root .mb-j { margin-bottom: 45px; } #root .mt-a { margin-top: -13px; } #root .pb-a { padding-bottom: 9px; } #root .pb-b { padding-bottom: 215px; } /*! Warnings --------- */ p.lt-ie9 { position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 28px; background: #333; color: #fff; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; line-height: 28px; text-align: center; } p.lt-ie9 a { color: #fff; font-weight: 700; text-decoration: underline; } p.lt-ie9 a:hover, p.lt-ie9 a:focus, p.lt-ie9 a:active { text-decoration: none; } .lt-ie9 body { padding-top: 28px; } /*! Miscellaneous --------- */ audio, canvas, iframe, img, svg, video { border-width: 0; vertical-align: middle; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } svg:not(:root) { overflow: hidden; } @-ms-viewport { width: auto; } ::selection { background: #bdac1f; color: #fff; text-shadow: none; } ::-moz-selection { background: #bdac1f; color: #fff; text-shadow: none; } #root .desktop-hide, #root .tablet-only, #root .mobile-only, #root .narrower-show, #banner .desktop-hide, #banner .tablet-only, #banner .mobile-only, #banner .narrower-show { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; } /*! Flexbox --------- */ /* flex */ .list-gallery-c.a, .popup-a .box-outer, .header-image, .quadruple, .link-b, .list-cols, .image-border, .list-news-updated li, .list-news-updated .img, .list-details.cols, .list-details .img, .list-details li, .social-a.sticky, .list-gallery-d { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /* wrap */ .list-gallery-c.a, .quadruple, .list-cols, .list-news-updated, .list-details.cols, .list-gallery-d, .list-popular { -webkit-flex-wrap: wrap; flex-wrap: wrap; } /* nowrap * { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } /* direction-row * { -webkit-flex-direction: row; flex-direction: row; } /* direction-col */ #nav > ul > li > div > ul li, .list-news-updated li, .list-details li { -webkit-flex-direction: column; flex-direction: column; } /* justify-start * { -webkit-justify-content: flex-start; justify-content: flex-start; } /* justify-center */ #nav > ul > li > div > ul li, .list-top .img, .popup-a .box-outer, .header-image, .link-b, .image-border, .list-news-updated li, .list-news-updated .img, .list-details .img, .list-details li { -webkit-justify-content: center; justify-content: center; } /* justify-end * { -webkit-justify-content: flex-end; justify-content: flex-end; } /* justify-space * { -webkit-justify-content: space-between; justify-content: space-between; } /* justify-space-around * { -webkit-justify-content: space-around; justify-content: space-around; } /* align-i-start * { -webkit-align-items: flex-start; align-items: flex-start; } /* align-i-center */ .list-top .img, .popup-a .box-outer, .list-details .img, .list-news-updated .img { -webkit-align-items: center; align-items: center; } /* align-i-end */ .header-image { -webkit-align-items: flex-end; align-items: flex-end; } /* align-i-stretch */ .quadruple, .list-cols, .list-news-updated, .list-details.cols { -webkit-align-items: stretch; align-items: stretch; } /* align-i-baseline * { -webkit-align-items: baseline; align-items: baseline; } /* align-c-start * { -webkit-align-content: flex-start; align-content: flex-start; } /* align-c-center * { -webkit-align-content: center; align-content: center; } /* align-c-end * { -webkit-align-content: flex-end; align-content: flex-end; } /* align-c-stretch * { -webkit-align-content: stretch; align-content: stretch; } /* align-c-space * { -webkit-align-content: space-between; align-content: space-between; } /* align-s-start * { -webkit-align-self: flex-start; align-self: flex-start; } /* align-s-center * { -webkit-align-self: center; align-self: center; } /* align-s-end * { -webkit-align-self: flex-end; align-self: flex-end; } /* align-s-stretch * { -webkit-align-self: stretch; align-self: stretch; } /* basis 0 * { -webkit-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; } /* grow 0 * { -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; } /* grow 1 * { -webkit-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; } /* grow 2 * { -webkit-flex-grow: 2; -ms-flex-grow: 2; flex-grow: 2; } /* grow 3 * { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } /*! Fonts --------- */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v13/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v13/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Lato'; font-style: italic; font-weight: 400; src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v13/PLygLKRVCQnA5fhu3qk5fQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Lato'; font-style: italic; font-weight: 700; src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v13/HkF_qI1x_noxlxhrhMQYEFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 900; src: local('Lato Black'), local('Lato-Black'), url(https://fonts.gstatic.com/s/lato/v13/tI4j516nok_GrVf4dhunkg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Lato'; font-style: italic; font-weight: 900; src: local('Lato Black Italic'), local('Lato-BlackItalic'), url(https://fonts.gstatic.com/s/lato/v13/VNUH7ZAcagYBWsAiBBCEY1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 300; src: local('Oswald Light'), local('Oswald-Light'), url(https://fonts.gstatic.com/s/oswald/v16/TK3hWkUHHAIjg75-sh0Tus9C.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v14/pEobIV_lL25TKBpqVI_a2w.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 500; src: local('Oswald Medium'), local('Oswald-Medium'), url(https://fonts.gstatic.com/s/oswald/v14/KuTkTNzljLi-9-e4QiI83ltXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 600; src: local('Oswald SemiBold'), local('Oswald-SemiBold'), url(https://fonts.gstatic.com/s/oswald/v14/y5-5zezrZlJHkmIVxRH3BVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 700; src: local('Oswald Bold'), local('Oswald-Bold'), url(https://fonts.gstatic.com/s/oswald/v14/bH7276GfdCjMjApa_dkG6VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /*@font-face { font-family: 'Oswald_web'; src: url('fonts/oswald-regular.eot'); src: url('fonts/oswald-regular.eot?#iefix') format('embedded-opentype'), url('fonts/oswald-regular.woff2') format('woff2'), url('fonts/oswald-regular.woff') format('woff'), url('fonts/oswald-regular.ttf') format('truetype'), url('fonts/oswald-regular.svg#oswald_regularregular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Oswald_web'; src: url('fonts/oswald-regularitalic.eot'); src: url('fonts/oswald-regularitalic.eot?#iefix') format('embedded-opentype'), url('fonts/oswald-regularitalic.woff2') format('woff2'), url('fonts/oswald-regularitalic.woff') format('woff'), url('fonts/oswald-regularitalic.ttf') format('truetype'), url('fonts/oswald-regularitalic.svg#oswaldregular') format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Oswald_web'; src: url('fonts/oswald-medium.eot'); src: url('fonts/oswald-medium.eot?#iefix') format('embedded-opentype'), url('fonts/oswald-medium.woff2') format('woff2'), url('fonts/oswald-medium.woff') format('woff'), url('fonts/oswald-medium.ttf') format('truetype'), url('fonts/oswald-medium.svg#oswaldmedium') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Oswald_web'; src: url('fonts/oswald-mediumitalic.eot'); src: url('fonts/oswald-mediumitalic.eot?#iefix') format('embedded-opentype'), url('fonts/oswald-mediumitalic.woff2') format('woff2'), url('fonts/oswald-mediumitalic.woff') format('woff'), url('fonts/oswald-mediumitalic.ttf') format('truetype'), url('fonts/oswald-mediumitalic.svg#oswaldmedium') format('svg'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Oswald_web'; src: url('fonts/oswald-demibold.eot'); src: url('fonts/oswald-demibold.eot?#iefix') format('embedded-opentype'), url('fonts/oswald-demibold.woff2') format('woff2'), url('fonts/oswald-demibold.woff') format('woff'), url('fonts/oswald-demibold.ttf') format('truetype'), url('fonts/oswald-demibold.svg#oswalddemibold') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Oswald_web'; src: url('fonts/oswald-demi-bolditalic.eot'); src: url('fonts/oswald-demi-bolditalic.eot?#iefix') format('embedded-opentype'), url('fonts/oswald-demi-bolditalic.woff2') format('woff2'), url('fonts/oswald-demi-bolditalic.woff') format('woff'), url('fonts/oswald-demi-bolditalic.ttf') format('truetype'), url('fonts/oswald-demi-bolditalic.svg#oswalddemi-bold') format('svg'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Oswald_web'; src: url('fonts/oswald-bold.eot'); src: url('fonts/oswald-bold.eot?#iefix') format('embedded-opentype'), url('fonts/oswald-bold.woff2') format('woff2'), url('fonts/oswald-bold.woff') format('woff'), url('fonts/oswald-bold.ttf') format('truetype'), url('fonts/oswald-bold.svg#oswaldbold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Oswald_web'; src: url('fonts/oswald-bolditalic.eot'); src: url('fonts/oswald-bolditalic.eot?#iefix') format('embedded-opentype'), url('fonts/oswald-bolditalic.woff2') format('woff2'), url('fonts/oswald-bolditalic.woff') format('woff'), url('fonts/oswald-bolditalic.ttf') format('truetype'), url('fonts/oswald-bolditalic.svg#oswaldbold') format('svg'); font-weight: 700; font-style: italic; }*/ /*! Icons --------- */ @font-face { font-family: 'i'; src: url('icons/icons.eot'); src: url('icons/icons.eot#iefix') format('embedded-opentype'), url('icons/icons.ttf') format('truetype'), url('icons/icons.woff') format('woff'), url('icons/icons.svg#icons') format('svg'); font-weight: 400; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'i' !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-babu:before { content: "\e911"; } .icon-babu1:before { content: "\e90f"; } .icon-babu2:before { content: "\e912"; } .icon-caret-wide-down:before { content: "\e923"; } .icon-caret-wide-left:before { content: "\e924"; } .icon-caret-wide-right:before { content: "\e922"; } .icon-caret-wide-up:before { content: "\e921"; } .icon-chat:before { content: "\e920"; } .icon-chevron-down:before { content: "\e910"; } .icon-chevron-left:before { content: "\e90e"; } .icon-chevron-right:before { content: "\e90b"; } .icon-chevron-up:before { content: "\e90c"; } .icon-circle:before { content: "\e92e"; } .icon-envelope:before { content: "\e90d"; } .icon-envelope-outline:before { content: "\e909"; } .icon-f2fa:before { content: "\e90a"; } .icon-facebook:before { content: "\e907"; } .icon-google-plus:before { content: "\e91f"; } .icon-growth:before { content: "\e927"; } .icon-instagram:before { content: "\e908"; } .icon-instagram2:before { content: "\e92a"; } .icon-labels:before { content: "\e91e"; } .icon-linkedin:before { content: "\e905"; } .icon-logo-square:before { content: "\e92b"; } .icon-menu:before { content: "\e913"; } .icon-pen:before { content: "\e91d"; } .icon-play:before { content: "\e906"; } .icon-play-circle:before { content: "\e926"; } .icon-play-circle2:before { content: "\e928"; } .icon-play-circle2-inner:before { content: "\e929"; } .icon-printer:before { content: "\e903"; } .icon-rain:before { content: "\e91c"; } .icon-share:before { content: "\e91b"; } .icon-star:before { content: "\e91a"; } .icon-sun-cloud:before { content: "\e919"; } .icon-triangle-down:before { content: "\e917"; } .icon-triangle-left:before { content: "\e918"; } .icon-triangle-right:before { content: "\e915"; } .icon-triangle-up:before { content: "\e916"; } .icon-twitter:before { content: "\e904"; } .icon-whatsapp:before { content: "\e900"; } .icon-world:before { content: "\e914"; } .icon-x:before { content: "\e925"; } .icon-x-circle:before { content: "\e92d"; } .icon-x-circle-in-circle:before { content: "\e92c"; } .icon-youtube:before { content: "\e901"; } .icon-zoom:before { content: "\e902"; } .link-c { font-size: 2.7em; } .link-c a { margin: 0 0 9px; padding: 8px 13px; } .popup-a { } .popup-a .box-outer { padding-left: 0; padding-right: 0; } .popup-a .box-inner { width: 980px; } .popup-a.box { } .popup-a.box .box-inset { min-height: 588px; padding-top: 149px; padding-left: 395px; } .popup-a .box-inset { padding-left: 70px; padding-right: 70px; } .scheme-c { padding: 36px 0 33px; border-left-width: 65px; border-top-width: 58px; border-bottom-width: 58px; font-size: 2.8em; } .scheme-c:before { border-top-width: 3px; border-bottom-width: 3px; } .scheme-c:after { top: -23px; padding-right: 18px; font-size: 47px; line-height: 47px; } .scheme-c i { left: -65px; width: 73px; height: 79px; margin: -39.5px 0 0 -36.5px; border-radius: 22px; font-size: 53px; line-height: 73px; } .scheme-c .strong { padding: 1px 0 0; } .scheme-c .strong span { padding: 1px 0 0; } .scheme-c a { bottom: -7px; z-index: 2; padding: 0 0 0 11px; } .scheme-c + * { margin-top: -27px; } /* Responsive --------- */ @media only screen and (max-width: 93.75em) { /* 1500 */ #top { width: 1352px; } #nav { } #nav > ul > li > div { padding-left: 220px; } #nav > ul > li > div:before { left: 220px; } #nav > ul > li > div > ul { margin-left: -220px; width: 220px; } .article-a { } .cols-a .article-a { margin-left: 0; } .article-b { } .cols-a.a .article-b, .article-b header figcaption { padding-right: 50px; padding-left: 0; } .cols-a.a .article-b header figure { margin-right: -50px; margin-left: 0; } .article-b + * .module-b .list-b.scrolled { max-height: 912px; } .cols-a.a, .image-wide { width: auto; margin-left: 0; margin-right: 0; } .cols-a.a > header:first-child + *, .cols-a.a > *:first-child { width: 852px; } .cols-a.a > header:first-child, .cols-a.a > aside { width: 500px; } #content > .cols-a.a { margin-left: 0; } #content > .cols-a.a > figure figcaption { padding-left: 0; } .image-wide { } .image-wide figcaption { padding: 0; } .list-b { } .list-b.scrolled { max-height: 620px; } } @media only screen and (max-width: 87.5em) { /* 1400 */ #top, #content, #root > figure, #search > * { width: 1258px; } #nav { } #nav > ul > li > div { padding-left: 190px; } #nav > ul > li > div:before { left: 190px; } #nav > ul > li > div > ul { margin-left: -190px; width: 190px; } .cols-a.d { } .cols-a.d > header:first-child + *, .cols-a.d > *:first-child { width: 914px; } .cols-a.e > header:first-child + *, .cols-a.e > *:first-child { width: 807px; } .article-b { margin-bottom: 100px; } .article-b h1, .article-b h2, .article-b h3, .article-b h4, .article-b h5, .article-b h6, .article-b.a h1, .article-b.a h2, .article-b.a h3, .article-b.a h4, .article-b.a h5, .article-b.a h6 { font-size: 4em; line-height:1.1} .article-b + * .module-b .list-b.scrolled { max-height: 881px; } .cols-a.a { } .cols-a.a > header:first-child + *, .cols-a.a > *:first-child { width: 800px; } .cols-a.a > header:first-child, .cols-a.a > aside { width: 458px; } .cols-a.b > header:first-child + *, .cols-a.b > *:first-child { width: 773px; } .cols-c { padding-left: 285px; } .cols-c > header:first-child, .cols-c > aside { width: 240px; margin: 0 0 0 -285px; } .link-c { font-size: 2.7em; } .link-c a { margin: 0 0 9px; padding: 8px 13px; } .list-b { } .list-b.scrolled { max-height: 565px; } .list-gallery-a.wide { margin-left: -40px; } .list-gallery-a.wide li { border-left-width: 40px; } .list-gallery-a.wide .img { height: 168px; } .list-news.a { margin-bottom: 25px; } .list-news.a .img { height: 250px; } .list-news.a li:nth-child(1) .img { border-radius: 80px 0 0 0; } .list-news.a li:nth-child(3) .img { border-radius: 0 80px 0 0; } .list-news.a li:nth-last-child(1) .img, .list-news.a li.last-row-3 .img { border-radius: 0 0 80px 0; } .list-news.a li:nth-last-child(3) .img, .list-news.a li.last-row-1 .img { border-radius: 0 0 0 80px; } .module-video { min-height: 505px; margin-left: 0; margin-right: 0; padding-left: 818px; } .module-video figure { width: 796px; } .module-video figure:before, .module-video figure:after, .module-video figure a:before, .module-video figure a:after { left: 40px; bottom: 40px; } .popup-a { } .popup-a .box-outer { padding-left: 0; padding-right: 0; } .popup-a .box-inner { width: 980px; } .popup-a.box { } .popup-a.box .box-inset { min-height: 588px; padding-top: 149px; padding-left: 395px; } .popup-a .box-inset { padding-left: 70px; padding-right: 70px; } .quadruple { margin-left: -70px; } .quadruple > * { border-left-width: 70px; } .scheme-c { padding: 36px 0 33px; border-left-width: 65px; border-top-width: 58px; border-bottom-width: 58px; font-size: 2.8em; } .scheme-c:before { border-top-width: 3px; border-bottom-width: 3px; } .scheme-c:after { top: -23px; padding-right: 18px; font-size: 47px; line-height: 47px; } .scheme-c i { left: -65px; width: 73px; height: 79px; margin: -39.5px 0 0 -36.5px; border-radius: 22px; font-size: 53px; line-height: 73px; } .scheme-c .strong { padding: 1px 0 0; } .scheme-c .strong span { padding: 1px 0 0; } .scheme-c a { bottom: -7px; z-index: 2; padding: 0 0 0 11px; } .scheme-c + * { margin-top: -27px; } } @media only screen and (max-width: 81.25em) { /* 1300 */ #top, #content, #footer > form > *, #root > figure, #search > * { width: 1128px; } #footer > form h1, #footer > form h2, #footer > form h3, #footer > form h4, #footer > form h5, #footer > form h6 { margin-left: -564px; } #top { } /*#logo { width: 200px; height: 160px; } #root #logo a:before { font-size: 105px; } #nav, #content > figure:first-child { left: 200px; }*/ #top .social-a { min-width: 40px; } .social-active #top .social-a { padding-right: 51px; } #top .social-a li.toggle, .social-active #top .social-a li.toggle { position: absolute; right: 0; left: auto; top: 15px; } .social-active #nav > ul > li.menu { position: absolute; left: 0; top: 0; } #content { padding-top: 0px; } #content > .heading-a:first-child, #content > figure:first-child + .heading-a { margin-top: 26px; } #content > .cols-a.a:first-child, #content > figure:first-child + .cols-a.a { margin-top: 0; } #footer { } #footer > form p { padding-left: 604px; } #footer > form input { width: 344px; height: 72px; padding: 0 47px; border-radius: 0 0 0 45px; font-size: 20px; } #footer > form button { width: 180px; height: 72px; border-radius: 0 45px 0 0; font-size: 34px; } .article-a { } .article-a .social-a { padding: 0; } .article-b { margin-bottom: 100px; } .article-b h1, .article-b h2, .article-b h3, .article-b h4, .article-b h5, .article-b h6, .article-b.a h1, .article-b.a h2, .article-b.a h3, .article-b.a h4, .article-b.a h5, .article-b.a h6 { font-size: 6em; } .article-b p { max-height: 48px; font-size: 1.6em; } .article-b + * .module-b .list-b.scrolled { max-height: 811px; } .cols-a { } .cols-a > header:first-child + *, .cols-a > *:first-child, .cols-a.a > header:first-child + *, .cols-a.a > *:first-child, .cols-a.b > header:first-child + *, .cols-a.b > *:first-child { width: 700px; } .cols-a > header:first-child, .cols-a > aside { width: 408px; } .cols-a.a > header:first-child, .cols-a.a > aside { width: 428px; } #root .cols-a .mt-a { position: relative; margin-top: 0; } .cols-a .mt-a figcaption { position: absolute; right: 0; bottom: 100%; margin: 0; padding: 0 0 8px; } .cols-a.c { } .cols-a.c > header:first-child + *, .cols-a.c > *:first-child, .cols-a.d > header:first-child + *, .cols-a.d > *:first-child { width: 812px; } .cols-a.e { } .cols-a.e > header:first-child + *, .cols-a.e > *:first-child { width: 700px; } .cols-c { padding-left: 257px; } .cols-c > header:first-child, .cols-c > aside { width: 240px; margin: 0 0 0 -257px; } .heading-a { } .heading-a h1, .heading-a h2, .heading-a h3, .heading-a h4, .heading-a h5, .heading-a h6 { font-size: 6.82em; } .heading-a p { margin-bottom: 0; font-size: 1.374em; } .list-article { margin-bottom: 0; } .list-article li { margin-bottom: 25px; } .list-article figure { margin: 0 0 12px; font-size: .8em; } .list-article h1, .list-article h2, .list-article h3, .list-article h4, .list-article h5, .list-article h6 { margin: 0 0 12px; font-size: 3.506em; } .list-article p { font-size: 1.11em; } .list-b { } .list-b.scrolled { max-height: 495px; } .cols-a .list-b { } .cols-a .list-b li { min-height: 117px; padding: 28px 0 20px 102px; font-size: .771em; } .cols-a .list-b a:first-child { font-size: 2.00129701686em; } .cols-a .list-b .img { width: 93px; height: 93px; } .cols-a .list-b .video .img:before { width: 24px; height: 24px; margin: -12px 0 0 -12px; font-size: 24px; line-height: 24px; } .cols-a .list-b span.scheme-b { top: 3px; } .safari .cols-a .list-b span.scheme-b { top: -1px; } .list-featured.a { padding-left: 828px; } .list-featured.a li:first-child { width: 812px; margin-left: -828px; } .list-featured.a .img { margin-bottom: 14px; border-radius: 0 0 53px 0; } .list-featured.a a:first-child { font-size: 2.5em; line-height: 1.0666666666; } .list-featured.a .scheme-b { top: -3px; } .safari .list-featured.a .scheme-b { top: -7px; } .list-gallery-a.wide { margin-top: 0; } .list-gallery-a.wide li { font-size: 2em; } .list-gallery-a.wide .img { height: 149px; } .list-news { } .list-news li { min-height: 198px; margin: 0 0 77px; padding: 25px 0 25px 344px; font-size: .631em; } .list-news a:first-child, .list-news .img + a { font-size: 4.56101426307em; } .list-news span { margin: 0 0 9px; font-size: .39993050729em; } .list-news .img { width: 327px; } .list-news.a { } .list-news.a a:first-child, .list-news.a .img + a { font-size: 3em; } .list-news.a .img { height: 222px; } .list-news.a li:nth-child(1) .img { border-radius: 72px 0 0 0; } .list-news.a li:nth-child(3) .img { border-radius: 0 72px 0 0; } .list-news.a li:nth-last-child(1) .img, .list-news.a li.last-row-3 .img { border-radius: 0 0 72px 0; } .list-news.a li:nth-last-child(3) .img, .list-news.a li.last-row-1 .img { border-radius: 0 0 0 72px; } .list-news-updated { } .list-news-updated li { min-height: 200px; padding-left: 50%; font-size: 2.578em; } .list-news-updated .img { width: calc(50% - 20px); } .list-news-updated span { font-size: 11.51px; } #root .list-news-updated .author-name { font-size: 9px; } .list-top { } .list-top li { padding: 12px 0 13px 14px; font-size: 1.335em; } .list-top li:before { top: 17px; width: 6px; height: 6px; } .list-top li:first-child { padding-bottom: 18px; font-size: 1.854em; } .list-top .img { margin: 0 0 9px; } .module-video { min-height: 432px; padding-left: 788px; } .module-video h1, .module-video h2, .module-video h3, .module-video h4, .module-video h5, .module-video h6 { font-size: 4em; } .module-video header p { font-size: 1.7em; } .module-video figure { width: 766px; } .module-video figure:before, .module-video figure:after, .module-video figure a:before, .module-video figure a:after { left: 30px; bottom: 30px; font-size: 60px; line-height: 60px; } .quadruple { margin-left: -40px; } .quadruple > * { border-left-width: 40px; } .wide-only + * { margin-top: 0; } .social-active #nav > ul > li.has-social, .social-active #top .social-a li { position: relative; left: 0; top: 0; } .cols-a .list-b img, #top .social-a li, .social-active #nav > ul > li, #root .wide-only { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; } } @media only screen and (max-width: 75em) { /* 1200 */ #top, #content, #footer > form > *, #footer > *, #root > figure, #search > * { width: 980px; } #footer > form h1, #footer > form h2, #footer > form h3, #footer > form h4, #footer > form h5, #footer > form h6 { margin-left: -490px; } #top { } #nav, #nav > ul > li.menu { right: 0; } #nav > ul > li + li.a, #nav > ul > li + li.b { margin-left: 20px; } #nav > ul > li > div > div { padding-top: 40px; } #nav .list-gallery-c .img { height: 120px; } #search { } #search > * { padding-left: 0; } #content { } #content > *:last-child, #root .mb-f { margin-bottom: 75px; } #content > .list-gallery-a:last-child { margin-bottom: 52px; } #footer { } #footer > form h1, #footer > form h2, #footer > form h3, #footer > form h4, #footer > form h5, #footer > form h6 { font-size: 7em; } #footer > form p { padding-left: 529px; } #footer > form input { width: 296px; height: 62px; padding: 0 40px; border-radius: 0 0 0 40px; font-size: 18px; } #footer > form button { width: 155px; height: 62px; border-radius: 0 40px 0 0; font-size: 29px; } #root .cols-a.wide > * { float: none; width: auto; } figure { } figcaption { margin: 11px 0; } .article-a { padding-left: 0; } .article-a .social-a, .article-a .social-a.scroll-to-fixed-fixed { position: relative !important; left: 0 !important; top: 0 !important; float: none; width: auto !important; margin-bottom: 22px; margin-left: 0; padding: 0; } .article-a .social-a.a li, .social-a.sticky li { display: block; float: left; margin: 0 14px 8px 0; } .article-a .social-a.a li a, .social-a.sticky li a { display: block; } .article-a .social-a.a li.title, .social-a.sticky li.title { font-size: 1.974em; line-height: 40px; } .article-b { margin-bottom: 50px; } .article-b h1, .article-b h2, .article-b h3, .article-b h4, .article-b h5, .article-b h6, .article-b.a h1, .article-b.a h2, .article-b.a h3, .article-b.a h4, .article-b.a h5, .article-b.a h6 { font-size: 5em; } .article-b h1 .scheme-b, .article-b h2 .scheme-b, .article-b h3 .scheme-b, .article-b h4 .scheme-b, .article-b h5 .scheme-b, .article-b h6 .scheme-b { top: -4px; } .safari .article-b h1 .scheme-b, .safari .article-b h2 .scheme-b, .safari .article-b h3 .scheme-b, .safari .article-b h4 .scheme-b, .safari .article-b h5 .scheme-b, .safari .article-b h6 .scheme-b { top: -8px; } .article-b + * .module-b .list-b.scrolled { max-height: 676px; } .article-b header figure { font-size: 1.2em; } .cols-a { } .cols-a > header:first-child + *, .cols-a > *:first-child, .cols-a.a > header:first-child + *, .cols-a.a > *:first-child, .cols-a.b > header:first-child + *, .cols-a.b > *:first-child, .cols-a.d > header:first-child + *, .cols-a.d > *:first-child, .cols-a.e > header:first-child + *, .cols-a.e > :first-child { width: 600px; } .cols-a > header:first-child, .cols-a > aside, .cols-a.e > header:first-child, .cols-a.e > aside { width: 360px; } .cols-a.a > header:first-child, .cols-a.a > aside { width: 380px; } .cols-a.c { } .cols-a.c > header:first-child + *, .cols-a.c > *:first-child { width: 664px; } .cols-a.wide { } .cols-c { padding-left: 262px; } .cols-c > header:first-child, .cols-c > aside { width: 234px; margin-left: -262px; } .header-d, .header-d.compact { margin-bottom: 10px; font-size: 1.8em; font-weight: 500; font-family: Oswald_web, Oswald, Lato, Arial, Helvetica, sans-serif; } .list-gallery-a.a { margin-left: -32px; } .list-gallery-a.a li { width: 25%; margin-right: 0; border-left-width: 32px; } .list-gallery-a.a li:nth-child(4n) + li { clear: both; } .list-gallery-a.wide { margin-left: -20px; } .list-gallery-a.wide li { border-left-width: 20px; font-size: 1.796em; } .list-gallery-a.wide .img { height: 136px; } .list-gallery-b { } .list-gallery-b li { width: 33.3333333333%; } .list-gallery-b li:nth-child(4n) + li { clear: none; } .list-gallery-b li:nth-child(3n) + li { clear: both; } .list-gallery-c.a, .list-d { margin-left: -16px; } .list-gallery-c.a li, .list-d li { border-left-width: 16px; } .list-gallery-d, .list-gallery-d.compact { margin-top: 10px; margin-left: -28px; } .list-gallery-d li, .list-gallery-d.compact li { margin-bottom: 28px; padding: 0; border-left-width: 28px; font-size: 1.556em; } .list-gallery-d span, .list-gallery-d.compact span { margin: 0 0 11px; font-size: 13.13px; } .list-gallery-d .img, .list-gallery-d.compact .img { margin-bottom: 13px; } #content > .list-gallery-d:last-child { margin-bottom: 29px; } .list-b { } .list-b.scrolled { max-height: 425px; } .list-featured { margin: 0 0 8px -40px; } .list-featured li { margin-bottom: 27px; border-left-width: 40px; font-size: 1.121em; } .list-featured li:first-child a:first-child { font-size: 4.55753791258em; } .list-featured a:first-child { font-size: 2.50044603033em; } .list-featured .img { margin-bottom: 13px; } .list-featured li:first-child .img { margin-bottom: 6px; } .list-featured.a { padding-left: 680px; } .list-featured.a li { font-size: .701em; } .list-featured.a a:first-child { font-size: 3.4664764622em; } .list-featured.a .scheme-b { top: 0; } .safari .list-featured.a .scheme-b { top: -4px; } .list-featured.a .img { margin-bottom: 10px; } .list-featured.a li:first-child { width: 664px; margin-left: -680px; } .list-featured.a li:first-child a:first-child { font-size: 4.5577746077em; } .list-featured.a li:first-child .img { margin: 0 0 10px; } .list-news.a { } .list-news.a a:first-child, .list-news.a .img + a { font-size: 2.805em; } .list-news.a .img { height: 192px; } .list-news.a li:nth-child(1) .img { border-radius: 62px 0 0 0; } .list-news.a li:nth-child(3) .img { border-radius: 0 62px 0 0; } .list-news.a li:nth-last-child(1) .img, .list-news.a li.last-row-3 .img { border-radius: 0 0 62px 0; } .list-news.a li:nth-last-child(3) .img, .list-news.a li.last-row-1 .img { border-radius: 0 0 0 62px; } .list-ranking { padding: 30px 30px 10px 10px; } .list-ranking li { border-left-width: 20px; } .list-cols { } .list-cols li { width: 50%; } #root .mb-f, #root .mb-g { margin-bottom: 100px; } .module-video { min-height: 0; padding: 29px 0 1px; } .module-video figure { position: relative; top: 0; bottom: 0; width: auto; margin: 0 0 30px; } .module-video h1, .module-video h2, .module-video h3, .module-video h4, .module-video h5, .module-video h6 { font-size: 5.354em; } .module-video figure:before, .module-video figure:after, .module-video figure a:before, .module-video figure a:after { left: 96px; bottom: 62px; font-size: 74px; line-height: 74px; } .module-video header p { font-size: 2.3em; } #root .author-name { font-size: 12px; } #root .pb-b { padding-bottom: 175px; } #root .narrower-show { position: relative; left: 0; top: 0; } #root .narrower-hide { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; } } @media only screen and (max-width: 62.5em) { /* 1000 */ #top, #content, #footer > form > *, #footer > *, #root > figure, #search > * { width: 720px; } #top { } #top:before { left: -1000em; right: -1000em; } #logo { width: 86px; height: 70px; } #root #logo a:before { font-size: 45px; } #nav { left: 86px; } #root nav > ul > li.c { position: absolute; left: 50%; top: 0; margin: 0 0 0 -20px; } #nav > ul > li.menu > a { width: 68px; } #nav > ul > li > div > ul { overflow: hidden; } #nav > ul > li > div > ul li { float: left; width: 50%; text-align: left; } #nav > ul > li > div > ul li:nth-child(2n-1) { text-align: right; } #nav > ul > li > div > ul li a { padding: 0 20px; color: #5f5f5f; font-weight: 400; } #nav > ul > li > div { overflow-y: auto; overflow-x: hidden; left: -86px; max-height: calc(100vh - 70px); padding: 33px 20px 18px; } #nav > ul > li > div > ul li a { display: inline-block; } #nav > ul > li > div > ul { float: none; width: auto; margin: 0; padding: 0; text-align: center; } #nav > ul > li > div > ul li { margin-bottom: 20px; font-size: 16px; } #nav > ul > li > div > ul li .toggle2 { display: inline-block; position: relative; left: 0; right: 0; bottom: 0; top: 5px; width: 20px; height: 20px; margin: 0 -20px 0 0; cursor: pointer; } #nav > ul > li > div > ul li .toggle2:before { content: "\e921"; display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; font-size: 5px; font-family: i; font-weight: 400; line-height: 20px; text-align: center; } #nav > ul > li > div > ul li.toggle2 .toggle2:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #nav > ul > li > div > ul li ul { display: none; list-style: none; margin: 0; padding: 0 0 18px; text-align: center; } #nav > ul > li > div > ul li.toggle2 ul { display: block; } #root #nav > ul > li > div > ul li ul li { display: block; float: none; width: auto; margin: 0; padding: 1px 0 0; font-size: 11px; text-align: left; } #root #nav > ul > li > div > ul li ul li a { display: block; color: #313131; font-weight: 300; text-decoration: none; } #root #nav > ul > li > div > ul li:nth-child(2n-1) ul li { text-align: right; } #nav > ul > li > div > ul.header > li { display: inline-block; float: none; width: auto; } #nav > ul > li > div > ul.header > li.a, #nav > ul > li > div > ul.header > li.b { display: block; } #nav > ul > li > div .social-a { padding: 18px 0 0; } #nav > ul > li > div .social-a li { width: 32px; margin: 0 3px 3px; padding: 0; } #nav > ul > li > div .social-a a { width: 33px; height: 33px; padding: 0; } #nav > ul > li > div .social-a i { font-size: 12px; } #search { top: 60px; padding-top: 4px; } .banner-visible #search { top: 0; } #search > * { padding-left: 0; } #search > .close { height: 74px; } #search input { padding-right: 50px; } #content { padding-top: 0px; } #content > *:last-child { margin-bottom: 50px; } #content > figure { margin-bottom: 30px; } #content > figure:first-child { margin-top: 15px; } #root > figure + #footer { margin-top: 57px; } #content > .heading-a:first-child { margin-top: 0; } #content > figure:first-child + .heading-a { margin-top: 63px; } #footer { } #footer > form { padding: 30px 0 2px; } #footer > form h1, #footer > form h2, #footer > form h3, #footer > form h4, #footer > form h5, #footer > form h6 { position: relative; left: 0; bottom: 0; margin: 0 0 31px; font-size: 8.329em; text-align: center; } #footer > form h1 span, #footer > form h2 span, #footer > form h3 span, #footer > form h4 span, #footer > form h5 span, #footer > form h6 span { padding-top: 7px; } #footer > form p { width: auto; max-width: 533px; margin-left: auto; margin-right: auto; padding: 0; } #footer > form input { width: 350px; height: 73px; padding: 0 48px; border-radius: 0 0 0 40px; font-size: 18.92px; } #footer > form button { float: right; width: 183px; height: 73px; border-radius: 0 40px 0 0; font-size: 33.76px; } #footer > form .check-a { font-size: 1.237em; } #footer > form .check-a label { padding-left: 31px; } #footer > form .check-a .input { width: 16px; height: 16px; } #footer > .social-a { margin-bottom: 50px; padding: 11px 0; text-align: right; } #footer > nav { font-weight: 400; } #footer > nav > * { width: 225px; padding: 110px 0 0; text-align: left; } #footer > nav > *:first-child { width: 200px; text-align: right; } #root #footer > nav > *:before, #root #footer > nav a.clone:before, #root #footer > nav a.clone:after { left: 0; font-size: 102px; line-height: 102px; text-align: left; } #root #footer > nav > *:first-child:before { top: 6px; right: 0; font-size: 94px; line-height: 94px; text-align: right; } #footer > nav ul, #footer > nav p { margin: 0 0 3px; } #footer > nav li, #footer > nav p, #footer > .social-a .title { font-size: 1.106em; } #root .cols-a > * { float: none; width: auto; } .article-a { } .article-a figure { margin-bottom: 33px; } .article-a .social-a { margin-bottom: 8px; } .article-b { margin: 0 0 32px; padding: 0 0 20px; border-bottom-width: 1px; } article-b h1, .article-b h2, .article-b h3, .article-b h4, .article-b h5, .article-b h6, .article-b.a h1, .article-b.a h2, .article-b.a h3, .article-b.a h4, .article-b.a h5, .article-b.a h6 { font-size: 6em; } .article-b p { margin-bottom: 12px; } .cols-a.a .article-b, .article-b header figcaption { padding-right: 0; } .cols-a.a .article-b header figure { margin-right: 0; } .article-b.a { padding-bottom: 14px; border-bottom-width: 0; } .author { margin-bottom: 35px; } .author + .tabs-a { margin-top: -35px; } .cols-a { } .cols-a.a + .cols-a, .cols-c > aside > .header-e:first-child { margin-top: 0; } #root .cols-a.mb-c, .author:last-child { margin-bottom: 0; } .cols-a > * { position: relative !important; left: 0 !important; top: 0 !important; } .cols-c { max-width: 656px; } .comments-a { margin-bottom: 40px; } .comments-a > ul { margin-top: 27px; } .list-gallery-d + .comments-a { margin-top: 31px; } .header-a { margin-bottom: 36px; padding: 8px 30px 8px 16px; border-radius: 0 34px 0 0; font-size: 1.741em; } .header-a.a { min-width: 336px; padding: 13px 50px 13px 27px; border-radius: 0 540px 0 0; font-size: 2.784em; } .cols-a + .header-a.a, .fit + .header-a.a { margin-top: 50px; } .header-b { margin-bottom: 31px; font-size: 2.668em; } .header-b a { padding-top: 4px; } .header-b > span { padding-right: 20px; } .header-b:before { height: 4px; } .header-b.tablet-text-center:before { left: 50%; } .header-b i { margin-right: 5px; } .header-c { margin-bottom: 38px; font-size: 2.4em; } .header-c span { padding: 0 34px; } .header-c span:before, .header-c span:after, .module-pattern.a .header-c span:before, .module-pattern.a .header-c span:after { border-color: #e9e9e9; } .header-d, .header-d.compact, .header-e, .header-e.a { margin-bottom: 10px; font-size: 1.8em; font-weight: 500; font-family: Oswald_web, Oswald, Lato, Arial, Helvetica, sans-serif; } .cols-a + .header-d { margin-top: 0; } .header-e > span:before { bottom: -7px; } .header-e.has-icon, .header-e.b.has-icon { padding: 0 0 0 38px; } .header-e, .header-e.b { margin-bottom: 12px; font-size: 2.4em; } .header-e.b.has-icon i { font-size: 22px; } .header-e.b > span:before { bottom: -7px; } .header-image { min-height: 55px; margin: 0 0 12px; padding-bottom: 6px; border-bottom-width: 2px; } .header-image img { max-width: 78px !important; max-height: 47px !important; } .heading-a { } .heading-a h1, .heading-a h2, .heading-a h3, .heading-a h4, .heading-a h5, .heading-a h6 { margin-bottom: 15px; font-weight: 400; } .heading-b { } .heading-b h1, .heading-b h2, .heading-b h3, .heading-b h4, .heading-b h5, .heading-b h6 { margin-bottom: 30px; padding-bottom: 28px; border-bottom-width: 1px; } .image-wide { margin-left: -28px; margin-right: -28px; } .image-wide figcaption { padding: 0 290px; } #root .image-wide.mb-e { margin-bottom: 85px; } .jspScrollable { } .jspVerticalBar { width: 15px; } .link-a.b { } .link-a.b a { min-width: 265px; } .list-b { } .list-b li { font-size: .771em; } .list-b a:first-child { margin: 0; font-size: 2.00129701686em; } .list-b .img { width: 145px; height: 145px; } .list-b .video .img:before, .list-gallery-a .video .img:before, .list-gallery-b .video .img:before, .list-gallery-c .video .img:before { width: 24px; height: 24px; margin: -12px 0 0 -12px; font-size: 24px; line-height: 24px; } .link-c { font-size: 2em; } .link-c a { margin: 0 0 7px; padding: 6px 10px; } .list-cols { margin-top: 0; } .list-cols li { float: none; width: auto; margin: 0 0 17px; padding: 0; font-size: 2.054em; } .list-cols .img { margin-bottom: 11px; } .header-e + .list-cols { margin-top: 19px; } .list-cols.a, .list-cols.b { margin-bottom: 20px; margin-left: -14px; line-height: 1.1; } #root .list-cols.a li, #root .list-cols.b li { margin-bottom: 21px; font-size: 1.472em; border-left-width: 14px; } .list-cols.a span, .list-cols.b span { margin: 0 0 6px; font-size: 10px; } .list-cols.a .img, .list-cols.b .img { margin: 0 0 10px; } #root .list-cols.a .author-name, #root .list-cols.b .author-name { padding: 6px 0 0; font-size: 10px; } #root .list-cols.b li:first-child, #root .list-cols.b li:first-child + li { margin-bottom: 30px; font-size: 2.047em; } .list-cols.b li:first-child span, .list-cols.b li:first-child + li span { font-size: 14.35px; } .list-cols.b li:first-child span.img, .list-cols.b li:first-child + li span.img { margin-bottom: 17px; } #root .list-cols.b li:first-child .author-name, #root .list-cols.b li:first-child + li .author-name { padding: 11px 0 0; font-size: 14.35px; } .list-d { margin-left: -32px; } .list-d li { position: relative; width: 50%; margin: 0 0 40px; padding: 0 0 17px; border-left-width: 32px; } .list-d li:after { content: ""; display: block; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; background: #e4e4e4; } .list-d li:nth-child(5) { clear: both; } .list-d a:first-child, .module-pattern.a .list-d a:first-child { min-height: 70px; margin: 0 0 12px; padding: 14px 0 14px 65px; border-color: #e4e4e4; } .list-d a:first-child img { width: 50px !important; } .list-d li.tablet-only { padding: 0; } .list-d li.tablet-only a, .list-d li.tablet-only a:first-child, .module-pattern.a .list-d li.tablet-only a:first-child { min-height: 0; margin: 0; padding: 39px 0 0; border: 0; border-width: 0; text-align: center; } .list-d li.tablet-only a:first-child img { display: block; position: relative; width: auto !important; margin: 0 auto; } .list-details { margin-top: 13px; margin-bottom: 33px; } .list-details li { min-height: 113px; padding: 15px 0 16px 126px; font-size: 1.688em; } .list-details span { font-size: 8.44px; } #root .list-details .author-name { margin: 0; font-size: 8.44px; } .list-details .img { left: 2px; width: 110px; } .list-details.cols li:nth-child(2n):last-child:after, .list-details.cols li:nth-child(2n-1):last-child:after, .list-details.cols li:nth-child(2n-1):nth-last-child(2):after { display: none; background: none; } .list-f { } .list-f li { padding-top: 11px; font-size: 1.2em; } .list-f li:first-child { font-size: 1.4em; } .list-featured { } .list-featured li:first-child .video .img:before { width: 108px; height: 108px; margin: -54px 0 0 -54px; font-size: 108px; line-height: 108px; } .list-featured .img { border-radius: 0 0 0 54px; } .list-featured li:first-child .img { border-radius: 90px 0 0 0; } .list-featured li:last-child .img { border-radius: 0 0 54px 0; } #root .list-featured + .image-wide { margin-top: -47px; } .list-featured.a { margin-bottom: 30px; padding: 0 0 0 468px; } .list-featured.a li:first-child { width: 460px; margin-left: -468px } .list-featured.a .img { border-radius: 0 0 58px 0; } .list-featured.a li:first-child .img { border-radius: 88px 0 0 0; } .header-b + .list-featured.a { margin-top: -17px; } .list-gallery-a { margin-left: -32px; } .list-gallery-a li { width: 25%; margin-right: 0; border-left-width: 32px; font-size: 1.605em; } .list-gallery-a li:nth-child(4n) + li { clear: both; } .list-gallery-a .img { display: block; margin: 0 0 8px; border-radius: 26px; } .list-gallery-a li:first-child .img { border-radius: 0 0 0 58px; } .list-gallery-a li:last-child .img { border-radius: 0 0 58px 0; } .list-gallery-a span.scheme-b { top: 1px; } .safari .list-gallery-a.a span.scheme-b { top: -4px; } .list-gallery-a.a { margin-left: -36px; } .list-gallery-a.a li { width: 33.33333333%; border-left-width: 36px; font-size: 2.239em; } .list-gallery-a.a li:nth-child(5n) + li, .list-gallery-a.a li:nth-child(4n) + li { clear: none; } .list-gallery-a.a li:nth-child(3n) + li { clear: both; } .list-gallery-a.a .img { height: 137px; border-radius: 30px; } .list-gallery-a.a li:last-child .img, .list-gallery-a.a li:nth-child(5n) .img { border-radius: 30px; } .list-gallery-a.a li:nth-child(3n-2) .img { border-radius: 0 0 0 58px; } .list-gallery-a.wide { margin-top: 0; margin-left: -32px; } .list-gallery-a.wide li { border-left-width: 32px; font-size: 1.642em; } .list-gallery-a.wide .img { height: 100px; margin: 0 0 9px; } .header-a + .list-gallery-a.wide { margin-top: -8px; } .list-gallery-c.a { } .list-gallery-c.a li { width: 50%; margin-bottom: 18px; } .list-gallery-c.a li:nth-child(4n) + li { clear: both; } .list-gallery-c.a li:first-child, .list-gallery-c.a li:first-child + li { margin-top: 0; } .list-gallery-c.a .video .img:before { width: 40px; height: 40px; margin: -20px 0 0 -20px; font-size: 40px; line-height: 40px; } #root .list-gallery-c.a .img { margin-bottom: 10px; } .list-gallery-c.a a { font-size: 1.49700598802em; } .list-gallery-d { } .list-gallery-d li { width: 25%; } .list-news { max-width: 668px; margin-left: auto; margin-right: auto; } .list-news span.scheme-b { top: -1px; } .safari .list-news span.scheme-b { top: -5px; } .list-news.a { max-width: none; margin-top: 0; margin-left: -9px; } .list-news.a li { margin-bottom: 17px; border-left-width: 9px; } .list-news.a .img { height: 155px; margin-bottom: 13px; } .list-news.a li:nth-child(1) .img { border-radius: 40px 0 0 0; } .list-news.a li:nth-child(3) .img { border-radius: 0 40px 0 0; } .list-news.a li:nth-last-child(1) .img, .list-news.a li.last-row-3 .img { border-radius: 0 0 40px 0; } .list-news.a li:nth-last-child(3) .img, .list-news.a li.last-row-1 .img { border-radius: 0 0 0 40px; } .list-news.a a:first-child, .list-news.a .img + a,.list-news.a .lna-title { font-size: 1.842em; } .list-news.a .scheme-b { height: auto; line-height: 1; } .list-news.a .scheme-b:before { top: -3px; bottom: -4px; } .list-news.a + figure, .list-news.a + .link-a { margin-top: 50px; } .list-news-updated { margin-bottom: 17px; margin-left: -60px; } .list-news-updated li { display: block; float: left; width: 50%; min-height: 0; margin: 0 0 18px; padding: 0; border-left-width: 60px; } .list-news-updated .img { position: relative; width: auto; margin: 0 0 14px; } .list-news-updated span { margin: 0 0 9px; } #root .list-news-updated .author-name { padding: 11px 0 0; font-size: 9px; } .list-news-updated + .link-a { margin-top: -11px; } .list-popular, #root .list-popular.mb-a:last-child { margin: 0 0 47px; } .list-popular li { margin-bottom: 17px; font-size: 2.054em; } .list-popular .img { margin-bottom: 11px; } .list-popular .img.video:before, .list-popular .img.video:after, .list-gallery-d .img.video:before, .list-gallery-d .img.video:after, .list-news-updated .img.video:before, .list-news-updated .img.video:after { margin: -21px 0 0 -21px; font-size: 42px; line-height: 42px; } .list-ranking { padding: 32px 55px 0 25px; } .list-ranking li { width: 50%; margin: 0 0 30px; border-left-width: 30px; } .list-ranking li:nth-child(2n) + li { clear: both; } #root .mb-h { margin-bottom: 30px; } .mobile-header-a { margin: 0 -1000px 25px; padding: 0 1000px 15px; border-bottom: 1px solid #e9e9e9; color: #313131; font-size: 18px; text-align: center; text-transform: uppercase; } #content > .mobile-header-a:first-child, #content > .desktop-only:first-child + .mobile-header-a { margin-top: -16px; } .module-b { padding: 35px 36px 0 16px; border-radius: 0 0 0 45px; } .module-b > h1:first-child, .module-b > h2:first-child, .module-b > h3:first-child, .module-b > h4:first-child, .module-b > h5:first-child, .module-b > h6:first-child { padding: 9px 22px 9px 17px; border-radius: 0 0 35px 0; font-size: 1.763em; } .module-b .list-b { padding-top: 36px; } .module-b .list-b.scrolled { margin-left: -16px; margin-right: -36px; } .module-b .list-b.scrolled .jspPane { padding-right: 36px !important; padding-left: 25px !important; } .module-pattern { margin-top: 33px; margin-bottom: 47px; padding: 40px 45px 18px; } .module-pattern.va { padding: 0; background: none; } #content > .module-pattern.va:last-child { margin-bottom: 46px; } .module-video { } .module-video figure:before, .module-video figure:after, .module-video figure a:before, .module-video figure a:after { left: 40px; bottom: 40px; font-size: 60px; line-height: 60px; } .module-video h1, .module-video h2, .module-video h3, .module-video h4, .module-video h5, .module-video h6 { font-size: 4em; } .module-video header p { font-size: 1.7em; } .popup-a { } .popup-a .box-inner { width: 720px; } .popup-a .box-inset { padding-left: 51px; padding-right: 51px; } .popup-a.box { } .popup-a.box .box-inset { min-height: 432px; padding-top: 109px; padding-left: 290px; } .scheme-c { padding: 26px 0 24px; border-left-width: 48px; border-top-width: 43px; border-bottom-width: 43px; font-size: 2em; } .scheme-c:before { border-top-width: 2px; border-bottom-width: 2px; } .scheme-c:after { top: -15px; padding-right: 13px; font-size: 34px; line-height: 34px; } .scheme-c i { left: -48px; width: 54px; height: 58px; margin: -29.5px 0 0 -27px; border-radius: 16px; font-size: 39px; line-height: 54px; } .scheme-c .strong { padding: 1px 0 0; } .scheme-c .strong span { padding: 1px 0 0; } .scheme-c a { bottom: -5px; padding: 0 0 0 8px; } .scheme-c + * { margin-top: -20px; } .sticky figcaption { position: relative; margin: 15px 0; padding: 0; } .tablet-module-b { margin: 27px 0 49px; } .tablet-module-b .module-b { padding: 52px 20px 35px 15px; } .tablet-module-b .module-b > h1:first-child, .tablet-module-b .module-b > h2:first-child, .tablet-module-b .module-b > h3:first-child, .tablet-module-b .module-b > h4:first-child, .tablet-module-b .module-b > h5:first-child, .tablet-module-b .module-b > h6:first-child { padding: 10px 20px; border-radius: 0 0 32px 0; font-size: 1.968em; } .tablet-module-b .module-b p { right: 20px; top: 15px; font-size: .861em; } .tablet-module-b .module-b p.nr { position: absolute;right: 18px;bottom: 15px;top: auto;margin: 0;font-size: 1.2em;text-align: right; height:22px} .tablet-module-b .module-b .list-b { max-height: none !important; margin-left: -20px; } /*.tablet-module-b .module-b .list-b li { float: left; width: 50%; min-height: 130px; margin: 0; padding: 23px 0 23px 114px; border-width: 0; border-left: 20px solid rgba(0,0,0,0); font-size: .861em; }*/ .tablet-module-b .module-b .list-b li:after { content: ""; display: block; position: absolute; left: 0; top: 1px; right: 0; height: 1px; background: #cecece; } .tablet-module-b .module-b .list-b li:nth-child(2n) + li { clear: both; } .tablet-module-b .module-b .list-b li:nth-child(2n):after { left: -20px; } .tablet-module-b .module-b .list-b span { margin: 0 0 1px; font-size: 8.61px; } .tablet-module-b .module-b .list-b .img { width: 140px; height: 140px; } .list-gallery-a + .tablet-module-b { margin-top: 0; } .tablet-text-center { text-align: center; } .tablet-cols { } .tablet-cols > .col-a { float: left; width: 338px; } .tablet-cols > .col-b { float: right; width: 292px; } .tabs-a { } .tabs-a.hidden + * { margin-top: 14px; } .list-news-updated { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } aside .list-details li:nth-child(6):last-child, .cols-a > .desktop-hide, .cols-a > .tablet-only { display: block; } .list-d br, .list-gallery-d li:nth-child(5n):last-child, .cols-a > .desktop-only, .cols-a > .tablet-hide { display: none; } #footer > form h1, #footer > form h2, #footer > form h3, #footer > form h4, #footer > form h5, #footer > form h6 { -webkit-transform: none; -ms-transform: none; transform: none; } #root .desktop-hide, #root .tablet-only, #banner .desktop-hide, #banner .tablet-only, #nav > ul > li.has-social, #nav > ul > li.c, #nav > ul > li.has-social, #top .social-a li, #content > figure:first-child, #content > .image-wide figcaption, #nav > ul > li > div > .header, .tablet-module-b { position: relative; left: 0; top: 0; } #root .desktop-only, #root .tablet-hide, #banner .desktop-only, #banner .tablet-hide, #nav > ul > li, #top .social-a li.toggle, #nav > ul > li > div > div, #nav > ul > li > div:before, .tablet-module-b .module-b .list-b li:first-child:after, .tablet-module-b .module-b .list-b li:first-child + li:after, .module-pattern:before, .list-d li.tablet-only:after, .mobile #nav > ul > li > div > ul li .toggle, #root #content > figure.desktop-only, .list-cols li:after, .header-e.a > span:before { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; } .social-a + .spacer { position: absolute !important; left: -3000em !important; top: 0 !important; } } @media only screen and (max-width: 47.5em) { /* 760 */ #top, #content, #footer > form > *, #footer > *, #root > figure, #search > * { width: auto; } #top, #content, #footer > *, #root > figure, #search { padding-left: 16px; padding-right: 16px; } #top { left: 0; top: 0; right: 0; width: auto; height: 60px; margin: 0; } #top:before { left: 0; right: 0; border-right-width: 1px; } #logo { width: 73px; height: 60px; } #root #logo a:before { font-size: 39px; } #nav { left: 0; } #nav > ul { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #nav > ul > li { visibility: hidden; } #nav > ul > li.menu { visibility: visible; } #nav > ul > li.menu > a { position: absolute; left: 50%; top: 0; width: 100px; height: 60px; margin: 0 0 0 -50px; } #root nav > ul > li.c { visibility: visible; left: auto; right: 0; top: 0; padding: 10px 15px 0 0; } #nav > ul > li > div { left: 0; max-height: calc(100vh - 60px); } #search { padding-top: 3px; } #search p { margin-bottom: 30px; } #search input { height: 46px; padding-left: 36px; padding-right: 30px; font-size: 30px; } #search button { width: 36px; height: 46px; font-size: 20px; } #search > .close { width: 48px; height: 48px; } #content { padding-top: 0px; } #content > *:last-child { margin-bottom: 50px; } #content > .cols-b:last-child { margin-bottom: 64px; } #content > .list-gallery-a:last-child, .tabs-a > div > * > *:last-child { margin-bottom: 0; } #content > figure:first-child { margin: 20px 0; } #content > figure:first-child + .heading-a { margin-top: 0; } #content > .cols-a.a:first-child > .article-b.a, #content > figure:first-child + .cols-a.a > .article-b.a { margin-top: -12px; } #footer, #root > figure + #footer { margin-top: 3px; padding-bottom: 0; } #footer > form { padding: 34px 20px 40px; } #footer > form h1, #footer > form h2, #footer > form h3, #footer > form h4, #footer > form h5, #footer > form h6 { max-width: 155px; margin: 0 auto 16px; font-size: 4.166em; line-height: .91214594335; } #footer > form h1 span, #footer > form h2 span, #footer > form h3 span, #footer > form h4 span, #footer > form h5 span, #footer > form h6 span { max-width: 130px; margin: 0 auto; padding: 8px 0 0; font-size: .27196351416em; line-height: 1.0498687664; } #footer > form p { max-width: 188px; } #footer > form input { width: 123px; height: 25px; padding: 0 19px; border-radius: 0 0 0 14px; font-size: 7.51px; } #footer > form button { min-width: 0; width: 65px; height: 25px; border-radius: 0 14px 0 0; font-size: 11.64px; } #footer > .social-a { margin: 0; padding: 14px; text-align: center; } #footer > nav { } #footer > nav > *, #footer > nav > *:first-child { float: none; width: auto; height: auto; margin: 0; padding: 0; background: none; text-align: center; text-indent: 0; } #footer > nav > * { height: 108px; margin: 0 -16px; background: #4d4d4d; text-align: left; text-indent: -3000em; } #footer > nav > *:first-child { padding-top: 116px; padding-bottom: 3px; } #root #footer > nav > *:before, #root #footer > nav a.clone:before, #root #footer > nav a.clone:after { left: 0; top: 0; right: 0; font-size: 43px; line-height: 108px; text-align: center; } #root #footer > nav > *:first-child:before { left: 0; top: 30px; right: 0; font-size: 58px; line-height: 58px; text-align: center; } #footer > nav a.clone { left: 0; top: 0; right: 0; bottom: 0; width: auto; height: auto; } #footer > nav li, #footer > nav p { font-size: 1.2em; } #footer > nav ul { margin-left: -8px; margin-right: -8px; } #footer > nav li { display: inline-block; margin: 0 8px 22px; } #footer > nav li.mobile-only { display: block; margin-top: 40px; } #footer > .social-a:before { background: #4d4d4d; } #footer > .social-a a { border-color: #313131; background: #313131; } #root .cols-a.d > header:first-child + *, #root .cols-a.d > *:first-child, #root .cols-a.d > header:first-child, #root .cols-a.d > aside, #root .cols-c > * { float: none; width: auto; } h1 { font-size: 3em; } li, dt, dd, p, figure, th, td, caption, legend, pre { font-size: 1.3em; } q { padding: 0; font-size: 1em; font-weight: 400; line-height: 1.875; text-align: center; } q:before { left: 0; top: -41px; right: 0; } * + * > q:first-child { margin-top: 48px; } figure { font-size: .9em; } figcaption { margin: 6px 0; } .article-a { } .article-a figure { margin: 0 -16px 8px; } .article-a figure figcaption { margin: 0; padding: 8px 20px; border-bottom: 1px solid #f1f3f2; } .article-b { margin: 0 0 15px; padding-bottom: 9px; } .article-b h1, .article-b h2, .article-b h3, .article-b h4, .article-b h5, .article-b h6, .article-b.a h1, .article-b.a h2, .article-b.a h3, .article-b.a h4, .article-b.a h5, .article-b.a h6 { font-size: 3em; } .article-b h1 .scheme-b, .article-b h2 .scheme-b, .article-b h3 .scheme-b, .article-b h4 .scheme-b, .article-b h5 .scheme-b, .article-b h6 .scheme-b { top: -2px; } .safari .article-b h1 .scheme-b, .safari .article-b h2 .scheme-b, .safari .article-b h3 .scheme-b, .safari .article-b h4 .scheme-b, .safari .article-b h5 .scheme-b, .safari .article-b h6 .scheme-b { top: -6px; } .article-b header p { margin: 0 0 4px; } .article-b header + figure { margin-top: 35px; } .article-b figure { margin-bottom: 13px; } .article-b p { margin-bottom: 9px; } #root .article-b.mb-a { margin-bottom: 5px; } .author { margin: 0 0 29px; padding: 28px 130px 10px 74px; } .author h1, .author h2, .author h3, .author h4, .author h5, .author h6 { font-size: 1.3em; } .author p { margin: 0 0 7px; font-size: 1.3em; } .author figure { left: 12px; top: 20px; width: 53px; } .author .social-a { right: 4px; margin: 0; } .author .social-a li { display: block; float: left; margin-right: 6px; } .author .social-a li, .author .social-a a { width: 24px; height: 24px; } .author .social-a i { font-size: 9px; } .author .link-a { font-size: .8em; } .author .link-a a { min-width: 80px; padding: 5px 10px; border-radius: 0 8px 0 8px; font-size: 1em; } .author + .tabs-a { margin-top: -29px; } .checklist-a { margin-left: 0; margin-right: 0; } .checklist-a li { display: block; } .cols-b { padding-right: 0; } #root .cols-b > * { float: none; width: auto; margin-left: 0; margin-right: 0; } #content > .cols-b.desktop-hide:last-child { margin-bottom: 39px; } .cols-c { max-width: none; padding: 0; } .cols-c > aside, .cols-c > header:first-child { margin-left: 0; } .comments-a, #root .comments-a.mb-f { margin: 0 0 46px; } .comments-a header { margin: 0 0 18px; } .comments-a header .link-a { float: none; margin-bottom: 18px; } .comments-a header .link-a a { display: block; float: none; max-width: 150px; margin: 0 auto; } .comments-a > p { padding: 0; } .comments-a > ul { margin-top: -8px; } .list-gallery-a + .comments-a { margin-top: -30px; } .header-a, .header-a.a { display: inline-block; max-width: 2530px; min-width: 0; margin-left: auto; margin-right: auto; margin-bottom: 15px; padding: 10px 30px 10px 20px; border-radius: 0 41px 0 0; font-size: 1.769em; } .cols-a + .header-a.a, .fit + .header-a.a { margin-top: 40px; } .header-e.a > span { margin-bottom: 5px; } .header-e.a > span:before { left: 0; right: 0; top: auto; bottom: -6px; } .header-b { margin-bottom: 20px; margin-left: auto; margin-right: auto; padding: 0 45px 0 0; font-size: 1.6em; text-align: left; } .header-b a { padding: 1px 0 0 25px; font-size: .41467181467em; } .header-b > span { padding-right: 13px; } .header-b:before, .header-b.tablet-text-center:before { left: 0; height: 2px; margin-top: -1px; } .header-c { margin-bottom: 23px; font-size: 1.718em; } .header-c span { padding: 0 33px; } .header-d, .header-d.compact, .header-e, .header-e.b { margin-top: 0; font-size: 1.6em; } .header-e > span:before, .header-e.b > span:before { bottom: -6px; } .header-e.has-icon, .header-e.b.has-icon { padding-left: 24px; } .header-e.has-icon i, .header-e.b.has-icon i { font-size: 13px; } .header-image { position: relative; min-height: 0; margin: 0 0 16px; padding: 0; border-width: 0; } .header-image img { position: relative; z-index: 2; width: auto !important; max-width: 100% !important; max-height: 46px !important; border-right: 15px solid #fff; } .header-image:before { content: ""; display: block; position: absolute; right: 0; top: 50%; left: 0; height: 2px; margin: -1px 0 0; background: #e9e9e9; } .heading-a { } .heading-a h1, .heading-a h2, .heading-a h3, .heading-a h4, .heading-a h5, .heading-a h6 { margin-bottom: 18px; font-size: 2.2em; } .heading-a p { margin-bottom: 7px; font-size: 1.2em; } /*#root .heading-a .mobile-hide { display: block; overflow: hidden; position: relative; left: 0; top: 0; height: 0; margin: 0 0 -2px;text-align: left; text-indent: -3000em; }*/ .heading-b { } .heading-b figure { margin: 0 -16px 8px; } .heading-b img { border-right-width: 0; border-left-width: 0; } .heading-b h1, .heading-b h2, .heading-b h3, .heading-b h4, .heading-b h5, .heading-b h6 { margin-bottom: 18px; padding-bottom: 20px; font-size: 2.2em; } .heading-b p { margin-bottom: 3px; } .image-border { margin-bottom: 20px; } .image-border span { padding: 0 23px; } .image-border img { width: auto !important; max-height: 32px !important; } .image-wide { overflow: hidden; position: relative; z-index: 1; margin-left: -16px; margin-right: -16px; margin-bottom: 26px; clip: rect(0, auto, auto, 0); } .image-wide a { display: block; overflow: hidden; position: relative; clip: rect(0, auto, auto, 0); } #root .image-wide.mb-e { margin-bottom: 58px; } #root .mb-d.image-wide { margin-bottom: 26px; } .image-wide figcaption { padding-left: 16px; padding-right: 16px; } .image-wide .foreground { clip: rect(0, auto, auto, 0); display: block; overflow: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } .image-wide .background { display: block; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999; background: center center no-repeat; background-size: contain; } .image-wide, .image-wide * { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .image-wide .background { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .link-a.b { font-size: 1.074em; } .link-a.b a { display: block; min-width: 0; max-width: 177px; margin: 0 auto; padding: 11px 32px 10px; border-radius: 0 24px 0 24px; } #root .link-a.b.mb-d { margin-bottom: 28px; } #root .link-a.b.mb-f { margin-bottom: 40px; } .link-b { font-size: .744em; } .link-b a { padding: 5px 10px; border-radius: 0 5px 0 5px; } .link-b a:before, .link-b a:after { border-left-width: 21px; border-right-width: 21px; } #content > .link-b:last-child { margin-bottom: 26px; } .list-article { } .list-article figure { margin-bottom: 14px; } .list-article h1, .list-article h2, .list-article h3, .list-article h4, .list-article h5, .list-article h6 { margin: 0 0 18px; font-size: 2.2em; } .list-b { } .list-b li { /*max-width: 232px; min-height: 0; margin: 0 auto; padding: 33px 9px 32px; */ font-size: 1.2em; } /*.list-b li:first-child { padding-top: 0; }*/ .list-b a:first-child { margin: 0 0 8px; font-size: 2em; } /*.list-b .img { position: relative; left: 0; top: 0; width: 214px; height: 214px; margin: 0 auto 18px; } */ .list-b .img { } #root .list-b { overflow: visible; max-height: none; } .list-b .jspContainer, .list-b .jspPane { position: relative !important; top: 0 !important; width: auto !important; height: auto !important; padding: 0 !important; } .list-c { overflow: visible; margin: 29px 0 28px; } .list-c li { display: block; margin: 0; } .js .list-c li { padding: 0; } .js .list-c li + li { margin-top: 40px; } .list-c li > .fit-a { left: 0; top: auto; bottom: 1px; height: 160px; margin: 0; } .list-c li > .fit-a { transform: rotate(90deg); transform-origin: 0 100%; } .list-c span { position: absolute; right: 0; top: 3px; margin: 0; } .list-cols { margin-left: -11px; margin-bottom: 12px; } .list-cols:lat-child { margin-bottom: 12px; } .list-cols li { width: 50%; margin: 0 0 23px; border-left-width: 11px; font-size: 1.4em; } #root .list-cols li { margin-bottom: 23px; } .list-cols span, #root .list-cols .author-name { padding: 4px 0 0; font-size: 7.13px; } .list-cols .img { margin: 0 0 13px; } .list-cols .img.video:before, .list-cols .img.video:after { margin: -12px 0 0 -12px; font-size: 24px; line-height: 24px; } .list-cols.a, .list-cols.b { margin-bottom: 23px; margin-left: -10px; } .list-cols.b { margin-bottom: 0; } #root .list-cols.a li, #root .list-cols.b li, #root .list-cols.b li:first-child + li { left: 0; width: 50%; margin-bottom: 5px; font-size: 1.4em; border-left-width: 10px; } .list-cols.a span, .list-cols.b span, .list-cols.b li:first-child + li span { font-size: 10px; } .list-cols.a .img, .list-cols.b .img, .list-cols.b li:first-child + li span.img { margin: 0 0 8px; } #root .list-cols.a .author-name, #root .list-cols.b .author-name, #root .list-cols.b li:first-child + li .author-name { padding: 6px 0 0; font-size: 10px; } #root .list-cols.b li:first-child { width: 100%; margin: 0 0 15px; font-size: 1.6em; } .list-cols.b li:first-child span { font-size: 7px; } .list-cols.b li:first-child span.img { margin: 0 -16px 13px; } #root .list-cols.b li:first-child .author-name { padding: 7px 0 0; font-size: 7px; } .list-d { } .list-d li { float: none; width: auto; margin: 0 0 50px; } /*.list-d { } .list-d li { float: none; width: auto; margin: 0 0 24px; font-size: 1.2em; } .list-d li:last-child { margin-bottom: 27px; } .list-d a { overflow: visible; margin: 0; padding: 9px 0; } .list-d a:first-child, .module-pattern.a .list-d a:first-child { min-height: 70px; margin: 0; padding: 14px 0 14px 65px; font-size: 1.336em; } .list-d a:first-child img { top: 0; width: 50px !important; } .list-d a.small + .small { margin-top: 8px; padding: 8px 0 0; }*/ .list-details { margin-top: 8px; margin-bottom: 24px; line-height: 1.1; } #root .list-details li { float: none; width: 100%; min-height: 94px; padding: 14px 0 14px 108px; font-size: 1.4em; } #root .list-details li:after { left: 0; background: #cecece; } #root .list-details li:last-child:after { background: none; } #root .list-details .img { left: 0; width: 92px; margin: 0; } #root .list-details .author-name, #root .list-details span { margin: 0 0 6px; font-size: 10px; } #root .list-details .author-name { margin: 0; padding: 6px 0 0; } .list-f { margin-bottom: 30px; } .list-f li { padding: 11px 0 0; font-size: 1.4em; } .list-f li:first-child { margin-left: -16px; margin-right: -16px; margin-bottom: 0; padding: 0 16px 11px; border-bottom: 1px solid #dedede; font-size: 1.6em; line-height: 1.25; } .list-f li:first-child + li { margin-top: 0; border-top-width: 0; } .list-f img { margin-bottom: 0; } .list-f .img { display: block; margin: 0 -16px 15px; } .list-featured { margin: 0 auto; padding: 0 8px; } .list-featured li, .list-featured li:first-child, .list-featured.a li, .list-featured.a li:first-child { float: none; width: auto; margin: 0 0 45px; border-left-width: 0; font-size: 1em; } .list-featured a:first-child, .list-featured li:first-child a:first-child, .list-featured.a a:first-child, .list-featured.a li:first-child a:first-child { font-size: 2.272em; line-height: 1.0666666666; } .list-featured .img, .list-featured li:first-child .img { margin: 0 -8px 20px; border-radius: 22px; } .list-featured li:first-child .img { border-radius: 0 0 0 56px; } .list-featured li:first-child .video .img:before, .list-featured .video .img:before { width: 34px; height: 34px; margin: -17px 0 0 -17px; font-size: 34px; line-height: 34px; } #root .list-featured + .image-wide { margin-top: 50px; } .list-featured.a { padding: 0; } .list-featured.a li, list-featured.a li:first-child { float: none; width: auto; margin: 0 0 21px; } .list-featured.a .scheme-b { top: 0; } .safari .list-featured.a .scheme-b { top: -4px; } .list-featured.a .img, .list-featured.a li:first-child .img { margin-bottom: 13px; border-radius: 0 0 55px 0; } .list-featured.a li:first-child .img { border-radius: 40px 0 0 0; } .header-b + .list-featured.a { margin-top: -12px; } .list-gallery-a, .list-gallery-a.a, .list-gallery-a.wide { margin: 0 0 44px; padding: 0 8px; } .list-gallery-a li, .list-gallery-a.a li, .list-gallery-a.wide li { float: none; width: auto; margin: 0 auto 38px; border-left-width: 0; font-size: 1em; } .list-gallery-a .img, .list-gallery-a.a .img, .list-gallery-a.wide .img { height: auto; margin-bottom: 18px; margin-left: -25px; margin-right: -25px; border-radius: 24px; background-position: -3000em -3000em; } .js .list-gallery-a .img img, .js .list-gallery-a.a .img img, .js .list-gallery-a.wide .img img { position: relative; left: 0; top: 0; } .list-gallery-a li:first-child .img, .list-gallery-a.a li:first-child .img { border-radius: 0 0 0 54px; } .list-gallery-a li:nth-child(3n) .img, .list-gallery-a.a li:nth-child(3n) .img, .list-gallery-a li:last-child .img, .list-gallery-a.a li:last-child .img { border-radius: 0 0 54px 0; } .list-gallery-a span, .list-gallery-a.a span { margin: 0; padding: 0 0 10px 10px; font-size: .54481619165em; } .list-gallery-a li:first-child span, .list-gallery-a.a li:first-child span { padding-top: 0; } #content > .list-gallery-a:last-child { margin-bottom: 20px; } .list-gallery-a.wide { } .list-gallery-a.wide li { position: relative; margin: 67px auto 0; font-size: 2.322em; } .list-gallery-a.wide li:after { content: ""; display: block; position: absolute; left: -23px; top: -30px; right: -23px; z-index: 9; height: 1px; background: #e4e4e4; } .list-gallery-a.wide .img { margin: 0 0 12px; border-radius: 0 0 34px 0; } .list-gallery-a.wide li:first-child .img { border-radius: 0 0 0 34px; } .list-gallery-b { } .list-gallery-b li { width: 50%; } .list-gallery-b li:nth-child(3n) + li { clear: none; } .list-gallery-b li:nth-child(2n) + li { clear: both; } .list-gallery-c.a { margin-left: auto; margin-right: auto; padding: 0 8px; } .list-gallery-c.a li { float: none; width: auto; margin: 0 0 10px; padding: 0; border-left-width: 0; font-size: 10px; } .list-gallery-c.a a:first-child { margin: 0; font-size: 14px; } .list-gallery-c.a span { margin: 0 0 1px; font-size: .55677838919em; } #root .list-gallery-c.a .img { height: auto; margin: 0 -8px 14px; } #root .list-gallery-c.a .img img { position: relative; left: 0; top: 0; } .list-gallery-c.a span, #root .list-gallery-c.a .author-name { font-size: 10px; } #root .list-gallery-c.a .author-name { padding-top: 6px; } .list-gallery-c.a { padding: 0; } #root .list-gallery-c.a .img { margin: 0 0 11px; } .list-gallery-c.a li, .list-gallery-c.a span, #root .list-gallery-c.a .author-name { width: 100%; font-size: 10px; } .list-gallery-c.a a { font-size: 14px; } #root .list-gallery-d { margin-left: -11px; margin-bottom: 24px; line-height: 1.1; } .list-gallery-d, .list-gallery-d.compact { margin-top: 12px; } #root .list-gallery-d li, .list-popular li { position: relative; float: left; width: 50%; margin: 0 0 23px; border-left-width: 11px; font-size: 1.4em; } #root .list-gallery-d li:last-child, #root .list-gallery-d li:nth-last-child(2) { margin-bottom: 0; } .list-gallery-d span, .list-gallery-d.compact span { margin: 0 0 6px; font-size: 10px; } #root .list-gallery-d .author-name { display: block; margin: 0; padding: 6px 0 0; font-size: 10px; } #content > .list-gallery-d:last-child { margin-bottom: 5px; } .list-news, #root .list-news.mb-f { max-width: 1290px; margin-bottom: 35px; padding: 0 8px; } .list-news li { margin: 0 0 48px; padding: 0; font-size: 1.2em; } .list-news .img { position: relative; width: 100%; height: 140px; margin: 0 0 7px; border-radius: 0 0 46px 0; border-width: 1px; } .list-news a:first-child, .list-news .img + a { font-size: 1.5em; line-height: 1.3888888888; } .list-news span { margin: 0 0 1px; font-size: .66666666666em; } .list-news .video .img:before, .list-b .video .img:before { width: 38px; height: 38px; margin: -19px 0 0 -19px; font-size: 38px; line-height: 38px; } .list-news + figure.image-wide:before, .cols-a + figure.image-wide:before { left: 16px; right: 16px; } .list-news span.scheme-b { top: -1px; } .safari .list-news span.scheme-b { top: -2px; } .list-news.a { margin: 0 0 35px; padding: 0 8px; } .list-news.a li, .list-news li, .list-gallery-a li, .list-gallery-a.a li, #root .list-gallery-a.wide li { float: none; width: auto; margin: 0 0 35px; border-left-width: 0; font-size: 1em; } .list-news.a li:last-child, .list-news li:last-child, .list-gallery-a li:last-child, .list-gallery-a.a li:last-child, #root .list-gallery-a.wide li:last-child, #root .list-news li.last { margin-bottom: 0; } .list-news.a a:first-child, .list-news.a .img + a, .list-news a:first-child, .list-news .img + a, .list-gallery-a a, #root .list-gallery-a.wide a,.list-news.a .lna-title { font-size: 2.049em; line-height: .97608589555; } #root .list-news.a .img, #root .list-news .img, #root .list-gallery-a .img { position: relative; left: 0; top: 0; width: auto; height: auto; margin: 0 -8px 10px; border-radius: 0; } #root .list-news li:first-child .img, #root .list-gallery-a li:first-child .img { border-radius: 40px 0 0 0; } #root .list-news li.last .img, #root .list-gallery-a li.last .img, #root .list-gallery-a li:last-child .img { border-radius: 0 0 0 40px; } .list-news.a span, .list-news span, .list-gallery-a span { margin-bottom: 6px; font-size: 12px; } .list-news.a + figure, #roo t.list-news + figure, .list-news + * { margin-top: 38px; padding-top: 0; border-top-width: 0; } #root figure + .list-news.a { margin-top: 86px; } .list-news.a + .link-a, .list-news + .link-a { margin-top: 0; } .list-news-updated { margin-bottom: 14px; margin-left: -11px; } .list-news-updated li { margin: 0 0 23px; border-left-width: 11px; font-size: 1.4em; } #root .list-news-updated .author-name { display: block; margin: 0; padding: 4px 0 0; font-size: 7.13px; } .list-news-updated .img { margin-bottom: 13px; } .list-popular { margin: 12px 0 24px -11px; } .list-popular .img.video:before, .list-popular .img.video:after, .list-gallery-d .img.video:before, .list-gallery-d .img.video:after, .list-news-updated .img.video:before, .list-news-updated .img.video:after { margin: -16px 0 0 -16px; font-size: 32px; line-height: 32px; } .list-popular.featured { } #root .list-popular.featured li:first-child { float: none; width: 100%; font-size: 1.6em; } #root .list-popular.featured li:first-child .img { margin-left: -16px; margin-right: -16px; } .list-ranking { margin: 0 0 53px; padding: 23px 15px 0; } .list-ranking li { float: none; width: auto; margin: 0 0 11px; border-left-width: 0; } .list-ranking h1, .list-ranking h2, .list-ranking h3, .list-ranking h4, .list-ranking h5, .list-ranking h6 { margin: 0; cursor: pointer; } #root .list-ranking h1 a.mobile-only, #root .list-ranking h2 a.mobile-only, #root .list-ranking h3 a.mobile-only, #root .list-ranking h4 a.mobile-only, #root .list-ranking h5 a.mobile-only, #root .list-ranking h6 a.mobile-only { display: block; position: absolute; right: 0; top: 0; left: auto; z-index: 9; padding: 20px 0; color: #9d1c57; font-size: 12px; font-weight: 700; font-family: Lato, Arial, Helvetica, sans-serif; } /*#root .list-ranking h1 a.mobile-only:before, #root .list-ranking h2 a.mobile-only:before, #root .list-ranking h3 a.mobile-only:before, #root .list-ranking h4 a.mobile-only:before, #root .list-ranking h5 a.mobile-only:before, #root .list-ranking h6 a.mobile-only:before { content: ""; display: block; position: absolute; left: -3000em; top: -3000em; right: -3000em; bottom: -3000em; }*/ .list-ranking ul { padding: 23px 0 4px; border-bottom: 3px solid #e4e4e4; } .list-ranking ul li { margin: 0 0 20px; font-size: 1.4em; } .list-ranking ul li:first-child { margin-bottom: 20px; font-size: 1.6em; } .list-related { } .list-related li { margin-bottom: 15px; } .list-top { margin: 20px 0 31px; font-family: Lato, Arial, Helvetica, sans-serif; line-height: 1.21428571429; } .list-top li { max-width: none; padding: 9px 0 11px 11px; border-bottom: 1px solid #d7d7d7; font-size: 1.4em; } .list-top li:after { display: none; } .list-top li:before { top: 16px; width: 4px; height: 4px; border-radius: 0; background: #9d1c57; } .list-top li:last-child { padding-bottom: 0; border-bottom-width: 0; } .list-top .img { display: block; bottom: 0; top: 0; float: left; bottom: 14px; width: 124px; max-width: none; margin: 0 10px 0 0; } .list-top li:first-child { padding: 0 0 16px 0; font-size: 1.4em; font-weight: 700; line-height: 1.35714285714; } .list-top li:first-child a { font-weight: 700; } #root .mb-g { margin-bottom: 60px; } .mobile-header-a { } #content > .mobile-header-a:first-child, #content > .desktop-only:first-child + .mobile-header-a { margin-top: -17px; } .mobile-pattern { margin-left: -16px; margin-right: -16px; margin-bottom: 21px; padding: 10px 20px 23px; background: #ebebeb; } .mobile-pattern + * { margin-top: 0; } .mobile-pattern + .tablet-cols { margin-top: 27px; } .module-a { padding-top: 27px; padding-bottom: 10px; text-align: left; } .module-a .checklist-a + * { margin-top: 29px; } .module-a .checklist-a li { display: block; float: none; margin: 0 0 9px; } .module-a button { display: block; width: 100%; } .module-a p { margin-bottom: 19px; } .module-b, #root .module-b { max-width: 2620px; margin: 0 auto; padding: 55px 20px 0 10px; border-radius: 0 0 0 46px; } .module-b > h1:first-child, .module-b > h2:first-child, .module-b > h3:first-child, .module-b > h4:first-child, .module-b > h5:first-child, .module-b > h6:first-child, .tablet-module-b .module-b > h1:first-child, .tablet-module-b .module-b > h2:first-child, .tablet-module-b .module-b > h3:first-child, .tablet-module-b .module-b > h4:first-child, .tablet-module-b .module-b > h5:first-child, .tablet-module-b .module-b > h6:first-child { padding: 10px 18px 12px 7px; border-radius: 0 0 30px 0; font-size: 2.183em; } .module-b .list-b { padding-top: 53px; margin-bottom: 32px; } .module-box { margin-bottom: 16px; padding-left: 34px; padding-right: 16px; padding-bottom: 5px; } .module-box h1, .module-box h2, .module-box h3, .module-box h4, .module-box h5, .module-box h6 { margin-bottom: 11px; } .module-box p, .module-box li, .list-related li { padding: 0; font-size: 1.216em; } .module-box ul, .list-related ul { padding: 0; } .module-box li:before, .list-related li:before { left: -19px; top: 7px; } .module-pattern { margin: 11px -16px 15px; padding: 21px 16px 7px; } .cols-a + .module-pattern, .fit + .module-pattern { margin-top: 11px; } .module-pattern.va { margin-left: 0; margin-right: 0; padding: 0; } #content > .module-pattern.va:last-child { margin-bottom: 0; } .module-video { margin: 0 0 13px; padding: 0 0 24px; line-height: 1.4166666666; } .module-video h1, .module-video h2, .module-video h3, .module-video h4, .module-video h5, .module-video h6 { margin: 0 0 20px; font-size: 2.6em; } .module-video p { font-size: 1.2em; } .module-video figure { margin: 0 -16px 22px; } .module-video figure:before, .module-video figure:after, .module-video figure a:before, .module-video figure a:after { left: 28px; bottom: 20px; font-size: 32px; line-height: 32px; } .module-video .social-a { margin: 0 0 4px; padding: 0; border-width: 0; } .module-video .social-a li { margin: 0 10px 10px 0; } .module-video .social-a a { width: 28px; height: 28px; font-size: 16px; } .module-video .social-a li.tw a { font-size: 14px; } .module-video .social-a li.em a { font-size: 10px; } .module-video + .mobile-pattern { margin-top: -13px; } .popup-a { left: 0; right: 0; } .popup-a .box-outer { padding: 20px; } .popup-a .box-inner { width: 100%; } .popup-a .box-inset, .popup-a.box .box-inset { padding-left: 20px; padding-right: 20px; } .popup-a .box-inset > .last-child { margin-bottom: 20px; } .popup-a.box { } .popup-a.box .box-inset { min-height: 0; padding-top: 20px; padding-bottom: 1px; } .quadruple { } .quadruple > * { width: 100%; } .scheme-c { margin-bottom: 20px; border-width: 0; border-top-width: 10px; } .scheme-c + * { margin-top: 0; } .scheme-c i { left: 0; top: 100%; width: auto; height: auto; margin: 0; border-radius: 0; background: none; font-size: 39px; line-height: 79px; } .social-a { margin-right: -9px; } .social-a.a li, .social-a.a a { width: 40px; height: 40px; } .social-active #root { padding-bottom: 57px; } .social-active .social-a.sticky { left: 0; right: 0; } .social-a.a { } .social-a.a li, .article-a .social-a.a li, .social-a.sticky li { margin-right: 12px; } .social-a.a li, .social-a.a a { width: 30px; height: 30px; font-size: 20px; } .social-a.a .icon-envelope { font-size: 12px; } .social-a.a .icon-twitter { font-size: 14px; } .social-a.a .icon-linkedin { font-size: 18px; } .tablet-cols { } .tablet-cols > .col-a, .tablet-cols > .col-b { float: none; width: auto; } #content > .desktop-hide:last-child { margin-bottom: 0; } #content > .desktop-hide:last-child > .tablet-cols:last-child .list-popular { margin-bottom: 4px; } .tablet-module-b { margin: 62px 0 66px; } #root .tablet-module-b .module-b { padding: 55px 20px 16px 10px; border-radius: 0 46px 0 46px; } .tablet-module-b .module-b .list-b { margin-left: 0; } /*.tablet-module-b .module-b .list-b li { float: none; width: auto; max-width: 232px; height: auto !important; min-height: 0 !important; margin: 0 auto !important; padding: 33px 9px 32px; border-left-width: 0; border-top-width: 1px; font-size: 1.2em; }*/ .tablet-module-b .module-b .list-b li {padding:45px 0 32px 150px} /*.tablet-module-b .module-b .list-b li:first-child { padding-top: 0; } .tablet-module-b .module-b .list-b li:first-child .img{ margin-top: -15px; } */ .tablet-module-b .module-b .list-b a:first-child { margin: 0 0 8px; font-size: 2em; } .tablet-module-b .module-b .list-b span { margin: 0; font-size: 12px; } /*.tablet-module-b .module-b .list-b .img { position: relative; left: 0; top: 0; width: 214px; height: 214px; margin: 0 auto 18px; }*/ .tablet-module-b .list-b .video .img:before { width: 32px; height: 32px; margin: -16px 0 0 -16px; font-size: 32px; line-height: 32px; } .tablet-module-b .module-b p, .module-b p { position: absolute; right: 18px; bottom: 15px; top: auto; margin: 0; font-size: 1.2em; text-align: right; } .tabs-a { } .tabs-a > ul > li { float: none; width: auto; border: 0; border-top: 1px solid #e4e4e4; } .tabs-a > div { padding: 0; } .tabs-a .tabs-inner { padding: 12px 20px 1px; border-top: 1px solid #e4e4e4; } .tabs-a p, .tabs-a .list-a { margin-bottom: 20px; } .tabs-a .list-a li { font-size: 1.4em; } .tabs-a .list-a li:before { top: 10px; } #root .list-gallery-d, .list-popular, .list-cols.b, .list-cols.a, .list-news-updated { line-height: 1.1; } #root .list-gallery-d li, .list-popular li, #root .list-details li { font-size: 1.4em; } .list-gallery-d span, .list-gallery-d.compact span, #root .list-details .author-name, #root .list-details span, .list-news-updated span, .list-cols span { margin: 0 0 6px; font-size: 10px; } #root .list-gallery-d .author-name, #root .list-details .author-name, #root .list-news-updated .author-name { margin: 0; padding: 6px 0 0; font-size: 10px; } .list-gallery-d .img, .list-gallery-d.compact .img, .list-popular .img, .list-news-updated .img, .list-cols.a .img, .list-cols.b .img, .list-cols.b li:first-child + li span.img { margin-bottom: 10px; } .list-popular { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .list-article li:first-child, .quadruple, .header-image, .list-f li:first-child, .list-f li:first-child + li, .list-cols.a li:nth-child(3n-2):last-child, .floating-panel, .cols-a > .mobile-hide, .cols-a > .tablet-only { display: block; } .list-article li, .popup-a.box figure, .cols-a > .desktop-only, .cols-a > .mobile-hide, .social-a::after, .cols-a > .mobile-only, .cols-a > .tablet-hide { display: none; } aside + .spacer { display: none !important; } .author figure, .image-wide img { -webkit-transform: none; -ms-transform: none; transform: none; } #root .tablet-hide, #root .mobile-only, #banner .tablet-hide, #banner .mobile-only, .tabs-a > div > .hidden, .tabs-a .tabs-inner.toggle, #footer > nav > *:first-child > *, #root .list-news .img img, .list-news.a span.author-name, .list-ranking li.toggle ul, .list-news-updated span.img, .list-news-updated span.author-name { position: relative; left: 0; top: 0; } #root .tablet-only, #root .mobile-hide, #banner .tablet-only, #banner .mobile-hide, #nav > ul > li.has-social, #root > .mobile-hide, #content > figure.mobile-hide, .tabs-a > ul, .tabs-a .tabs-inner, .comments-a header h1, .comments-a header h2, .comments-a header h3, .comments-a header h4, .comments-a header h5, .comments-a header h6, .comments-a header ul, .comments-a > p img, #footer > form .check-a, #footer > .social-a .title, #footer > nav > * > *, #root #content > figure figcaption.mobile-hide, .list-gallery-a.wide li:first-child:after, .tablet-module-b .module-b .list-b li:after, .list-news.a span, .list-ranking ul, .list-news-updated span, .module-video header p, .list-article figcaption, .list-article p, .list-top li:last-child:after, .list-cols.a li:nth-child(n+9) { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; } } @media only screen and (max-width: 47.5em) and (orientation:portrait) { /* 760 */ .image-wide { } .image-wide a { display: block; background: center center no-repeat; background-size: contain; background-attachment: fixed; } .js .image-wide a img { opacity: 0; } } @media only screen and (max-width: 25em) { /* 400 */ @-ms-viewport { width: device-width; } @viewport { width: device-width; } #footer { } #footer > nav li, #footer > nav p { font-size: 1.106em; } .list-b { } .list-b img, .list-b .img, .tablet-module-b .module-b .list-b .img { width: 130px; height: 130px; } .list-gallery-a { } .list-gallery-a .img, .list-gallery-a.a .img, .list-gallery-a.wide .img { margin-left: 0; margin-right: 0; } .list-gallery-b { } .list-gallery-b li { float: none; width: auto; } #search .list-gallery-b li:last-child { margin-bottom: 20px; } }