/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 14px; line-height: 17px; font-family: Tahoma;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input, textarea {
    padding:0;
    margin:0;
}
a {outline:none;}
a:visited {outline:none;}

a {text-decoration:underline; cursor:pointer; color: #e30613; }
a:hover { text-decoration: none; }

b, strong {font-weight:bold;}

.clear {clear:both; display:block;}

.clearfix:before, .clearfix:after {content:""; display:table;}
.clearfix:after {clear:both;}
.clearfix{zoom:1;}

.flip-horizontaly {-moz-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); filter: FlipH;}
.inline-block {display:inline-block; _overflow:hidden; *zoom:1; *display:inline;}

.text-align-right {text-align:right !important;}
.text-align-center {text-align:center;}
.text-align-left {text-align:left !important;}

textarea {resize:none; overflow-y:auto;}

.ovf-hidden {overflow:hidden;}

/** Вретикальное выравнивание **/
.valign-middle {display:inline-block; _overflow:hidden; *zoom:1; *display:inline; vertical-align:middle;}

/* Фикс кнопок в ФФ */
button {border:0 none; outline:none; margin:0;}
button::-moz-focus-inner {border:0;}

.hidden {display:none;}


input[ type = text], input[ type = password], input[ type = number], input[ type = search], input[ type = email], input[ type = url], textarea {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

input[ type = checkbox], input[ type = radio] {
    vertical-align: text-top;
    padding: 0;
    margin: 1px 0 0
}

input[ type = search] {
    -webkit-appearance: textfield
}

input[ type = search]::-webkit-search-decoration {
    display: none
}


td, textarea, input, select, button {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

td, textarea {
    line-height: inherit
}

input, select {
    line-height: 15px
}

a, input[ type = text], input[ type = password], input[ type = number], input[ type = search], input[ type = email], input[ type = url], select, textarea, div {
    outline: 0
}

a:focus, a:active {
    outline: thin dotted
}


textarea, input, select {
    margin: 1px;
    padding: 3px
}

h1, h2, h3, h4, h5, h6 {
    display: block;
    font-weight: 700
}

h1 {
    font-size: 1.8em;
    line-height: 1.3em;
    margin: 20px 0
}

h2 {
    font-size: 1.5em;
    margin: .83em 0
}

h3 {
    font-size: 1.17em;
    margin: 1em 0
}

h4 {
    font-size: 1em;
    margin: 1.33em 0
}

h5 {
    font-size: .83em;
    margin: 1.67em 0
}

h6 {
    font-size: .67em;
    margin: 2.33em 0
}

ul, ol {
    padding: 0
}

ul {
    list-style: none
}

ol {
    list-style-type: decimal;
    margin-left: 2em
}

.margin-top31 {
    margin-top: 31px;
}

/* feedback form */
.feedback__form {
    margin-top: 37px;
}

.ff__title {
    font-size: 26px;
    color: #0072bb;
    font-weight: bold;
    font-family: 'PT Sans';
    text-transform: uppercase;
    padding-bottom: 22px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}

.ff__form .form-label {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.ff__form .form-label .field-title {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 38%;
    max-width: 38%;

    font-size: 14px;
    font-weight: normal;
    color: #3f3f3f;
    font-family: Arial;
    padding-right: 15px;
}

.ff__form .form-label .field-title .field-required {
    font-family: Arial;
    color: #0072bb;
}

.ff__form .form-label .field-input {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 62%;
    max-width: 62%;

    padding-left: 15px;
}

.ff__form .form-label .field-input > * {
    width: 100%;
}

.ff__form .form-label .field-input input[type=text],
.ff__form .form-label .field-input input[type=tel],
.ff__form .form-label .field-input input[type=phone],
.ff__form .form-label .field-input input[type=email],
.ff__form .form-label .field-input textarea,
.ff__form .form-label .field-input select {
    padding: 6px 14px;
    font-weight: normal;
    font-family: 'PT Sans';
    color: #000000;
    border-radius: 3px;
    border: 1px solid #c1c0c0;
}

.ff__form .form-label .field-input textarea {
    min-height: 290px;
}

.ff__form .form-label.form-label-textarea,
.ff__form .form-label.form-label-file {
    align-items: flex-start;
}

.ff__form .form-label .field-input input[type=text]:focus,
.ff__form .form-label .field-input input[type=tel]:focus,
.ff__form .form-label .field-input input[type=phone]:focus,
.ff__form .form-label .field-input input[type=email]:focus,
.ff__form .form-label .field-input textarea:focus {
    border: 2px solid #a5a6a7;
    margin-top: -2px;
}

.ff__form .form-label .field-input .error,
.ff__form .form-label .field-input.error input {
    border: 2px solid #9e0b0f;
}

.ff__form .form-label .field-input .errorMessage {
    color: #9e0b0f;
    font-size: 14px;
    font-family: 'PT Sans';
}

.feedback__form .field-input .select2-container .select2-selection__rendered {
    font-weight: normal;
}
.feedback__form .field-input .select2-container .select2-selection--single {
    height: 31px;
}

.feedback__form .field-input .custom-file__label {
    border: 1px solid #c1c0c0;
    padding: 9px 14px;
    font-weight: normal;
    font-family: 'PT Sans';
    color: #000000;
    border-radius: 3px;
    position: relative;
}

.feedback__form .field-input .custom-file__label:before {
    position: absolute;
    right: 0;
    border-right: 0;
    top: 0;
    line-height: 1;
    text-transform: uppercase;
    font-size: 13px;
    color: #0b5292;
    background: #ffcc00;
    margin-top: 3px;
    margin-right: 3px;
    padding: 7px 8px;
    border-bottom: 2px solid #a48403;
    border-radius: 3px;
}

.feedback__form .field-input .custom-file__label:hover:before {
    background: #0172bb;
    border-bottom: 2px solid #23527c;
    color: #fff;
}

.feedback__form .file__warning {
    font-size: 14px;
    color: #000;
    font-weight: normal;
    font-family: 'PT Sans';
    opacity: .7;
    margin-top: 9px;
}

.ff__form .form-label .field-input input[type=checkbox] {
    width: auto;
}

.ff__form .form-label .field-input-checkbox {
    color: #3f3f3f;
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
}

.ff__form .form__footer {
    text-align: right;
}

.ff__form .form__footer .btn {
    line-height: 1;
    text-transform: uppercase;
    font-size: 13px;
    color: #0b5292;
    background: #ffcc00;
    margin-top: 3px;
    margin-right: 3px;
    padding: 7px 8px;
    border-bottom: 2px solid #a48403;
    border-radius: 3px;
}

.ff__form .form__footer .btn:hover {
    background: #0172bb;
    border-bottom: 2px solid #23527c;
    color: #fff;
}

.ff__form .form-label input[type=checkbox] {
    display: none;
}

.ff__form .form-label .checkbox-custom {
    position: relative;
    width: 22px;
    height: 22px;
    border: 1px solid #c1c0c0;
    border-radius: 3px;
    background: #fff;
}

.ff__form .form-label .checkbox-custom,
.ff__form .form-label .field-input-checkbox .label {
    display: inline-block;
    vertical-align: middle;
}

.ff__form .form-label .field-input-checkbox .label {
    width: auto;
    font-size: 14px;
    color: #3f3f3f;
    font-weight: normal;
    font-family: Arial;
}

.ff__form .form-label input[type=checkbox]:checked + .checkbox-custom:before {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    right: 4px;
    bottom: 4px;
    left: 4px;
    background: #0072bb;
    border-radius: 2px;
}
/* feedback form */

.text-block .row-sport{
    margin: 0 -6px; 
}
.text-block .col-sport{
    padding: 0 6px;
}
.btn-sport{
    display: block;
    background: #0072bb;
    height: 136px;
    border-radius: 4px;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    padding-top: 27px;
    position: relative;
    text-transform: uppercase;
}
.btn-sport::after{
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: -3px;
    background: #0b5292;
    border-radius: 4px;
    z-index: -1;
}
.btn-sport::before{
    content: '';
    display: block;
    margin: 0 auto;
    width: 70px;
    height: 45px;
    background: #fff;
    margin-bottom: 24px;
}
.btn-sport-photo::before{
    -webkit-mask: url(../i/photo.svg);
    mask: url(../i/photo.svg);
}
.btn-sport-video::before{
    -webkit-mask: url(../i/video.svg);
    mask: url(../i/video.svg);
}
.btn-sport-team::before{
    -webkit-mask: url(../i/team.svg);
    mask: url(../i/team.svg);
}
.btn-sport-result::before{
    -webkit-mask: url(../i/result.svg);
    mask: url(../i/result.svg);
}
.btn-sport:hover{
    background: #fff;
    color: #0072bb;
}
.btn-sport:hover::after{
    display: none;
}
.btn-sport:hover::before{
    background: #0072bb;
}

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: .25em solid currentColor;
    border-right-color: currentcolor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: spinner-border .75s linear infinite;
  animation: spinner-border .75s linear infinite;
}
.preloader{
    text-align: center;
}

@keyframes spinner-border {
  to { transform: rotate(360deg); }
}