/* Template created by CENTROARTS.com | Author: Rumin Sergey | URL: /images/2018/bg1819.jpg url("/images/2018/bg1819.jpg")*/ html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; } @font-face { font-family: 'Agency'; src: url('/files/AGENCYB.eot'); src: local('O'), url('/files/AGENCYB.woff') format('woff'), url('/files/AGENCYB.ttf') format('truetype'), url('/files/AGENCYB.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AgencyBold'; src: url('/files/AGENCYBold.eot'); src: local('O'), url('/files/AGENCYBold.woff') format('woff'), url('/files/AGENCYBold.ttf') format('truetype'), url('/files/AGENCYBold.svg') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'AgencyBold2'; src: url('/files/AGENCYBold2.eot'); src: local('O'), url('/files/AGENCYBold2.woff') format('woff'), url('/files/AGENCYBold2.ttf') format('truetype'), url('/files/AGENCYBold2.svg') format('svg'); font-weight: bold; font-style: normal; } @font-face{font-family:'PF Din Text Comp Pro';src:url(/files/PFDinTextCompPro-Italic.eot);src:url(/files/PFDinTextCompPro-Italic.eot?#iefix) format('embedded-opentype'),url(/files/PFDinTextCompPro-Italic.woff2) format('woff2'),url(/files/PFDinTextCompPro-Italic.woff) format('woff'),url(/files/PFDinTextCompPro-Italic.ttf) format('truetype'),url(/files/PFDinTextCompPro-Italic.svg#PFDinTextCompPro-Italic) format('svg');font-weight:400;font-style:italic}@font-face{font-family:'PF Din Text Comp Pro' ;src:url(/files/PFDinTextCompPro-Regular.eot);src:url(/files/PFDinTextCompPro-Regular.eot?#iefix) format('embedded-opentype'),url(/files/PFDinTextCompPro-Regular.woff2) format('woff2'),url(/files/PFDinTextCompPro-Regular.woff) format('woff'),url(/files/PFDinTextCompPro-Regular.ttf) format('truetype'),url(/files/PFDinTextCompPro-Regular.svg#PFDinTextCompPro-Regular) format('svg');font-weight:400;font-style:normal}@font-face{font-family:'PF Din Text Comp Pro';src:url(/files/PFDinTextCompPro-Medium.eot);src:url(/files/PFDinTextCompPro-Medium.eot?#iefix) format('embedded-opentype'),url(/files/PFDinTextCompPro-Medium.woff2) format('woff2'),url(/files/PFDinTextCompPro-Medium.woff) format('woff'),url(/files/PFDinTextCompPro-Medium.ttf) format('truetype'),url(/files/PFDinTextCompPro-Medium.svg#PFDinTextCompPro-Medium) format('svg');font-weight:500;font-style:normal}@font-face{font-family:'PF Din Text Comp Pro';src:url(/files/PFDinTextCompPro-Light.eot);src:url(/files/PFDinTextCompPro-Light.eot?#iefix) format('embedded-opentype'),url(/files/PFDinTextCompPro-Light.woff2) format('woff2'),url(/files/PFDinTextCompPro-Light.woff) format('woff'),url(/files/PFDinTextCompPro-Light.ttf) format('truetype'),url(/files/PFDinTextCompPro-Light.svg#PFDinTextCompPro-Light) format('svg');font-weight:300;font-style:normal}@font-face{font-family:'PF Din Text Comp Pro';src:url(/files/PFDinTextCompPro-Thin.eot);src:url(/files/PFDinTextCompPro-Thin.eot?#iefix) format('embedded-opentype'),url(/files/PFDinTextCompPro-Thin.woff2) format('woff2'),url(/files/PFDinTextCompPro-Thin.woff) format('woff'),url(/files/PFDinTextCompPro-Thin.ttf) format('truetype'),url(/files/PFDinTextCompPro-Thin.svg#PFDinTextCompPro-Thin) format('svg');font-weight:100;font-style:normal} @font-face{font-family:'Torpedo2';src:url(/files/PFDinTextCompPro-Italic.eot);src:url(/files/PFDinTextCompPro-Italic.eot?#iefix) format('embedded-opentype'),url(/files/PFDinTextCompPro-Italic.woff2) format('woff2'),url(/files/PFDinTextCompPro-Italic.woff) format('woff'),url(/files/PFDinTextCompPro-Italic.ttf) format('truetype'),url(/files/PFDinTextCompPro-Italic.svg#PFDinTextCompPro-Italic) format('svg');font-weight:400;font-style:italic}@font-face{font-family:'Torpedo2' ;src:url(/files/PFDinTextCompPro-Regular.eot);src:url(/files/PFDinTextCompPro-Regular.eot?#iefix) format('embedded-opentype'),url(/files/PFDinTextCompPro-Regular.woff2) format('woff2'),url(/files/PFDinTextCompPro-Regular.woff) format('woff'),url(/files/PFDinTextCompPro-Regular.ttf) format('truetype'),url(/files/PFDinTextCompPro-Regular.svg#PFDinTextCompPro-Regular) format('svg');font-weight:400;font-style:normal}@font-face{font-family:'Torpedo2';src:url(/files/PFDinTextCompPro-Medium.eot);src:url(/files/PFDinTextCompPro-Medium.eot?#iefix) format('embedded-opentype'),url(/files/PFDinTextCompPro-Medium.woff2) format('woff2'),url(/files/PFDinTextCompPro-Medium.woff) format('woff'),url(/files/PFDinTextCompPro-Medium.ttf) format('truetype'),url(/files/PFDinTextCompPro-Medium.svg#PFDinTextCompPro-Medium) format('svg');font-weight:500;font-style:normal}@font-face{font-family:'Torpedo2';src:url(/files/PFDinTextCompPro-Light.eot);src:url(/files/PFDinTextCompPro-Light.eot?#iefix) format('embedded-opentype'),url(/files/PFDinTextCompPro-Light.woff2) format('woff2'),url(/files/PFDinTextCompPro-Light.woff) format('woff'),url(/files/PFDinTextCompPro-Light.ttf) format('truetype'),url(/files/PFDinTextCompPro-Light.svg#PFDinTextCompPro-Light) format('svg');font-weight:300;font-style:normal}@font-face{font-family:'Torpedo2';src:url(/files/PFDinTextCompPro-Thin.eot);src:url(/files/PFDinTextCompPro-Thin.eot?#iefix) format('embedded-opentype'),url(/files/PFDinTextCompPro-Thin.woff2) format('woff2'),url(/files/PFDinTextCompPro-Thin.woff) format('woff'),url(/files/PFDinTextCompPro-Thin.ttf) format('truetype'),url(/files/PFDinTextCompPro-Thin.svg#PFDinTextCompPro-Thin) format('svg');font-weight:100;font-style:normal} body { background-color:#162a52; color: #1f282c; font-family: font-family: 'Oswald', sans-serif, Arial Narrow, sans-serif; background: #162a52 url("http://www.hctorpedo.ru/images/2021/bg2021.jpg");background-attachment: fixed; background-position: top center; background-repeat: no-repeat; word-wrap: break-word; /* background: #162a52 url("http://www.hctorpedo.ru/uploads/na-ng_bg2020-2021_-new-year.jpg"); background-attachment: fixed; background-position: top center; background-repeat: no-repeat; word-wrap: break-word;*/ } .header-bar{background:#1E222D;height:auto;line-height:60px}.header-bar__inside{max-width:1300px;margin:0 auto}@media only screen and (max-width:1350px){.header-bar__inside{width:1200px;margin:0 auto}}.header-bar__part{display:inline-block;vertical-align:top}.header-bar__part.m-left{text-align:left;width:55%}.header-bar__part.m-right{text-align:right;width:45%}.header-bar__socials{display:inline-block;vertical-align:middle;margin-right:20px}@media (min-width:767px) and (max-width:890px){.header-bar__socials{position:absolute;top:50px}}.header-bar__list{display:inline-block;vertical-align:middle}.header-bar__sub-list{position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;background:#1E222D;z-index:9001;padding:0;display:none;left:-15px}.top-nav__item .header-bar__sub-list{position:unset;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-right:10px;background:0 0;width:100%;height:30px;min-height:unset;margin-top:15px}.header-bar__sub-list_social{height:30px;line-height:normal;left:0}.header-bar__item{position:relative;display:inline-block;font-size:12px;font-weight:700;vertical-align:middle}.header-bar__item+.header-bar__item{margin-left:30px}.header-bar__item .header-bar__sub-list_social{display:block;position:relative;margin-left:10px}.header-bar__item .social-links__link{width:25px;height:17px}.header-bar__sub-item{list-style-type:none;line-height:normal;padding:10px 15px}.header-bar__item--spec{display:none}.header-bar__list>li:hover>.header-bar__sub-list{display:block}.header-bar__sub-item.m-gray{fill:#999}.header-bar__sub-item_social{display:inline-block;padding:5px 10px 5px 0}.header-bar__profile{height:27px;background:#f13e3e;border-radius:50%;vertical-align:middle;margin:0 3px}.header-bar__link{cursor:pointer;color:#999}.header-bar__link:hover{color:#679ae5}.header-bar__link_arrow:after{position:relative;display:inline-block;margin-left:3px;width:11px;height:7px;background:url(/frontend/src/img/svg/expand-button.svg) center no-repeat;background-size:100%;margin-bottom:1px}.header-bar__search{display:inline-block;width:288px;height:100%;vertical-align:top;margin-right:40px;position:relative;z-index:4}.header-bar__submit{-webkit-appearance:none;border:none;background:0 0;padding:0;margin:0 -20px 0 0;vertical-align:middle}.header-bar__input{vertical-align:middle;background:0 0;border:none;border-bottom:1px solid #353942;padding:0 0 0 25px;color:#fff}.header-bar__input:focus{outline:0}.header-bar-mobile{display:none}.header-bar__list-left{display:inline-block;vertical-align:middle}.header-bar .ticket__label{display:inline-block;vertical-align:middle;padding:0 40px 0 0}.header-bar .ticket__label svg{width:15px;height:23px;margin-bottom:5px;fill:#999}.header-bar .shop__label{display:inline-block;vertical-align:middle;padding:0 40px 0 0}.header-bar .shop__label svg{width:14px;height:23px;margin-bottom:5px;fill:#999}.header-bar .shop__label a{position:relative;display:inline-block}.header-bar .shop__label a span{width:18px;height:18px;border-radius:100%;line-height:18px;font-size:12px;font-weight:700;text-align:center;color:#fff;background-color:#f53c38;position:absolute;top:50%;right:-12px;display:none}.header-bar .shop__label a span.count--active{display:inline-block}.header-bar .shop__label a.label--active:after{content:"";display:block;width:0;height:0;border-style:solid;border-width:0 9px 9px;border-color:transparent transparent #222f37;position:absolute;bottom:-1px;left:0}.header-bar__frames{max-width:1300px;margin:0 auto;position:relative;height:0}.header-bar__frame{border:none;z-index:100;position:absolute;top:0;left:0;right:0;width:100%;margin:0;display:none;overflow:hidden}.header-bar__frame.frame--shop{height:440px}.header-bar__frame.frame--active{display:block}.drop-down__trigger{background:0 0;border:none;vertical-align:middle;display:inline-block}.drop-down__trigger svg{width:15px;fill:#999}.header-bar-mobile ul.header-bar__drop-down,ul.header-bar__drop-down{display:none;position:absolute;left:-110px;top:42px;z-index:9100;min-width:100px}@media only screen and (max-width:767px){.drop-down__trigger svg{padding-top:0}.header-bar-mobile ul.header-bar__drop-down,ul.header-bar__drop-down{top:35px}.header-bar-mobile ul.header-bar__drop-down .drop-down__trigger svg,ul.header-bar__drop-down .drop-down__trigger svg{padding-top:0}}.header-bar-mobile ul.header-bar__drop-down:before,ul.header-bar__drop-down:before{content:"";position:absolute;width:10px;height:10px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:-4px;right:10px;background:#004EB3;z-index:-1}.header-bar-mobile ul.header-bar__drop-down:after,ul.header-bar__drop-down:after{content:"";position:absolute;top:-22px;left:38px;height:24px;min-width:100px}.header-bar-mobile ul.header-bar__drop-down .header-bar__item,ul.header-bar__drop-down .header-bar__item{display:block;background:#004eb3;text-align:center;text-transform:capitalize;padding:0 20px;margin-left:0!important;line-height:50px}.header-bar-mobile ul.header-bar__drop-down .header-bar__item .header-bar__link,ul.header-bar__drop-down .header-bar__item .header-bar__link{display:block;font-size:13px;color:rgba(255,255,255,.4)}.header-bar-mobile ul.header-bar__drop-down .header-bar__item:first-child,ul.header-bar__drop-down .header-bar__item:first-child{border-top-left-radius:10px;border-top-right-radius:10px}.header-bar-mobile ul.header-bar__drop-down .header-bar__item:last-child,ul.header-bar__drop-down .header-bar__item:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.header-bar-mobile ul.header-bar__drop-down .header-bar__item:hover,ul.header-bar__drop-down .header-bar__item:hover{background:#1E222D;cursor:pointer}.header-bar-mobile ul.header-bar__drop-down .header-bar__item:hover .header-bar__link,ul.header-bar__drop-down .header-bar__item:hover .header-bar__link{display:block;color:#fff}.header-bar-mobile__ticket>a{text-transform:uppercase;color:#fff;font-weight:600}.header-bar__item--drop{display:none;position:relative}.header-bar__item--drop:hover .header-bar__drop-down{display:block}@media only screen and (max-width:1199px){.header-bar,.header-bar__part.m-right{background:#1E222D!important;border-top:1px #2C3141 solid}#search__results{left:0!important}.search__form-holder.js-searching .search__row{height:50px!important;display:inline-block!important}.search__close-button{top:15px!important}.header-bar{height:102px;text-align:right}.header-bar__inside{width:auto;margin:0}.header-bar__part{display:block;height:50px;line-height:49px}.header-bar__part.m-left,.header-bar__part.m-right{width:auto;padding:0 40px}.header-bar__list,.header-bar__search{display:inline-block}}@media only screen and (max-width:767px){.header-bar-mobile,.header-bar__inside{background:#01021E}.header-bar-mobile ul,.header-bar-mobile__list:after{float:none;clear:both}.header-bar{height:auto;display:none;line-height:47px}.header-bar-mobile{display:block}.header-bar-mobile ul{list-style:none;display:block;min-height:60px}.header-bar-mobile__list{padding:0;margin:0;width:100%}.header-bar-mobile__list>li{text-align:center}.header-bar-mobile__butter-menu{float:left;margin:3px 0 0 8px;padding:8px 5px 0}.header-bar-mobile__butter-menu button{background-color:rgba(0,0,0,0);background-image:none;border:1px solid transparent;border-radius:4px;padding:2px 6px 3px}.header-bar-mobile__butter-menu button span.butter-menu__line{background-color:#999;border-radius:1px;display:block;height:3px;margin-bottom:3px;margin-top:4px;width:24px}.header-bar-mobile__butter-menu div.butter-menu__cross{height:36px;width:40px;position:relative;display:none;cursor:pointer}.header-bar-mobile__butter-menu div.butter-menu__cross:after,.header-bar-mobile__butter-menu div.butter-menu__cross:before{position:absolute;width:22px;height:3px;left:10px;top:16px;background-color:#fff;content:''}.header-bar-mobile__butter-menu div.butter-menu__cross:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.header-bar-mobile__butter-menu div.butter-menu__cross:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.header-bar-mobile__butter-menu.active span.butter-menu__line,.header-bar-mobile__butter-menu:active span.butter-menu__line{background-color:#fff}.header-bar-mobile__lang{float:right;margin:5px 18px 0 0}.header-bar-mobile__lang a{text-transform:uppercase;color:#fff;font-weight:600;font-size:16px}.header-bar-mobile__ticket{float:right;margin:5px 20px 0 0;font-size:16px;font-weight:700}.header-bar-mobile__ticket span{font-size:16px;font-weight:700}.header-bar-mobile__ticket svg{width:21px;height:21px;fill:#999;margin-top:-5px}.header-bar-mobile__shop{float:right;margin:2px 22px 0 0}.header-bar-mobile__shop svg{width:20px;height:23px;fill:#999}.header-bar-mobile__shop a{display:inline-block;position:relative}.header-bar-mobile__shop a span{width:18px;height:18px;border-radius:100%;line-height:18px;font-size:12px;font-weight:700;text-align:center;color:#fff;background-color:#f53c38;position:absolute;top:50%;right:-12px;display:none}.header-bar-mobile__shop a span.count--active{display:inline-block}.header-bar-mobile__search{float:right;margin:0 29px 0 0}.header-bar-mobile__search .search__label{margin:0!important}.header-bar-mobile__search svg{width:19px;height:23px;fill:#999}.header-bar-mobile .top-nav__list{display:none;font-size:14px;line-height:28px}.header-bar-mobile .top-nav__item{width:100%;padding-left:28px;float:left;padding-top:0}.header-bar-mobile .top-nav__item .search__text-input{line-height:2;background:url(../img/tmp/searchicon.png) center no-repeat;background-position-x:right;padding:0}.header-bar-mobile .top-nav__item .search__input-holder{width:100%;padding-right:15px}.header-bar-mobile .top-nav__special{text-transform:uppercase;font-weight:700;background:#2c3141;font-size:10px;line-height:40px}.header-bar-mobile .top-nav__special-hr{clear:both;width:100%;float:none;display:block;height:10px}.header-bar-mobile .top-nav__section{padding:0;color:#999;font-weight:500;margin:10px 0}.header-bar-mobile .top-nav__section li{position:relative;cursor:pointer}.header-bar-mobile .top-nav__section li:after{color:#fff;content:'';border-top:3px solid #999;border-left:3px solid #999;display:block;width:11px;height:11px;margin:auto;position:absolute;top:4px;right:20px;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.header-bar-mobile .top-nav__section-back{text-align:center;color:#fff;cursor:pointer;margin-bottom:20px}.header-bar-mobile .top-nav__section-back:after{content:'';color:#fff;border-top:3px solid #fff;border-left:3px solid #fff;display:block;width:11px;height:11px;margin:auto;position:absolute;top:7px;left:29px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.header-bar-mobile .top-nav__section-sub{width:100%;position:absolute;background:#02021c;color:#fff;display:none;z-index:100;font-weight:500;text-transform:uppercase;padding-left:25px;padding-right:25px}.header-bar-mobile .top-nav__section-sub li a,.header-bar-mobile .top-nav__section-sub li a:focus,.header-bar-mobile .top-nav__section-sub li a:hover{color:#fff}.header-nav .top-nav{display:none}.header-nav_home{padding:0 10px}} @-webkit-keyframes scroll { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0) } } @-moz-keyframes scroll { 0% { -moz-transform: translate(0, 0); transform: translate(0, 0); } 100% { -moz-transform: translate(-100%, 0); transform: translate(-100%, 0) } } @keyframes scroll { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0) } } .marquee { display: block; width: 100%; white-space: nowrap; overflow: hidden; } .marquee span { display: inline-block; padding-left: 100%; -webkit-animation: scroll 5s infinite linear; -moz-animation: scroll 5s infinite linear; animation: scroll 5s infinite linear; } .qr { font-family: 'PF Din Text Comp Pro'; font-size:18px;} .glavn { width:1010px; padding: 0; /* Поля вокруг текста */ margin: auto; /* Выравниваем по центру */ } .picture { padding:10px 10px 10px 10px; font-family: 'PF Din Text Comp Pro', Arial Narrow, Arial Narrow, sans-serif; font-size:20px; text-align:left; } .picture img { width:200px; float:left; padding: 0 10px 10px 0; } .profile{ float:left; font-family:'Agency'; overflow:hidden; /* this is important */ } /* input values to crop the image: top, right, bottom, left */ .profile img{ margin: 0; border: 2px solid #e1e4eb; } .hockey { padding:0px 0px 10px 10px; } .hockey a, .hockey a:hover { color:#FFF; } .headblock { font-size:13px;text-align:left;text-transform:uppercase;color:#FFF } .headlogin {font-family:'PF Din Text Comp Pro';width:162px; border: none; font-size:16px; padding-left:6px;background-color:#111b40; float:left; text-align:left; color:#FFF; height:24px; border-bottom:1px solid #2b4175; border-left:1px solid #2b4175; border-right:1px solid #2b4175} .headlogin2 {font-family:'PF Din Text Comp Pro';width:100%; border: none; font-size:16px; padding-left:3px;background-color:#142256; float:left; text-align:left; color:#FFF; height:28px; border-bottom:1px solid #2b4175; border-left:1px solid #2b4175; border-right:1px solid #2b4175} .headlogin3 {font-family:'PF Din Text Comp Pro';width:164px; font-size:16px; padding-top:3px;padding-left:6px;background-color:#111b40; float:left; text-align:left; color:#FFF; height:22px; border-bottom:1px solid #0a3677; vertical-align:bottom} .headlogin3 a, .headlogin3 a:hover { text-decoration: none; } .textfaq {font-size:22px} .headlogin4 {font-family:'PF Din Text Comp Pro';width:164px; font-size:16px; padding-top:3px;padding-left:6px;background-color:#232c4e; float:left; text-align:left; color:#FFF; height:22px; border-bottom:1px solid #0a3677; vertical-align:bottom} .headlogin4 a, .headlogin4 a:hover { text-decoration: none; } .buttons {font-family:'PF Din Text Comp Pro';font-size:13px; padding: 6px 6px 6px 35px;background-color:#0a3677; float:center; text-align:left; color:#FFF; border: 1px solid #0a3677; background: url("http://www.hctorpedo.ru/images/2015/video.jpg"); } .buttons2 {font-family:'PF Din Text Comp Pro';font-size:13px; padding: 6px 6px 6px 35px;background-color:#aa1f1f; float:center; text-align:left; color:#FFF; border: 1px solid #aa1f1f; background: url("http://www.hctorpedo.ru/images/2015/photo.jpg"); } .notslink .a { color:#FFF; text-decoration: none; } .notslink a:hover { color:#FFF; text-decoration: none; } .statis {font-size:22px; font-family: 'PF Din Text Comp Pro', Arial Narrow, 'Roboto'; padding-top:10px; text-transform: uppercase} .tabs { height:36px; } .tabs ul{ list-style-type: none; font-size:14px; text-transform: uppercase; font-weight: bold; } .tabs ul li{ float:left; display:inline; margin-right:1px; } .tabs ul li a, .tabs ul li a span { float:left; height:36px; background:url(images/tab.gif) no-repeat 0 -37px; padding:0 0 0 20px;} .tabs ul li a span { background-position:right -37px; padding:0 20px 0 0;} .tabs ul li a { position:relative; line-height:36px; color:#FFF; } .tabs ul li a.red { background-position:0 -74px; color:#fff; } .tabs ul li a.red span{ background-position:right -74px;} .tabs ul li a.active, .tabs ul li a:hover { background-position:0 0; color:#4f4f4f; } .tabs ul li a.active span, .tabs ul li a:hover span{ background-position:right 0;} .tab-content { display:none;} .items { position:relative; width:100%; margin-right:-20px; padding-bottom:5px; } .items ul{ list-style-type: none;} .items ul .image{ text-align: center;} .items ul li{ background-color:#fafbfc;float:left; border: 1px solid #e1e4eb; width:345px; margin:10px 18px 5px 0; padding:10px; } .items ul li p span{ color:#0a2c4f} .items ul li p.price{ padding-top:15px; } .items ul li p.price strong{ color:#890000; font-size:14px;} .items3 { position:relative; width:100%; margin-right:-20px; padding-bottom:5px; } .items3 ul{ list-style-type: none;} .items3 ul .image{ text-align: center;} .items3 ul li{ background-color:#fafbfc;float:left; border: 1px solid #e1e4eb; width:730px; margin:10px 18px 5px 0; padding:10px; } .items3 ul li p span{ color:#0a2c4f} .items3 ul li p.price{ padding-top:15px; } .items3 ul li p.price strong{ color:#890000; font-size:14px;} .cl { font-size:0; line-height:0; clear:both; display:block; height:0; } .matc { text-align: right; color: #FFF; font-weight: bold; padding-right:5px; padding-top:4px; } .matc2 { text-align: center; color: #FFF; font-size: 12px; } .matc3, .matc3 a { text-align: center; color: #CCC; font-size: 10px; } .matc4 img { border:2px solid #9A9A9A; background-color:#F5F5F5; -webkit-border-radius:6px; -moz-border-radius:5px; -khtml-border-radius:10px; } .knopka {background-color:#0a2c4f; float:left; width:90px; line-height:1em; padding:3px; height:23px; font-size:11px; color:#fff; text-align:center;} .knopka2 {background-color:#0a2c4f; float:left; width:90px; padding:3px; font-size:11px; color:#fff; text-align:left;} .photka {text-align:center;padding-top:7px;} .score, .score a, .score a:hover {text-align:center;padding:2px;font-size:32px;color:#fff;font-family: 'AgencyBold2';letter-spacing: 2px;} .score2, .score2 a, .score2 a:hover {font-family: 'PF Din Text Comp Pro'; text-align:center;padding-top:7px;font-size:15px;color:#fff;} .gallery, .gallery a, .gallery a:hover {float:left;padding:2px;text-decoration: none;} .numbercust {font-family: 'Roboto Condensed', 'Roboto'; background-color:#111b40;width:45px; height:23px; font-size:16px; color:#fff; text-align:center; " } .numbercust2 {font-family: 'Roboto Condensed', 'Roboto'; background-color:#cc0000;width:45px; height:23px; font-size:16px; color:#fff; text-align:center; " } .numbercust3 {font-family: 'Roboto Condensed', 'Roboto'; padding-left:10px; padding-right:10px; background-color:#30e30c;height:23px; font-size:16px; color:#fff; text-align:center; " } .numbercust4 {font-family: 'Roboto Condensed', 'Roboto'; padding-left:10px; padding-right:10px; background-color:#cc0000;height:23px; font-size:16px; color:#fff; text-align:center; " } .number1 {font-family: 'AgencyBold2';float:left; font-weight:bold; width:40px; height:30px; font-size:28px; color:#d0122d; text-align:center; " } .number2 {font-family:'Agency', sans-serif; vertical-align:middle;color:#1e2b50; float:left; width:300px; line-height:1em; padding-left:5px; padding-top:5px; height:30px; font-size:24px; text-align:left; } .number3 {font-family:'PF Din Text Comp Pro', Arial Narrow, sans-serif; padding:2px 0px 2px 2px; font-size:14px; color:#a6c0cb; float:left;} .number3 a, .number3 a:hover {color:#FFF;text-decoration: none;} .number4 { font-family:'PF Din Text Comp Pro'; line-height: 1; background-color:#111b40; float:left; border-bottom:1px solid #213973; width:141px; padding-left:2px; height:30px; font-size:14px; color:#FFF; text-align:left; } .number4 a, .number4 a:hover {color:#FFF;text-decoration: none;} .number5 { font-family:'PF Din Text Comp Pro', Arial Narrow, sans-serif; line-height: 1.6; background-color:#111b40; float:left; border-bottom:1px solid #213973; border-right:1px solid #213973;width:24px; height:30px; font-size:19px; color:#fff; text-align:center; } .number6 {text-transform: uppercase; font-family:''Agency'', 'Roboto';font-weight:bold;border-radius: 10px 10px 0px 0px; line-height: 2.2; float:left; background-color:#2b4175; border-bottom:1px solid #111b40; width:155px; padding-left:5px; height:24px; font-size:11px; color:#FFF; text-align:left; } .number7 {text-transform: uppercase; font-family:'PF Din Text Comp Pro', 'Roboto';font-weight:bold;line-height: 2.2; background-color:#2b4175; float:left; border-bottom:1px solid #111b40; width:155px; padding-left:5px; height:24px; font-size:11px; color:#FFF; text-align:left; } .number8 {background-color:#111b40; float:left; border-radius: 0px 0px 10px 10px; width:160px; height:10px; } .numberrez {text-transform: uppercase; font-family:'PF Din Text Comp Pro', 'Roboto';font-weight:bold;border-radius: 10px 10px 0px 0px; line-height: 2.2; background-color:#2b4175; float:left; border-bottom:1px solid #111b40; width:235px; padding-left:5px; height:24px; font-size:12px; color:#FFF; text-align:left; } .number9 { line-height: 2.2; background-color:#2b4175; float:left; border-bottom:1px solid #111b40; width:60px; height:40px; font-size:12px; color:#fff; text-align:center; } .payticket {width:500px;} .payticket a:hover {background: #111b40; background: url(http://www.hctorpedo.ru/images/2014/pay.jpg)} .online, online a, .online a:hover { color:#0C0; text-transform:uppercase;} .ofline, ofline a, .ofline a:hover { color:#666; text-transform:uppercase;} .b-img-radius { zoom: 1; position: relative; padding:4px; background:#FFF; border:1px solid #ccc; display: inline-block; vertical-align: top; border-radius: 0 0 5px 5px; } .b-img-radius img { display: block; visibility: hidden; } .news1 { padding: 0px 15px; } .news2 { margin: 0 15px; padding-top: 10px;} .news2 img { padding: 10px 10px;} .news3 { color: #cc0000; font-weight: bold; } .news4 { color: #003876; } .soc { color: #999; padding-left: 20px; font-family: 'Roboto'; font-size: 12px; } .soc2 { color: #999; padding-right: 20px; font-family: 'Roboto'; font-size: 12px; } div.player-data{ font-family:'PF Din Text Comp Pro'; margin-bottom:20px; font-size:17px; } div.player-data .number{ float:left; width:30px; line-height:1em; padding-top:5px; height:25px; font-size:18px; color:#fff; text-align:center; } div.player-data .green{ background-color:#111b40; } div.player-data .red { background-color:#c6282e; } div.player-data .name { font-size:18px; line-height:0.7em; margin-left:40px; } div.player-data .amplua{ margin-left:40px; font-size:12px; color:#949699; padding-top:5px; } div.player-data .img{ margin-bottom:20px; } div.player-stats{ font-family:'PF Din Text Comp Pro'; text-align:left; padding-left:12px;padding-bottom:25px;} div.player-stats table{ empty-cells:hide; width:100%; } div.player-stats td{ border-bottom:1px solid #edf0ed; font-size:18px; font-family: 'PF Din Text Comp Pro'; padding:8px 0 10px 0; width:200px; vertical-align:top; } div.player-stats td div{ font-family:'PF Din Text Comp Pro';text-transform:uppercase; color:#949699; line-height:1em; } div.player-stats td.sep{ width:20px;} .playershort { font-size:18px; border-bottom:1px solid #edf0ed; padding:8px 0 10px 0; } .head123 {width:324px; background-color:#e6eaed; color:#333} .headlinks {width:170px; background-color:#111b40; -webkit-appearance: none; padding:3px; background: url(http://www.hctorpedo.ru/images/2015/new_arrow.png) no-repeat right #111b40; color:#FFF; font-family:'PF Din Text Comp Pro', Arial Narrow, sans-serif; border:1px solid #213973; font-size:16px} .rez { font-family: 'PF Din Text Comp Pro', Arial Narrow, Arial Narrow, sans-serif; color: #111b40; font-size:16px } .profileimg { float:left; margin:.2em 10px .5em 0; overflow:hidden; /* this is important */ border: 1px solid #e1e4eb;} .stripy tr:hover { color:#cc0000; } .stripy{ -moz-binding: url(bindings.xml#table); font-family: 'PF Din Text Comp Pro', Arial Narrow, Arial Narrow, sans-serif; } .stripy tr { behavior: url(stripy.htc); -moz-binding: url(bindings.xml#stripy.htc); background-image:url("javascript:function makeStripy(tabClass){var tabs=document.getElementsByTagName('table');for (var e=0;e .hero-content-sizer { display: block; position: relative; padding-right: 45%; } .hero-content > .hero-content-sizer.full-width { padding-right: 0; } .hero-content.hero-tickets-content > .hero-content-sizer { margin: 0 auto; padding-right: 0; width: 50%; } .hero-content h1.game-title, .hero-content .h1.game-title { font-size: 50px; } .hero-content h1.game-title span, .hero-content .h1.game-title span { font-size: 140px; } .hero-content h1.game-title.en, .hero-content .h1.game-title.en { font-size: 40px; } .hero-content h1.game-title.en span, .hero-content .h1.game-title.en span { font-size: 85px; } .hero-content p { font-size: 16px; } .hero-content .hero-content-btns { position: absolute; right: 0; bottom: 0; width: 50%; text-align: right; } .hero-content .hero-content-btns .btn-powered-by { margin-top: 0; margin-bottom: -10px; font-size: 1.1em; } .hero-content .hero-content-btns .btn-powered-by img { width: 75px; } } @media screen and (min-width: 1024px) { .hero-content > .hero-content-sizer { padding-right: 55%; } .hero-content > .hero-content-sizer.full-width { padding-right: 0; } .hero-content h1.game-title, .hero-content .h1.game-title { font-size: 54px; } .hero-content h1.game-title span, .hero-content .h1.game-title span { font-size: 150px; } .hero-content h1.game-title.en, .hero-content .h1.game-title.en { font-size: 45px; } .hero-content h1.game-title.en span, .hero-content .h1.game-title.en span { font-size: 100px; } .hero-content.hero-tickets-content h1.game-title, .hero-content.hero-tickets-content .h1.game-title { font-size: 52px; } .hero-content.hero-tickets-content h1.game-title span, .hero-content.hero-tickets-content .h1.game-title span { font-size: 150px; } .hero-content.hero-tickets-content h1.game-title.en span, .hero-content.hero-tickets-content .h1.game-title.en span { font-size: 100px; } } .hero-frontpage-2020 { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; width: 100%; height: auto; } .hero-frontpage-2020 + #main-content-front { padding-top: 0; } .hero-frontpage-2020:before, .hero-frontpage-2020:after { display: none; } .hero-frontpage-2020 .col-hero-main { display: flex; flex-direction: column; justify-content: flex-end; position: relative; margin: 0; flex: 1; padding: 100px 15px 30px; } .hero-frontpage-2020 .col-hero-main.img-only { padding: 0; } .hero-frontpage-2020 .col-hero-main.img-only .hero-campaign-img { width: 100%; max-width: none; height: auto; } .hero-frontpage-2020 .col-hero-main .hero-img-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-position: center; } .hero-frontpage-2020 .col-hero-main .hero-content { position: relative; padding: 0; max-width: 700px; } .hero-frontpage-2020 .col-hero-main .hero-content h1 { color: #fff; text-align:left; text-transform: uppercase; font-size: 36px; margin-bottom: .5rem; text-shadow: 0px 0px 16px #000000; } .hero-frontpage-2020 .col-hero-main .hero-content p { color: #fff; text-align:left; font-family: 'PF Din Text Comp Pro', Arial Narrow, Arial Narrow, sans-serif; font-size: 16px; margin: 0 0 1rem; } .hero-frontpage-2020 .col-hero-main .hero-content .hero-body + .btn { margin-top: .4rem; } .hero-frontpage-2020 .col-hero-ad { margin: 0; background-color: #ffffff; padding: 15px; flex: 0 0 100%; } .hero-frontpage-2020 .col-hero-ad .col-hero-ad-content { background-color: #000000; padding: 15px; display: flex; flex-direction: row; justify-content: space-between; height: 100%; } .hero-frontpage-2020 .col-hero-ad .col-hero-ad-content .store-logo { display: block; width: 70px; height: auto; } .hero-frontpage-2020 .col-hero-ad .col-hero-ad-content .store-logo-en h3 { text-align: center; margin: 0 0 15px; color: #fff; line-height: 1.1; } .hero-frontpage-2020 .col-hero-ad .col-hero-ad-content .ad-img img { max-height: 240px; margin: 0 auto; } .hero-frontpage-2020 .col-hero-ad .col-hero-ad-content .ad-content h2 { text-align: center; color: #ffda00; margin: 0; } .hero-frontpage-2020 .col-hero-ad .col-hero-ad-content .ad-content .btn { margin: 10% 0 0; } @media screen and (min-width: 600px) { .hero-frontpage-2020 { flex-direction: row; } .hero-frontpage-2020 + #main-content-front { padding-top: 36px; } .hero-frontpage-2020 .col-hero-main { padding: 80px 15px 30px; } .hero-frontpage-2020 .col-hero-main .hero-content h1 { font-size: 40px; } .hero-frontpage-2020 .col-hero-main .hero-content p { font-size: 20px; } .hero-frontpage-2020 .col-hero-main.img-only { padding: 0; background-size: contain; background-position: center center; background-repeat: no-repeat; } .hero-frontpage-2020 .col-hero-main.img-only .hero-campaign-img { display: none; } .hero-frontpage-2020 .col-hero-ad { flex: 0 0 28%; max-width: 400px; padding: 0; } .hero-frontpage-2020 .col-hero-ad .col-hero-ad-content { flex-direction: column; } .hero-frontpage-2020 .col-hero-ad .col-hero-ad-content .store-logo { width: 50px; margin-bottom: 15px; } .hero-frontpage-2020 .col-hero-ad .col-hero-ad-content .ad-img img { max-height: 160px; } .hero-frontpage-2020 .col-hero-ad .col-hero-ad-content .ad-content { text-align: center; } .hero-frontpage-2020 .col-hero-ad .col-hero-ad-content .ad-content h2 { margin-top: 15px; } } @media screen and (min-width: 768px) { .hero-frontpage-2020 .col-hero-main { padding: 30px 20px; } .hero-frontpage-2020 .col-hero-main .hero-content h1 { font-size: 46px; margin-bottom: 1rem; } .hero-frontpage-2020 .col-hero-main .hero-content p { font-size: 20px; } .hero-frontpage-2020 .col-hero-main .hero-content .hero-body + .btn { margin-top: 1rem; } .hero-frontpage-2020 .col-hero-ad .col-hero-ad-content { padding: 20px 30px 20px; } .hero-frontpage-2020 .col-hero-ad .col-hero-ad-content .ad-img img { max-height: 300px; } } @media screen and (min-width: 1024px) { .hero-frontpage-2020 .col-hero-main { padding: 50px 5%; } .hero-frontpage-2020 .col-hero-ad .col-hero-ad-content { padding: 30px 30px; } .hero-frontpage-2020 .col-hero-ad .col-hero-ad-content .store-logo { width: 85px; } } @media screen and (min-width: 1240px) { .hero-frontpage-2020 .col-hero-main .hero-content h1 { font-size: 56px; margin-bottom: 1rem; } .hero-frontpage-2020 .col-hero-main .hero-content p { font-size: 20px; } .hero-frontpage-2020 .col-hero-main .hero-content .hero-body + .btn { margin-top: 1rem; } } .hero-pelaajakone { background-color: #171731; } .hero-pelaajakone h1 { font-size: 50px; line-height: 0.9; margin: 0 0 0.2em; } .hero-pelaajakone p { display: block; margin: 0 auto; max-width: 500px; font-size: 16px; font-family: "Proxima N W02 Smbd", Helvetica, Arial, sans-serif; } @media screen and (min-width: 768px) { .hero-pelaajakone h1 { font-size: 100px; } .hero-pelaajakone p { font-size: 20px; } } @media screen and (min-width: 1024px) { .hero-pelaajakone h1 { font-size: 120px; } } .hero-weareontour img { display: block; margin: 0 auto; max-width: 100%; } .hero-weareontour .weareontour-title img { width: 100%; max-width: 400px; } .hero-weareontour .weareontour-info { text-align: center; } .hero-weareontour .weareontour-info .weareontour-games:before, .hero-weareontour .weareontour-info .weareontour-games:after { content: " "; display: table; } .hero-weareontour .weareontour-info .weareontour-games:after { clear: both; } .hero-weareontour .weareontour-info .weareontour-games { *zoom: 1; } .hero-weareontour .weareontour-info .weareontour-games .date { font-family: "Proxima N W02 Reg", Helvetica, Arial, sans-serif; font-size: 1.1em; } .hero-weareontour .weareontour-info .weareontour-games .game { display: inline-block; width: 24%; max-width: 90px; padding: 8px 0 0; vertical-align: top; } .hero-weareontour .weareontour-info .weareontour-games img { display: inline-block; width: 100%; max-width: 90px; } .hero-weareontour .weareontour-info .weareontour-games .result span { background-color: #c8102e; padding: 2px 5px; } .hero-weareontour .weareontour-info p { line-height: 1; margin: 10px 0; } .hero-weareontour .weareontour-info p.h1 { font-size: 16px; } .hero-weareontour .weareontour-info p.h1.vs { font-size: 60px; } .hero-weareontour .weareontour-info .links { margin: 15px 0 0; } .hero-weareontour .weareontour-info .links a { margin: 0 5px; } @media screen and (min-width: 768px) { .hero-weareontour .hero-content > .hero-content-sizer { display: table; width: 100%; padding: 0; } .hero-weareontour .hero-content > .hero-content-sizer div[class^="col-"] { display: table-cell; vertical-align: middle; float: none; } .hero-weareontour .weareontour-title img { max-width: 100%; } } @media screen and (min-width: 1024px) { .hero-weareontour .weareontour-info p { margin: 15px 0; } .hero-weareontour .weareontour-info p.h1 { font-size: 24px; } .hero-weareontour .weareontour-info p.h1.vs { font-size: 100px; } .hero-weareontour .weareontour-info .links { margin: 20px 0 0; } .hero-weareontour .weareontour-info .links a { margin: 0 10px; } .hero-weareontour .weareontour-info .weareontour-games .game { margin: 0 5px; } } @media screen and (min-width: 1160px) { .hero-weareontour .weareontour-info .weareontour-games .game { margin: 0 10px; } } .hero-live .hero-content-sizer { padding: 0; } .hero-live .hero-content .result-with-info, .hero-live .hero-content .btn-with-info { margin-bottom: 15px; } .hero-live .hero-content .live-content-wrap { margin-top: 15px; overflow: hidden; } .hero-live .hero-content .live-content-wrap > h3 { color: #bebebe; font-size: 1.2em; margin: 0 0 0.5em; } .hero-live .hero-content .live-content-wrap .view-more { font-family: "Proxima N W02 Bold", Helvetica, Arial, sans-serif; } .hero-live .hero-content .live-feed-container .bottom-fade { display: none; } .hero-live .hero-content .livefeed-content .lf-event { background-color: transparent; padding: 10px 0; border: none; } .hero-live .hero-content .livefeed-content .lf-event .lf-event-info p { color: #fff; margin-top: 0.3em; } .hero-live .hero-content .livefeed-content .lf-event .lf-event-info p a { color: #fff; } .hero-live .hero-content .livefeed-content .lf-event .lf-event-info p.tweet-title, .hero-live .hero-content .livefeed-content .lf-event .lf-event-info p.goal-info { margin-top: 0; margin-bottom: 0; } .hero-live .hero-content .livefeed-content .lf-event .lf-event-info p.tweet-title .scores, .hero-live .hero-content .livefeed-content .lf-event .lf-event-info p.goal-info .scores { color: #ffda00; } .hero-live .hero-content .livefeed-content .lf-event .lf-event-info p.tweet-title, .hero-live .hero-content .livefeed-content .lf-event .lf-event-info p.tweet-title span, .hero-live .hero-content .livefeed-content .lf-event .lf-event-info p.goal-info { color: #ffda00; } .hero-live .hero-content .livefeed-content .lf-event .lf-event-share { display: none; } @media screen and (min-width: 768px) { .hero-live .hero-content .game-info { width: 38%; margin: 0; float: left; } .hero-live .hero-content .live-feed-container { position: relative; padding-bottom: 51.25%; padding-top: 0; height: 0; overflow: hidden; } .hero-live .hero-content .live-feed-container .live-feed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .hero-live .hero-content .live-feed-container .bottom-fade { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: auto; } .hero-live .hero-content .live-content-wrap { width: 60%; margin: 0; float: right; } .hero-live .hero-content h1.game-title, .hero-live .hero-content .h1.game-title { font-size: 32px; } .hero-live .hero-content h1.game-title span, .hero-live .hero-content .h1.game-title span { font-size: 100px; } .hero-live .hero-content .game-result { padding: 5px 15px; } } @media screen and (min-width: 1024px) { .hero-live .hero-content h1.game-title, .hero-live .hero-content .h1.game-title { font-size: 40px; } .hero-live .hero-content h1.game-title span, .hero-live .hero-content .h1.game-title span { font-size: 120px; } .hero-live .hero-content .game-result { padding: 7px 20px; } } @media screen and (min-width: 1160px) { .hero-live { height: 470px; } .hero-live .container { height: 470px; } .hero-live .hero-content h1.game-title, .hero-live .hero-content .h1.game-title { font-size: 50px; } .hero-live .hero-content h1.game-title span, .hero-live .hero-content .h1.game-title span { font-size: 140px; } } .hero.hero-valentinesday { background-color: #cf006f; } .hero.hero-valentinesday .valentinesday-info img { display: block; margin: 0 auto; } .hero.hero-valentinesday .valentinesday-info h1 { color: #fff; font-size: 40px; } .hero.hero-valentinesday .valentinesday-info p.ingress { font-size: 1.4em; } @media screen and (min-width: 1024px) { .hero.hero-valentinesday .valentinesday-info h1 { color: #fff; font-size: 50px; } } @media screen and (min-width: 1160px) { .hero.hero-valentinesday .valentinesday-info h1 { color: #fff; font-size: 62px; } } .hero-playoffs { background-color: #02000e; text-align: center; } .hero-playoffs .hero-image { display: none; } .hero-playoffs div.playoff-stage { color: #c8102e; text-transform: uppercase; font-family: "DIN W10 Cond Bold", "DIN W01 Cond Bold", "Proxima Nova W08 Cond Bd", Impact, Verdana, Geneva, sans-serif; font-size: 16px; margin: 20px 0 5px; } .hero-playoffs div.game-standings { font-size: 14px; color: #ffda00; margin: 0 0 20px; } .hero-playoffs div.game-standings span { color: #ffda00; font-family: "Proxima N W02 Bold", Helvetica, Arial, sans-serif; } .hero-playoffs h4.content-all-title { color: #fff; border-top: 1px solid #fff; padding-top: 15px; margin: 0 0 10px; } .hero-playoffs .icon-gamehost { margin-bottom: 20px; } @media screen and (min-width: 768px) { .hero-playoffs .hero-image { display: block; } .hero-playoffs div.playoff-stage { position: absolute; top: 20px; left: 0px; width: 100%; font-size: 22px; margin: 0; } .hero-playoffs div.game-standings { position: absolute; top: 50px; left: 0px; width: 100%; font-size: 14px; margin: 0; } .hero-playoffs .icon-gamehost { display: none; } } @media screen and (min-width: 1024px) { .hero-playoffs .icon-gamehost { display: block; position: absolute; right: 15px; bottom: 10px; margin-bottom: 0px; } } .hero-playoffs-content { width: 100%; text-align: center; margin-bottom: 20px; } .hero-playoffs-content .btn-header-dir-nav { display: none; } .hero-playoffs-content p { color: #fff; } .hero-playoffs-content p.game-info { font-size: 14px; margin: 5px 0 20px; line-height: 1.4; color: #ffda00; } .hero-playoffs-content p.game-info a { color: #ffda00; } .hero-playoffs-content h1.game-title, .hero-playoffs-content .h1.game-title { font-size: 32px; line-height: 0.95; max-width: 330px; margin: 0 auto; color: #ffda00; } .hero-playoffs-content h1.game-title span, .hero-playoffs-content .h1.game-title span { font-size: 100px; margin-left: -5px; } .hero-playoffs-content .eventbox-results { display: inline-block; background-color: #c8102e; padding: 7px 20px; margin: -5px 0 10px; font-size: 44px; line-height: 1; color: #ffda00; font-family: "DIN W10 Cond Bold", "DIN W01 Cond Bold", "Proxima Nova W08 Cond Bd", Impact, Verdana, Geneva, sans-serif; } .hero-playoffs-content .eventbox-wrapper { display: block; overflow: hidden; width: 100%; height: 56px; padding: 10px 0 0; margin-bottom: 10px; } .hero-playoffs-content .eventbox { display: block; position: relative; width: 300px; height: 46px; line-height: 46px; color: #fff; border: 1px solid #fff; background-color: #101820; text-align: left; padding: 0 15px; margin: 0; } .hero-playoffs-content .eventbox.inactive { opacity: 0.5; } .hero-playoffs-content .eventbox a.buy-tickets { display: block; position: absolute; right: 15px; top: 0px; line-height: 46px; font-family: "Proxima N W02 Reg", Helvetica, Arial, sans-serif; text-transform: none; color: #ffda00; } .hero-playoffs-content .eventbox a.article-link { font-family: "Proxima N W02 Reg", Helvetica, Arial, sans-serif; text-transform: none; color: #ffda00; } .hero-playoffs-content .eventbox .score-home, .hero-playoffs-content .eventbox .score-visitor { display: block; position: absolute; top: 0px; font-family: "DIN W10 Cond Bold", "DIN W01 Cond Bold", "Proxima Nova W08 Cond Bd", Impact, Verdana, Geneva, sans-serif; color: #ffda00; font-size: 36px; width: 55px; } .hero-playoffs-content .eventbox .icon-jokerit { display: block; position: absolute; top: 0; width: 24px; height: 45px; background: transparent url("../img/icon_jokerit_mini.png") center center no-repeat; margin: 0; } .hero-playoffs-content .eventbox .icon-jokerit.home { left: 6px; } .hero-playoffs-content .eventbox .icon-jokerit.visitor { right: 6px; } .hero-playoffs-content .eventbox .score-home { left: 34px; text-align: left; } .hero-playoffs-content .eventbox .score-visitor { right: 34px; text-align: right; } .hero-playoffs-content .eventbox h5 { display: block; overflow: hidden; position: absolute; height: 20px; left: 0; top: -10px; margin: 0; width: 100%; color: #fff; font-family: "DIN W10 Cond Bold", "DIN W01 Cond Bold", "Proxima Nova W08 Cond Bd", Impact, Verdana, Geneva, sans-serif; font-size: 14px; line-height: 14px; text-align: center; } .hero-playoffs-content .eventbox h5 span { display: inline-block; position: relative; background-color: #101820; padding: 3px 5px 1px 5px; } .hero-playoffs-content .eventbox.past-game { text-align: center; } .hero-playoffs-content .all-games-wrapper { display: table; text-align: center; margin: 0 auto; } .hero-playoffs-content .all-games-wrapper .all-games { display: table-cell; vertical-align: middle; text-align: center; } @media screen and (min-width: 768px) { .hero-playoffs-content { position: absolute; top: 80px; left: 0; padding: 0; margin: 0; border: none; height: 310px; } .hero-playoffs-content p.game-info { font-size: 16px; margin: 10px 0 25px; line-height: 1.3; } .hero-playoffs-content h1.game-title, .hero-playoffs-content .h1.game-title { font-size: 42px; } .hero-playoffs-content h1.game-title span, .hero-playoffs-content .h1.game-title span { font-size: 130px; } .hero-playoffs-content .eventbox-wrapper { display: inline-block; vertical-align: middle; margin: 0 0 5px; width: 352px; height: 70px; padding: 20px 5px 0 5px; } .hero-playoffs-content .eventbox { width: 342px; } .hero-playoffs-content .all-games-wrapper { display: table; height: 300px; width: 736px; text-align: center; margin: 0 auto; } .hero-playoffs-content .all-games-wrapper .all-games { display: table-cell; vertical-align: middle; text-align: center; } .hero-playoffs-content .btn-header-dir-nav { display: block; position: absolute; bottom: 10px; } .hero-playoffs-content .btn-header-dir-nav.next { right: 0; } .hero-playoffs-content .btn-header-dir-nav.prev { left: 0; } } @media screen and (min-width: 1024px) { .hero-playoffs-content .btn-header-dir-nav { top: 50%; margin-top: -55px; } } #playoffs-content-front { visibility: visible; opacity: 1; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } @media screen and (min-width: 768px) { #playoffs-content-front { visibility: visible; opacity: 1; } } #playoffs-content-all { visibility: visible; opacity: 1; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } @media screen and (min-width: 768px) { #playoffs-content-all { visibility: hidden; opacity: 0; } } @media (max-width: 768px) { #hero-club .hero-image { display: block; position: relative; left: 0; top: 0; height: 220px; background-position: top center; background-repeat: no-repeat; background-size: cover; overflow: hidden; } #hero-club .hero-content { margin-top: -215px; } #hero-club .hero-content img { max-height: 125px; } } #hero-join-october { height: 126px; background-color: #0b022d; } @media screen and (min-width: 768px) { #hero-join-october { height: 300px; } } @media screen and (min-width: 1024px) { #hero-join-october { height: 390px; } } @media screen and (min-width: 1160px) { #hero-join-october { height: 390px; } } #hero-join { background-color: #0b022d; } #hero-join .btn-bottom { display: none; } #hero-join #seasontickets-hero-2015-content { text-align: center; } #hero-join #seasontickets-hero-2015-iamone { display: inline; width: 70px; vertical-align: middle; margin: 0 10px 0 0; } #hero-join #seasontickets-hero-2015-text { display: inline; width: 190px; vertical-align: middle; } @media screen and (min-width: 481px) { #hero-join #seasontickets-hero-2015-iamone { margin: 0 30px 0 0; } } @media screen and (min-width: 768px) { #hero-join { height: 300px; } #hero-join .container { height: 300px; } #hero-join .hero-content div { max-width: 50%; } #hero-join .btn-bottom { display: block; position: absolute; bottom: 30px; right: 0; } #hero-join #seasontickets-hero-2015-content { width: 100%; max-width: none; } #hero-join #seasontickets-hero-2015-iamone { display: block; float: left; width: 200px; margin: 0; } #hero-join #seasontickets-hero-2015-text { display: block; position: absolute; top: 32%; left: 35%; width: 300px; } } @media screen and (min-width: 1024px) { #hero-join { height: 390px; } #hero-join .container { height: 390px; } #hero-join #seasontickets-hero-2015-iamone { width: 288px; } #hero-join #seasontickets-hero-2015-text { top: 32%; left: 34%; width: 358px; } } @media screen and (min-width: 1160px) { #hero-join { height: 390px; } #hero-join .container { height: 390px; } }