main{overflow:hidden;background-color:#ededed}main>.grid{padding:45px 0 120px 0}main>.grid>*{position:relative;z-index:2}main>.grid:before{content:"";position:absolute;top:0;left:-1826px;z-index:1;width:100vw;height:10000px;background-color:#e4e4e4;transform:skewX(-30deg)}.banner .grid:before{background-color:rgba(17,42,74,0.7)}.banner .text{width:592px}.portfolio{width:1210px}.portfolio .portfolio-item{display:none}.portfolio .portfolio-item.show{display:inline-block}.search-bar{z-index:5 !important;text-transform:uppercase;padding:20px 0 20px 0;margin:40px auto 40px auto;border-top:1px solid rgba(0,0,0,0.15);border-bottom:1px solid rgba(0,0,0,0.15)}.search-bar .combo{position:relative;z-index:5;display:inline-block;margin:0 110px 0 0}.search-bar .combo:last-of-type:after{display:none}.search-bar .combo .selected{color:#262930;font-size:21px;line-height:20px;font-weight:300;cursor:pointer;position:relative;z-index:3;display:block;padding:0 16px 0 0}.search-bar .combo.active .selected{color:#00baff}.search-bar .combo .selected:after{color:#262930;font-size:21px;line-height:22px;font-weight:500;content:"<";position:absolute;top:0;right:0;z-index:2;margin:0;transform:rotate(-90deg)}.search-bar ul{display:none;position:absolute;left:0;top:35px;cursor:default;z-index:10;width:200px;padding:0;background:#313339}.search-bar ul:before{content:"";position:absolute;left:20px;top:-8px;border-bottom:8px solid #313339;border-left:8px solid transparent;border-right:8px solid transparent}.search-bar ul li{color:#fff;font-size:18px;line-height:20px;font-weight:300;cursor:pointer;list-style:none;display:block;padding:10px 26px 10px 26px;border-top:1px solid #46484d}.search-bar ul li:focus,.no-touch .search-bar ul li:hover{color:#00baff;text-decoration:none}.stats{padding:60px 0 0 0}.stats h2{margin:0 0 50px 0}.stats .item{display:inline-block;vertical-align:top;width:292px;height:160px;padding:20px 20px 0 26px;margin:0 10px 10px 0;background-color:#172c49}.stats .item:nth-of-type(4n){margin:0 0 10px 0}.stats .item .number{color:#fff;font-size:72px;line-height:60px;font-weight:400;text-transform:uppercase;margin:0 0 10px 0;opacity:.92}.stats .item .label{color:#00baff;font-size:21px;line-height:28px;font-weight:400;text-transform:uppercase}.stories{font-size:0;line-height:0;position:relative;z-index:2;padding:70px 0 100px 0;background-color:#fff}.stories h2{margin:0 0 50px 0}.stories .item{margin:0 0 40px 0}.stories .item .side-col{position:relative;top:8px;height:282px;cursor:pointer;padding:17px 1px 0 19px;background-color:#4ebdfc}.stories .item:nth-of-type(2n) .side-col{background-color:#172c49}.stories .item .side-col:before{content:"";position:absolute;top:0;left:210px;z-index:1;width:100vw;height:100%;background-color:rgba(255,255,255,0.1);transform:skewX(-30deg)}.stories .item .side-col h3{color:#fff;font-size:40px;line-height:56px;font-weight:400;text-transform:uppercase;text-decoration:none}.stories .item .side-col .author{color:#112c4d;font-size:18px;line-height:36px;font-weight:700;text-transform:uppercase;margin:7px 0 0 0}.stories .item:nth-of-type(2n) .side-col .author{color:#00baff}.stories .item .side-col .imgbox{position:absolute;right:11px;bottom:11px}.stories .item .side-col .imgbox img{max-width:118px;max-height:83px;width:auto;height:auto}.stories .item .main-col{width:861px;padding:0 80px 0 0;margin:0 0 0 38px;border-bottom:2px solid #ededed}.stories .item:nth-of-type(2n) .main-col{border:0 none}.story-popup{width:1056px}.story-popup .head{position:relative;width:1056px;height:298px;overflow:hidden;padding:52px 59px 0 59px;background-color:#4ebdfc}.story-popup .head:before{content:"";position:absolute;top:0;left:710px;z-index:1;width:500px;height:298px;background-color:rgba(255,255,255,0.1);transform:skewX(-30deg)}.story-popup .head .name{color:#fff;font-size:36px;line-height:50px;font-weight:400;text-transform:uppercase;margin:0 0 17px 0}.story-popup .head .name:before{content:"";display:block;width:62px;height:5px;margin:0 0 50px 0;background-color:#fff}.story-popup .head .author{color:#112c4d;font-size:18px;line-height:36px;font-weight:700;text-transform:uppercase}.story-popup .head .imgbox{position:absolute;right:60px;top:0;height:298px}.story-popup .head .imgbox:before{content:"";display:inline-block;vertical-align:middle;height:298px}.story-popup .head .imgbox{display:inline-block;vertical-align:middle}.story-popup .full-text{padding:20px 55px 51px 55px}.story-popup .full-text img{max-width:100%;width:auto;height:auto}@media only screen and (max-width:768px){main{overflow:hidden;background-color:#ededed}main>.grid{padding:20px 10px 20px 10px}main>.grid>*{position:relative;z-index:2}main>.grid:before{content:"";position:absolute;top:0;left:-1826px;z-index:1;width:100vw;height:10000px;background-color:#e4e4e4;transform:skewX(-30deg)}.banner .grid:before{background-color:rgba(17,42,74,0.7)}.banner .text{width:auto}.portfolio{width:auto}.portfolio .portfolio-item{display:none}.portfolio .portfolio-item:nth-of-type(2n){margin-right:0}.portfolio .portfolio-item.show{display:inline-block}.search-bar .combo{margin:0 40px 0 0}.stats{padding:20px 0 0 0}.stats h2{font-size:21px;line-height:20px;margin:0 0 20px 0}.stats .item{width:calc(50vw - 15px);height:80px;padding:25px 0 0 13px;margin:0 7px 6px 0}.stats .item:nth-of-type(2n){margin:0 0 6px 0}.stats .item .number{font-size:36px;line-height:30px;margin:0 0 3px 0}.stats .item .label{font-size:10px;line-height:20px}.stories{padding:20px 10px 20px 10px}.stories h2{margin:0 0 20px 0}.stories .item{margin:0 0 30px 0}.stories .item .side-col{top:0;height:140px;margin:0 0 20px 0}.stories .item .side-col:before{content:"";position:absolute;top:0;left:210px;z-index:1;width:100vw;height:100%;background-color:rgba(255,255,255,0.1);transform:skewX(-30deg)}.stories .item .side-col h3{font-size:26px;line-height:36px}.stories .item .side-col .author{font-size:14px}.stories .item .side-col .imgbox img{max-width:100px;max-height:50px}.stories .item .main-col{width:auto;padding:0;margin:0}.story-popup{width:100vw}.story-popup .head{width:100%;height:150px;padding:20px}.story-popup .head:before{left:auto;right:-100px;width:200px;height:150px}.story-popup .head .name{font-size:21px;line-height:25px;margin:0 0 17px 0}.story-popup .head .name:before{width:32px;height:3px;margin:0 0 20px 0}.story-popup .head .author{font-size:16px;line-height:16px}.story-popup .head .imgbox{position:absolute;right:10px;top:auto;bottom:10px;height:auto}.story-popup .head .imgbox:before{display:none}.story-popup .head .imgbox img{display:inline-block;vertical-align:middle;max-width:100px;max-height:100px;width:auto;height:auto}.story-popup .full-text{padding:0 20px 20px 20px}}