/* Default Styles */ /* [Table of contents] • Fonts • Defaults & Reset • Base Style • Page Header • Page Footer • Main Content • Vendor Style • Page Style • Media Queries */ /*------------------------------------------------------------------------------------------*/ /* FONTS */ /*------------------------------------------------------------------------------------------*/ /* This stylesheet generated by Transfonter (https://transfonter.org) on June 21, 2017 9:51 AM */ @font-face { font-family: 'Proxima Nova Cn Lt'; src: url('../fonts/ProximaNova/ProximaNovaCond-LightIt.eot'); src: local('Proxima Nova Condensed Light Italic'), local('ProximaNovaCond-LightIt'), url('../fonts/ProximaNova/ProximaNovaCond-LightIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNovaCond-LightIt.woff') format('woff'), url('../fonts/ProximaNova/ProximaNovaCond-LightIt.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Proxima Nova Lt'; src: url('../fonts/ProximaNova/ProximaNova-LightIt.eot'); src: local('Proxima Nova Light Italic'), local('ProximaNova-LightIt'), url('../fonts/ProximaNova/ProximaNova-LightIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNova-LightIt.woff') format('woff'), url('../fonts/ProximaNova/ProximaNova-LightIt.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Proxima Nova Cn Rg'; src: url('../fonts/ProximaNova/ProximaNovaCond-Regular.eot'); src: local('Proxima Nova Condensed Regular'), local('ProximaNovaCond-Regular'), url('../fonts/ProximaNova/ProximaNovaCond-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNovaCond-Regular.woff') format('woff'), url('../fonts/ProximaNova/ProximaNovaCond-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Proxima Nova Th'; src: url('../fonts/ProximaNova/ProximaNova-Extrabld.eot'); src: local('Proxima Nova Extrabold'), local('ProximaNova-Extrabld'), url('../fonts/ProximaNova/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNova-Extrabld.woff') format('woff'), url('../fonts/ProximaNova/ProximaNova-Extrabld.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Proxima Nova Cn Bl'; src: url('../fonts/ProximaNova/ProximaNovaCond-Black.eot'); src: local('Proxima Nova Condensed Black'), local('ProximaNovaCond-Black'), url('../fonts/ProximaNova/ProximaNovaCond-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNovaCond-Black.woff') format('woff'), url('../fonts/ProximaNova/ProximaNovaCond-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Proxima Nova Cn Th'; src: url('../fonts/ProximaNova/ProximaNovaCond-ExtrabldIt.eot'); src: local('Proxima Nova Condensed Extrabold Italic'), local('ProximaNovaCond-ExtrabldIt'), url('../fonts/ProximaNova/ProximaNovaCond-ExtrabldIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNovaCond-ExtrabldIt.woff') format('woff'), url('../fonts/ProximaNova/ProximaNovaCond-ExtrabldIt.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Proxima Nova Rg'; src: url('../fonts/ProximaNova/ProximaNova-Regular.eot'); src: local('Proxima Nova Regular'), local('ProximaNova-Regular'), url('../fonts/ProximaNova/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNova-Regular.woff') format('woff'), url('../fonts/ProximaNova/ProximaNova-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Proxima Nova Lt'; src: url('../fonts/ProximaNova/ProximaNova-Semibold.eot'); src: local('Proxima Nova Semibold'), local('ProximaNova-Semibold'), url('../fonts/ProximaNova/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNova-Semibold.woff') format('woff'), url('../fonts/ProximaNova/ProximaNova-Semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Proxima Nova ExCn Th'; src: url('../fonts/ProximaNova/ProximaNovaExCn-Thin.eot'); src: local('Proxima Nova Extra Condensed Thin'), local('ProximaNovaExCn-Thin'), url('../fonts/ProximaNova/ProximaNovaExCn-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNovaExCn-Thin.woff') format('woff'), url('../fonts/ProximaNova/ProximaNovaExCn-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Proxima Nova Cn Lt'; src: url('../fonts/ProximaNova/ProximaNovaCond-Semibold.eot'); src: local('Proxima Nova Condensed Semibold'), local('ProximaNovaCond-Semibold'), url('../fonts/ProximaNova/ProximaNovaCond-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNovaCond-Semibold.woff') format('woff'), url('../fonts/ProximaNova/ProximaNovaCond-Semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Proxima Nova ExCn Lt'; src: url('../fonts/ProximaNova/ProximaNovaExCn-SemiboldIt.eot'); src: local('Proxima Nova Extra Condensed Semibold Italic'), local('ProximaNovaExCn-SemiboldIt'), url('../fonts/ProximaNova/ProximaNovaExCn-SemiboldIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNovaExCn-SemiboldIt.woff') format('woff'), url('../fonts/ProximaNova/ProximaNovaExCn-SemiboldIt.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Proxima Nova ExCn Lt'; src: url('../fonts/ProximaNova/ProximaNovaExCn-Semibold.eot'); src: local('Proxima Nova Extra Condensed Semibold'), local('ProximaNovaExCn-Semibold'), url('../fonts/ProximaNova/ProximaNovaExCn-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNovaExCn-Semibold.woff') format('woff'), url('../fonts/ProximaNova/ProximaNovaExCn-Semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Proxima Nova Th'; src: url('../fonts/ProximaNova/ProximaNova-ThinIt.eot'); src: local('Proxima Nova Thin Italic'), local('ProximaNova-ThinIt'), url('../fonts/ProximaNova/ProximaNova-ThinIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNova-ThinIt.woff') format('woff'), url('../fonts/ProximaNova/ProximaNova-ThinIt.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Proxima Nova Cn Th'; src: url('../fonts/ProximaNova/ProximaNovaCond-Thin.eot'); src: local('Proxima Nova Condensed Thin'), local('ProximaNovaCond-Thin'), url('../fonts/ProximaNova/ProximaNovaCond-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNovaCond-Thin.woff') format('woff'), url('../fonts/ProximaNova/ProximaNovaCond-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Proxima Nova Cn Rg'; src: url('../fonts/ProximaNova/ProximaNovaCond-RegularIt.eot'); src: local('Proxima Nova Condensed Regular Italic'), local('ProximaNovaCond-RegularIt'), url('../fonts/ProximaNova/ProximaNovaCond-RegularIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNovaCond-RegularIt.woff') format('woff'), url('../fonts/ProximaNova/ProximaNovaCond-RegularIt.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Proxima Nova ExCn Th'; src: url('../fonts/ProximaNova/ProximaNovaExCn-ThinIt.eot'); src: local('Proxima Nova Extra Condensed Thin Italic'), local('ProximaNovaExCn-ThinIt'), url('../fonts/ProximaNova/ProximaNovaExCn-ThinIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNovaExCn-ThinIt.woff') format('woff'), url('../fonts/ProximaNova/ProximaNovaExCn-ThinIt.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Proxima Nova Lt'; src: url('../fonts/ProximaNova/ProximaNova-SemiboldIt.eot'); src: local('Proxima Nova Semibold Italic'), local('ProximaNova-SemiboldIt'), url('../fonts/ProximaNova/ProximaNova-SemiboldIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNova-SemiboldIt.woff') format('woff'), url('../fonts/ProximaNova/ProximaNova-SemiboldIt.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Proxima Nova Rg'; src: url('../fonts/ProximaNova/ProximaNova-RegularIt.eot'); src: local('Proxima Nova Regular Italic'), local('ProximaNova-RegularIt'), url('../fonts/ProximaNova/ProximaNova-RegularIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNova-RegularIt.woff') format('woff'), url('../fonts/ProximaNova/ProximaNova-RegularIt.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Proxima Nova Cn Th'; src: url('../fonts/ProximaNova/ProximaNovaCond-Extrabld.eot'); src: local('Proxima Nova Condensed Extrabold'), local('ProximaNovaCond-Extrabld'), url('../fonts/ProximaNova/ProximaNovaCond-Extrabld.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNovaCond-Extrabld.woff') format('woff'), url('../fonts/ProximaNova/ProximaNovaCond-Extrabld.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Proxima Nova ExCn Th'; src: url('../fonts/ProximaNova/ProximaNovaExCn-ExtrabldIt.eot'); src: local('Proxima Nova Extra Condensed Extrabold Italic'), local('ProximaNovaExCn-ExtrabldIt'), url('../fonts/ProximaNova/ProximaNovaExCn-ExtrabldIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNovaExCn-ExtrabldIt.woff') format('woff'), url('../fonts/ProximaNova/ProximaNovaExCn-ExtrabldIt.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Proxima Nova ExCn Bl'; src: url('../fonts/ProximaNova/ProximaNovaExCn-BlackIt.eot'); src: local('Proxima Nova Extra Condensed Black Italic'), local('ProximaNovaExCn-BlackIt'), url('../fonts/ProximaNova/ProximaNovaExCn-BlackIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNovaExCn-BlackIt.woff') format('woff'), url('../fonts/ProximaNova/ProximaNovaExCn-BlackIt.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Proxima Nova ExCn Lt'; src: url('../fonts/ProximaNova/ProximaNovaExCn-LightIt.eot'); src: local('Proxima Nova Extra Condensed Light Italic'), local('ProximaNovaExCn-LightIt'), url('../fonts/ProximaNova/ProximaNovaExCn-LightIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNovaExCn-LightIt.woff') format('woff'), url('../fonts/ProximaNova/ProximaNovaExCn-LightIt.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Proxima Nova Cn Th'; src: url('../fonts/ProximaNova/ProximaNovaCond-ThinIt.eot'); src: local('Proxima Nova Condensed Thin Italic'), local('ProximaNovaCond-ThinIt'), url('../fonts/ProximaNova/ProximaNovaCond-ThinIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNovaCond-ThinIt.woff') format('woff'), url('../fonts/ProximaNova/ProximaNovaCond-ThinIt.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Proxima Nova ExCn Lt'; src: url('../fonts/ProximaNova/ProximaNovaExCn-Light.eot'); src: local('Proxima Nova Extra Condensed Light'), local('ProximaNovaExCn-Light'), url('../fonts/ProximaNova/ProximaNovaExCn-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNovaExCn-Light.woff') format('woff'), url('../fonts/ProximaNova/ProximaNovaExCn-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Proxima Nova Cn Rg'; src: url('../fonts/ProximaNova/ProximaNovaCond-BoldIt.eot'); src: local('Proxima Nova Condensed Bold Italic'), local('ProximaNovaCond-BoldIt'), url('../fonts/ProximaNova/ProximaNovaCond-BoldIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNovaCond-BoldIt.woff') format('woff'), url('../fonts/ProximaNova/ProximaNovaCond-BoldIt.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Proxima Nova ExCn Th'; src: url('../fonts/ProximaNova/ProximaNovaExCn-Extrabld.eot'); src: local('Proxima Nova Extra Condensed Extrabold'), local('ProximaNovaExCn-Extrabld'), url('../fonts/ProximaNova/ProximaNovaExCn-Extrabld.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNovaExCn-Extrabld.woff') format('woff'), url('../fonts/ProximaNova/ProximaNovaExCn-Extrabld.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Proxima Nova ExCn Rg'; src: url('../fonts/ProximaNova/ProximaNovaExCn-BoldIt.eot'); src: local('Proxima Nova Extra Condensed Bold Italic'), local('ProximaNovaExCn-BoldIt'), url('../fonts/ProximaNova/ProximaNovaExCn-BoldIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNovaExCn-BoldIt.woff') format('woff'), url('../fonts/ProximaNova/ProximaNovaExCn-BoldIt.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Proxima Nova Bl'; src: url('../fonts/ProximaNova/ProximaNova-Black.eot'); src: local('Proxima Nova Black'), local('ProximaNova-Black'), url('../fonts/ProximaNova/ProximaNova-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNova-Black.woff') format('woff'), url('../fonts/ProximaNova/ProximaNova-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Proxima Nova Rg'; src: url('../fonts/ProximaNova/ProximaNova-Bold.eot'); src: local('Proxima Nova Bold'), local('ProximaNova-Bold'), url('../fonts/ProximaNova/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNova-Bold.woff') format('woff'), url('../fonts/ProximaNova/ProximaNova-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Proxima Nova ExCn Rg'; src: url('../fonts/ProximaNova/ProximaNovaExCn-Bold.eot'); src: local('Proxima Nova Extra Condensed Bold'), local('ProximaNovaExCn-Bold'), url('../fonts/ProximaNova/ProximaNovaExCn-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNovaExCn-Bold.woff') format('woff'), url('../fonts/ProximaNova/ProximaNovaExCn-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Proxima Nova Th'; src: url('../fonts/ProximaNova/ProximaNovaT-Thin.eot'); src: local('Proxima Nova Thin'), local('ProximaNovaT-Thin'), url('../fonts/ProximaNova/ProximaNovaT-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNovaT-Thin.woff') format('woff'), url('../fonts/ProximaNova/ProximaNovaT-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Proxima Nova Rg'; src: url('../fonts/ProximaNova/ProximaNova-BoldIt.eot'); src: local('Proxima Nova Bold Italic'), local('ProximaNova-BoldIt'), url('../fonts/ProximaNova/ProximaNova-BoldIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNova-BoldIt.woff') format('woff'), url('../fonts/ProximaNova/ProximaNova-BoldIt.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Proxima Nova Cn Rg'; src: url('../fonts/ProximaNova/ProximaNovaCond-Bold.eot'); src: local('Proxima Nova Condensed Bold'), local('ProximaNovaCond-Bold'), url('../fonts/ProximaNova/ProximaNovaCond-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNovaCond-Bold.woff') format('woff'), url('../fonts/ProximaNova/ProximaNovaCond-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Proxima Nova ExCn Bl'; src: url('../fonts/ProximaNova/ProximaNovaExCn-Black.eot'); src: local('Proxima Nova Extra Condensed Black'), local('ProximaNovaExCn-Black'), url('../fonts/ProximaNova/ProximaNovaExCn-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNovaExCn-Black.woff') format('woff'), url('../fonts/ProximaNova/ProximaNovaExCn-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Proxima Nova ExCn Rg'; src: url('../fonts/ProximaNova/ProximaNovaExCn-RegularIt.eot'); src: local('Proxima Nova Extra Condensed Regular Italic'), local('ProximaNovaExCn-RegularIt'), url('../fonts/ProximaNova/ProximaNovaExCn-RegularIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNovaExCn-RegularIt.woff') format('woff'), url('../fonts/ProximaNova/ProximaNovaExCn-RegularIt.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Proxima Nova Cn Lt'; src: url('../fonts/ProximaNova/ProximaNovaCond-Light.eot'); src: local('Proxima Nova Condensed Light'), local('ProximaNovaCond-Light'), url('../fonts/ProximaNova/ProximaNovaCond-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNovaCond-Light.woff') format('woff'), url('../fonts/ProximaNova/ProximaNovaCond-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Proxima Nova Th'; src: url('../fonts/ProximaNova/ProximaNova-ExtrabldIt.eot'); src: local('Proxima Nova Extrabold Italic'), local('ProximaNova-ExtrabldIt'), url('../fonts/ProximaNova/ProximaNova-ExtrabldIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNova-ExtrabldIt.woff') format('woff'), url('../fonts/ProximaNova/ProximaNova-ExtrabldIt.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Proxima Nova Cn Bl'; src: url('../fonts/ProximaNova/ProximaNovaCond-BlackIt.eot'); src: local('Proxima Nova Condensed Black Italic'), local('ProximaNovaCond-BlackIt'), url('../fonts/ProximaNova/ProximaNovaCond-BlackIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNovaCond-BlackIt.woff') format('woff'), url('../fonts/ProximaNova/ProximaNovaCond-BlackIt.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Proxima Nova ExCn Rg'; src: url('../fonts/ProximaNova/ProximaNovaExCn-Regular.eot'); src: local('Proxima Nova Extra Condensed Regular'), local('ProximaNovaExCn-Regular'), url('../fonts/ProximaNova/ProximaNovaExCn-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNovaExCn-Regular.woff') format('woff'), url('../fonts/ProximaNova/ProximaNovaExCn-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Proxima Nova Lt'; src: url('../fonts/ProximaNova/ProximaNova-Light.eot'); src: local('Proxima Nova Light'), local('ProximaNova-Light'), url('../fonts/ProximaNova/ProximaNova-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNova-Light.woff') format('woff'), url('../fonts/ProximaNova/ProximaNova-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Proxima Nova Cn Lt'; src: url('../fonts/ProximaNova/ProximaNovaCond-SemiboldIt.eot'); src: local('Proxima Nova Condensed Semibold Italic'), local('ProximaNovaCond-SemiboldIt'), url('../fonts/ProximaNova/ProximaNovaCond-SemiboldIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNovaCond-SemiboldIt.woff') format('woff'), url('../fonts/ProximaNova/ProximaNovaCond-SemiboldIt.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Proxima Nova Bl'; src: url('../fonts/ProximaNova/ProximaNova-BlackIt.eot'); src: local('Proxima Nova Black Italic'), local('ProximaNova-BlackIt'), url('../fonts/ProximaNova/ProximaNova-BlackIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova/ProximaNova-BlackIt.woff') format('woff'), url('../fonts/ProximaNova/ProximaNova-BlackIt.ttf') format('truetype'); font-weight: 900; font-style: italic; } /*------------------------------------------------------------------------------------------*/ /* ICON */ /*------------------------------------------------------------------------------------------*/ .icon { display: inline-block; width: 1rem; height: 1rem; stroke-width: 0; stroke: currentColor; fill: currentColor; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } .s-calendar, .s-money, .s-laptop, .s-megaphone, .s-support { width: 16px; height: 16px; } .s-plus { width: 238.5px; height: 120px; } .s-placeholder { width: 16px; height: 23px; } /*------------------------------------------------------------------------------------------*/ /* DEFAULTS & RESET */ /*------------------------------------------------------------------------------------------*/ ::-moz-selection { background: #000; color: #fff; } button, button:focus, a:active, a:hover, a:focus { outline: 0; } a[href*="mailto:"], a[href*="tel:"] { white-space: nowrap; } /*------------------------------------------------------------------------------------------*/ /* BASE STYLE */ /*------------------------------------------------------------------------------------------*/ body { font-size: 1rem; line-height: 1.5rem; font-family: 'Proxima Nova Rg', Arial, sans-serif; font-weight: normal; font-style: normal; color: #000; background: #fff; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: 'Proxima Nova Lt', Arial, sans-serif; font-weight: 600; text-transform: uppercase; color: rgba(58, 121, 218, 0.85); } h1>a, h2>a, h3>a, h4>a, h5>a, h6>a { color: inherit; } .section-head { overflow: hidden; position: relative; margin: 0 0 64px; } .section-title { font-family: 'Proxima Nova Bl', Arial, sans-serif; font-weight: 900; font-size: 1.875rem; line-height: 1.875rem; text-transform: uppercase; color: rgba(58, 121, 218, 0.85); display: inline-block; position: relative; padding-right: 14px; margin: 0 0 0px; } .section-title:after { content: ''; position: absolute; left: 100%; right: -888px; height: 1px; bottom: 6px; background: rgba(58, 121, 218, 0.85); } .text-center .section-title:after { content: none; } .section-body { line-height: 120%; color: #000; overflow: hidden; } .section-body p { margin: 0 0 20px; } .page-content { padding-top: 97px; padding-bottom: 97px; min-height: 810px; } .no-padding-top { padding-top: 0px; } .margin-bottom5 { margin-bottom: 5px; } .page-content.py-0 { min-height: auto; } .btn { border-radius: 0px; border-radius: 0px; font-size: .875rem; line-height: 1.5rem; padding: 13px 25px; border:none; position: relative; overflow: hidden; } .btn:focus, .btn:active { -webkit-box-shadow: none !important; box-shadow: none !important; } .btn-success { background-color: rgba(58, 121, 218, 0.85); border-color: rgba(58, 121, 218, 0.85); } .btn span { display: block; position: relative; z-index: 3; } .btn_ask_yes { min-width: 120px !important; width: 120px; height: 50px; } .btn_ask_no { min-width: 100px !important; width: 100px; height: 50px; background: #FF5257FF; color: #ffffff; } .btn_ask_no:hover { color: #ffffff; } #sex_chkboxes .error:not(:checked) + label::after { content: ' Необходимо заполнить хотя бы одно поле'; color: red; font-size: 12px; } .btn-success:after { content: ''; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; opacity: 0; background: rgba(58, 121, 218, 0.85); background: -moz-linear-gradient(45deg, rgba(58, 121, 218, 0.85) 0%, #1d44c7 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(58, 121, 218, 0.85)), color-stop(100%, #1d44c7)); background: -webkit-linear-gradient(45deg, rgba(58, 121, 218, 0.85) 0%, #1d44c7 100%); background: -o-linear-gradient(45deg, rgba(58, 121, 218, 0.85) 0%, #1d44c7 100%); background: -ms-linear-gradient(45deg, rgba(58, 121, 218, 0.85) 0%, #1d44c7 100%); background: linear-gradient(45deg, rgba(58, 121, 218, 0.85) 0%, #1d44c7 100%); } .bg-light { background-color: #f4f5fa !important; } .title_logo { width: 900px; vertical-align: bottom; } .profile_name { color: inherit; font-weight: bold; } .profile_name:hover { color: inherit; } /*------------------------------------------------------------------------------------------*/ /* PAGE HEADER */ /*------------------------------------------------------------------------------------------*/ .page-header { background: rgba(58, 121, 218, 0.85); color: #fff; -webkit-box-shadow: 0px 3px 24px rgba(0,0,0,.42); box-shadow: 0px 3px 24px rgba(0,0,0,.42); } .navbar { padding: 20px 0 18px; } .navbar-brand { padding: 0px; white-space: nowrap; } .navbar-brand img, .navbar-brand span { display: inline-block; vertical-align: middle; } .page-header .navbar-brand img { margin-left: -4px; margin-right: 4px; } .navbar-brand span { font-family: 'Proxima Nova Lt', Arial, sans-serif; font-weight: 600; font-size: 1rem; text-transform: uppercase; letter-spacing: .65px; border-bottom: 1px solid transparent; } .page-header .navbar-brand { padding-left: 14px; } .page-header .container { padding-right: 0px; } .navbar-dark .navbar-toggler { border-color: #fff; border-radius: 0px; height: 50px; width: 50px; padding: 0px; margin-left: 14px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } .navbar-nav { margin-right: 10px; } .navbar-nav .nav-item { padding: 0 9px; } .navbar-nav .nav-link { font-size: .875rem; display: block; padding: 6px 0 3px; } .navbar-nav .dropdown-menu { background-color: rgba(58, 121, 218, 0.85); font-size: .875rem; color: #fff; } .dropdown-item { color: #fff; } .navbar-expand-lg .navbar-nav .nav-link { padding-left: 0px; padding-right: 0px; } .navbar-dark .navbar-nav .nav-link { color: #fff; } .navbar-dark .navbar-nav .active>.nav-link { border-bottom: 1px solid #fff; } .auth { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .auth .btn { margin-left: 15px; } /*------------------------------------------------------------------------------------------*/ /* PAGE FOOTER */ /*------------------------------------------------------------------------------------------*/ .page-footer { background: #252525; color: #fff; padding: 40px 0 20px; } .copyright { margin-left: -6px; font-size: 1.125rem; line-height: 1.5rem; margin-top: 18px; text-transform: uppercase; letter-spacing: .35px; } .policy a { margin-left: -6px; font-size: 0.7rem !important; line-height: 1.0rem !important; text-transform: uppercase; letter-spacing: .35px; } .page-footer .navbar-brand { color: #fff; margin-left: -10px; } .page-footer .navbar-brand img{ margin-right: 5px; } .page-footer .navbar-brand span { font-size: 21px; text-transform: uppercase; } .social-link { display: block; width: 28px; height: 28px; border-radius: 50%; text-align: center; line-height: 26px; background: #fff; color: #252525; font-size: .875rem; margin-bottom: 10px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .social-link i { display: inline-block; vertical-align: middle; } .social-link:hover { background: rgba(255,255,255,.8); color: #000; } .page-footer .social { margin-top: 4px; margin-left: -4px; } .social .list-inline-item:not(:last-child) { margin-right: 7px; } /*------------------------------------------------------------------------------------------*/ /* MAIN CONTENT */ /*------------------------------------------------------------------------------------------*/ .pt-40 { padding-top: 40px; } .brackets { margin-left:auto; margin-right:auto; } .brackets [class*="col-"] { padding-left: 0px; width: auto; } .brackets_32 { margin-left:auto; margin-right:auto; } .brackets_32 [class*="col-"] { padding-left: 5px; width: auto; } .card-list [class*="col-"]{ margin-bottom: 20px; } .card-list [class*="col-"] .card { height: 100%; } .card { background: #fff; border-radius: 10px; padding: 10px 12px 22px; border:none; max-width: 270px; width: 100%; margin-left: auto; margin-right: auto; position: relative; -webkit-box-shadow: 0px 3px 24px rgba(0,0,0,.33); box-shadow: 0px 3px 24px rgba(0,0,0,.33); -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .first{ background: #ffeb3b94 !important; } .card:hover { -webkit-box-shadow: 0px 3px 12px rgba(0,0,0,.33); box-shadow: 0px 3px 12px rgba(0,0,0,.33); } .card-title { font-size: .875rem; text-transform: uppercase; color: rgba(58, 121, 218, 0.85); margin: 18px 0; } .special { text-align: center; } .card-title>a { color: inherit; } .card-thumb { height: 120px; } .card-thumb>a { display: block; width: 100%; height: 100%; } .card-thumb img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .card-body { padding: 0px 4px; position: relative; } .card-info, .card-adress, .card-date { font-size: .875rem; line-height: 120%; color: #000; margin-top: 18px; padding-right: 20px; } .card-date { white-space: nowrap; } .card-adress { min-height: 50px; margin-top: 16px; } .card-info { margin-top: 16px; } .card-adress .d-flex>a { color:#000; } .card-footer { padding: 0px; background: transparent; border:none; border-radius: 0px; position: absolute; left: 12px; right: 16px; bottom: 12px; z-index: 4; } .card-info .icon, .card-adress .icon, .card-date .icon { margin-right: 12px; color: rgba(58, 121, 218, 0.85); } .card-more { display: block; z-index: 10; color: rgba(58, 121, 218, 0.85); } .card-more .icon { width: 20px; height: 15px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .card-more:hover { color: rgba(58, 121, 218, 0.85); } .card, .card-thumb { position: relative; } .card .badge { position: absolute; z-index: 10; pointer-events: none; padding: 0; border:none; border-radius: 0px; margin: 0px; filter: drop-shadow(0px 2px 2px #777); } .card .badge:before, .card .badge:after { content: ''; position: absolute; } .badge-2 { width: 100px; height: 100px; top: -10px; right: -12px; } .badge-2:after { top: 0; right: 0; width: 0; height: 0; border-top: 100px solid #ef826e; border-left: 100px solid transparent; z-index: 1; } .badge-2:before { top: 14px; right: 14px; width: 20px; height: 40px; background: url(https://shakasports.com/images/molnia.png) center no-repeat; -webkit-background-size: contain; background-size: contain; z-index: 3; } .badge-1 { width: 50px; height: 50px; background: #1a4e34; left: 20px; top: -15px; } .badge.badge-1 { border-radius: 2px 2px 0px 0px; } .badge-1:before { top: 15px; right: 10px; width: 30px; height: 30px; background: url(https://shakasports.com/images/shakasports_w2.png) center no-repeat; -webkit-background-size: contain; background-size: contain; z-index: 3; } .badge-1:after { width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 15px solid #1a4e34; left: 0; bottom: -15px; } .badge-3 { width: 120px; height: 60px; line-height: 40px; font-size: 17px; color: #fff; white-space: nowrap; font-weight: bold; background: url(https://shakasports.com/images/flamemini.png) center repeat-x; -webkit-background-size: auto 100%;; background-size: auto 100%;; top: -10px; left: -12px; } .badge-action-3 { height: 50px; line-height: 80px; font-size: 14px; color: #fff; white-space: nowrap; font-weight: bold; text-transform: uppercase; text-align: center; background: url(https://shakasports.com/images/flame.png) center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; bottom: 0px; left: 0px; right: 0px; } .badge-4 { font-size: 20px; left: -12px; top: -10px; } .badge-4 span { position: absolute; z-index: 3; color: #fff; font-weight: bold; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); font-size: 20px; top: 30px; left: -4px; } .badge-4:after { width: 0; height: 0; border-top: 100px solid #ff5257; border-right: 100px solid transparent; left: 0; top: 0px; } .badge-action-4 { position: absolute; background: #ff5257; color: #fff; font-weight: bold; font-size: 14px; text-align: center; text-transform: uppercase; right: -18px; bottom: -10px; height: 40px; width: 140px; } .badge-action-4 span { position: absolute; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .badge.badge-action-4 { padding: 0px 15px; } .badge.badge-action-4:before { width: 0; height: 0; border-top: 20px solid transparent; border-right: 15px solid #ff5257; border-bottom: 20px solid transparent; left: -15px; top: 0; } .single-top { padding-bottom: 28px; border-bottom: 1px solid rgba(30,75,51,.53); margin-bottom: 48px; } .single-top [class*="col-"]{ margin-bottom: 20px; } .single-top .widget, .single-thumb { height: 100%; } .single-top img { border-radius: 10px; } .single-info .subtitle { color: #808082; } .single-info h1 { font-size: 2rem; color: rgba(58, 121, 218, 0.85); font-weight: 900; text-transform: none; margin-bottom: 2rem; } .single-info ul { padding-left: 20px; } .single-info .welcome { line-height: 1.25; } .box, .widget { background: #fff; border-radius: 10px; -webkit-box-shadow: 0px 3px 24px rgba(0,0,0,.33); box-shadow: 0px 3px 24px rgba(0,0,0,.33); } .widget ul { list-style-type: none; padding: 0; margin: 0px; } .widget ul li+li { margin-top: 28px; } .widget-head { background: rgba(58, 121, 218, 0.85); border-radius: 10px 10px 0px 0px; color: #fff; height: 54px; padding: 15px 35px; } .widget-head .widget-title { color: #fff; line-height: 1.5rem; } .widget-body { padding: 40px 35px 38px 30px; font-size: 1rem; line-height: 120%; color: #000; } .widget-body .icon { color: rgba(58, 121, 218, 0.85); width: 34px; height: 34px; margin-right: 15px; } .widget-body a { color: inherit; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .widget-body a:hover { color: rgba(58, 121, 218, 0.85); text-decoration: none; } .sidebar .widget { margin-bottom: 56px; } .box { padding: 20px 24px 24px; } .box-body { font-size: 1rem; line-height: 120%; color: #000; } .box-body ul { list-style-type: none; padding: 0; margin: 0; } .box-title { text-transform: inherit; line-height: 120%; margin: 0 0 20px; } .last .box { margin-bottom: 60px; } .sub-title { margin-bottom: 58px; } .results_copyright { color: #000; font-size: 0.7rem; opacity:0.7; line-height: 0; } .tour-title+.tour-item { border-bottom: 1px solid rgba(30,75,51,.53); } .tour-item+.tour-item { border-bottom: 1px solid rgba(30,75,51,.53); } .win { position: relative; } .win:before { content: ''; position: absolute; width: 34px; height: 34px; background: url(https://shakasports.com/images/icon/championship-trophy-gr.svg) center no-repeat; -webkit-background-size: cover; background-size: cover; display: block; top: -46px; left: 50%; margin-left: -17px; z-index: 3; } .win::after { font-family: 'Proxima Nova Lt', Arial, sans-serif; font-weight: 600; font-size: .875rem; text-transform: uppercase; color: #fff; position: absolute; z-index: 5; top: -46px; left: 50%; margin-left: -17px; width: 34px; text-align: center; } .win_1::after { content: 'I'; } .win_2::after { content: 'II'; } .win_3::after { content: 'III'; } .round { position: relative; } .round:before { content: ''; position: absolute; width: 34px; height: 34px; /* background: url(https://shakasports.com/images/icon/championship-trophy-gr.svg) center no-repeat; */ -webkit-background-size: cover; background-size: cover; display: block; top: -46px; left: 50%; margin-left: -17px; z-index: 3; } .round::after { font-family: 'Proxima Nova Lt', Arial, sans-serif; font-weight: 600; font-size: .875rem; text-transform: uppercase; position: absolute; z-index: 5; top: -46px; left: 50%; margin-left: -17px; width: 34px; text-align: center; } .round_1_64::after { content: '1/64'; } .round_1_32::after { content: '1/32'; } .round_1_16::after { content: '1/16'; } .round_1_8::after { content: '1/8'; } .round_1_4::after { content: '1/4'; } .round_1_2::after { content: '1/2'; } .round_consolation_1_2::after { content: 'Утешение`'; } .tour-group { /* min-height: 325px; */ height: 100%; padding: 68px 0 80px; } .tour-title { font-size: .875rem; margin-top: 47px; } /*.tour-box { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; -o-flex-flow: column nowrap; flex-flow: column nowrap; justify-content: space-around; }*/ .tour-box+.tour-box { margin-left: 20px; } .tour-box.y-2 ul+ul{ margin-top: 200px; } .tour-box.y-3 ul+ul{ margin-top: 520px; } .tour-box ul { list-style-type: none; padding: 0; margin: 0; } .tour-box ul li+li { margin-top: 6px; } .tour-box>.d-flex+.d-flex, .tour-box ul+ul { margin-top: 45px; } @media (prefers-color-scheme: dark) { .td { color: #555555 !important; } } .td { background: #c6c6c9; min-width: 100px; max-width: 160px; width: 100%; height: 50px; padding: 5px 2px; font-size: 11px; line-height: 120%; color: rgba(58, 121, 218, 0.85); -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } /* команда в сетках на сайте */ .td .td-body span { font-size: 8px; } .tour-box .active .td { background: #0b9c49; color: #fff; } .tour-box .dq .td { background: #ee4148; color: #fff; } .tour-box .warning .td { background: #f6a442; color: #fff; } .td-body { padding-left: 2px; padding-right: 2px; width: calc(100% - 24px); } .td-body strong { font-family: 'Proxima Nova Lt', Arial, sans-serif; font-weight: 600; display: block; } .td-set { width: 24px; border-left: 1px solid rgba(30,75,51,.43); padding: 0 2px; line-height: 1.25rem; text-align: center; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } .td-set span { display: block; } .td-set span+span { border-top: 1px solid rgba(30,75,51,.43); } .tour-box .warning .td-set, .tour-box .active .td-set { border-color: rgba(255,255,255,.43); } .tour-box .warning .td-set span+span, .tour-box .active .td-set span+span { border-color: rgba(255,255,255,.43); } .scoreboard { } .cat_title { font-size: 25px; opacity: 1!important; font-family: 'Proxima Nova Bl'; text-transform: uppercase; cursor: auto !important; } .scoreboard.red .timer, .scoreboard.red .scoreboard-control span { color: #20225f; } .scoreboard.blue .timer, .scoreboard.blue .scoreboard-control span { color: #20225f; } .scoreboard.red .cat_title { color: #20225f; } .scoreboard.blue .cat_title { color: #20225f; } .scoreboard.green .timer, .scoreboard.green .scoreboard-control span, .scoreboard.green .scoreboard-name, .scoreboard.green .scoreboard-item { color: rgba(58, 121, 218, 0.85); } .scoreboard.green .cat_title { color: rgba(58, 121, 218, 0.85); } .scoreboard.blue .scoreboard-name, .scoreboard.blue .scoreboard-item { color: #fff; } .scoreboard.red .scoreboard-name, .scoreboard.red .scoreboard-item { color: #fff; } .scoreboard.blue .scoreboard-item { background: #fe0000; color: #fff; } .scoreboard.red .scoreboard-item { background: #2e3192; color: #fff; } .scoreboard.blue .scoreboard-item.active { background: #2e3192; color: #fff; } .scoreboard.red .scoreboard-item.active { background: #fe0000; color: #fff; } .scoreboard.green .scoreboard-item.active { background: #bfe203; } .scoreboard.green .scoreboard-advantages { background: #7fc39f; color: #fff; } .scoreboard-settings.unvisible { width:130px; } .scoreboard-settings.unvisible .scoreboard-advantages, .scoreboard-settings.unvisible .scoreboard-penalties { background: inherit !important; color: #fff !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; opacity: 0.6; } .scoreboard-settings.unvisible .scoreboard-advantages .scoreboard-score, .scoreboard-settings.unvisible .scoreboard-penalties .scoreboard-score { color:transparent; } .scoreboard.green .scoreboard-penalties { background: #dedfe1; color: rgba(58, 121, 218, 0.85); } .scoreboard.red .scoreboard-advantages { background: #575dfd; color: #fff; } .scoreboard.red .scoreboard-penalties { background: #fff; color: #20225f; } .scoreboard.red .scoreboard-item.active .scoreboard-advantages { background: #fd9d9e; color: #fff; } .scoreboard.red .scoreboard-item.active .scoreboard-penalties { background: #fff; color: #20225f; } .scoreboard-advantages, .scoreboard-penalties { -webkit-box-shadow: 0px 3px 24px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 3px 24px 0px rgba(0,0,0,0.16); box-shadow: 0px 3px 24px 0px rgba(0,0,0,0.16); min-height: 152px; } .scoreboard .timer { font-family: 'Proxima Nova Lt'; font-weight: 600; font-size: 180px; line-height: 1; } .scoreboard-control span { display: block; font-size: 28px; line-height: 120%; font-family: 'Proxima Nova Rg'; font-weight: normal; cursor: pointer; opacity: 0.5; } .scoreboard-top { height: 225px; } .scoreboard-item .row, .scoreboard-top .row { height: 100%; } .scoreboard-top .row span{ cursor: pointer; opacity: 0.5; } .scoreboard-item { min-height: 306px; } .scoreboard-name { font-size: 85px; font-family: 'Proxima Nova Bl'; font-weight: 900; word-break: break-word; padding: 0 55px; margin: 0px; -webkit-flex: 1 auto; -moz-flex: 1 auto; -ms-flex: 1 auto; -o-flex: 1 auto; flex: 1 auto; } .scoreboard-team { font-size: 27px; padding-left: 55px; padding-top: 15px; font-style: italic; opacity: 0.8; } .scoreboard-item h6 { font-family: 'Proxima Nova Lt'; font-weight: 600; text-transform: uppercase; color: inherit; text-align: right; margin: 0px; } .scoreboard-item span { font-family: 'Proxima Nova Rg'; font-weight: normal; line-height: 2rem; color: inherit; text-decoration: none; display: block; padding: 6px 12px; cursor: pointer; opacity: 0.5; font-size: 20px; } .scoreboard-item span:hover { text-decoration: none; opacity: .85; color: inherit; } .scoreboard-settings { width: 250px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } .scoreboard-res { max-width: 375px; padding-left: 90px; padding-right: 34px; width: 100%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } .scoreboard-advantages, .scoreboard-penalties { padding: 12px; } .scoreboard-score { font-size: 132px; font-family: 'Proxima Nova Lt'; font-weight: 600; text-transform: uppercase; line-height: 1; } .scoreboard-res .scoreboard-score { font-size: 200px; } .scoreboard-res span { font-size: 20px; padding: 0px 12px; cursor: pointer; opacity: 0.6; } .form, .form_edit, .form_medals,.form_add { max-width: 654px; width: 100%; margin: 0 auto; } .form_auth { max-width: 300px; width: 100%; margin: 0 auto; } .form-group { margin-bottom: 30px; position: relative; } .form-group.narrow { margin-bottom: 10px; } .desc { margin-bottom: 0.2rem !important; } .form-control { border: 1px solid rgba(30,75,51,.52); background: transparent; color: #000; font-size: .875rem; line-height: 1.5rem; padding: 9px 30px; min-height: 42px; height: 100%; border-radius: 10px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .form-control .price { text-transform: uppercase; color: rgba(58, 121, 218, 0.85); font-family: 'Proxima Nova Bl', Arial, sans-serif; font-weight: 100; } .form-control .price_desc { padding-left:15px; } ::-webkit-input-placeholder { color: #333; opacity: 1; } :-moz-placeholder { color: #333; opacity: 1; } ::-moz-placeholder { color: #333; opacity: 1; } :-ms-input-placeholder { color: #333; opacity: 1; } .form-control:focus { -webkit-box-shadow: none; box-shadow: none; border: 1px solid rgba(30,75,51,1); } .btn[type="submit"] { background: #42ac70; border-color: #42ac70; padding: 13px 20px; min-width: 185px; } .btn[type="submit"]:hover { background-color: #218838; border-color: #1e7e34; } span.error { color:red; } label.error { font-size: 10px; color: red; position: absolute; left: 0; padding-left: 30px; top: 42px; } .form-control.error { border: 1px solid red; } .form-title { font-size: 1.125rem; font-family: 'Proxima Nova Bl', Arial, sans-serif; font-weight: 900; margin: 0 0 35px; } .custom-control-label { font-size: .875rem; cursor: pointer; } .custom-control-label a { text-decoration: underline; color: rgba(30,75,51,1); } .custom-control-label a:hover { text-decoration: none; color: rgba(30,75,51,1); } .custom-control-label::before { border: 1px solid rgba(30,75,51,.52); background: transparent; } .custom-checkbox .custom-control-input:checked~.custom-control-label::before { background: rgba(30,75,51,1); border: 1px solid rgba(30,75,51,1); } .custom-control-input:focus~.custom-control-label::before { -webkit-box-shadow: none; box-shadow: none; } .form-group .select2-container { width: 100% !important; z-index: 100000; } .select2-container { z-index: 100000; } .select2-container--default .select2-selection--single { background: transparent; border-radius: 10px; border: 1px solid rgba(30,75,51,.52); height: 42px; outline: none; } .referers .select2-container--default .select2-selection--single { background: pink; } .select2-container--default .select2-selection--multiple { background: transparent; border-radius: 10px; border: 1px solid rgba(30,75,51,.52); min-height: 42px; outline: none; line-height: 0px; position: relative; padding-right: 40px; } .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple:focus { border: 1px solid rgba(30,75,51,1); } .select2-container--default .select2-selection--multiple .select2-selection__rendered, .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px; font-size: .875rem; color: #000; padding-left: 30px; padding-right: 50px; outline: none; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding: 0px; } .select2-container--default .select2-selection--multiple .select2-search__field { padding-left: 30px; padding-right: 50px; margin: 0px; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder, .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #333; outline: none; } .select2-container--default .select2-selection--multiple .select2-selection__choice { border:1px solid rgba(30,75,51,.52); background: rgba(30,75,51,.22); line-height: 1.75rem; margin-left: 5px; } /* .select2-search { display: none; }*/ .select2-container--default .select2-selection--multiple:after { content: ''; position: absolute; z-index: 2; cursor: pointer; } .select2-container--default .select2-selection--multiple:after, .select2-container--default .select2-selection--single .select2-selection__arrow { width: 20px; height: 42px; top: 0; bottom: 0; right: 24px; background: url(https://shakasports.com/images/icon/down-arrow-gr.svg) center no-repeat; } .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background: rgba(30,75,51,1); } .select2-dropdown { border: 1px solid rgba(30,75,51,1); border-radius: 10px; } /*------------------------------------------------------------------------------------------*/ /* VENDOR STYLE */ /*------------------------------------------------------------------------------------------*/ .fancy-modal { display: none; } .fancy-modal { max-width: 820px; width: 100%; padding: 35px 35px 30px; border: none; background: #fff; border-radius: 10px; -webkit-box-shadow: 0px 3px 24px rgba(0,0,0,.29); box-shadow: 0px 3px 24px rgba(0,0,0,.29); } .fancybox-is-open .fancybox-bg { opacity: 0; } .fancybox-active .project { -webkit-filter: blur(5px); -o-filter: blur(5px); filter: blur(5px); } .slick-slide { outline: none; } .slick-arrow { border:none; padding: 0px; position: absolute; z-index: 10; top:50%; cursor: pointer; text-align: center; border: 2px solid #272e2f; background: transparent; width: 72px; height: 72px; line-height: 72px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .slick-prev { left: 0; } .slick-next { right: 0; } .slick-dots { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style-type: none; padding: 0; margin: 0; } .slick-dots li { margin: 0 2px; } .slick-dots button { width: 18px; height: 18px; opacity: 1; background-color: #000; border:none; padding: 0px; font-size: 0px; line-height: 0px; border-radius: 50%; cursor: pointer; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .slick-dots li button:hover, .slick-dots li.slick-active button { background: #ccc; border-color: #ccc; opacity: 1; } /*------------------------------------------------------------------------------------------*/ /* PAGE STYLE */ /*------------------------------------------------------------------------------------------*/ .pay_name { font-weight: bold; } .qiwi_button { background-color: #ff8c00; font-size: 16px; font-weight: 300; min-width: 200px; height: 50px; border-radius: 100px; text-align: center; color: #ffffff; line-height: 50px; padding: 0 28px; border: 0; cursor: pointer; } /*------------------------------------------------------------------------------------------*/ /* SCHEDULE */ /*------------------------------------------------------------------------------------------*/ .schedule { height:100%; min-height: 100%; margin:0px; padding:0px; width: 100%; } .schedule h5.mat_title { font-weight: bold; font-size: 23px; background-color: #a1b0b5; padding-left:35px; } .schedule td{ /* height:50%; min-height:50%; */ vertical-align: top; line-height: 0.9; font-family: 'Proxima Nova Lt', Arial, sans-serif; font-weight: 600; text-transform: uppercase; } .schedule table.match { width: 100%; } .schedule table.matches td { width: 100%; } .schedule .cat_title { font-size: 15px; text-decoration: underline; } .matches td { } .match{ margin-top:7px; margin-bottom:7px; } .on_mat { background-color: #ffb7b6; font-size: x-large; } .match td:nth-of-type(1).on_mat, .match td:nth-of-type(1).prepare { font-size:14px; } .matches td.prepare { background-color: #edff90; font-size: x-large; } .matches td.warm_up { /* background-color: #a3ffaa;*/ } .schedule_mat td:nth-of-type(1) { height:50px; } .schedule_box_size { min-height: 20px; max-height: 20px; line-height: 20px } .schedule_box_size td { min-height: 20px; max-height: 20px; line-height: 15px } .schedule_cat_title { font-size: 0.8rem; text-transform: uppercase; } .schedule_comp_name { font-size: 1rem; text-transform: uppercase; padding-left:30px; } /*------------------------------------------------------------------------------------------*/ /* MEDIA QUERIES */ /*------------------------------------------------------------------------------------------*/ @media (min-width: 1200px) { .brackets { max-width: 1170px; } .container { max-width: 1170px; } .td { width: 240px; } } @media (max-width: 1400px), (max-height: 700px) { .brackets { max-width: 1170px; } .brackets_32 { max-width: 1377px; } .scoreboard .timer { font-size: 130px; } .scoreboard-name { font-size: 78px; padding: 12px 20px; } .scoreboard-score { font-size: 60px; } .scoreboard-res .scoreboard-score { font-size: 100px; } .scoreboard-control a { font-size: 24px; } .scoreboard-top { padding: 0px 0; height: auto; } .scoreboard-res a { font-size: 16px; } .scoreboard-res { padding-left: 32px; padding-right: 12px; max-width: 270px; } .scoreboard-item, .scoreboard-penalties, .scoreboard-advantages { min-height: auto; } } /*Large devices (desktops, less than 1200px)*/ @media (max-width: 1199.98px) { .brackets { max-width: 1170px; } .page-header .navbar-brand { padding-left: 0px; } .page-header .navbar-brand img { margin-left: 0px; margin-right: 0px; } .page-header .container { padding-right: 15px; } .pt-40 { padding-top: 0px; } .page-footer .social, .copyright, .page-footer .navbar-brand { margin-left: 0px; } .scoreboard-name { font-size: 4rem; padding: 12px 12px; } } /*Medium devices (tablets, less than 992px)*/ @media (max-width: 991.98px) { .brackets { max-width: 870px; } .brackets_32 { max-width: 925px; } .navbar-collapse { position: absolute; z-index: 10; left: 0; right: 0; top:100%; background: rgba(58, 121, 218, 0.85); -webkit-box-shadow: 0px 3px 24px rgba(0,0,0,.42); box-shadow: 0px 3px 24px rgba(0,0,0,.42); } .auth { margin-bottom: 10px; } .section-body, .sidebar .widget { margin-bottom: 20px; } .last .box { margin-bottom: 25px; } .td { height: auto; max-width: 102px; font-size: 10px; } .page-content { padding-top: 50px; padding-bottom: 50px; min-height: inherit; } .scoreboard-res { max-width: 250px; } } /*Small devices (landscape phones, less than 768px)*/ @media (max-width: 767.98px) { .title_logo { width: 239px; vertical-align: bottom; float: left; } .liga-sambo_title { margin-left:60px; } .brackets { /* max-width: 750px; */ } .td>.d-flex, .tour-body>.d-flex { display: block !important; } .td-body, .td-set { width: 100%; } .td-body { height: 64px; } .td-set { border-left: none; border-top: 1px solid rgba(30,75,51,.43); } .td { height: 100px; text-align: center; } .tour-box { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } .tour-box ul { padding: 0 2px; width: 100%; margin-bottom: 6px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .tour-box ul li+li { margin-top: 0px; } .tour-box ul li { width: 50%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } .td-set span { display: inline-block; vertical-align: middle; padding: 0 5px; } .td-set span+span { border-top: none; border-left: 1px solid rgba(30,75,51,.43); } .tour-box+.tour-box ul+ul, .tour-box>.d-flex+.d-flex, .tour-box ul+ul { margin-top: 0px; } .tour-box+.tour-box { margin-left: 0px; margin-top: 50px; } .tour-box.win { margin-top: 100px; } .tour-group { padding: 20px 0 25px; } .scoreboard-settings { width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .scoreboard-settings .h-50 { height: 100% !important; width: 50%; } .scoreboard-res { max-width: 100%; } .scoreboard .timer { font-size: 50px; } .scoreboard-control a { font-size: 16px; } } /*Extra small devices (portrait phones, less than 576px)*/ @media (max-width: 575.98px) { .title_logo { width: 239px; vertical-align: bottom; float: left; } .liga-sambo_title { margin-left:60px; } .brackets { /* max-width: 570px; */ } .widget-head, .widget-body { padding: 15px 15px; } } .loader_inner{ background-image: url("https://shakasports.com/images/loader.gif"); background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: #f4f5fa; height: 60px; width: 60px; margin-top: 10%; margin-left: 50%; } #sex_chkboxes { padding-left: 18px; padding-right: 18px; } /* Update 20.11.2021 */ .n-20-11 { background: #F4F5FA; } .section-title_non:after { content: none; } .text-shadow { text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.33); } .n-20-11 .bg-success { background-color: rgba(58, 121, 218, 0.85) !important; } .n-20-11 .text-success { color: rgba(58, 121, 218, 0.85) !important; } .n-20-11 .text-secondary { color: #000 !important; } .text-reset { color: inherit; } .vs-top { padding: 3px 1.875rem 5px 1.875rem; } .vs-top p { letter-spacing: 0.05em; } .fw-900 { font-weight: 900; } .fw-normal { font-weight: normal; } .fs-md { font-size: .85rem; line-height: 1rem; } .vs-row { padding: 1.875rem 0 1.25rem; border: 1px solid rgba(58, 121, 218, 0.85); border-top: none; } .vs-item p { line-height: 1.125rem; } .vs-thumb { width: 110px; flex-grow: 0; flex-shrink: 0; } .vs-img { width: 110px; height: 110px; filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.2)); border-radius: 10px; overflow: hidden; margin-bottom: 15px; background: url(https://shakasports.com/images/20-11/vs-empty.png) center no-repeat; -webkit-background-size: cover; background-size: cover; } .vs-img>img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .vs-img-status { display: block; position: absolute; left: 0; right: 0; bottom: 0; font-size: 1rem; line-height: 1.875rem; letter-spacing: 0.1em; text-align: center; color: #fff; } .vs-img-status_sub { background: linear-gradient(180deg, rgba(196, 196, 196, 0.75) 0%, #000000 100%); } .vs-img-status_win { background: linear-gradient(180deg, rgba(8, 126, 58, 0.75) 0%, #000000 100%); } .vs-img-status_lose { background: linear-gradient(180deg, rgba(255, 0, 0, 0.5) 0%, #000000 100%); } .vs-row .badge { font-size: .75rem; line-height: .875rem; display: inline-block; padding: 5px; border-radius: 10px; font-weight: 400; margin-right: 15px; margin-bottom: 10px; } .vs-row .badge-outline-success { color: rgba(58, 121, 218, 0.85); border: 1px solid rgba(58, 121, 218, 0.85); background: transparent; } .vs-row .badge-success { color: #fff; border-color: rgba(58, 121, 218, 0.85); background-color: rgba(58, 121, 218, 0.85); } .vs-item.flex-row-reverse .mr-3 { margin-right: 0 !important; margin-left: 1rem !important; } .vs-item.flex-row-reverse .vs-body { text-align: right; } .vs-item.flex-row-reverse .badge { margin-right: 0; margin-left: 15px; } .vs-item.flex-row-reverse .vs-body .d-flex { justify-content: flex-end; } .vs .h4 { margin-bottom: 1.25rem; text-transform: capitalize; } .vs_intro { margin-bottom: 4rem; } .vs-separate { width: 88px; /*padding-top: 2rem;*/ } .vs-table { table-layout: fixed; } .vs-table td { vertical-align: top; } .vs_intro .vs-row { filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.33)); border-radius: 10px; border-top: 1px solid rgba(58, 121, 218, 0.85); overflow: hidden; } .vs-bottom { margin-top: 1.25rem; padding: 1.25rem 1.25rem 1.875rem; border-radius: 0 0 10px 10px; } .vs-bottom span { margin-bottom: 15px; } .vs-bottom p { line-height: 1.125rem; } .vs-item ul { line-height: 1.125rem; } .vs_intro .vs-top { margin-bottom: 15px; } .vs-item h6 { overflow-wrap: anywhere; } .w-20 { width: 20%; } .text-decoration-underline { text-decoration: underline; } .text-decoration-underline:hover { text-decoration: none; } .btn-more { position: relative; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; -ms-align-items: center; align-items: center; justify-content: space-between; margin-bottom: 15px; } .btn-more:after { content: ''; width: 1.125rem; height: 1.125rem; background-image: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.6163 4.82784C18.3791 4.60459 17.9936 4.60459 17.7564 4.82784L10.1948 11.9581L2.61843 4.82784C2.3812 4.60459 1.99571 4.60459 1.75849 4.82784C1.52126 5.0511 1.52126 5.41389 1.75849 5.63714L9.75003 13.1581C9.86864 13.2697 10.0169 13.3255 10.18 13.3255C10.3283 13.3255 10.4914 13.2697 10.61 13.1581L18.6015 5.63714C18.8536 5.41389 18.8536 5.0511 18.6163 4.82784Z' fill='%232B6B49'/%3E%3C/svg%3E%0A"); -webkit-background-size: 100% 100%; background-size: 100% 100%; margin-left: 1.5rem; } .btn-more[aria-expanded="true"]:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } @media (min-width: 992px) { .vs-separate img { padding-top: 2rem !important; } } @media (max-width: 991.98px) { .vs-top { padding: 15px 24px; } .vs_intro .vs-top { padding: 3px 24px; } .vs-img { margin-bottom: 10px; } .vs-thumb, .vs-item.flex-row-reverse .mr-3 { margin-left: auto !important; margin-right: auto !important; margin-bottom: 15px; } .vs-subtitle { min-height: 2rem; font-size: .875rem; line-height: 1rem; } .w-20 { width: 100%; } .vs_intro .vs-bottom { padding: 15px 24px 5px; } .vs-bottom span { margin-bottom: 0; margin-right: 15px; } .vs-bottom p { margin-bottom: 10px !important; } .vs_intro .vs-item.flex-row-reverse .vs-body, .vs_intro .vs-body { text-align: center; } .vs_intro .vs-row { padding-top: 15px; } .vs-item .badge { margin-right: 6px; } .vs-item.flex-row-reverse .badge { margin-right: 0; margin-left: 6px; } .vs-body { font-size: .875rem; line-height: 1rem; } .vs-separate { width: 55px; /*vertical-align: middle !important;*/ /*padding-bottom: 65px;*/ } .vs-row .col-auto img { max-width: 48px; } .vs { margin-left: -15px; margin-right: -15px; } } @media (max-width: 767.98px) { } /*Extra small devices (portrait phones, less than 576px)*/ @media (max-width: 575.98px) { .n-20-11 .list-unstyled.text-secondary { text-align: center; } .n-20-11 .vs-body .align-items-center , .n-20-11 .vs-item.flex-row-reverse .align-items-center { justify-content: center; } .title_logo { width: 239px; vertical-align: bottom; float: left; } .liga-sambo_title { margin-left:60px; } } /* Paginator */ .paginator { color: rgba(58, 121, 218, 0.85); margin-top: 25px; } .paginator a { color: rgba(58, 121, 218, 0.85); } .paginator a:hover { color: rgba(58, 121, 218, 0.85); } /* Profile Page */ .auth_info { color: #000; } .auth_menu { margin: 0 0 30px; } .auth_link { color: rgba(58, 121, 218, 0.85); } .rating_link:hover { color: rgba(58, 121, 218, 0.85); } .auth_link:hover { color: rgba(58, 121, 218, 0.85); } .passwordEye { top: 0; right: 12px; cursor: pointer; height: 100%; position: absolute; vertical-align: middle; cursor: pointer; } .passwordEye::after { width: 0; height: 100%; content: ""; display: inline-block; overflow: hidden; vertical-align: middle; } .passwordEye > svg { vertical-align: middle; } .base-eye { transform: rotate(0deg); transition: transform 0.3s; } svg.base-eye { width: 16px; height: 16px; } svg:not(:root), symbol, image, marker, pattern, foreignObject { overflow-x: hidden; overflow-y: hidden; } .history_del { color: red; } .history_del:hover { color: red; } .history_add { color: rgba(58, 121, 218, 0.85); } .history_add:hover { color: rgba(58, 121, 218, 0.85); } .profile_history td.history_cat_title{ word-break: break-word; } .profile_history td { padding-right: 7px; padding-top: 7px; border-bottom: 1px solid #dad3d3; } .history_description{ font-family: 'Proxima Nova Lt', Arial, sans-serif; font-weight: 600; text-transform: uppercase; color: rgba(58, 121, 218, 0.85); margin-bottom: 7px; line-height: 1rem; } .history_event_picture { max-width:250px; } .history_cat_title { color:rgba(58, 121, 218, 0.85); } .history_cat_title:hover { color:rgba(58, 121, 218, 0.85); } .big_avatar { display: block; max-width:325px; } .form_notice { font-size: 13px; } .small_avatar{ display: inline-block; border-radius: 50%; overflow: hidden; width: 25px; height: 25px; float:left; margin-right: 15px; } .small_avatar img{ width:100%; height:100%; object-fit: cover; } #navbarSupportedContent { z-index:9999; } .register_btn { background-color: rgba(58, 121, 218, 0.85); color:#FFFFFF; display: inline-block; padding: 6px; border-radius: 10px; } .checkbox-ios { display: inline-block; height: 28px; line-height: 28px; margin-right: 10px; position: relative; vertical-align: middle; font-size: 14px; user-select: none; } .checkbox-ios .checkbox-ios-switch { position: relative; display: inline-block; box-sizing: border-box; width: 56px; height: 28px; border: 1px solid rgba(0, 0, 0, .1); border-radius: 25%/50%; vertical-align: top; background: #eee; transition: .2s; } .checkbox-ios .checkbox-ios-switch:before { content: ''; position: absolute; top: 1px; left: 1px; display: inline-block; width: 24px; height: 24px; border-radius: 50%; background: white; box-shadow: 0 3px 5px rgba(0, 0, 0, .3); transition: .15s; } .checkbox-ios input[type=checkbox] { display: block; width: 0; height: 0; position: absolute; z-index: -1; opacity: 0; } .checkbox-ios input[type=checkbox]:not(:disabled):active + .checkbox-ios-switch:before { box-shadow: inset 0 0 2px rgba(0, 0, 0, .3); } .checkbox-ios input[type=checkbox]:checked + .checkbox-ios-switch { background: rgba(58, 121, 218, 0.85); } .checkbox-ios input[type=checkbox]:checked + .checkbox-ios-switch:before { transform:translateX(28px); } /* Hover */ .checkbox-ios input[type="checkbox"]:not(:disabled) + .checkbox-ios-switch { cursor: pointer; border-color: rgba(0, 0, 0, .3); } /* Disabled */ .checkbox-ios input[type=checkbox]:disabled + .checkbox-ios-switch { filter: grayscale(70%); border-color: rgba(0, 0, 0, .1); } .checkbox-ios input[type=checkbox]:disabled + .checkbox-ios-switch:before { background: #eee; } /* Focus */ .checkbox-ios.focused .checkbox-ios-switch:before { box-shadow: inset 0px 0px 4px #ff5623; } .checkbox-ios-label { text-transform: uppercase; color: rgba(58, 121, 218, 0.85); font-size: 16px; cursor:pointer; } .input-group-text { border-radius: 10px; background-color: transparent; border: 1px solid rgba(30,75,51,.52); } .input-group-text a { color: rgba(58, 121, 218, 0.85); } #anchor_schedule > .row > .carpet { margin: 0 auto 2rem; } .carpet { background: #fff; border-radius: 10px; box-shadow: 0px 3px 24px rgba(0,0,0,.33); margin-bottom: 2rem; max-height: fit-content; } .carpet-header { text-transform: uppercase; padding: 1.5rem 1.5rem 0.1rem 1.5rem; } .carpet-header strong { font-size: 1.25rem; font-weight: 900; color: rgba(58, 121, 218, 0.85); } .carpet-header strong img { margin-right: 1rem; vertical-align: sub; } .carpet-header .text-success { text-decoration: underline; } .carpet-body { display: grid; } .carpet-body-title, .carpet-body-item { display: grid; grid-template-columns: 100px auto 105px 100px; } .carpet-body-title > div { background-color: rgba(58, 121, 218, 0.85); color: #fff; padding: .5rem 1rem; } .carpet-body-title > div:nth-child(1) { margin-left: -4px; } .carpet-body-title > div:nth-child(4) { margin-right: -4px; } .carpet-body-list { overflow: hidden; } .carpet-body .openall { cursor: pointer; background-color: rgba(58, 121, 218, 0.85); color: #fff; padding: 1rem; text-align: center; border-radius: 0 0 10px 10px; margin-top: 1rem; font-weight: bold; } .carpet-body-item { overflow: hidden; } .carpet-body-item .carpet-body-status, .carpet-body-item .carpet-body-matches, .carpet-body-item .carpet-body-start { padding: 0 10px; } .carpet-body-item .carpet-body-status, .carpet-body-item .carpet-body-matches { display: flex; justify-content: center; align-items: center; } .carpet-body-item .carpet-body-status { flex-flow: column; } .carpet-body-item .carpet-body-status span { display: block; } .carpet-body-item.bg-online .carpet-body-status span { color: #0B9C49; } .carpet-body-category a { color: #000; display: inline-block; width: calc(100% - 50px); vertical-align: middle; } .carpet-body-category span { display: inline-block; width: calc(100% - 50px); vertical-align: middle; } .carpet-body-category div { margin: .75rem 0; max-width: 240px; width: 100%; line-height: 1; } .carpet-body-matches img, .carpet-body-category img { margin-right: .5rem; } .carpet-body-start div { margin: 1.5rem 0; white-space: nowrap; } .carpet-body-item > div { height: 100%; } .carpet-body-item.bg-online .carpet-body-start { background-color: #e6f4ea; } .carpet-body-item.bg-waiting .carpet-body-start { background-color: #fff6e0; } .carpet-body-item.bg-ended .carpet-body-start { background-color: #f8f9fa; } .carpet-body-item.bg-ended, .carpet-body-item.bg-ended .carpet-body-status span { color: #8AA195; } .carpet-body-item.bg-ended img { opacity: .5; } .carpet-body-item .carpet-body-status span { white-space: nowrap; } .carpet-body-item::after { content: ''; display: block; background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23ddddddFF' stroke-width='4' stroke-dasharray='4%2c 16' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e"); width: 1000%; height: 2px; } .carpet-body-item:last-child::after { display: none; } .eta_end { justify-self: flex-end; padding-right: 22px; } @media (max-width: 600px) { .carpet { width: 90vw; } .carpet-header strong { white-space: nowrap; } .carpet-header .text-success { padding-left: 1rem; text-align: right; } .carpet-body-title { background: rgba(58, 121, 218, 0.85); } .carpet-body-title > div:nth-child(1) , .carpet-body-title > div:nth-child(4) { margin: 0; } .carpet-body-title > div { padding: 0.5rem; } .carpet-body-start { align-content: center; } .carpet-body-start div { margin: 0.5rem 0; } .carpet-body-category a { width: auto; } .carpet-body-category img { display: none; } .carpet-body-category div { margin: .75rem .25rem; overflow: visible; white-space: initial; line-height: 1.25; max-width: fit-content; } .carpet-body-title, .carpet-body-item { grid-template-columns: 60px auto 90px 70px; font-size: 0.85rem; } } .search-title { font-size: 1.25rem; font-weight: 900; color: rgba(58, 121, 218, 0.85); text-transform: uppercase; } .search-subtitle { font-size: 1rem; } .filter-form .input-group.m-4 { justify-content: center; } .row.flex-column.fight-list { flex-flow: column; max-width: 490px; overflow: hidden; } .fight-item { width: 100%; max-width: 480px; margin: 0 auto 2rem; } .fight-item-body { border: 1px solid #b4c2be; } .fight-item-body-title { background: rgba(58, 121, 218, 0.85); color: #fff; display: flex; justify-content: space-between; padding: 5px 35px; margin: 10px -5px 10px; } .fight-item-body-title strong { font-size: 1rem; font-weight: 900; text-transform: uppercase; } .fight-item-body-title span { font-size: .85rem; } .fight-item-body-title span a { color: #fff; text-decoration: underline; } .fight-item-body-info-status { display: inline-block; margin: 0 25px; text-align: center; width: 60px; } .fight-item-body-info-status img { width: 31px; display: block; margin: auto; } .fight-item-body-info-status span { font-size: 1rem; } .fight-item-body-info-status.bg-online { color: #0B9C49; } .fight-item-body-info-status.bg-waiting { color: #000; } .fight-item-body-info-status.bg-ended { color: #8AA195; padding-top: 10px; } .fight-item-body-info-fighters { display: inline-block; font-size: 1rem; text-transform: uppercase; vertical-align: top; } .fight-item-body-info-fighters-red { color: #FF0000; } .fight-item-body-info-fighters-blue { color: #0000FF; } .fight-item-body-info-fighters-red-team, .fight-item-body-info-fighters-blue-team { font-size: 0.7rem; line-height: normal; text-transform: none; } .fight-item-body-footer { display: flex; border: 1px solid #b4c2be; border-radius: 10px 0 0 0; width: max-content; margin: 5px -1px -1px auto; position: sticky; } .fight-item-body-footer img { width: 20px; margin: 5px 10px 5px 15px; } .fight-item-body-footer-carpet { margin-right: 1rem; } .fight-item-body-footer-time { margin-right: 1rem; } .fight-item-body-footer-countdown { font-family: Arial; } .fight-list-more { text-align: center; padding: 1rem; background-color: rgba(58, 121, 218, 0.85); color: #fff; font-weight: bold; cursor: pointer; padding: 10px; width: fit-content; margin: auto; } .refresh_timer { border: 1px solid rgba(30,75,51,.52); border-radius: 10px; padding: 8px 12px; display: inline-block; } .refresh_timer span { padding: 0 15px; } .refresh_timer svg { fill: rgba(58, 121, 218, 0.85); cursor: pointer; } .refresh_timer svg.off { fill: #8AA195; } @media (max-width: 450px) { .fight-item-body-info-status { margin: 0 5px; } .fight-item-body-info-fighters { width: 350px; max-width: calc(100% - 80px); overflow: hidden; } .fight-item-body-info-fighters-red, .fight-item-body-info-fighters-blue { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .user_event { margin: 100px 0; } .user_event-info a, .user_event-footer a { text-transform: uppercase; text-decoration: underline; color: #0B9C49; } .user_event-image img { width: 100%; } .user_event-title { font-size: 1.25rem; font-weight: bold; color: rgba(58, 121, 218, 0.85); margin-bottom: 1rem; } .user_event-datetime { margin-bottom: 1rem; } .user_event-datetime div { display: inline-block; padding-bottom: 8px; } .user_event-datetime div:first-child { margin-right: 3rem; } .user_event-descr { margin-bottom: 1rem; color: rgba(58, 121, 218, 0.85); line-height: 1.25; } .user_event-footer { margin-top: 3rem; } .user_event-payment-alert { background: #f0e7d0; border: 1px solid rgba(58, 121, 218, 0.85); padding: .25rem 1rem; border-radius: 10px 0 0 0; width: fit-content; } .user_event-payment-alert b { font-size: 1.25rem; color: #ff6242; text-shadow: rgb(69, 65, 60) 1px 0px 0px, rgb(69, 65, 60) 0.540302px 0.841471px 0px, rgb(69, 65, 60) -0.416147px 0.909297px 0px, rgb(69, 65, 60) -0.989993px 0.14112px 0px, rgb(69, 65, 60) -0.653644px -0.756803px 0px, rgb(69, 65, 60) 0.283662px -0.958924px 0px, rgb(69, 65, 60) 0.96017px -0.279416px 0px; } .user_event-payment-alert span { padding: 0 1rem; } .user_event-payment-alert a { font-style: italic; } .user_event-details .rows { overflow: hidden; } .user_event-details-row { padding: 1rem 0; } .user_event-details-row::after { content: ''; display: block; background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23ddddddFF' stroke-width='4' stroke-dasharray='4%2c 16' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e"); width: 600%; height: 2px; margin: 1rem 2rem 0rem 1rem; } .user_event-details-row:last-child::after { display: none; } .user_event-details-row a { color: rgba(58, 121, 218, 0.85); } .user_event-details-row-descr { color: rgba(58, 121, 218, 0.85); } .user_event-details-row-btns-cancel, .user_event-details-row-btns-apruve { padding-right: 1rem; } .user_event-details-row-btns-cancel:hover, .user_event-details-row-btns-apruve:hover { text-decoration: none; } .user_event-details-more, .user_event-details-more-end { justify-content: center; background: rgba(58, 121, 218, 0.85); text-align: center; font-weight: bold; cursor: pointer; padding: 10px; color: #fff; } .user_event-details-more-end { background: #8AA195; } .qr-modal { width: fit-content; } @media (max-width: 575px) { .user_event-info { text-align: center; } } .custom-filter-form .form-group, .custom-filter-form .input-group { margin: 1rem; } .custom-filter-form .export-group { width: 100%; max-width: 944px; } .custom-filter-form .export-group span { max-width: 80%; } .custom-filter-form .btn-export { font-size: 1rem; line-height: 1rem; font-weight: bold; padding: 10px; color: #fff; background: rgba(58, 121, 218, 0.85); } .custom-filter-form .btn-info { border: 1px solid #bfcbc7; text-transform: uppercase; background: transparent; border-radius: 10px; border: 1px solid rgba(30,75,51,.52); padding: 8px 12px; color: #000; } .custom-filter-form .btn-info:hover, .custom-filter-form .btn-info.active { background: rgba(58, 121, 218, 0.85); color: #fff; } .custom-filter-form .btn-info svg { margin-right: 1rem; } .custom-filter-form .btn-info svg path { fill: #000; } .custom-filter-form .btn-info:hover svg path, .custom-filter-form .btn-info.active svg path { fill: #fff; } @media (max-width: 767px) { .custom-filter-form .form-group, .custom-filter-form .input-group { margin: 0 1rem 1rem 0; } .custom-filter-form .export-group { margin-right: 0; } } @media (max-width: 575px) { .custom-filter-form .form-group, .custom-filter-form .input-group, .custom-filter-form .input-group .btn-group { width: 100%; } } .ratings-list { max-width: 900px; width: 100%; padding: 0; } .ratings-list-title { background: rgba(58, 121, 218, 0.85); padding: 1rem; font-size: 1.25rem; font-weight: bold; color: #fff; text-align: center; } .ratings-list-achivments { display: flex; flex-flow: wrap; margin-bottom: 2rem; border-radius: 0 0px 10px 10px; overflow: hidden; } .ratings-list-achivments-item { text-align: center; padding: 4rem 2rem; flex: 1; white-space: nowrap; } .thin .ratings-list-achivments-item { padding: 2rem; } .ratings-list-achivments-item img { height: 32px; } .ratings-list-achivments-item strong { font-size: 1.75rem; padding: 0 .75rem; vertical-align: middle; } .medal-1 { background-color: #f2eee4; } .medal-2 { background-color: #eff0f4; } .medal-3 { background-color: #eeeae8; } .medal-star { background-color: #ebecf0; } .rate-stat { border: 1px solid rgba(58, 121, 218, 0.85); margin: auto; width: 100%; max-width: 900px; border-radius: 0 0px 10px 10px; margin-bottom: 2rem; } .rate-stat-title { text-align: center; background: rgba(58, 121, 218, 0.85); color: #fff; font-size: 1.25rem; font-weight: bold; padding: 1rem; margin: 10px -5px 0; } .rate-stat-subtitle { color: #8AA195; font-size: .875rem; } .rate-stat-table { overflow: hidden; } .rate-stat-table-row { display: flex; flex-flow: wrap; } @media (max-width: 767px) { .rate-stat-table-row { justify-content: space-around; } .ratings-list-achivments-item strong { font-size: 1.5rem; padding: 0 .5rem; } } .rate-stat-table-row:after { display: block; content: ""; border-bottom: 1px solid #C6C6C9; margin: 0 20px; width: 100%; } .rate-stat-table-row:last-child::after { display: none; } .rate-stat-table-row > div { flex: 1; margin: 1rem; text-align: center; line-height: 1.25; align-content: center; max-width: fit-content; } @media (min-width: 768px) and (max-width: 992px) { .rate-stat-table-row > div { min-width: 85px; } } .rate-stat-table-row > div b { display: block; } .rate-stat-table-col_num { min-width: 40px; margin: 1rem 0.5rem; color: #8AA195; font-size: 2rem; font-style: italic; } .rate-stat-table-col_img { margin: 1rem 0.5rem; } .rate-stat-table-col_img img { width: 47px; height: 47px; border-radius: 50%; } .rate-stat-table-col_team a { color: #000; } .rate-stat-table-col_team i , .rate-stat-table-col_team b { text-align: left; } .rate-stat-table-col_point { color: #B20300; } .rate-stat-table-col_win { color: #0B9C49; } .rate-stat-table-col_lose { color: rgba(58, 121, 218, 0.85); } .rate-stat-table-col_gold { color: #ED8B03; } .rate-stat-table-col_sillver { color: #808082; } .rate-stat-table-col_bronze { color: #9E7338; } .rate-stat-more { text-align: center; background: rgba(58, 121, 218, 0.85); color: #fff; font-size: .875rem; font-weight: bold; padding: .5rem; cursor: pointer; border-radius: 0 0px 10px 10px; } .rate-stat-leaders-container { margin: auto; max-width: 900px; } .rate-stat-leaders { border: 1px solid #b4c2be; margin: auto; max-width: 420px; min-width: 400px; margin-bottom: 2rem; } @media (max-width: 450px) { .rate-stat-leaders { min-width: auto; } } .rate-stat-leaders .rate-stat-title { text-align: left; } .rate-stat-leaders .rate-stat-table-row::after { display: none; } .rate-stat-leaders .rate-stat-table-row > div { margin: 2rem 0.5rem; } .rate-stat-leaders .rate-stat-table-row .rate-stat-table-col_num { margin-left: 1rem; } .rate-stat-leaders .rate-stat-table-row .rate-stat-table-col_timing { max-width: 76px; background: #c5e3d7; margin: 0 0 0 0.875rem; } .rate-stat-leaders .rate-stat-table-row .rate-stat-table-col_team > * { overflow: hidden; text-overflow: ellipsis; max-width: 220px; white-space: nowrap; display: block; } .rate-stat-leaders .rate-stat-table-row .rate-stat-table-col_team:last-child > * { max-width: 250px; } .rate-stat-years .nav-item { border: 1px solid rgba(58, 121, 218, 0.85); border-radius: 0; border-left: 0; } .rate-stat-years .nav-item:first-child { border-left: 1px solid rgba(58, 121, 218, 0.85); } .rate-stat-years .nav-tabs { border: 0; } .rate-stat-years .nav-tabs .nav-link { color: ##000; background-color: #fff; border: 0; border-radius: 0; } .rate-stat-years .nav-tabs .nav-link.active { color: #fff; background-color: rgba(58, 121, 218, 0.85); } .rate-stat-years .rate-stat-table-row .rate-stat-table-col_team, .rate-stat-years .rate-stat-table-row .rate-stat-table-event { max-width: 350px; overflow: hidden; text-overflow: ellipsis; text-align: center; white-space: nowrap; } @media (max-width: 992px) { .rate-stat-years .rate-stat-table-row .rate-stat-table-col_team, .rate-stat-years .rate-stat-table-row .rate-stat-table-event { flex: auto; max-width: 40%; width: 40%; white-space: normal; } } .rate-stat-years .rate-stat-table-row .rate-stat-table-event { font-style: italic; } .rate-stat-years .rate-stat-table-col_team { font-weight: bold; } .rate-stat-years .rate-stat-table-col_date { text-align: center; } @media (min-width: 992px) { .rate-stat-years .rate-stat-table-col_point b, .rate-stat-years .rate-stat-table-col_win b { display: inline; } } @media (min-width: 768px) and (max-width: 992px) { .rate-stat-years .rate-stat-table-row > div { min-width: auto; } } @media (max-width: 576px) { .rate-stat-years .rate-stat-table-row .rate-stat-table-event { width: 100%; max-width: 100%; } } .top-main { background: url('/images/bg_event_add.jpg') no-repeat center center / cover; box-shadow: 0 100vh rgba(0,0,0,.7) inset; min-height: 80vh; display: flex; color: #fff; } .top-main .top-main-content { width: fit-content; max-width: 500px; text-align: center; margin: 4rem auto 2rem; } .top-main h1 { color: #fff; font-size: 2rem; font-weight: bold; margin-bottom: 2rem; } .top-main .top-main-content p { margin-bottom: 4rem; } .top-main .top-main-content form { width: fit-content; } .top-main .top-main-content form input { border: 2px solid #8AA195; text-align: center; max-width: 300px; margin: auto; color: #fff; } .top-main .top-main-content form input:focus { color: #495057; } .top-main .top-main-content form input::placeholder { color: #fff; } .features-list { background: #F4F5FA; padding: 100px 0; } .features-list .container { max-width: 900px; padding: 0; } .features-list h2 { font-size: 1.5rem; text-align: center; margin-bottom: 4rem; } .features-list-items { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; } .features-list-single { text-align: center; padding: 1rem 2rem; background: #fff; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,.4); width: 250px; margin: 0 1.5rem 4rem; } .features-list-single img { height: 75px; margin-bottom: 1rem; } .features-list-single p { color: #000; font-size: 1rem; } .features-list-single-title { color: #000; font-size: 1.25rem; margin-bottom: 1rem; text-transform: uppercase; font-weight: bold; } .pay-for-real { background: rgba(58, 121, 218, 0.85); padding: 100px 0; } .pay-for-real .container { max-width: 900px; text-align: center; } .pay-for-real h2 { color: #fff; font-size: 1.5rem; text-transform: uppercase; font-weight: bold; } .pay-for-real p { margin: 4rem auto; color: #fff; } .pay-for-real a { text-decoration: underline; color: #fff; } .pay-for-real form { justify-content: space-around; } .pay-for-real form input { border: 2px solid #8AA195; text-align: center; max-width: 300px; margin: auto; color: #fff; } .pay-for-real form input::placeholder { color: #fff; } @media (max-width: 992px) { .pay-for-real form.form-inline { flex-flow: column; } .pay-for-real form.form-inline input { margin-bottom: 2rem; width: 100%; } .pay-for-real form.form-inline .form-group { margin-top: 0rem; } } .upsale { background: #F4F5FA; padding: 100px 0; } .upsale .container { max-width: 900px; } .upsale-title { color: #000; font-size: 100px; font-weight: bold; line-height: 1; margin-bottom: 100px; } .upsale-title span { color: rgba(58, 121, 218, 0.85); } .upsale form { max-width: 300px; } .upsale input { margin-bottom: 2rem; } .our-points { max-width: 400px; } .our-points li { list-style-type: none; font-size: 1rem; color: #000; margin-bottom: 2rem; } .our-points li::before { content: ''; display: block; background: url('data:image/svg+xml,') no-repeat; width: 24px; height: 20px; margin-left: -40px; position: absolute; } .our-points-title { font-size: 1.25rem; font-weight: bold; } .our-points-price { color: rgba(58, 121, 218, 0.85); } .our-points-price a { color: rgba(58, 121, 218, 0.85); text-decoration: underline; } @media (max-width: 992px) { .upsale-title { font-size: 60px; margin-bottom: 60px; } } @media (max-width: 768px) { .upsale .container { flex-flow: column; } .upsale-title { font-size: 40px; margin-bottom: 40px; text-align: center; } .upsale form { margin: auto; text-align: center; } .our-points { margin: auto; } } .medals-page .top-main { background: url('/images/medal_boy.png') no-repeat bottom right rgba(58, 121, 218, 0.85); background-size: 35vw; box-shadow: none; padding: 80px 0; } .medals-page .top-main h1 { text-align: center; margin-bottom: 4rem; } .medals-page .top-main .container > div { max-width: 500px; min-width: 300px; } .medals-page .top-main form input { border: 2px solid #8AA195; text-align: center; max-width: 300px; margin: 2rem 0; color: #fff; } .medals-page .top-main form input:focus { color: #495057; } .medals-page .top-main form input::placeholder { color: #fff; } .medals-page .features-list-single img { margin-top: -1rem; } .medals-page .porfolio-gallery h2 { color: #000; text-align: center; font-size: 6vw; margin-bottom: 2rem; } .porfolio-gallery-item { width:25%; float: left; margin: 0px; padding: 5px; box-sizing: border-box; } .porfolio-gallery-column-more { display: flex; flex: 2; justify-content: center; } .porfolio-gallery-column-more .btn { padding: 10px; display: block; height: 40px; font-weight: bold; align-self: center; } @media screen and (max-width: 992px) { .porfolio-gallery-item { width:33%; } } @media screen and (max-width: 768px) { .porfolio-gallery-item { width:50%; } } @media (max-width: 576px) { .medals-page .top-main { padding: 0; } .porfolio-gallery-item { width:100%; } } .how-we-work { padding: 100px 0; } .how-we-work .container h2 { font-size: 1.5rem; text-align: center; margin-bottom: 6rem; } .how-we-work .container .points-list { display: flex; flex-flow: wrap; justify-content: space-around; } .how-we-work .container .points-list-item { text-align: center; padding: 1rem; background: #fff; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,.4); width: 200px; min-width: 200px; min-height: 200px; margin-bottom: 2rem; box-sizing: border-box; line-height: 1; position: relative; } .how-we-work .container .points-list-item-title { color: #8AA195; font-size: 4rem; } @media (min-width: 1200px) { .how-we-work .container .points-list-item:nth-child(2n)::before { display: block; content: ''; width: 107px; height: 95px; background: url('/images/icon/arrow.svg') no-repeat center center; position: absolute; bottom: -65px; left: -65px; } .how-we-work .container .points-list-item:nth-child(2n)::after { display: block; content: ''; width: 107px; height: 95px; background: url('/images/icon/arrow.svg') no-repeat center center; position: absolute; top: -50px; right: -70px; transform: scaley(-1) rotate(-40deg); z-index: 1; } } .contact-us { padding: 100px 0; background: rgba(58, 121, 218, 0.85); } .contact-us .container { max-width: 900px; } .contact-us .container h2 { color: #fff; text-align: center; font-size: 1.5rem; margin-bottom: 4rem; } .contact-us .container p { color: #fff; text-align: center; margin-bottom: 4rem; } .contact-us form { display: flex; flex-wrap: wrap; } .contact-us form > div { width: 50%; height: fit-content; } .contact-us form .custom-control-label { color: #fff; } .contact-us form textarea { height: 120px; } .contact-us form .text-right { padding-right: 30px; } .contact-us form input, .contact-us form textarea { border: 2px solid #8AA195; max-width: 300px; color: #fff; } .contact-us form input::placeholder, .contact-us form textarea::placeholder { color: #fff; } .contact-us form .custom-checkbox .custom-control-input ~ .custom-control-label::before, .contact-us form .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { border: 2px solid #8AA195; } @media (max-width: 768px) { .contact-us form > div { width: 100%; text-align: center !important; } .contact-us form input, .contact-us form textarea { margin: auto; } }