/* Skeleton V2.0.4 Copyright 2014, Dave Gamache www.getskeleton.com Free to use under the MIT license. http://www.opensource.org/licenses/mit-license.php 12/29/2014 */
@import url('https://fonts.googleapis.com/css?family=Merriweather:300,400,700|Roboto:300,400,700&display=swap');
.container{position:relative;width:100%;height:auto;max-width:1200px;margin:60px auto 20px auto;padding:0 20px;box-sizing:border-box;overflow:hidden;}.column,.columns{width:100%;float:left;box-sizing:border-box}@media (min-width:769px){.container{width:80%;padding:2px 0;margin: 82px auto 20px auto;}}@media (min-width:1000px){.container{width:80%}#intro {margin-top: 120px;}.one.column,.one.columns{width:4.66666666667%}.two.columns{width:13.3333333333%}.three.columns{width:22%}.four.columns{width:30.6666666667%}.five.columns{width:39.3333333333%}.six.columns{width:48%}.seven.columns{width:56.6666666667%}.eight.columns{width:65.3333333333%}.nine.columns{width:74%}.ten.columns{width:82.6666666667%}.eleven.columns{width:91.3333333333%}.twelve.columns{width:100%;margin-left:0}.one-third.column{width:30.6666666667%}.two-thirds.column{width:65.3333333333%}.one-half.column{width:48%}.offset-by-one.column,.offset-by-one.columns{margin-left:8.66666666667%}.offset-by-two.column,.offset-by-two.columns{margin-left:17.3333333333%}.offset-by-three.column,.offset-by-three.columns{margin-left:26%}.offset-by-four.column,.offset-by-four.columns{margin-left:34.6666666667%}.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}.offset-by-six.column,.offset-by-six.columns{margin-left:52%}.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.6666666667%}.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.3333333333%}.offset-by-nine.column,.offset-by-nine.columns{margin-left:78%}.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.6666666667%}.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.3333333333%}.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.3333333333%}.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}}html{font-size:62.5%}body{font-size:1.5em;line-height:1.6;font-weight:400;font-family:Roboto,sans-serif;color:#222}h1,h2{margin-top:0;font-weight:300;font-family:Merriweather,serif;font-size:23px;color:#bebfc0;letter-spacing:0;line-height:33px}p{margin-top:0}.button,button,input[type=button],input[type=reset],input[type=submit]{display:inline-block;height:38px;padding:0 30px;color:#555;text-align:center;font-size:11px;font-weight:600;line-height:38px;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:4px;border:1px solid #bbb;cursor:pointer;box-sizing:border-box}.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{color:#333;border-color:#888;outline:0}.button.button-primary,button.button-primary,input[type=button].button-primary,input[type=reset].button-primary,input[type=submit].button-primary{color:#fff;background-color:#33c3f0;border-color:#33c3f0}.button.button-primary:focus,.button.button-primary:hover,button.button-primary:focus,button.button-primary:hover,input[type=button].button-primary:focus,input[type=button].button-primary:hover,input[type=reset].button-primary:focus,input[type=reset].button-primary:hover,input[type=submit].button-primary:focus,input[type=submit].button-primary:hover{color:#fff;background-color:#1eaedb;border-color:#1eaedb}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{height:38px;padding:6px 10px;background-color:#fff;border:1px solid #d1d1d1;border-radius:4px;box-shadow:none;box-sizing:border-box}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{min-height:65px;padding-top:6px;padding-bottom:6px}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border:1px solid #33c3f0;outline:0}label,legend{display:block;margin-bottom:.5rem;font-weight:600}fieldset{padding:0;border-width:0}input[type=checkbox],input[type=radio]{display:inline}label>.label-body{display:inline-block;margin-left:.5rem;font-weight:400}code{padding:.2rem .5rem;margin:0 .2rem;font-size:90%;white-space:nowrap;background:#f1f1f1;border:1px solid #e1e1e1;border-radius:4px}pre>code{display:block;padding:1rem 1.5rem;white-space:pre}td,th{padding:12px 15px;text-align:left;border-bottom:1px solid #e1e1e1}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}.button,button{margin-bottom:1rem}fieldset,input,select,textarea{margin-bottom:1.5rem}blockquote,dl,figure,form,ol,p,pre,table,ul{margin-bottom:2.5rem}.container:after,.row:after,.u-cf{content:"";display:table;clear:both}
/* STYLE CSS */
@import url(https://fonts.googleapis.com/css?family=Merriweather:300,400,700,900|Roboto:300,500,700|Monoton); #socialMedia a,.fullContent.social a,header .container.logo h4.desktop,select{background-repeat:no-repeat}*{margin:0;padding:0;box-sizing:border-box}body{min-width:290px;font-family:Roboto,sans-serif;background-color:#27292d;font-weight:400;overflow-x:hidden;}ul{list-style:none}a,a:active,a:visited{text-decoration:none;color:#001246}a:hover{color:#38393d;text-decoration:underline;opacity: 0.8;cursor: pointer;}h1,h2,h3,h4,h5{font-family:Merriweather,serif;line-height:1.5em}.fullContent.social h4,.menuIcon span,.sidenav ul{font-family:Roboto,sans-serif}p{color:#4d4d4d;font-size:16px;line-height:1.1em}.sidenav,header{position:fixed;background-color:#1d1f21}header{width:100%;height:50px;min-height: 3.125rem;text-align:center;z-index:999;top:0;left:0;transition:all ease 1s, border 0.1s ease;border-bottom:1px solid #1b1c1d}header.disable{height:30px;top:-50px}header .container{z-index:2;position:relative}header .container.logo{position: absolute;max-width:none;color:#1f2151;margin:14px auto;width:100%;}section .article,section.intro p{max-width:425px;margin:0 auto}header .container.logo h4.desktop{background-image:url(../img/logo_blue.png);background-size:100%;background-position:initial;width:240px;height:50px;margin:0 calc(50% - 100px);}header .container.title{width:200px;color:gray;font-weight:400;position:absolute;top:2px;left:calc(50% - 100px)}.menuIcon,header .container .logo-m{width:28px;height:22px;margin:0 auto;background-repeat:no-repeat}header .container.title h5{font-weight:100;font-style:italic;font-size:12px}header .container .logo-m{background-image:url(../svg/scmp_icon.svg)}.menuIcon{position:fixed;top:6px;color:#fff;z-index:999;right:10px;font-size:22px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}#socialMedia,.article .related,.fullContent,section,section .article,section.intro p{position:relative}.menuIcon span,button,select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.menuIcon span,select{vertical-align:top}.menuIcon span{font-size:12px;color:#fff;line-height:24px;text-align:center;padding-left:12px;cursor:pointer;position:absolute;top:2px;}.sidenav{height:100%;width:0;z-index:98;top:40px;right:0;overflow-x:hidden;transition:.5s;padding-top:0;border-top: 2px solid #26292d}.sidenav ul{list-style-type:none;margin:0;padding:0;width:280px}.sidenav li a{display:block;color:#fff;padding:8px 16px;text-decoration:none;text-transform:uppercase;font-size:14px}.sidenav li a:hover{background-color:rgba(255,255,255,.1);border-left:2px solid #ffcb05}.sidenav a{font-weight:300;color:#fff;padding-left:8px;padding-right:8px;width:100%}#socialMedia{position:absolute;top:1px;width:180px;float:right;margin-top:4px;border-right: 0px solid #26292d;height: 41px;text-align:right;z-index:2;right: 0;}.fullContent,section.intro{text-align:center}#socialMedia a{height:30px;width:25px;display:inline-block;padding:6px 12px;margin:0 5px 0 0;background-size:55px;background-image:url(../svg/socialMedia.svg);background-repeat: no-repeat;}#socialMedia a:hover{background-image:url(../svg/socialMediaH.svg)}#socialMedia a.twitter{background-position:0 40%;margin-top: 5px;}#socialMedia a.facebook{background-position:106% 40%;margin-top: 5px;}.fullContent.social{padding:50px 0}.fullContent.social h4{font-weight:100;width:100%;display:block;margin:0 auto 15px;text-transform:uppercase}.fullContent.social a{display:inline-block;width:75px;height:55px;border:1px solid #d9d9da;margin:0;background-size:cover;background-position:center}.fullContent.social a:hover{border:1px solid #000;margin:0}button,select{font-size:14px;color:#000;padding:10px 15px;margin:20px auto;background-color:transparent}.fullContent.social a.twitter{background-image:url(../svg/social_media_twitter.svg)}.fullContent.social a.facebook{background-image:url(../svg/social_media_facebook.svg)}.fullContent.social a.linkedin{background-image:url(../svg/social_media_linkedin.svg)}.fullContent.social a.reddit{background-image:url(../svg/social_media_reddit.svg)}.fullContent.social.fullContent.social a.thumblr{background-image:url(../svg/social_media_thumblr.svg)}.fullContent.social a.whatsapp{background-image:url(../svg/social_media_whatsapp.svg)}.fullContent.social a.email{background-image:url(../svg/social_media_email.svg)}section{margin:20px 0;z-index:1}.device,.mobile{display:none!important}.fullContent{width:100%}button,input,select,textarea{outline:0}select{border:0;border:1px solid #000;border-radius:0;background-image:url(../svg/select.svg);background-size:20px;background-position:95% center;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:200px}.moreGraphics ul li a,section.intro .cover{background-size:cover;background-position:center;background-repeat:no-repeat}button{border:0;border:1px solid #000;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}button.current{color:#fff;background-color:#000}section.intro .cover{width:100%;height:40vw;max-height:740px;background-image:url(../img/cover.jpg);margin:40px 0 20px}section.intro h1{font-size:50px;margin:40px auto;width:100%;line-height:1.2em}section.intro p{text-align:left;color:#8e8e8e;font-family:Merriweather,serif;line-height:25px;font-size:19px;font-weight:400}section.intro p.author{font-family:Roboto,sans-serif;text-transform:uppercase;line-height:1.1em;font-size:14px;padding-bottom:20px;color:grey}section.intro p.author #date{font-weight:lighter;padding-left:5px}section.intro a:hover{opacity:.8}.centred{text-align:center}section .article h3{margin-top:45px}section .article p{font-weight:100;font-size:16px;line-height:1.5;margin:25px 0}section a{font-weight:700}section .article .svgGraphic{width:100%;margin:15px 0 30px}.article .related{width:100%;max-width:300px;margin:80px 0}.article .related .wrapper{width:100%;margin-left:100px;position:relative;border-left:1px solid #d0d0d0;padding-left:30px}.article .related .wrapper:before{content:'Related story';position:absolute;top:25%;left:-25%;color:gray;font-weight:100;font-size:15px;width:50px}.article .related .wrapper a .date{color:#6b6869;font-weight:100;font-size:14px}.article .related .wrapper a .headline{color:#24205f;font-family:Merriweather,serif;font-weight:400;font-size:19px}.article .related.visual{transition:all ease 1s;max-width:220px;position:absolute;left:-360px;margin:0}.article .related.visual .wrapper{border-left:none;border-top:1px solid #d0d0d0;padding:30px 0 0;margin:0;width:100%;position:relative}.article .related.visual .wrapper:before{content:'Related story';position:absolute;top:5px;left:0;color:gray;font-weight:100;font-size:15px;width:auto}.article .related.visual .wrapper a .featured{width:100%}.article .related.visual .wrapper a .date{line-height:2.5em}.article .moreOnSections{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;position:relative;margin:60px 0}.article .moreOnSections:hover h4{color:#38393d}.article .moreOnSections h4{position:absolute;right:calc(100% + 15px);top:0;text-align:right;font-size:38px;font-family:Roboto,sans-serif;text-transform:uppercase;color:#ebebea;font-weight:300;width:fit-content;transform-origin:100% 0;-moz-transform-origin:100% 0;-webkit-transform-origin:100% 0}.article .moreOnSections.newsletter h4{top:20%}.article .moreOnSections a p{border-left:5px solid #38393d;padding-left:10px}.article .moreOnSections a p strong{font-family:Merriweater,serif;color:#24205f;font-weight:700;font-size:20px}.fullContent .source{text-align:right;font-style:italic;font-size:12px;float:right;color:gray;width:100%;margin-bottom:25px}.fullContent .source a{font-weight:800;cursor:pointer;transition:color ease 1s}.stickyLinks{height:80px;width:100%;margin:0!important;background-color:#fff;z-index:99;position:fixed;border-top:1px solid #e2e2e2;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;animation:1s ease 1s normal forwards 1 fadein;-webkit-animation:1s ease 1s normal forwards 1 fadein;opacity:0}@keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}.stickyLinks.hidden.active{bottom:0}.stickyLinks.hidden{bottom:-80px}.stickyLinks .SCMP_links{width:100%;text-align:center;position:relative;padding:0;max-width:1000px;margin:0 auto}.stickyLinks .SCMP_links a.link{text-decoration:none;cursor:pointer;opacity:1;margin:10px;color:#ff5e51;font-weight:800}.stickyLinks .SCMP_links a .work{width:300px;height:auto;min-height:120px;display:inline-block;vertical-align:top;margin-top:2px}.stickyLinks .SCMP_links a .work .thumb{float:left;width:100px;opacity:1;transition:all 1s ease;border:2px solid transparent;margin-top:5px}.stickyLinks .SCMP_links a .work .thumb:hover{border:2px solid #ff5e51}.stickyLinks .SCMP_links a .work p{float:left;margin-top:5px;text-align:left;margin-left:14px;width:180px;font-family:Roboto,sans-serif;font-size:14px;color:rgba(118,118,118,.7);font-weight:400}.stickyLinks .SCMP_links a .work p span{font-weight:300;color:#676767;font-size:10px}.stickyLinks .SCMP_links .note{position:absolute;margin-left:-100px;margin-top:25px;width:92px;font-size:10px;text-align:right!important}#IE_hack{opacity:0;position:fixed;top:0;left:0;width:70vw;height:70vh;padding:10% 0;background-color:#fbfbfb;z-index:100;display:none}#IE_hack h2{font-size:5em}#IE_hack img{width:10%;margin:0 auto}#IE_hack p{max-width:300px;margin:20px auto;color:#555}.small-logo{background-image:url(../svg/scmp_icon.svg);background-repeat:no-repeat;width:28px;height:25px;margin:0 auto}.moreLinks .wrapper{margin:0 auto;max-width:500px}.moreLinks{text-align:left;color:#383838;padding-top:60px;margin:0 0 20px}.moreLinks h3{font-weight:300;font-family:Roboto,sans-serif;width:100%;font-size:16px;color:#4b4b4c;padding-bottom:5px;border-bottom:3px solid #38393d;margin-bottom:20px}.moreLinks p{max-width:425px;width:100%;padding:5px 0 10px;margin-bottom:25px}.moreLinks a{color:#24205f;font-family:Merriweater,serif;font-weight:700;font-style:italic;font-size:21px;text-decoration:underline;line-height:22px;text-decoration-color:#d6d6d6;text-decoration-style:wavy}.moreLinks a:hover{opacity:.5}.moreGraphics{text-align:center;color:#383838;padding-top:80px;background-color:#f2f2f2;margin:0;z-index:97}.moreGraphics .wrapper{margin:0 auto;max-width:700px}.moreGraphics .SCMP_links{width:100%;text-align:center;position:relative;margin:20px 0;padding:20px 0}.moreGraphics .SCMP_links a.link{text-decoration:none;cursor:pointer;opacity:1;margin:10px;color:#ff5e51;font-weight:800}.moreGraphics .SCMP_links a .work{width:300px;height:auto;min-height:120px;display:inline-block;vertical-align:top}.moreGraphics .SCMP_links a .work .thumb{float:left;width:169px;opacity:1;transition:all 1s ease;border:2px solid transparent}.moreGraphics .SCMP_links a .work .thumb:hover{border:2px solid #ff5e51}.moreGraphics .SCMP_links a .work p{float:left;text-align:left;margin-left:15px;width:110px;font-family:Roboto,sans-serif;font-size:.94em;color:rgba(118,118,118,.7);font-weight:400}.moreGraphics .SCMP_links a .work p span{font-weight:900;color:#1f2151}.moreGraphics .wrapper p a.anchorHome{color:#1f2151;font-weight:800;font-style:italic}.moreGraphics .wrapper h1{font-family:Merriweather,serif;font-size:1.7em;line-height:1.2em;margin-bottom:20px;color:#000}.moreGraphics .wrapper p{font-weight:100;margin-bottom:50px}footer{width:100%;text-align:center;padding:60px 0;background-color:#27292c; border-top: 1px solid;}footer p{letter-spacing:-0.1px;max-width:400px;margin:10px auto;color:#676767;font-weight:100;font-size:12px}.big-menu{font-weight:100;background-color:#001246;font-family:Roboto,sans-serif;border-top:1px solid #000}.big-menu .item-category{font-size:13px;display:inline-block;vertical-align:top;text-transform:uppercase;font-weight:100;padding:15px 0}.big-menu .item-category a{font-weight:300;color:#fff;padding-left:8px;padding-right:8px}.big-menu .item-category a:hover{background-color:rgba(255,255,255,.2);padding:15px 8px;text-decoration:none}@media screen and (max-height:450px){.sidenav{padding-top:15px}.sidenav a{font-size:18px}}.moreGraphics ul{width:100%;margin:0 auto;position:relative}.moreGraphics ul li{display:inline-block;margin:15px}.moreGraphics ul li a{display:inline-block;width:75px;height:55px;border:1px solid #c3c3c3;margin:20px 20px 10px}.moreGraphics ul li a:hover{border:1px solid #000}.moreGraphics ul li a.twitter{background-image:url(../svg/social_media_twitter.svg)}.moreGraphics ul li a.facebook{background-image:url(../svg/social_media_facebook.svg)}.moreGraphics ul li a.pinterest{background-image:url(../svg/social_media_pinterest.svg)}.moreGraphics .wrapper .awards ul{margin-bottom:45px}.moreGraphics .wrapper .awards .award{text-align:center;vertical-align:top;height:180px;margin:-1px;padding:30px}.moreGraphics .wrapper .awards .award h5{font-weight:700;font-style:italic;font-size:14px;margin:0;text-align:center}.moreGraphics .wrapper .awards .award p{margin:0;text-align:center;font-size:13px}.moreGraphics .wrapper .awards .award div{width:128px;height:98px;background-image:url(../img/awards.png);background-size:384px auto;background-repeat:no-repeat;margin:0 auto}.moreGraphics .wrapper .awards .award div.snd{background-position-y:0}.moreGraphics .wrapper .awards .award div.malofiej{background-position-y:25%}.moreGraphics .wrapper .awards .award div.wanifra{background-position-y:50%}.moreGraphics .wrapper .awards .award div.other{background-position:0 100%}.moreGraphics .wrapper .awards .award div.other.bronze{background-position:0 75%}.moreGraphics .wrapper .awards .award div.other.silver{background-position:50% 75%}.moreGraphics .wrapper .awards .award div.other.gold{background-position:100% 75%}.moreGraphics .wrapper .awards .award div.bronze{background-position-x:0}.moreGraphics .wrapper .awards .award div.silver{background-position-x:50%}.moreGraphics .wrapper .awards .award div.gold{background-position-x:100%}
/*CUSTOM*/
.container.featured{ margin: 72px auto 20px auto; }
#socialMedia a.instagram{ background-image: url(../svg/insta.svg);background-size: contain;width: 22px;height: 22px;background-position: initial;position: relative;top: -4px;}
#socialMedia a.instagram:hover { background-image: url(../svg/insta0.svg);background-size: contain; }
.logo .desktoplogo{ display: block;width: 23.16rem;height: 4.125rem;padding-top: 0;padding-bottom: 0;margin: 0 calc(50% - 12.2rem);margin-top:-3px; }
.logo .desktoplogo svg{ fill:#fff; }
.logo .mobilelogo{ display:none; }
#main-title {text-decoration: none;font-weight: 700;color: #fff;font-style: normal;font-size: 24px;}
.hidden{display:none !important;}
header.top{ background:none; border-bottom:0px solid #000;}
header.top .container.logo h4.desktop{background-image:url(../img/logo_blue.png);background-size:100%;background-position:center;}
.menuIcon.top span{ color:#000;}
.menuIcon.top .menuBtn span, .menuIcon.top .menuBtn span:before, .menuIcon.top .menuBtn span:after{ background:#fff;}
.menuIcon .menuBtn { position: relative;display: inline-block;width: 25px;height: 25px;cursor:pointer;z-index:12;overflow: hidden;}
.menuIcon .menuBtn span {position: absolute;top: 50%;left: 0;}
.menuIcon .menuBtn span:before, .menuIcon .menuBtn span:after {position: absolute;content: '';}
.menuIcon .menuBtn span:before {margin-top: -8px;}
.menuIcon .menuBtn span:after {margin-top: 8px;}
.menuIcon .menuBtn span, .menuIcon .menuBtn span:before, .menuIcon .menuBtn span:after { display: block;width: 25px;height: 2px;background: white;transition: all 0.2s ease;left: 0;}
.menuIcon .menuBtn.active span {background-color: rgba(0, 0, 0, 0);}
.menuIcon .menuBtn.active span:before {margin-top: 0;background-color: white;transform: rotate(45deg);}
.menuIcon .menuBtn.active span:after {margin-top: 0;background-color: white;transform: rotate(-45deg);}
.menuIcon.top .menuBtn.active span {background-color: rgba(0, 0, 0, 0);}
.menuIcon.top .menuBtn.active span:before {margin-top: 0;background-color: #fff;transform: rotate(45deg);}
.menuIcon.top .menuBtn.active span:after {margin-top: 0;background-color: #fff;transform: rotate(-45deg);}
.featureContainer{position:relative; top:80px;width:100%;}
#socialMedia span{ color: #bebbb7;position: relative;top: -10px;left: -4px; }
/* DIGITAL ARCADE v1
–––––––––––––––––––––––––––––––––––––––––––––––––– */
body.scmp-m-ios{ width:100vw;}
#rightmenu{width:0px;transition:width 0.6s ease;}
#rightmenu.active{width:280px;transition:width 0.6s ease;}
hr {margin-top: 1rem;margin-bottom: 1.5rem;border-width: 0;border-top: 3px solid #38393d;}
.graphics-not-found{ text-align: center;position: relative;color: #8a8a8b;top: 0;width: 100%;margin: 100px 0;font-size: 16px;font-weight: 300;}
.title { font-size: 18px;color: #bebfc0;letter-spacing: 1.5px;line-height: 25px;font-family: 'Roboto';font-weight: 700;border-bottom: 3px solid #38393d;padding-bottom: 1rem;margin-bottom:30px; }
.title.recent{ position:relative;width:100%;}
.title.hits0{ font-size: 18px;color: #000000;letter-spacing: 1.5px;line-height: 25px;font-family: 'Roboto';font-weight: 700;border: none;padding-bottom: 1rem;left: 4%;margin-bottom: 22px;position: relative;top: 6px;margin:0;}
.title.featured{ font-size: 18px;color: #bebfc0;letter-spacing: 1.5px;line-height: 25px;font-family: 'Roboto';font-weight: 700;border: none;padding-bottom: 0;left: 0;margin-top: 0;margin-bottom: 0;position: relative;}
#intro { margin-bottom: 4rem;margin: 82px auto 20px auto;}
.featured { margin-bottom: 6rem;}
.featured h2, .featured h1 { font-family: 'Merriweather', serif;font-weight: 900;font-size: 30px;color: #fff;letter-spacing: 0;line-height: 36px;cursor:default;}
.featured h4 { font-family: 'Roboto', sans-serif;font-weight: 300;font-size: 14px;color: #bebfc0;letter-spacing: 1.5px;line-height: 0;margin: 30px 0;text-transform:uppercase;cursor:default;}
.featured p { font-family: 'Roboto', sans-serif;font-weight: 300;font-size: 16px;color: #d4d4d4;letter-spacing: 0;line-height: 22px;position: relative;top: 18px;cursor:default;}
.featured p.date { position:inherit;font-family: 'Roboto';font-weight: 500;font-size: 12px;color: #616161;letter-spacing: 0.2px;line-height: 22px;text-transform: uppercase;cursor:default;}
.featured p.author { font-family: 'Roboto';font-weight: 300;font-size: 13px;color: #9f9f9f;letter-spacing: 0;line-height: 22px;text-transform: uppercase;cursor:default;}
.social-buttons { float:right; position: absolute; right: -16px;}
.social-buttons, .social-icon { display: inline-block; padding: 2px 8px;vertical-align: text-top;top;}
.social-buttons, .social-icon a{color: #fff;}
.carrousel { background-color:#1d1e20;height: 520px;overflow: hidden;position: relative;display: block;transition:all 0.5s ease;}
.recent h5 { font-family: 'Roboto';font-weight: 500;font-size: 12px;color: #616161;letter-spacing: 0.2px;line-height: 22px;text-transform: uppercase;cursor: default;display:inline-block;position:relative;top:-8px; }
.featureContainer .half h5{ text-transform:uppercase;}
.recent h3 { font-family: 'Merriweather', serif;font-weight: 700;font-size: 16px;color: #fff;letter-spacing: 0;margin-bottom: 0;line-height: 22px;position: relative;top: 4px;padding: 10px 0;margin-bottom: 8px;transition:all 0.4s ease;}
.recent h2 { font-family: 'Merriweather', serif;font-weight: 700;font-size: 18px;color: #fff;letter-spacing: 0;margin-bottom: 0;line-height: 22px;position: relative;top: 4px;padding: 10px 0;margin-bottom: 8px;transition:all 0.4s ease;}
.recent p.feed-date { font-family: 'Roboto';font-weight: 500;font-size: 12px;color: #616161;letter-spacing: 0.2px;line-height: 22px;text-transform: uppercase;top: 12px;position: relative;cursor: default;}
.featuredmenu { list-style-type: none;margin: 0;padding: 0;overflow: hidden;width: 100%;color: #000;}
.featuredmenu .menuoption { float: left; width: 14.2%}
.featuredmenu .menuoption { display: block;color: #000;width:105px;text-align: center;text-decoration: none;font-weight: 300;font-size: 16px;color: #000000;letter-spacing: 1.2px;line-height: 25px;margin-bottom: 20px;text-transform: uppercase;cursor: pointer;}
.featuredmenu .menuoption.active { font-weight: 700;}
.featuredmenu .menuoption span{ width:0px;transition:width 1s ease;}
.featuredmenu .menuoption.active span{ border-bottom: 4px solid #FFD701;width: 100%;transition: width 1s ease;position: relative;left: 0px;display: block;}
.half {width: 23%;margin: 0px 1% 52px 1%;display: inline-grid ;}
/* .half a:hover{ opacity:0.75;transform:scale(1.02);z-index:3;cursor:pointer; } */
span:after {content: '';position: absolute;width: 100%;}
.sidebar{position: relative;top: -72px; margin-left: 4% !important;}
.sidebar.fixed{ overflow-y: scroll;position: fixed;right: 4%;top: 95px;height: 100%;z-index:100;}
.sidebar .clear { height: 10px;}
.sidebar .sidebar-box { margin-top: 50px;display: block;overflow: hidden;height:460px;}
.sidebar .sidebar-box:last-child{ height:auto;}
.sidebar-author {text-align: center;margin-top: 10px;font-weight: 300;}
#frames0-contain .swiper-slide{display:inline-block;width:auto;background:#1d1e20;}
#frames0-contain .swiper-slide .text-container{ position: relative;top: -50px;z-index: 1;width: 88%;margin: 0 6%;height: 40%;overflow:hidden;height: auto;}
#frames0-contain .swiper-slide .title, #frames0-contain .swiper-slide .title p, #frames0-contain .swiper-slide .title h2{ width: 100%;position: relative;top: 12px;font-family: 'Merriweather', serif;font-weight: 900;letter-spacing: 0;line-height: 24px;font-size: 20px;color: #fff;border:none;margin-bottom: 15px; height: auto;
position: relative;}
#frames0-contain .swiper-slide .desc, #frames0-contain .swiper-slide .desc p{ width:100%;color: #d4d4d4;font-size: 14px;line-height: 18px; font-weight: 100;position: relative;}
#frames0-contain #frame-xx, #frames0-contain #frame-yy{width:200px;height:100%;}
.swiper-pagination { position: relative;margin: 0 auto;bottom: -4px; }
.swiper-pagination-progressbar{bottom:0;width:100%;height:1.5px;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background:#333 !important;}
#frames0 { top: 0;width: 80%;margin: 0 auto 0 12%;height: 600px;padding: 34px 0;position: relative;margin: 30px auto 0 auto;max-width:1200px;overflow: hidden;transition:width 0.1s ease, left 0.1s ease;}
.imgContainer{ position: relative;display: inline-block;width: 100%;height: 52%;overflow:hidden;margin: 0 auto;pointer-events:none;}
.imgContainer .imgoverlay{ position: absolute;bottom: 0px;left: 0;width: 100%;height: 50%;background: rgb(29,30,32);
background: linear-gradient(0deg, rgba(29,30,32,1) 0%, rgba(29,30,32,1) 20%, rgba(29,30,32,0) 100%);z-index: 1;}
.imgContainer img{ position: relative;width: 100%;height: calc(100% - 12px);object-fit: cover;overflow:hidden;}
.navigation {position: absolute;bottom: -32px;width: 100%;height: 40px;}
.overshadow{ background: rgb(2,0,36, 0.6);background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(238,238,238,0.4990589985994398) 8%, rgba(198,198,198,1) 100%);position: absolute;top: 0;right: 0;width: 15%;height: 100%;z-index: 2;}
.frame a{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.frame:hover { opacity: 0.5;}
.controls { position: absolute;font-size: 12px; bottom: 0; width: 100%; z-index: 300; text-shadow:none; cursor: pointer;}
.controls .control {display: block;box-sizing: border-box;width: 48px;font-size: 3em;text-align: center;line-height: 48px;background: rgba(255,255,255,0.1);cursor: pointer;color: #848484; }
.controls:hover { color: #bebfc0; }
.controls .left.carousel-control { border-left:2px; border-color:#000;}
.controls .control.prev-button { color:#bebfc0; }
.controls .control.next-button { color:#bebfc0; }
#control-next {bottom: 0;right: 8px;position: absolute;transition:all 0.4s ease;}
#control-prev {bottom: 0;left: 2px;position: absolute;transition:all 0.4s ease;}
.controls.btnNav{bottom: 10px;display: inline-block;height: -webkit-fill-available;cursor:default;}
.carrousel #control-next{ height: 530px;font-size: 42px;padding: 280px 0;text-align: center;position: absolute;background: rgba(255,255,255,0);color: #bebfc0;right: calc(50% - 712px); bottom: 0px; }
.carrousel #control-prev{
height: 530px;font-size: 42px;padding: 280px 0;text-align: center;position: absolute;background: rgba(255,255,255,0);color:#bebfc0;left: calc(50% - 712px);bottom: 0px;}
.carrousel #control-next:hover, .carrousel #control-prev:hover, .carrousel #control-next:active, .carrousel #control-prev:active{ background: rgba(56, 57, 61, 0.83);}
.featuredmenuMobile{ display:none;}
.featuredmenuMobile { background-color: #27292d;color:#eee;border: none;position: absolute !important;left: 0px !important;right: unset !important;bottom: unset !important;width: 100%;top: 0px !important;padding: 0 calc(50% - 100px);z-index: 110;transition:all 0.5s ease;}
.featuredmenuMobile.fixed{ position: fixed !important;bottom: 0px !important;top: unset !important;left: 0 !important;width: 100%;height: 80px;border-top: 1px solid #777;padding: 6px calc(50% - 100px);margin: auto !important;transition:all 0.5s ease;}
.featuredmenuMobile span{ position: relative;display: inline-block;line-height: 37px;font-size: 16px;font-weight: 200;letter-spacing: 1.2px;text-transform: uppercase;margin-right: 4px;transition:all 0.5s ease;}
.featuredmenuMobile:hover { border-color: #000;}
.featuredmenuMobile select { background-color: #27292d;border: none;border-radius: unset;box-shadow: none;color: #fff;display: block;font-size: 16px;font-weight: 600;letter-spacing: 1.2px;line-height: normal;margin: 0px -40px 0px 10px;padding: .5em;width: 280px;text-transform: uppercase;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.featuredmenuMobile select:hover, .featuredmenuMobile select:active { border:none; }
.featuredmenuMobile select::-ms-expand { display: none;}
select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000;}
.featuredmenuMobile option {background-color: #fff;color:#848484; text-transform: uppercase;}
.half img{ object-fit: cover;width: 100%;height: 180px;position: relative;display: inline-block;}
.half .desc{ position: relative;width:100%;color: #ababab;font-size:14px;line-height:18px;font-weight:100;letter-spacing: -0.3px; }
.recentMenu{ position: relative;display: inline-block;top: 0;left: 0;width: auto;height: 42px;z-index: 99;background: #27292d;margin: 0 auto;}
.recentMenu .searchbar{ position: relative;top: 5px;left: 10px;margin:0 auto;display: inline-block;}
.recentMenu .searchbar .searchDesktop{ display:block; }
.recentMenu .searchbar .searchMobile { display:none; }
.recentMenu .searchbar .searchDesktop input{ width: 200px;height: 32px;background: #38393d;color: #aaa;border: none;outline: none;border-radius: 42px;font-size: 14px;padding: 6px 12px;}
.recentMenu .searchbar .searchDesktop input::placeholder{ font-weight: 600; }
.featuredmenuMobile .searchbar .searchMobile input,
.recentMenu .searchbar .searchMobile input{ position: absolute;margin: auto;top: 0;right: 0;bottom: 0;left: 0;width: 50px;height: 50px;outline: none;border: none;background: #2f3135;color: white;padding: 0 80px 0 20px;border-radius: 30px;transition: all 1s;opacity: 0;z-index: 5;font-weight: 300;letter-spacing: 0;transition: all 0s ease;}
.featuredmenuMobile .searchbar .searchMobile .search, .recentMenu .searchbar .searchMobile .search{ position: absolute;margin: auto;top: 0;right: 0;bottom: 0;left: 0;width: 40px;height: 40px;background: #2f3135;border-radius: 50%;transition: all 1s;z-index: 60;box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);}
.featuredmenuMobile .searchbar .searchMobile .search:before, .recentMenu .searchbar .searchMobile .search:before{ content: "";position: absolute;margin: auto;top: 12px;right: 0;bottom: 0;left: 15px;width: 8px;height: 1.4px;background: #7b7e80;transform: rotate(45deg);transition: all .5s;}
.featuredmenuMobile .searchbar .searchMobile .search:after, .recentMenu .searchbar .searchMobile .search:after{ content: "";position: absolute;margin: auto;top: -6px;right: 4px;bottom: 0;left: 0px;width: 14px;height: 14px;border-radius: 50%;border: 1.4px solid #7b7e80;transition: all .5s;}
.featuredmenuMobile .searchbar .searchMobile input:hover,
.recentMenu .searchbar .searchMobile input:hover{ cursor: pointer; }
.featuredmenuMobile .searchbar .searchMobile input.active,
.recentMenu .searchbar .searchMobile input.active{ width: 240px;position: absolute;opacity: 1;cursor: text;top: -1px;height: 30px;left: -212px;z-index:12;transition: width 0.5s ease, left 0.3s ease;}
.featuredmenuMobile .searchbar .searchMobile input.active ~ .search, .recentMenu .searchbar .searchMobile input.active ~ .search{ right: 0;background: #151515;z-index: 60;}
.featuredmenuMobile .searchbar .searchMobile input.active ~ .search::before,
.recentMenu .searchbar .searchMobile input.active ~ .search::before{ top: 0;left: 0;width: 25px;height: 2px; }
.featuredmenuMobile .searchbar .searchMobile input.active ~ .search::after,
.recentMenu .searchbar .searchMobile input.active ~ .search::after{ top: 1px;left: 4px;width: 25px;height: 2px;border: none;background: #7b7e80;border-radius: 0%;transform: rotate(-45deg);}
.featuredmenuMobile .searchbar .searchMobile input::placeholder,
.recentMenu .searchbar .searchMobile input::placeholder{ color: white;opacity: 0.8;font-weight: bolder; }
.recentMenu.fixed{ top: 0px !important;bottom: unset !important;left: 0 !important;}
.recentMenu .menuoption { position: relative;display: inline-block;width: auto;float: left;height: 36px;box-sizing: border-box;margin: 9px 10px;padding: 1px;font-size: 16px;color: #999;text-transform: capitalize;line-height: 1.2;text-align: center;cursor: pointer;vertical-align: top;outline: none;transition: all 0.5s ease;}
.recentMenu #hkOption{min-width:86px;}
.recentMenu .menuoption.active{font-weight:700;color:#fff;margin:9px 8.8px;}
.recentMenu .menuoption span{ width:0px;display: block;position: relative;left: 50%;transition:width 1s ease, left 1s ease;}
.recentMenu .menuoption.active span{border-bottom: 3px solid #fff;width: 100%;left:0;transition: width 1s ease, left 1s ease;}
.recentMenu.fixed .menuoption{background:none;}
.recentMenu.fixed .menuoption.active span{top:9px;border-bottom:3px solid #ffd701;width: calc(100% + 20px);left: -10px;transition:all 0.5s ease;}
.recentMenu.fixed .menuoption.active{color:#fff;transition:all 0.5s ease;}
#prevControl{ position:absolute;top:12px;left:0;font-size:24px;width: 40px !important;height: 40px;text-align:center;background:#fff;cursor:pointer;right: unset;color: #000;line-height: 60px;}
#nextControl{ position:absolute;top:12px;right:20px;font-size:24px;width: 40px !important;height: 40px;text-align:center;background:#fff;cursor:pointer;left: unset;color: #000;line-height: 60px;}
#prevControl .ion, #nextControl .ion{ position: absolute; top: 12px;}
.slick-next{ top: -10px;width: 40px;height: 40px;right: -32px;z-index:2;}
.slick-prev{top: -10px;width: 40px;height: 40px;left: -32px;z-index:2;}
.swipeInd{ display:none;}
.followus{ position: relative;font-size: 14px;font-weight: 300;color: #bebfc0;padding-right: 10px;top: 4px;}
.featured .mobile{ display:none !important;}
.featured .desktop{ position: absolute;display:inline-block !important; margin-left:4%;}
h3,p,img{ transition:all 0.4s ease;}
.backtotop{ position: fixed;bottom: 22px;right: 40px;width: 50px;height: 50px;font-size: 60px;background: rgb(0, 0, 0,0.1);border-radius: 2px;color: #fff;transition:all 0.3s ease;cursor: pointer;z-index:9999;}
.backtotop:hover, .backtotop:active{ background:rgba(0,0,0,0.4);}
.backtotop .ion { position: relative;left: 10px;top: -26px;font-size: 50px; }
.respMenu{ position: absolute !important;z-index: 95;height: 44px;background: #27292d;top: 52px !important;left: 0 !important;display: block;bottom: 0 !important;right: 0 !important;margin: 0 0% !important;width: 100% !important;text-align: center;}
.respMenu.fixed{ top: 50px !important;border-bottom: 1px solid #555;position: fixed !important;}
.scrollmagic-pin-spacer{height:0 !important;min-height:0 !important;top:12px !important;}
.sidebar-box{ position: relative;margin: 72px 0 0 0;display: inline-block;width: 100%;z-index:96;}
.loader { -webkit-animation: spin 1s linear infinite;animation: spin 1s linear infinite;border: 3px solid #ddd;border-top: 3px solid #ffcb05;border-radius: 50%;height: 75px;width: 75px;margin: 100px auto 150px auto;}
.row.recent{ position: relative;top: 0;display: inline-block;width: 100%;padding-bottom: 42px;}
#intro .row.featured{ margin-bottom: -32px;position: relative;height: 100%;display: block;width: 100%; }
footer{ display:block;font-size: 1rem;font-family: Open Sans,sans-serif;line-height: 1rem;color:#fff;padding:0; border-top:0px solid #aaa;height:82px;background: #1d1f21;margin-top:120px; }
.container-87, .container-fluid{ margin-right: auto;margin-left: auto;padding-left: 10px;padding-right: 10px;top:10px; }
.container-87 { position: relative;display: flex;width: 100%;height: 100%;top: 0;left: 0;padding:0 10px;}
footer .layout-desktop { padding-top: 3.4rem;padding-bottom: 3.4rem; }
footer .row{ margin-left: -10px;margin-right: -10px;width:100%; }
footer .col-md-1, footer .col-md-2, footer .col-md-3, footer .col-md-4, footer .col-md-5, footer .col-md-6, footer .col-md-7, footer .col-md-8, footer .col-md-9, footer .col-md-10, footer .col-md-11, footer .col-md-12{ float:left;position: relative;min-height: 1px;padding-left: 10px;padding-right: 10px;text-align:left; }
footer .col-xs-12{ position: relative;min-height: 1px;padding-left: 10px;padding-right: 10px;width: 100%; }
footer .layout-mobile .text-follow { margin-top: 1.5625rem; }
footer .icon-social-media{ fill:#fff;flex:1;height:1rem; width:2rem; }
.pull-left { float: left!important; }
.pull-right { float: right!important; }
footer .text-uppercase{ text-transform:uppercase; }
.md-menu{ float: left;z-index: 3;position: relative;top: 9px;left: 0;}
.md-button { min-width: 88px;min-height: 36px;margin: 6px 0;padding: 0 16px;display: inline-block;position: relative;overflow: hidden;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor: pointer;background: none;border: 0;border-radius: 2px;color: currentColor;font-family: inherit;font-size: 14px;font-style: inherit;font-variant: inherit;font-weight: 500;letter-spacing: inherit;line-height: 36px;text-align: center;text-transform: uppercase;text-decoration: none;vertical-align: top;white-space: nowrap; }
.md-button, .md-button:focus { outline: none; }
.md-button.md-icon-button { position:absolute;left:0;width: 48px;min-width: 48px;height: 40px;margin-right:6px;padding: 8px 0 ;line-height: 24px;top:-7px; }
.md-theme-default header .dropdown-button.md-button.md-icon-button, .md-theme-default header .sidenav-button.md-button.md-icon-button { border-radius: 0;height: 3.125rem;width: 3rem;margin-right: 0; }
.md-theme-default header .layout-desktop .md-button.md-icon-button { margin: 0; }
svg:not(:root) { overflow: hidden; }
svg {max-width:100%;font-style:italic;vertical-align:middle;}
header .icon-close, header .icon-menu, header .icon-scmp { fill: #fff; }
header .md-toolbar.layout-desktop .icon-close, header .md-toolbar.layout-desktop .icon-menu { width: 1.375rem;height: 1.0625rem; }
/* MENU ICONS */
.md-button.md-icon-button.active {background: #3d4a5e;border-radius:0;height:51px;padding: 18px 0;top: -15px;z-index: 10002;}
header .dropdown-button.md-button.md-icon-button .icon-menu{ display:block; }
header .dropdown-button.md-button.md-icon-button .icon-close{ display:none; }
header .dropdown-button.md-button.md-icon-button.active .icon-menu{ display:none; }
header .dropdown-button.md-button.md-icon-button.active .icon-close{ top: -5px;
display: inline-block; }
/* MENU ICONS */
/* NEW MENU */
.md-menu-content.md-direction-bottom-right.hide{ margin: 0 !important;height: 0px;width: 0px;min-width: unset;min-height: unset; }
.dropdown-menu .home{ font: 600 14px Open Sans,sans-serif;line-height: 14px;padding: 1.55rem 1.7rem;color: #fff;margin-top: 1.1rem;}
.dropdown-menu { width: 15.1875rem;border-radius: 0; }
.md-menu-content.md-active { pointer-events: auto;border-radius:0;opacity: 1;transform: scale(1) translateZ(0);transition: width .4s cubic-bezier(.25,.8,.25,1),opacity .4s cubic-bezier(.25,.8,.25,1),transform .3s cubic-bezier(.25,.8,.25,1); }
.md-menu-content.md-align-trigger { margin: 0; }
.md-menu-content.md-direction-bottom-right { transition:opacity 0.6s cubic-bezier(.25,.8,.25,1), height 0.3s cubic-bezier(.25,.8,.25,1); }
.md-menu-content { width: 245px;height:auto;opacity:0;min-width: 84px;max-width: 392px;max-height: calc(100vh - 32px);overflow-x: hidden;overflow-y: hidden;position: fixed;z-index: 99;transform: scale(.9,.85) translateZ(0);border-radius: 2px;will-change: transform,opacity,width;top:40px;left:0; }
.md-list { margin: 0;padding: 0;display: -ms-flexbox;display: flex;-ms-flex-flow: column nowrap;flex-flow: column nowrap;position: relative;list-style: none;left: 10px; }
.md-menu-content .md-list { opacity: 0;transition: 0.2s opacity 0.3s cubic-bezier(.25,.8,.25,1); }
.md-theme-default.md-list { background-color: #3d4a5e;color: rgba(0, 0, 0, .87); }
.md-menu-content.md-active .md-list { width:245px;opacity: 1;transition: 0.22s opacity 0.3s cubic-bezier(.25,.8,.25,1); }
.md-theme-default .dropdown-menu .md-theme-default.md-list { background: #3d4a5e;padding: 0; }
.md-list-item { height: auto;position: relative;z-index: 2;margin: -0.3px 0; }
.md-menu-item { cursor: pointer;font-size: 16px;line-height: 1.2em; }
.md-list-item .md-list-item-container { min-height: 48px;margin: 0;padding: 0;display: -ms-flexbox;display: flex;-ms-flex-flow: row nowrap;flex-flow: row nowrap;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: space-between;-ms-flex: 1;flex: 1;position: relative;font-size: 16px;font-weight: 400;text-align: left;text-transform: none;border-radius:0; }
.md-theme-default .dropdown-menu .md-list-item-container { padding: 0; }
ul.main-menu { width: 100%;padding: 1.2rem 1.7rem;border-bottom: 1px solid #72828e;margin-top: 0;margin-bottom:0; }
ul.main-menu li:first-child { display: none; }
ul.main-menu li { list-style: none;line-height: 2.125rem; }
ul:not(.md-list)>li+li { margin-top: 8px; }
ul.main-menu:not(.md-list)>li+li { margin-top: 0; }
ul.main-menu a { display: block;font: 600 1.4rem Open Sans,sans-serif;line-height: 3.3rem;text-align: left; }
ul.main-menu a:not(.md-button){ color: #fff; }
ul.main-menu a:not(.md-button):hover{ text-decoration:none;color:#ffcb05; }
.md-theme-default .dropdown-menu .icon-scmp-blue { margin-right: .875rem; }
.dropdown-menu svg.icon-scmp-blue:not(.md-image), header svg.icon-scmp-blue:not(.md-image) { width: 2.5rem;height: 2.5rem; }
.dropdown-menu svg.icon.icon-scmp-blue.scmp-rebranding, header svg.icon.icon-scmp-blue.scmp-rebranding { margin-right: 1.2rem;width: 2.4rem;height: 2.625rem;margin-bottom: 2px;}
.dropdown-menu .social-media .icon-social-media, header .social-media .icon-social-media { width: 1.2rem;height: 1.2rem;display: block;margin: 0.925rem; }
.dropdown-menu .social-media a, header .social-media a { width: 3rem;height: 3rem;display: block;margin: .34rem;float:left;border-radius:50%;background:#000; text-align:center;}
.dropdown-menu .social-media, header .social-media { display: block;position:relative;top: 2px; }
.dropdown-menu .social-media svg, header .social-media svg { fill:#fff; }
.dropdown-menu .followus { position:relative;width: 100%;margin: 0.8rem 1.65rem 1.65rem;font-family: Open Sans, sans-serif;font-size: 1.2rem;font-weight: 600;color: #fff;white-space: normal; }
.dropdown-menu .followus .text-follow{ font: 300 1rem Open Sans,sans-serif;text-transform: uppercase;width: 90px; white-space: normal;margin: 10px 0;line-height: 1.875rem; }
/* NEW MENU */
/* MENU ICONS */
.md-button.md-icon-button .menuicon{ position:relative;display:inline-block; }
.md-button.md-icon-button.active .menuicon{ width:25px;text-align:center; }
.md-button.md-icon-button .menuicon .icon-menu{ display: block;width: 1.8rem;height: 1.8rem;top: 0;position: relative; }
.md-button.md-icon-button .menuicon .icon-close{ display:none;width: 1.8rem;height: 1.8rem;top: 0;position: relative; }
.md-button.md-icon-button.active .menuicon .icon-menu{ display:none; }
.md-button.md-icon-button.active .menuicon .icon-close{ top: -5px;
display: inline-block; }
/* MENU ICONS */
/* ICON RIPPLE */
.ripple{ position:absolute;top:0;left:0;background:#fff;border-radius:50%;width:5px;height:5px;animation:rippleEffect .5s 1;opacity:0; }
@keyframes rippleEffect { 0% {transform:scale(0); opacity:0.4;}100% {transform:scale(9); opacity:0.4;} }
/* ICON RIPPLE */
.md-title { font: 300 2.4rem Open Sans,sans-serif;line-height: 34px;text-transform: uppercase;margin-left: 60px; }
.md-title a{ color:#fff;text-decoration:none; }
header .newsletter-widget-wrapper { position: relative;width: 23.4375rem;max-width: 100%;padding: .75rem .625rem 0;background: none;font-family: Open Sans,sans-serif;display: inline-block;height: 6.875rem;transition: height .5s .2s; }
header .newsletter-widget-wrapper { position: absolute;z-index: 10;right: 0;top: -.0625rem; }
header .newsletter-widget-wrapper.newsletter-type-header { width: 19.375rem;height: 3.125rem;overflow-y: hidden; }
header .newsletter-widget-wrapper .svg-wrapper { width: 1.5rem;margin-right: .625rem;display: inline-block;box-sizing: border-box;vertical-align: top;margin-top: -2px;}
header .newsletter-widget-wrapper .newsletter-form { width: calc(100% - 28px);display: inline-block; }
header .newsletter-widget-wrapper .svg-wrapper svg.icon-email { fill: #fff;width: 2rem;width: 2rem;height: 1.75rem; }
header .newsletter-widget-wrapper .newsletter-title { text-transform: uppercase;display: none;font-size: .75rem; }
header .newsletter-widget-wrapper .newsletter-form .input-group-submission{ padding: .9375rem 0 0;text-align: left; }
header .newsletter-widget-wrapper .newsletter-form .subscribe-btn-wrapper{ display: inline-block;vertical-align: top; }
header .newsletter-widget-wrapper .newsletter-form .privacy-text{ color: #6e7784;width: calc(100% - 122px);font-size: .625rem;display: inline-block; }
header .newsletter-widget-wrapper .newsletter-form button, header .newsletter-widget-wrapper .newsletter-form input { border: none; }
header .newsletter-widget-wrapper .newsletter-form .subscribe-btn { padding: .375rem 1.875rem;display: inline-block;background-color: #317daa;margin-right: .625rem;font-size: .8125rem;text-transform: uppercase;line-height: 1;border: 0;box-sizing: border-box;transition: background .25s; }
header .newsletter-widget-wrapper .newsletter-form button, .newsletter-widget-wrapper .newsletter-form input{ border: none; }
header .newsletter-widget-wrapper .newsletter-form .field-email { position:relative;padding: .3125rem .625rem;width: 100%;height:27px;background: #3e454f;color: #fff;font-size: 1.2rem;margin: 0;border-radius: 0;font-weight: 100; }
.md-menu-content .newsletter-widget-wrapper .newsletter{ border-top: 1px solid #72828e;border-bottom: 1px solid #72828e;}
.md-menu-content .newsletter-widget-wrapper .newsletter{ min-height: 48px;margin: 0;padding: 0;display: -ms-flexbox;display: flex;-ms-flex-flow: row nowrap;flex-flow: row nowrap;-ms-flex-align: center;align-items: center;-ms-flex: 1;flex: 1;position: relative;font-size: 16px;font-weight: 400;text-align: left;text-transform: none;color:#fff;font: 600 16px Open Sans,sans-serif;line-height: 14px;padding: 1.25rem 1.7rem;color: #fff; }
.md-menu-content .newsletter-widget-wrapper .newsletter svg, .icon.icon-news{ fill:#fff;margin-right: 1.7rem;width: 2.2rem;height: 2.2rem;}
.md-menu-content .print-widget-wrapper .print{ border-top: 1px solid #72828e;border-bottom: 1px solid #72828e;}
.md-menu-content .print-widget-wrapper .print{ min-height: 48px;margin: 0;padding: 0;display: -ms-flexbox;display: flex;-ms-flex-flow: row nowrap;flex-flow: row nowrap;-ms-flex-align: center;align-items: center;-ms-flex: 1;flex: 1;position: relative;font-size: 16px;font-weight: 400;text-align: left;text-transform: none;color:#fff;font: 600 16px Open Sans,sans-serif;line-height: 14px;padding: 1.25rem 1.7rem;color: #fff; }
.md-menu-content .print-widget-wrapper .print svg, .icon.icon-news{ fill:#fff;margin-right: 1.7rem;width: 2.2rem;height: 2.2rem;}
.newsletter-bg{ position: fixed;top: 0;left: 0;width: 100%;height: 100%;font-family: Open Sans,sans-serif;background: rgba(255,255,255,0.2);z-index: 10000; }
.newsletter-bg .newsletter-fakebg{ position:absolute;width:100%;height:100%;top:0;left:0; }
.newsletter-bg .newsletter-box{ position: relative;top: 30%;left: 0;width: 342px;height: 152px;background: #1c2129;margin: auto;padding: 0.9rem 1.2rem 0;z-index:1; }
.newsletter-bg .newsletter-box .newsletter-dialog{ color: #fff;font-weight: 100;text-align: center;margin:2px 0; }
.newsletter-bg .newsletter-box .newsletter-dialog svg{ fill: #fff;width: 2rem;height: 1.2rem;vertical-align: -.09375rem;margin-right: .3125rem; }
.newsletter-bg .newsletter-box form{}
.newsletter-bg .newsletter-box .privacy-text{ display: block;width: 100%;float: left;text-align: center;margin-bottom: .75rem;color: #6e7784;font-size: 1rem;font-weight: 100;margin: 5px 0; }
.newsletter-bg .newsletter-box .privacy-text a{ color:#6e7784; }
.newsletter-bg .newsletter-box form input{ padding: 0.3rem 0.6rem;width: 100%;height:28px;background: #333;color: #fff;outline: none;border: 0;border-radius: 0;margin: 0;font-size: 1.5rem; }
.newsletter-bg .newsletter-box .newsletter-submit{ padding: .375rem 1.875rem;display: block;background-color: #317daa;font-size: 1.2rem;text-transform: uppercase;line-height: 1;border: 0;box-sizing: border-box;transition: background .25s;color: #fff;font-weight: 100;margin: 0 auto;position: relative;width: 94px;top: 4px;height: 24px;font-weight: 100; }
.desktopSocial{ display:block; }
.mobileSocial{ display:none; }
.mobileSocial .socialbtn{ position: relative;font-size: 30px;color: #bdbeb8;margin: 0 20px;cursor: pointer;display:inline-block; }
.mobileSocial .socialbtn:hover{ color:#eee;text-shadow: 0px 0px 9px #989898; }
.mobileSocial .socialContainer{ position: absolute;width: 92px;display: inline-block;background: #444;right: 7px;padding: 11px 6px;top: 47px;height: 48px; }
.mobileSocial .socialContainer:after { bottom: 100%;right: 12px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-bottom-color: #444;border-width: 10px;margin-left: -10px; }
.mobileSocial .socialContainer{ animation: popout 0.2s ease;-webkit-animation: popout 0.2s ease; }
.mobileSocial .socialContainer.hidden{ animation:none;-webkit-animation: none; }
.mobileSocial .socialContainer a{ margin: 0 6px !important; }
.recent .datefeed{ z-index:1; }
.recent .datefeed .creators{ display: block;color: #d4d4d4;position: absolute;font-size: 12px;opacity: 0;transition: all 0.5s ease;margin-top: -35px;background: #27292d;width: 100%; }
.recent .datefeed .creators h4{ border-bottom:1px solid #888;width:auto;display:inline-block;margin-bottom:4px; }
.recent .datefeed .creators li{ position: relative;top: 0;margin: 0;width: auto;display: list-item;font-size: 10px;text-transform: uppercase;list-style-type: decimal;margin-left: 14px; }
.recent .datefeed:hover .creators{ opacity:1; }
.desktopicon{ display:inline-block;}
.mobileicon{ display:none; }
.row.last{ border-top: 1px solid #666;padding-top: 80px;margin-bottom: 0 !important; }
.featured a .readmore{ position: relative;top: 0;background: #26292e;border-radius: 5px;display: block;font-size: 14px;letter-spacing: 0;border: 1px solid #999;text-align: center;color: #fff;padding: 6px;width: 142px; }
.featured a:hover, .featured a:active{ text-decoration:none; }
.featured a .readmore:hover, .featured a .readmore:active{ color: #26292e;background:#999;text-decoration:none;font-weight: 500; }
.featured .desktop,
.latestlink,
.latestimg{
min-height: 100%;
height: 100%;
object-fit: fill;
}
.latestlink{
line-height: unset;
}
.latestimg{
width: 100%;
line-height: unset;
object-fit: cover;
object-position: 18%;
}
/* KEYFRAMES */
@keyframes spin {
to {
border-top-color: #002BA6;
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes popout {
from{transform:scale(0)}80%{transform:scale(1.1)}to{transform:scale(1)}
}
@-webkit-keyframes popout {
from{-webkit-transform:scale(0)}80%{-webkit-transform:scale(1.1)}to{-webkit-transform:scale(1)}
}
/* Media Queries –––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (min-width: 1024px){
.col-md-6{ width: 50%; }
}
@media only screen and (min-width: 1025px){
.container-87{ width: 87%; }
}
@media only screen and (min-width: 1500px){
.md-menu-content{ left: calc(50% - 600px); }
}
@media only screen and (min-width: 1280px){
.hidden-lg { display: none!important; }
}
@media only screen and (max-width: 1500px){ #frames0{ width: 80%; } .half{ width:23%; } }
@media only screen and (min-width: 1024px){
.md-menu-content { left:calc(6.5%); }
.md-title{ margin-left: calc(60px + 1.25rem); }
}
@media only screen and (min-width: 1024px) and (max-width: 1499px){ #frame0{width: calc(80% - 32px);} .four.columns{margin-left:0;}.introText{margin-bottom: 50px;}
}
@media only screen and (min-width: 768px){ #frame0{width:85%;} }
@media only screen and (max-width: 1420px){
.carrousel #control-next{ right: 0; }
.carrousel #control-prev{ left: 0;}
}
@media only screen and (max-width: 1280px){
.half{ width:31%; }
.hidden-xs { display: none!important; }
}
@media only screen and (max-width: 1200px){
.carrousel{ height:442px; transition:all 0.5s ease; }
.carrousel #control-prev,
.carrousel #control-next{ height:400px; padding: 235px 0; transition:all 0.5s ease;}
#frames0{ padding:20px 0;height:400px; }
.featured p.author {display: block !important;font-size: 12px;}
.featured { margin-bottom: 20px; }
.recentMenu .menuoption{ font-size: 15px;}
}
@media only screen and (max-width: 1160px){ .sidebar .sidebar-box{height:500px;} }
/* @media only screen and (max-width: 1030px) and (min-width: 1001px){ .four.columns.latest{ width:32%;} } */
@media only screen and (max-width: 1024px){
header .container.logo h4.desktop{display:none;}
header .container .logo-m{display:inline-block !important;right: 5px;position: absolute;}
.md-menu-content.md-direction-bottom-right.hide,
.md-menu-content.hide{ left:-260px;height: 100%;background-color:rgba(0,0,0,0);transition:left 0.3s ease, 0.1s background-color 0.2s ease; }
.md-menu-content.md-direction-bottom-right, .md-menu-content{ top:50px;height: 100%;left:0;transition:left 0.2s ease, 0.1s background-color 0.2s ease;width: 100%;z-index: 10000;max-width: none;background-color: rgba(0,0,0,0.3); }
.md-list{ height:100%;left:0;width:304px; }
.desktopSocial{ display:none; }
.mobileSocial{ display:none; }
.desktopicon, .logo .desktoplogo{ display:none;}
.mobileicon{ display:inline-block; }
header .container.logo { margin: 9px auto;height: 100%; }
.container-87{ padding:0; }
header .container.logo{width:auto;right:0;}
.logo .mobilelogo{ display:block; }
.dropdown-menu svg.icon.icon-scmp-blue.scmp-rebranding, header svg.icon.icon-scmp-blue.scmp-rebranding{ width:3rem; }
.md-button.md-icon-button .menuicon .icon-menu{width:1.6rem;height:1.6rem;}
.md-button.md-icon-button .menuicon .icon-close{width:1.4rem;height:1.4rem;}
.md-button.md-icon-button.active ~ .md-title a{ color:rgba(0,0,0,0); }
.dropdown-menu .home{ text-transform:uppercase; }
.icon.icon-news { width: 1.6rem;height: 1.5rem; }
}
@media only screen and (max-width: 1000px){
h1,h2 {font-size: 28px;}
.featured h2 {font-size: 26px;line-height: 36px;}
.social-buttons, .social-icon {padding: 2px 8px 8px 0px;}
.featured h2 {margin-top: 20px;}
.column, .columns{ width:100% !important; }
.title{ text-align:left; }
.featured .mobile{ display:inline-block !important; }
.title.recent{ width:100%; }
.featured .desktop{ display:none !important;}
.featured .mobile img{ max-height: 400px;object-fit: cover;object-position: top}
#intro .row.featured{height:unset;}
.title.latest{border: none;margin: 14px 0 32px 0px;padding: 0;line-height: 10px;}
.title.hits0{ top:0px; }
.sidebar { top:0; margin-left: 0 !important; }
.introText{ text-align:left;margin-top: 40px;margin-bottom: 50px;}
.social-buttons{ float: none;margin: 40px auto 20px auto;position: initial;width: fit-content; }
.social-icon { padding: 0px 4px;font-weight: 700;color: #fff;}
.featured h4 span {margin: 20px 0;}
.overshadow{display:none;}
#intro .columns h1 span{ width: 120px;position: relative;border-bottom: 8px double #f0f0f0;top: 28px;height: 4px;display: inline-block;margin: 0 calc(50% - 60px);text-align: center;}
#intro .columns h1 span span{ opacity:0; }
#featuredTitle:before{ display:none; }
.slycontainer{ display:none; }
.recent h3{ font-family: 'Merriweather', serif;font-weight: 900;font-size: 16px;line-height: 18px;top: 0;}
.carrousel #control-prev,
.carrousel #control-next{ width: 36px;transition: all 0.5s ease;}
#frames0 { height: 100%;width: 85%;padding: 30px 0;margin:0 auto;left:0;}
#frames0-contain #frame-xx, #frames0-contain #frame-yy{ width:50px; }
.imgContainer, .imgContainer img{ height:140px; }
.mapFrames .imgContainer, .illoFrames .imgContainer,.mapFrames .imgContainer img,.illoFrames .imgContainer img { width: 100%;height: 460px;margin: 0;object-fit: contain;}
.carrousel .imgContainer, .carrousel .imgContainer img{ height:220px; }
#frames0-contain .swiper-slide .title{ font-weight: 900;letter-spacing: 0;line-height: 18px;font-size: 14px;padding: 0;}
#frames0-contain .swiper-slide .desc{ position: relative;top: 22px;height: auto; }
.sidebar .sidebar-box{ height:660px; }
footer { top: 0; position: relative;background-color: #27292c;padding:2.1875rem 10px;}
footer .row{ margin: 16px -10px; }
footer .col-md-6{ width:50%; }
.title.featured{ margin-top:0;}
.recentMenu .menuoption{ font-size:14px;margin: 9px 6px;}
}
@media only screen and (max-width: 960px){ .half{ width:30%; margin:0px 1.66% 40px 1.66%; } }
@media only screen and (max-width: 920px){
.recentMenu .menuoption{margin:9px 5px;}
.recentMenu .menuoption.active{margin:9px 4.6px;}
.recentMenu .searchbar .searchDesktop input{width:162px;}
}
@media only screen and (min-width: 1024px){
footer .col-md-6 {width: 50%;}
}
@media only screen and (max-width: 840px){ .recentMenu .menuoption{margin:9px 4.8px;} .recentMenu .menuoption.active{margin:9px 4.8px;}
header .newsletter-widget-wrapper { display:none;}
.recentMenu .searchbar .searchDesktop input { width: 144px; }
}
@media only screen and (max-width: 800px){
header.top .container.logo h4.desktop{ background-image: url(../svg/scmp_logo_master.svg);background-size: 100%;background-position: center 4px;width: 200px;height: 40px; }
header .container.logo h4.desktop{ background-image: url(../svg/scmp_icon.svg);width: 28px;height: 22px;margin: 0 auto;background-repeat: no-repeat;}
.container.logo {width: 50px;left: 10px;}
header .container.logo { left: unset;position: absolute;right: 0;top: 3px;}
.introText {font-size: 21px;margin-bottom: 50px;}
#main-title {font-size: 21px;}
#frames0-contain .swiper-slide .title{ font-size:16px;color: #fff;}
.recent h3{ font-size:21px;line-height: 30px;}
.followus {font-size: 14px;}
.half{ width:46%; }
#frames0-contain .swiper-slide .title, #frames0-contain .swiper-slide .title p{font-size:21px;}
.recentMenu, .recentMenu.fixed{ font-size:14px;width:550px !important;margin:0 calc(50% - 275px);}
.recentMenu .menuoption{margin:9px 5px;}
.recentMenu .menuoption.active{margin:9px 4.8px;}
.recentMenu .searchbar .searchDesktop{ display:none; }
.recentMenu .searchbar .searchMobile { display: inline;position: relative;left: -10px;top:-4px;}
.respMenu .featuredmenuMobile .searchbar .searchMobile { display: inline;position: absolute;right: 0; top: 0;width:100%;height:100%;}
.respMenu.fixed .featuredmenuMobile .searchbar .searchMobile { top:0; }
.featuredmenuMobile{display:inline-flex;padding:0;}
.featuredmenuMobile.fixed{padding:10px 9.25%;transition:none;}
.recentMenu{display:none;}
.backtotop {position: fixed;bottom: 100px;right: 20px; transition:all 0.3s ease;}
.menuIcon span{display:none;}
.respMenu.fixed{ top:unset !important; }
.featured h2 {font-size: 21px;line-height: 27px;}
.featuredmenuMobile select{width:auto;z-index:12;padding: 0.5em 32px 0.5em 0;}
.featuredmenuMobile .searchbar, .recentMenu .searchbar{position:absolute; width:100%;height:100%;}
.featuredmenuMobile.fixed .searchbar, .recentMenu.fixed .searchbar{position:absolute; width:100%;height:100%;}
.featuredmenuMobile .searchbar .searchMobile input::placeholder, .recentMenu .searchbar .searchMobile input::placeholder{ font-size:20px; }
.featuredmenuMobile .searchbar .searchMobile input, .recentMenu .searchbar .searchMobile input{ position:absolute;top: 18px;left: calc(85% - 40px); }
.featuredmenuMobile .searchbar .searchMobile .search, .recentMenu .searchbar .searchMobile .search{top:0;left:calc(100% - 42px);}
.featuredmenuMobile .searchbar .searchMobile input.active ~ .search, .recentMenu .searchbar .searchMobile input.active ~ .search{top:-4px;left:inherit;transition:all 0.4s ease, left 0.3s ease;}
.featuredmenuMobile .searchbar .searchMobile input.active, .recentMenu .searchbar .searchMobile input.active{position:relative;top:0;left:-2px;width:calc(100% - 3px);height:35px;font-size:20px;}
.featuredmenuMobile.fixed .searchbar .searchMobile input, .recentMenu.fixed .searchbar .searchMobile input{ left:calc(85% - 235px);top:-34px; pointer-events:none;z-index:5;}
.featuredmenuMobile.fixed .searchbar .searchMobile input.active, .recentMenu.fixed .searchbar .searchMobile input.active{ top:0;left:-10%;width:82%;padding: 2px 24px;z-index:20;pointer-events:auto; }
.featuredmenuMobile.fixed .searchbar .searchMobile .search, .recentMenu.fixed .searchbar .searchMobile .search{ left:calc(65% - 40px);transition:none; top:-44px; }
.featuredmenuMobile.fixed .searchbar .searchMobile input.active ~ .search, .recentMenu.fixed .searchbar .searchMobile input.active ~ .search{ left:calc(65% - 40px);top:-44px; }
.md-button.md-icon-button{ left:0; }
#socialMedia{right:0;}
header .container.logo{ margin: 9px -7px;height: 100%;width: 70px; }
}
@media only screen and (max-width: 660px){
.recentMenu .menuoption{margin:9px 5px;}
.recentMenu .menuoption.active{margin:9px 3.8px;}
.recentMenu{width:512px;margin:0 calc(50% - 261px);}
h1,h2 {font-size: 18px;}
.followus {font-size: 14px;}
.social-buttons, .social-icon a {font-size: 14px;}
.featured p {top:16px;}
.md-button.md-icon-button.active > .md-title{opacity:0;}
footer .col-md-6 {width: 100%;height:28px;text-align:center;}
.pull-right {position: absolute;top: 0;width: 140px;text-align: center;margin: 0 calc(50% - 70px);right: 0;}
.dropdown-menu .followus .pull-right{ margin:0;width:auto; }
.carrousel{ height:442px; }
.carrousel #control-prev,
.carrousel #control-next{ height:442px; padding: calc(50% - 6px) 0;}
#frames0{ height:442px; }
}
@media only screen and (max-width: 500px){
.carrousel #control-prev, .carrousel #control-next{width:7.5%;}
.half{ width:98%;margin:0 1% 50px 1%; }
.half img{width: 100%; height: 240px;}
.btn {width: 250px;}
header.top .container.logo h4.desktop{ background-image: url(../svg/scmp_logo_master.svg);background-size: 100%;background-position: center 0px;width: 86%;height: 40px; }
}
@media only screen and (max-width: 420px){
header.top .container.logo h4.desktop{ background-image: url(../svg/scmp_icon.svg);width: 28px;height: 22px;margin: 0 auto;background-repeat:no-repeat;}
.carrousel{ height:442px; }
.carrousel #control-prev,
.carrousel #control-next{ height:442px; padding: calc(50% - 6px) 0;}
#frames0{ height:442px; }
}
@media only screen and (max-width: 350px) { .btn { width: 100%; } }