/* https://meyerweb.com/eric/tools/css/reset/
   v2.0-modified | 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: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* make sure to set some focus styles for accessibility */
:focus {
    outline: 0;
}

/* 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[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    max-width: 100%;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html,
button,
input,
select,
textarea {
    color: #222;
}


::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

	@font-face {
    font-family: 'Gilam';
    src: local('Gilam Black'), local('Gilam-Black'),
        url('../fonts/Gilam-BlackDEMO.woff2') format('woff2'),
        url('../fonts/Gilam-BlackDEMO.woff') format('woff'),
        url('../fonts/Gilam-BlackDEMO.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
  }
html{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
*, *::before, *::after{
    -webkit-box-sizing: inherit;
            box-sizing: inherit;
	outline:none !important;
	text-decoration: none;
}
@font-face {
  font-family: 'themify';
  src: url("fonts/themify.eot?-fvbane");
  src: url("fonts/themify.eot?#iefix-fvbane") format("embedded-opentype"), url("fonts/themify.woff?-fvbane") format("woff"), url("fonts/themify.ttf?-fvbane") format("truetype"), url("fonts/themify.svg?-fvbane#themify") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
[class^="ti-"], [class*=" ti-"] {
  font-family: 'themify';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ti-wand:before {
  content: "\e600";
}

.ti-volume:before {
  content: "\e601";
}

.ti-user:before {
  content: "\e602";
}

.ti-unlock:before {
  content: "\e603";
}

.ti-unlink:before {
  content: "\e604";
}

.ti-trash:before {
  content: "\e605";
}

.ti-thought:before {
  content: "\e606";
}

.ti-target:before {
  content: "\e607";
}

.ti-tag:before {
  content: "\e608";
}

.ti-tablet:before {
  content: "\e609";
}

.ti-star:before {
  content: "\e60a";
}

.ti-spray:before {
  content: "\e60b";
}

.ti-signal:before {
  content: "\e60c";
}

.ti-shopping-cart:before {
  content: "\e60d";
}

.ti-shopping-cart-full:before {
  content: "\e60e";
}

.ti-settings:before {
  content: "\e60f";
}

.ti-search:before {
  content: "\e610";
}

.ti-zoom-in:before {
  content: "\e611";
}

.ti-zoom-out:before {
  content: "\e612";
}

.ti-cut:before {
  content: "\e613";
}

.ti-ruler:before {
  content: "\e614";
}

.ti-ruler-pencil:before {
  content: "\e615";
}

.ti-ruler-alt:before {
  content: "\e616";
}

.ti-bookmark:before {
  content: "\e617";
}

.ti-bookmark-alt:before {
  content: "\e618";
}

.ti-reload:before {
  content: "\e619";
}

.ti-plus:before {
  content: "\e61a";
}

.ti-pin:before {
  content: "\e61b";
}

.ti-pencil:before {
  content: "\e61c";
}

.ti-pencil-alt:before {
  content: "\e61d";
}

.ti-paint-roller:before {
  content: "\e61e";
}

.ti-paint-bucket:before {
  content: "\e61f";
}

.ti-na:before {
  content: "\e620";
}

.ti-mobile:before {
  content: "\e621";
}

.ti-minus:before {
  content: "\e622";
}

.ti-medall:before {
  content: "\e623";
}

.ti-medall-alt:before {
  content: "\e624";
}

.ti-marker:before {
  content: "\e625";
}

.ti-marker-alt:before {
  content: "\e626";
}

.ti-arrow-up:before {
  content: "\e627";
}

.ti-arrow-right:before {
  content: "\e628";
}

.ti-arrow-left:before {
  content: "\e629";
}

.ti-arrow-down:before {
  content: "\e62a";
}

.ti-lock:before {
  content: "\e62b";
}

.ti-location-arrow:before {
  content: "\e62c";
}

.ti-link:before {
  content: "\e62d";
}

.ti-layout:before {
  content: "\e62e";
}

.ti-layers:before {
  content: "\e62f";
}

.ti-layers-alt:before {
  content: "\e630";
}

.ti-key:before {
  content: "\e631";
}

.ti-import:before {
  content: "\e632";
}

.ti-image:before {
  content: "\e633";
}

.ti-heart:before {
  content: "\e634";
}

.ti-heart-broken:before {
  content: "\e635";
}

.ti-hand-stop:before {
  content: "\e636";
}

.ti-hand-open:before {
  content: "\e637";
}

.ti-hand-drag:before {
  content: "\e638";
}

.ti-folder:before {
  content: "\e639";
}

.ti-flag:before {
  content: "\e63a";
}

.ti-flag-alt:before {
  content: "\e63b";
}

.ti-flag-alt-2:before {
  content: "\e63c";
}

.ti-eye:before {
  content: "\e63d";
}

.ti-export:before {
  content: "\e63e";
}

.ti-exchange-vertical:before {
  content: "\e63f";
}

.ti-desktop:before {
  content: "\e640";
}

.ti-cup:before {
  content: "\e641";
}

.ti-crown:before {
  content: "\e642";
}

.ti-comments:before {
  content: "\e643";
}

.ti-comment:before {
  content: "\e644";
}

.ti-comment-alt:before {
  content: "\e645";
}

.ti-close:before {
  content: "\e646";
}

.ti-clip:before {
  content: "\e647";
}

.ti-angle-up:before {
  content: "\e648";
}

.ti-angle-right:before {
  content: "\e649";
}

.ti-angle-left:before {
  content: "\e64a";
}

.ti-angle-down:before {
  content: "\e64b";
}

.ti-check:before {
  content: "\e64c";
}

.ti-check-box:before {
  content: "\e64d";
}

.ti-camera:before {
  content: "\e64e";
}

.ti-announcement:before {
  content: "\e64f";
}

.ti-brush:before {
  content: "\e650";
}

.ti-briefcase:before {
  content: "\e651";
}

.ti-bolt:before {
  content: "\e652";
}

.ti-bolt-alt:before {
  content: "\e653";
}

.ti-blackboard:before {
  content: "\e654";
}

.ti-bag:before {
  content: "\e655";
}

.ti-move:before {
  content: "\e656";
}

.ti-arrows-vertical:before {
  content: "\e657";
}

.ti-arrows-horizontal:before {
  content: "\e658";
}

.ti-fullscreen:before {
  content: "\e659";
}

.ti-arrow-top-right:before {
  content: "\e65a";
}

.ti-arrow-top-left:before {
  content: "\e65b";
}

.ti-arrow-circle-up:before {
  content: "\e65c";
}

.ti-arrow-circle-right:before {
  content: "\e65d";
}

.ti-arrow-circle-left:before {
  content: "\e65e";
}

.ti-arrow-circle-down:before {
  content: "\e65f";
}

.ti-angle-double-up:before {
  content: "\e660";
}

.ti-angle-double-right:before {
  content: "\e661";
}

.ti-angle-double-left:before {
  content: "\e662";
}

.ti-angle-double-down:before {
  content: "\e663";
}

.ti-zip:before {
  content: "\e664";
}

.ti-world:before {
  content: "\e665";
}

.ti-wheelchair:before {
  content: "\e666";
}

.ti-view-list:before {
  content: "\e667";
}

.ti-view-list-alt:before {
  content: "\e668";
}

.ti-view-grid:before {
  content: "\e669";
}

.ti-uppercase:before {
  content: "\e66a";
}

.ti-upload:before {
  content: "\e66b";
}

.ti-underline:before {
  content: "\e66c";
}

.ti-truck:before {
  content: "\e66d";
}

.ti-timer:before {
  content: "\e66e";
}

.ti-ticket:before {
  content: "\e66f";
}

.ti-thumb-up:before {
  content: "\e670";
}

.ti-thumb-down:before {
  content: "\e671";
}

.ti-text:before {
  content: "\e672";
}

.ti-stats-up:before {
  content: "\e673";
}

.ti-stats-down:before {
  content: "\e674";
}

.ti-split-v:before {
  content: "\e675";
}

.ti-split-h:before {
  content: "\e676";
}

.ti-smallcap:before {
  content: "\e677";
}

.ti-shine:before {
  content: "\e678";
}

.ti-shift-right:before {
  content: "\e679";
}

.ti-shift-left:before {
  content: "\e67a";
}

.ti-shield:before {
  content: "\e67b";
}

.ti-notepad:before {
  content: "\e67c";
}

.ti-server:before {
  content: "\e67d";
}

.ti-quote-right:before {
  content: "\e67e";
}

.ti-quote-left:before {
  content: "\e67f";
}

.ti-pulse:before {
  content: "\e680";
}

.ti-printer:before {
  content: "\e681";
}

.ti-power-off:before {
  content: "\e682";
}

.ti-plug:before {
  content: "\e683";
}

.ti-pie-chart:before {
  content: "\e684";
}

.ti-paragraph:before {
  content: "\e685";
}

.ti-panel:before {
  content: "\e686";
}

.ti-package:before {
  content: "\e687";
}

.ti-music:before {
  content: "\e688";
}

.ti-music-alt:before {
  content: "\e689";
}

.ti-mouse:before {
  content: "\e68a";
}

.ti-mouse-alt:before {
  content: "\e68b";
}

.ti-money:before {
  content: "\e68c";
}

.ti-microphone:before {
  content: "\e68d";
}

.ti-menu:before {
  content: "\e68e";
}

.ti-menu-alt:before {
  content: "\e68f";
}

.ti-map:before {
  content: "\e690";
}

.ti-map-alt:before {
  content: "\e691";
}

.ti-loop:before {
  content: "\e692";
}

.ti-location-pin:before {
  content: "\e693";
}

.ti-list:before {
  content: "\e694";
}

.ti-light-bulb:before {
  content: "\e695";
}

.ti-Italic:before {
  content: "\e696";
}

.ti-info:before {
  content: "\e697";
}

.ti-infinite:before {
  content: "\e698";
}

.ti-id-badge:before {
  content: "\e699";
}

.ti-hummer:before {
  content: "\e69a";
}

.ti-home:before {
  content: "\e69b";
}

.ti-help:before {
  content: "\e69c";
}

.ti-headphone:before {
  content: "\e69d";
}

.ti-harddrives:before {
  content: "\e69e";
}

.ti-harddrive:before {
  content: "\e69f";
}

.ti-gift:before {
  content: "\e6a0";
}

.ti-game:before {
  content: "\e6a1";
}

.ti-filter:before {
  content: "\e6a2";
}

.ti-files:before {
  content: "\e6a3";
}

.ti-file:before {
  content: "\e6a4";
}

.ti-eraser:before {
  content: "\e6a5";
}

.ti-envelope:before {
  content: "\e6a6";
}

.ti-download:before {
  content: "\e6a7";
}

.ti-direction:before {
  content: "\e6a8";
}

.ti-direction-alt:before {
  content: "\e6a9";
}

.ti-dashboard:before {
  content: "\e6aa";
}

.ti-control-stop:before {
  content: "\e6ab";
}

.ti-control-shuffle:before {
  content: "\e6ac";
}

.ti-control-play:before {
  content: "\e6ad";
}

.ti-control-pause:before {
  content: "\e6ae";
}

.ti-control-forward:before {
  content: "\e6af";
}

.ti-control-backward:before {
  content: "\e6b0";
}

.ti-cloud:before {
  content: "\e6b1";
}

.ti-cloud-up:before {
  content: "\e6b2";
}

.ti-cloud-down:before {
  content: "\e6b3";
}

.ti-clipboard:before {
  content: "\e6b4";
}

.ti-car:before {
  content: "\e6b5";
}

.ti-calendar:before {
  content: "\e6b6";
}

.ti-book:before {
  content: "\e6b7";
}

.ti-bell:before {
  content: "\e6b8";
}

.ti-basketball:before {
  content: "\e6b9";
}

.ti-bar-chart:before {
  content: "\e6ba";
}

.ti-bar-chart-alt:before {
  content: "\e6bb";
}

.ti-back-right:before {
  content: "\e6bc";
}

.ti-back-left:before {
  content: "\e6bd";
}

.ti-arrows-corner:before {
  content: "\e6be";
}

.ti-archive:before {
  content: "\e6bf";
}

.ti-anchor:before {
  content: "\e6c0";
}

.ti-align-right:before {
  content: "\e6c1";
}

.ti-align-left:before {
  content: "\e6c2";
}

.ti-align-justify:before {
  content: "\e6c3";
}

.ti-align-center:before {
  content: "\e6c4";
}

.ti-alert:before {
  content: "\e6c5";
}

.ti-alarm-clock:before {
  content: "\e6c6";
}

.ti-agenda:before {
  content: "\e6c7";
}

.ti-write:before {
  content: "\e6c8";
}

.ti-window:before {
  content: "\e6c9";
}

.ti-widgetized:before {
  content: "\e6ca";
}

.ti-widget:before {
  content: "\e6cb";
}

.ti-widget-alt:before {
  content: "\e6cc";
}

.ti-wallet:before {
  content: "\e6cd";
}

.ti-video-clapper:before {
  content: "\e6ce";
}

.ti-video-camera:before {
  content: "\e6cf";
}

.ti-vector:before {
  content: "\e6d0";
}

.ti-themify-logo:before {
  content: "\e6d1";
}

.ti-themify-favicon:before {
  content: "\e6d2";
}

.ti-themify-favicon-alt:before {
  content: "\e6d3";
}

.ti-support:before {
  content: "\e6d4";
}

.ti-stamp:before {
  content: "\e6d5";
}

.ti-split-v-alt:before {
  content: "\e6d6";
}

.ti-slice:before {
  content: "\e6d7";
}

.ti-shortcode:before {
  content: "\e6d8";
}

.ti-shift-right-alt:before {
  content: "\e6d9";
}

.ti-shift-left-alt:before {
  content: "\e6da";
}

.ti-ruler-alt-2:before {
  content: "\e6db";
}

.ti-receipt:before {
  content: "\e6dc";
}

.ti-pin2:before {
  content: "\e6dd";
}

.ti-pin-alt:before {
  content: "\e6de";
}

.ti-pencil-alt2:before {
  content: "\e6df";
}

.ti-palette:before {
  content: "\e6e0";
}

.ti-more:before {
  content: "\e6e1";
}

.ti-more-alt:before {
  content: "\e6e2";
}

.ti-microphone-alt:before {
  content: "\e6e3";
}

.ti-magnet:before {
  content: "\e6e4";
}

.ti-line-double:before {
  content: "\e6e5";
}

.ti-line-dotted:before {
  content: "\e6e6";
}

.ti-line-dashed:before {
  content: "\e6e7";
}

.ti-layout-width-full:before {
  content: "\e6e8";
}

.ti-layout-width-default:before {
  content: "\e6e9";
}

.ti-layout-width-default-alt:before {
  content: "\e6ea";
}

.ti-layout-tab:before {
  content: "\e6eb";
}

.ti-layout-tab-window:before {
  content: "\e6ec";
}

.ti-layout-tab-v:before {
  content: "\e6ed";
}

.ti-layout-tab-min:before {
  content: "\e6ee";
}

.ti-layout-slider:before {
  content: "\e6ef";
}

.ti-layout-slider-alt:before {
  content: "\e6f0";
}

.ti-layout-sidebar-right:before {
  content: "\e6f1";
}

.ti-layout-sidebar-none:before {
  content: "\e6f2";
}

.ti-layout-sidebar-left:before {
  content: "\e6f3";
}

.ti-layout-placeholder:before {
  content: "\e6f4";
}

.ti-layout-menu:before {
  content: "\e6f5";
}

.ti-layout-menu-v:before {
  content: "\e6f6";
}

.ti-layout-menu-separated:before {
  content: "\e6f7";
}

.ti-layout-menu-full:before {
  content: "\e6f8";
}

.ti-layout-media-right-alt:before {
  content: "\e6f9";
}

.ti-layout-media-right:before {
  content: "\e6fa";
}

.ti-layout-media-overlay:before {
  content: "\e6fb";
}

.ti-layout-media-overlay-alt:before {
  content: "\e6fc";
}

.ti-layout-media-overlay-alt-2:before {
  content: "\e6fd";
}

.ti-layout-media-left-alt:before {
  content: "\e6fe";
}

.ti-layout-media-left:before {
  content: "\e6ff";
}

.ti-layout-media-center-alt:before {
  content: "\e700";
}

.ti-layout-media-center:before {
  content: "\e701";
}

.ti-layout-list-thumb:before {
  content: "\e702";
}

.ti-layout-list-thumb-alt:before {
  content: "\e703";
}

.ti-layout-list-post:before {
  content: "\e704";
}

.ti-layout-list-large-image:before {
  content: "\e705";
}

.ti-layout-line-solid:before {
  content: "\e706";
}

.ti-layout-grid4:before {
  content: "\e707";
}

.ti-layout-grid3:before {
  content: "\e708";
}

.ti-layout-grid2:before {
  content: "\e709";
}

.ti-layout-grid2-thumb:before {
  content: "\e70a";
}

.ti-layout-cta-right:before {
  content: "\e70b";
}

.ti-layout-cta-left:before {
  content: "\e70c";
}

.ti-layout-cta-center:before {
  content: "\e70d";
}

.ti-layout-cta-btn-right:before {
  content: "\e70e";
}

.ti-layout-cta-btn-left:before {
  content: "\e70f";
}

.ti-layout-column4:before {
  content: "\e710";
}

.ti-layout-column3:before {
  content: "\e711";
}

.ti-layout-column2:before {
  content: "\e712";
}

.ti-layout-accordion-separated:before {
  content: "\e713";
}

.ti-layout-accordion-merged:before {
  content: "\e714";
}

.ti-layout-accordion-list:before {
  content: "\e715";
}

.ti-ink-pen:before {
  content: "\e716";
}

.ti-info-alt:before {
  content: "\e717";
}

.ti-help-alt:before {
  content: "\e718";
}

.ti-headphone-alt:before {
  content: "\e719";
}

.ti-hand-point-up:before {
  content: "\e71a";
}

.ti-hand-point-right:before {
  content: "\e71b";
}

.ti-hand-point-left:before {
  content: "\e71c";
}

.ti-hand-point-down:before {
  content: "\e71d";
}

.ti-gallery:before {
  content: "\e71e";
}

.ti-face-smile:before {
  content: "\e71f";
}

.ti-face-sad:before {
  content: "\e720";
}

.ti-credit-card:before {
  content: "\e721";
}

.ti-control-skip-forward:before {
  content: "\e722";
}

.ti-control-skip-backward:before {
  content: "\e723";
}

.ti-control-record:before {
  content: "\e724";
}

.ti-control-eject:before {
  content: "\e725";
}

.ti-comments-smiley:before {
  content: "\e726";
}

.ti-brush-alt:before {
  content: "\e727";
}

.ti-youtube:before {
  content: "\e728";
}

.ti-vimeo:before {
  content: "\e729";
}

.ti-twitter:before {
  content: "\e72a";
}

.ti-time:before {
  content: "\e72b";
}

.ti-tumblr:before {
  content: "\e72c";
}

.ti-skype:before {
  content: "\e72d";
}

.ti-share:before {
  content: "\e72e";
}

.ti-share-alt:before {
  content: "\e72f";
}

.ti-rocket:before {
  content: "\e730";
}

.ti-pinterest:before {
  content: "\e731";
}

.ti-new-window:before {
  content: "\e732";
}

.ti-microsoft:before {
  content: "\e733";
}

.ti-list-ol:before {
  content: "\e734";
}

.ti-linkedin:before {
  content: "\e735";
}

.ti-layout-sidebar-2:before {
  content: "\e736";
}

.ti-layout-grid4-alt:before {
  content: "\e737";
}

.ti-layout-grid3-alt:before {
  content: "\e738";
}

.ti-layout-grid2-alt:before {
  content: "\e739";
}

.ti-layout-column4-alt:before {
  content: "\e73a";
}

.ti-layout-column3-alt:before {
  content: "\e73b";
}

.ti-layout-column2-alt:before {
  content: "\e73c";
}

.ti-instagram:before {
  content: "\e73d";
}

.ti-google:before {
  content: "\e73e";
}

.ti-github:before {
  content: "\e73f";
}

.ti-flickr:before {
  content: "\e740";
}

.ti-facebook:before {
  content: "\e741";
}

.ti-dropbox:before {
  content: "\e742";
}

.ti-dribbble:before {
  content: "\e743";
}

.ti-apple:before {
  content: "\e744";
}

.ti-android:before {
  content: "\e745";
}

.ti-save:before {
  content: "\e746";
}

.ti-save-alt:before {
  content: "\e747";
}

.ti-yahoo:before {
  content: "\e748";
}

.ti-wordpress:before {
  content: "\e749";
}

.ti-vimeo-alt:before {
  content: "\e74a";
}

.ti-twitter-alt:before {
  content: "\e74b";
}

.ti-tumblr-alt:before {
  content: "\e74c";
}

.ti-trello:before {
  content: "\e74d";
}

.ti-stack-overflow:before {
  content: "\e74e";
}

.ti-soundcloud:before {
  content: "\e74f";
}

.ti-sharethis:before {
  content: "\e750";
}

.ti-sharethis-alt:before {
  content: "\e751";
}

.ti-reddit:before {
  content: "\e752";
}

.ti-pinterest-alt:before {
  content: "\e753";
}

.ti-microsoft-alt:before {
  content: "\e754";
}

.ti-linux:before {
  content: "\e755";
}

.ti-jsfiddle:before {
  content: "\e756";
}

.ti-joomla:before {
  content: "\e757";
}

.ti-html5:before {
  content: "\e758";
}

.ti-flickr-alt:before {
  content: "\e759";
}

.ti-email:before {
  content: "\e75a";
}

.ti-drupal:before {
  content: "\e75b";
}

.ti-dropbox-alt:before {
  content: "\e75c";
}

.ti-css3:before {
  content: "\e75d";
}

.ti-rss:before {
  content: "\e75e";
}

.ti-rss-alt:before {
  content: "\e75f";
}
body{
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-size: 16px;/*16px;*/
    line-height: 1.2;
    font-weight: normal;
    color: #102746;
}

img{
    max-width: 100%;
    height: auto;
}
.wbold{
	font-weight: bold;
}
.wrapper{
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
}

.wrapper-full{
    max-width: 1262px;
    margin: 0 auto;
    padding: 0 15px;
}

.section-title{
	font-family: Gilam;	
	font-weight: 900;
	font-size: 30px;
	line-height: 37px;
    position: relative;
    padding-bottom: 10px;
}
/*
.section-title::after{
    display: block;
    content: '';
    width: 253px;
    height: 3px;
    background-color: #006DFE;
    position: absolute;
    bottom: 0;
    left: 0;
}
*/
.page-title{
	font-family: Gilam;	
	font-weight: 900;
	font-size: 30px;
	line-height: 37px;
    position: relative;
    padding-bottom: 20px;
}

/* Header styles start */
.left__nav{
	position: fixed;
    top: 0;
    right: 0;
    width: 70px;
	height: 100%;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    padding-bottom: 0px;
    z-index: 999;
	background-color: #fff;
	
}
.left__burger{
    /*display: none;*/
	left:10px;
	top:40px;
    width: 50px;
    height: 50px;
    position: relative;
	border: 1px solid #F2F2F2;
	border-radius: 5px;
}
.left__burger-cart{
    /*display: none;*/
	left: 10px;
	top: 322px;
    width: 50px;
    height: 50px;
    position: relative;
	border: 1px solid #F2F2F2;
	border-radius: 5px;
}
.label-cart {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    color: #333333;
    background: #F9CA22;
    top: -10px;
    right: 0;
    padding-top: 4px;
	text-align: center;
	text-decoration: none;
}
.number-font {
	display: block;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
    margin-block-start: -5px;
    margin-block-end: 10px;
    margin-inline-start: 28px;
    margin-inline-end: 20px;
}

.burger__line{
    display: block;
    width: 100%;
    height: 2px;
    background-color: #003a23;/*0C4CA3*/
    position: absolute;
    left: 12px;
}

.burger__line_first{
    top: 18px;
	width: 24px;
}

.burger__line_second{
    /*
	top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);*/
			top: 24px;
			width: 14px;
}

.burger__line_third{
    bottom: 0;
	top: 30px;
	width: 8px;
}
.burger.clicked span {
  background-color: transparent;
  background-color: #fff;/*0C4CA3*/
}
.burger.clicked span.burger__line_first {
	width: 24px;
	-webkit-transform: translateY(0px) rotate(45deg);
	-moz-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
	-o-transform: translateY(0px) rotate(45deg);
	transform: translateY(5px) rotate(45deg);
}
.burger.clicked span.burger__line_second {
	width: 24px;
	-webkit-transform: translateY(-1px) rotate(-45deg);
	-moz-transform: translateY(-1px) rotate(-45deg);
	-ms-transform: translateY(-1px) rotate(-45deg);
	-o-transform: translateY(-1px) rotate(-45deg);
	transform: translateY(-1px) rotate(-45deg);
}
.burger.clicked span.burger__line_third{
	display:none;
}

.left__burger.clicked{
	background-color: #003a23;
}

.burger.clicked span:before, .burger.clicked span:after {
  background-color: #fff;
}
.burger:hover {
  cursor: pointer;
}

/* breadcrumbs start */
.breadcrumbs{
	background-color: #F9FAFC;
	height:83px; 
	margin-top:92px;
    margin-bottom: 40px;
}
.breadcrumb_wrap{
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
}
.breadcrumb_cards{
	    padding-top: 5px;
	
	    -webkit-box-align: center; 
        -ms-flex-align: center; 
            align-items: center;
    margin-bottom: 0px;
	position: relative;*/
	    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    margin-bottom: 0px;
}
.breadcrumb__info{
    padding-left: 0px;
	padding: 0px 0 0px 0;
	margin-right:29px;
}
.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
	 -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-center;
	
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: ;/*#e9ecef;*/
    border-radius: .25rem;
	margin-top: 15px;
	background-color: #F9FAFC;
	}
	
.breadcrumb__card-more{
    width: 118px;
    padding: 14.5px 40px;
    background: #005e37;/*#FACA22;*/
    text-decoration: none;
    color: #fff;
	font-weight: bold;
    font-size: 14px;
    margin: auto 0 0 0 ;
	border-radius: 5px;
	margin-bottom: 80px;
}
.breadcrumb__card-more-ico{
	margin-top: -1px;	
	margin-right: 9px;	
}
.breadcrumb__card-more:hover, .breadcrumb__card-more:focus, .breadcrumb__card-more:active{
    background: #003a23;/*#0e66da;*/
	color: #fff;
}

	.breadcrumb ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
.breadcrumb li {
    display: list-item;
    text-align: -webkit-match-parent;
	margin-right:0px;
	font-size: 12px;
	position:relative;
}
.breadcrumb li::after {
	display: block;
	position:absolute;
    content: '';
    width: 5px;
    height: 2px;
	top:0px;
    left: -12px;
	margin-right: 0px;
	font-size: 12px;
}
.breadcrumb li:first-child::after {
    content: '';
}

.breadcrumb li a{
text-decoration: none;
font-weight: bold;
color: #333;
}
/* breadcrumbs end */

.header{
    position: fixed;
    top: 20px;
    left: 0;
    width: 100%;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    padding-bottom: 20px;
    z-index: 999;
	height:92px; 
	
	background: #FFFFFF;
	border: 0px solid #F9FAFC;
	box-sizing: border-box;
}
.header_active{
    background: #003a23;/*0E1D28 #0C4CA3*/
}

.secondNav__message {
    position: fixed;
    background-color: #fff;
    top: 20px;
    z-index: 1000;
    width: 100vw;
    margin-bottom: 20px;
    padding-bottom: 0px;
}
.block-message {
  margin-top: -21px;
  height: auto;
  background-color: #000;
  text-align: center;
  width: 100vw;
}
.block-message div {
  color: #fff;
    font-size: 12px;
    padding-top: 8px;
    padding: 5px 0 5px 0;
}

.header__wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 20px;
}

.header__list_logo{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
		align-items: center;
}
.header__logo{
    width: 50px;
	height: 50px;
	border: 0px solid #F2F2F2;
	border-radius: 5px;
	margin-right: 9px;
	margin-top:5px;
	margin-bottom:20px;
}

.logo__title{
	max-width: 174px;
	margin-right:0px;
	margin-bottom:0px;
}
.header__logo__title {
	font-family: Gilam;
	font-weight: 900;
	font-size: 24px;
	line-height: 10px;
    color: ##333333;
    margin-bottom: 9px;
	text-align: left;
}
.header__logo__subtitle{
	font-family: 'Roboto', sans-serif;
    font-size: 12px;
	color: ##333333;
    margin-bottom: 22px;
	text-align: left;
}
.header_active .header__logo__title, .header_active .header__logo__subtitle{
	color: white;
}
.header_active .header__logo-pic {
	display: block;
	width: 50px;
	height: 50px;
	margin-right: 9px;
	content: url(../img/svg/logo-white.svg);
	margin-top:-10px;
	margin-bottom:20px;
}
.header__list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.header__item{
    margin-right: 82px;
}
.header__item:last-child{
    margin-right: 0;
}
.header__list_phone{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.header__phone{
    width: 50px;
    height: 50px;
    position: relative;
	border: 0px solid #F2F2F2;
	border-radius: 5px;
	background: #c3dab8; /*#D8E8FF;*/
	margin-right: 9px;
}
.header__phone-pic_logo{
    width: auto;
    height: 35px;
    margin-top: 7.5px;
    margin-left: 0;
	/*
	width: 19.83px;
	height: 19.83px;
	margin-top:15px;
	margin-left:15px;*/
}
.header__phone-pic{
	width: 19.83px;
	height: 19.83px;
	margin-top:15px;
	margin-left:15px;
}
.phone__title{
	max-width: 154px;
	margin-right:0px;
}
.header__phone__title, .header__phone__title a:link{
	font-family: Montserrat;
    font-weight: 600;
	font-size: 18px;
	line-height: 22px;
    color: #333333;
    margin-bottom: 4px;
	text-align: right;
}
.header__phone__subtitle{
	font-family: Montserrat;
    font-size: 14px;
    line-height: 24px;
	color: #333333;
    margin-bottom: 22px;
	text-align: right;
}
.header_active .header__phone__title, .header_active .header__phone__subtitle, .header_active .header__phone__title a:link {
    color: #fff;
}
.header__link{
	font-weight: 800;
	font-size: 20px;
    line-height: 24px;
    color: white;
    text-decoration: none;
}
.header__link:hover, .header__link:focus, .header__link:active{
    opacity: .75;
}
#alert {
position: fixed;
width:100%;
}

#alert:hover:after {
background: hsla(0,0%,0%,.8);
border-radius: 3px;
color: #f6f6f6;
content: ‘Click to dismiss’;
font: bold 12px/30px sans-serif;
height: 10px;
left: 50%;
margin-left: -60px;
position: absolute;
text-align: center;
top: 0px;
width: 120px;
}

#alert:hover:before {
border-bottom: 10px solid hsla(0,0%,0%,.8);
border-left: 10px solid transparent;
border-right: 10px solid transparent;
content: »;
height: 0;
left: 50%;
margin-left: -10px;
position: fixed;
top: 15px;
width: 0;
}

#alert:target {
display: none;
}

.alert {
animation: alert 1s ease forwards;
background-color: #c4453c;
background-image: linear-gradient(135deg, transparent,
transparent 25%, hsla(0,0%,0%,.1) 25%,
hsla(0,0%,0%,.1) 50%, transparent 50%,
transparent 75%, hsla(0,0%,0%,.1) 75%,
hsla(0,0%,0%,.1));
background-size: 20px 20px;
/*box-shadow: 0 5px 0 hsla(0,0%,0%,.1);*/
color: #f6f6f6;
display: block;
/*font: bold 16px/40px sans-serif;*/
height: 15px;
position: fixed;
text-align: center;
text-decoration: none;
top: -45px;
width: 100%;
margin-top:-5px;
}
.alert span{
	height: 15px;
position: fixed;
text-align: center;
text-decoration: none;
left:0px;
width: 100%;
margin-top:-5px;
font-size: 12px;
}
@keyframes alert {
0% { opacity: 0; }
50% { opacity: 1; }
100% { top: 0; }
}


body.overflow {
  overflow: hidden;
}
/*  BURGER
========================================== */
/*
.burger {
  width: 50px;
  height: 50px;
  position: fixed;
  top: 20px;
  right: 20px;
  border-radius: 4px;
  z-index: 10;
}
.burger span {
  position: relative;
  margin-top: 9px;
  margin-bottom: 9px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -1.5px;
}
.burger span, .burger span::before, .burger span::after {
  display: block;
  width: 30px;
  height: 3px;
  background-color: #2a2a2a;
  outline: 1px solid transparent;
  -webkit-transition-property: background-color, -webkit-transform;
  -moz-transition-property: background-color, -moz-transform;
  -o-transition-property: background-color, -o-transform;
  transition-property: background-color, transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.burger span::before, .burger span::after {
  position: absolute;
  content: "";
}
.burger span::before {
  top: -9px;
}
.burger span::after {
  top: 9px;
}

*/


/*  NAV
========================================== */
.navs {
  background-color: #fff;
  position: fixed;
  z-index: 9;
  top: 0;
  right: 0;
  height: 100%;
  max-width: 410px;
  width: 100%;
  padding: 100px 40px 60px 40px;
  overflow-y: auto;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.navs__list_phone{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 20px;
}

.navs__phone{
	margin-left:55px;
    width: 50px;
    height: 50px;
    position: relative;
	border: 0px solid #F2F2F2;
	border-radius: 5px;
	background: #8bca6e; /*#FACA22;*/
	margin-right: 9px;
}
.navs__phone-pic{
	width: 19.83px;
	height: 19.83px;
	margin-top:15px;
	margin-left:15px;
}
.phone__title{
	max-width: 154px;
	margin-right:0px;
}
.navs__phone__title{
	font-family: Montserrat;
    font-weight: 600;
	font-size: 18px;
	line-height: 22px;
    color: ##333333;
    margin-bottom: 4px;
	text-align: right;
}
.navs__phone__subtitle{
	font-family: Montserrat;
    font-size: 14px;
    line-height: 24px;
	color: ##333333;
    margin-bottom: 22px;
	text-align: right;
}
.navs_active .navs__phone__title, .navs_active .navs__phone__subtitle {
    color: #fff;
}

.navs.show {
  -webkit-transform: translateX(-70px);
  -moz-transform: translateX(-70px);
  -ms-transform: translateX(-70px);
  -o-transform: translateX(-70px);
  transform: translateX(-70px);
}
.navs.show ul.main li {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;
}
.navs.show ul.main li:nth-child(1) {
  transition-delay: 0.15s;
}
.navs.show ul.main li:nth-child(2) {
  transition-delay: 0.3s;
}
.navs.show ul.main li:nth-child(3) {
  transition-delay: 0.45s;
}
.navs.show ul.main li:nth-child(4) {
  transition-delay: 0.6s;
}
.navs.show ul.main li:nth-child(5) {
  transition-delay: 0.75s;
}
.navs.show ul.main li:nth-child(6) {
  transition-delay: 0.9s;
}
.navs.show ul.main li:nth-child(7) {
  transition-delay: 1.05s;
}
.navs.show ul.main li:nth-child(8) {
  transition-delay: 1.2s;
}
.navs.show ul.main li:nth-child(9) {
  transition-delay: 1.35s;
}
.navs.show .about, .navs.show .social, .navs.show ul.sub {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  transition-delay: .85s;
}
@media (min-width: 667px) {
  .navs {
    padding: 20px 0px 0px 0px;
	
  }
}
.navs ul.main {
  list-style-type: none;
  background-color: #003a23; /*#0C4CA3;*/
  margin-bottom: 20px;
  padding: 50px 0px 50px 0px;
}
.navs ul.main li {
  margin-left:55px;
  margin-bottom: 20px;
  -webkit-transform: translateX(40px);
  -moz-transform: translateX(40px);
  -ms-transform: translateX(40px);
  -o-transform: translateX(40px);
  transform: translateX(40px);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.navs ul.main li:last-of-type {
  margin-bottom: 0px;
}
.navs ul.main li a {
font-family: 'Roboto', sans-serif;
    font-style: normal;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  font-size: 18px;
  display: block;
  padding: 0px 0px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.navs ul.main li a span {
  color: #b7ac7f;
}
.navs ul.main li a:hover, .navs ul.main li a:focus, .navs ul.main li a:active  {
  color: #FACA22;
   padding: 0px 30px;
}
.navs ul.main li a:hover::before, .navs ul.main li a:focus::before, .navs ul.main li a:active::before{
    display: block;
    content: '';
    width: 20px;
    height: 2px;
    background-color: #FACA22;
    position: absolute;
	top:8px;
    left: 0px;
	margin-right: 10px;
}
navs .about {
	font-weight: bold;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 20px;
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	transform: translateY(30px);
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.navs .about p {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	letter-spacing: 0.5px;
	line-height: 170%;
	color: #333;
	margin-left:55px;
}
.navs .social {
  margin-left:55px;
  margin-top: 10px;
  position: relative;
  padding-bottom: 30px;
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.navs .social:after {
  content: "";
  width: 230px;
  height: 0px;
  background-color: #b7ac7f;
  position: absolute;
  bottom: 0;
  left: 0;
}
.navs .social a {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 25px;
}
.navs .social a:last-of-type {
  margin-right: 0px;
}
.navs .social a:hover svg path, .navs .social a:hover svg circle {
  fill: #b7ac7f;
}
.navs .social a svg {
  width: 100%;
  height: 100%;
}
.navs .social a svg path, .navs .social a svg circle {
  fill: #333;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.navs ul.sub {
  list-style-type: none;
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.navs ul.sub li {
	font-size: 12px;
	margin-top: -20px;
	margin-bottom: 0px;
	margin-left: 55px;
}
.navs ul.sub li:last-of-type {
  margin-bottom: 0px;
}
.navs ul.sub li a {
  color: #333;
  font-family: "Raleway", sans-serif;
  letter-spacing: 1px;
  font-size: 12px;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.navs ul.sub li a:hover {
  color: #b7ac7f;
}

/*  OVERLAY
========================================== */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #333;/*b7ac7f*/
  opacity: 0;
  visibility: hidden;
}
.overlay.show {
  opacity: 0.8;
  visibility: visible;
}
/* Header styles end */



/* Intro styles start */

.intro{
    min-height: 100vh;
    /*background: url(../img/intro-bg-min.jpg) no-repeat center;*/
	background-color: #F9FAFC;
    background-size: cover;
    padding-top: 120px;
    padding-bottom: 28px;
	top:70px;
}

.intro__cards{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 55px 1fr;
    grid-template-columns: 404px 1fr;/*repeat(2, 1fr)*/
    column-gap: 42px;
    padding: 0 0px;
}

.intro__card{
    -ms-grid-column-span: 1;
    grid-column: span 1;
    margin-bottom: 28px;
}
.intro__card-pic{
	background: url(../img/svg/intro-football-oppacity.svg) no-repeat left center;
	content:'';
	max-width: 387px;
	max-height: 549px;
    margin-bottom: 28px;
}
.intro__card-thumb{
    display: block;
	margin-left: 22px;
	margin-top: 5px;
}

.intro__title{
	padding-top: 235px;
	font-family: Gilam;
    max-width: 614px;
    font-weight: 900;
    font-size: 38px;
    line-height: 50px;
    color: #333333;
    margin-bottom: 14px;
}

.intro__subtitle{
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: normal;
    max-width: 478px;
    color: #333333;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 72px;
}

.intro__subtitle-match{
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: bold;
    max-width: 478px;
    color: #333333;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 5px;
}
.intro__matchs{
	display: -ms-grid;
    display: grid;
    -ms-grid-columns: 80px 80px 1fr 184px;
    grid-template-columns: 80px 80px 1fr 184px;/*repeat(4, 1fr)*/
	grid-template-rows: 80px ;
    column-gap: 0px;
    padding: 0;
	background: #FFFFFF;
	border-radius: 5px;
	align-items: center;
	justify-content: center;
	/*-ms-grid-columns: 1fr 55px 1fr 55px 1fr;
    grid-template-columns: repeat(3, 1fr);*/
}
.intro__match{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
	min-height: 80px;
	align-items: center;
	/*
	opacity: 0.3;
	transform: matrix(-1, 0, 0, 1, 0, 0);*/
		
/*    left: 10px;
    top: 322px;
    width: 50px;
    height: 50px;
	*/
	}
.intro__match:first-child{
	border-radius: 5px 0 0 5px;
	border-right: 1px solid #fff;
}

.intro__match:first-child::after{
	/*  content: '';
      display: block;
      height: 1px;
      background: green;
 
	width: 100%;
	left:115px;
	
	display: block;
    content: '';
    width: 60px;
    height: 1px;
    background-color: #fff;
    position: relative;
	transform: matrix(0, -1, -1, 0, 0, 0);
	left:115px;
	margin-right:0px;
	margin-top:-80px;*/
	
}

.match-logo{
	background: #fdefbd;
}	
.intro__match-logo{
	display: block;
    width: 50px;
    height: 50px;
	content: '';
	border-radius: 100px;
	background: #FFFFFF;
	margin: 15px 10px 15px 15px;
    text-align: center;
}

.intro__match-title{
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
}
.intro__match-desc{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
	align-items: center;
	margin: 0 0 0 20px;
	}
	
.intro__match-titles{
	width:100%;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	margin-bottom:5px;
}
.intro__match-title-cat{
	width:100%;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	margin-bottom:7px;
}
.intro__match-title-arena{
	width:100%;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 12px;
}
.intro__match-submit{
	display:block;
	max-width:184px;
	align-items: center;
	margin: 15px 15px 15px 0;
	text-align: right;
	}
	
.intro__match__submit{
	max-width:184px;
    padding: 15px 25px;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
    color: #fff;
    background: #005e37; /*#FACA22;*/
    border: 0;
	border-radius: 5px;
}

.intro__match__submit:hover, .search-form__submit:focus, .search-form__submit:active{
    background: #003a23; /*#0C4CA3;*/
	color: #fff;
}
.search-form__info{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.search-form__field{
    width: 297px;
    background: transparent url(../img/svg/circle-ico.svg) no-repeat left 6px;
    background-size: 20px;
    border: 0;
    border-bottom: 2px solid #BFC0C5;
    margin-right: 60px;
    padding-left: 43px;
    padding-bottom: 22px;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
}

.search-form__field::-webkit-input-placeholder{
    font-weight: 500;
    font-size: 18px;
    color: #fff;
}

.search-form__field::-moz-placeholder{
    font-weight: 500;
    font-size: 18px;
    color: #fff;
}

.search-form__field:-ms-input-placeholder{
    font-weight: 500;
    font-size: 18px;
    color: #fff;
}

.search-form__field::-ms-input-placeholder{
    font-weight: 500;
    font-size: 18px;
    color: #fff;
}

.search-form__field::placeholder{
    font-weight: 500;
    font-size: 18px;
    color: #fff;
}

.search-form__submit{
    padding: 15px 39px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    color: #333;
    background: #FACA22;
    border: 0;
	border-radius: 5px;
}

.search-form__submit:hover, .search-form__submit:focus, .search-form__submit:active{
    background: #0e66da;
}

/* Intro styles end */


/* Garant start*/
.garants{
    margin-bottom: 80px;
}

.garants__wrap{
    max-width: 918px;
    background-color: #fff;
    margin: 0 auto;
    /*-webkit-box-shadow: 0px 2px 20px rgba(21, 24, 36, 0.15993);
            box-shadow: 0px 2px 20px rgba(21, 24, 36, 0.15993);*/
    position: relative;
}

.garants__title{
    width: 100%;
    font-weight: 500;
    font-size: 35px;
    line-height: 42px;
    padding: 93px 100px 88px 100px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    background-color: #fff;
}

.garants__cards{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 55px 1fr 55px 1fr;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 55px;
    padding: 0px 0px;
	margin-top: 40px;
}

.garants__card{
    display: -ms-grid;
    display: grid;
	-ms-grid-columns: 20px  1fr;
	grid-template-columns: 20px auto;
	column-gap: 15px;
}

.garants__card-pic{
    max-width: 20px;
	display: block;
}
.garants__card-thumb{
    display: block;
}

.garants__card-title{
	display: block;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
    margin-bottom: 11px;
}

.garants__card-desc{
	display: block;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
    line-height: 18px;
    /*margin-bottom: 39px;*/
}
/* Garant end*/

/* Matchs start*/
.matchs{
    margin-bottom: 70px;
}
.matchs__wrap{
    max-width: 918px;
    background-color: #fff;
    margin: 0 auto;
    /*-webkit-box-shadow: 0px 2px 20px rgba(21, 24, 36, 0.15993);
            box-shadow: 0px 2px 20px rgba(21, 24, 36, 0.15993);*/
    position: relative;
}

.matchs__caption{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 36px;
}

.matchs__title{
    margin-right: 15px;
}

.matchs__cards{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 5px 1fr 5px 181px;
    grid-template-columns: 1fr 1fr 1.5fr 1fr 181px;
    column-gap: 0px;
    padding: 0px 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	
	border: 1px solid #F2F2F2;
	box-sizing: border-box;
	border-radius: 5px;
}

.matchs__card{
    display: -ms-grid;
    display: grid;
	-ms-grid-columns: .5fr  1fr;
	grid-template-columns: .5fr auto;
	column-gap: 15px;
	    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.matchs__card:first-child{
	border-radius: 5px 0 0 5px;
}
.matchs__card:first-child::after{
	display: block;
    content: '';
    width: 60px;
    height: 1px;
    background-color: #fff;
    position: relative;
	transform: matrix(0, -1, -1, 0, 0, 0);
	left:159px;
	margin-right:0px;
	margin-top:-80px;
}
.matchs-logo{
	background: #f7faff;
}
.matchs__card-pic{
    /*max-width: 50px;*/
	display: block;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 80px;
    align-items: center;
}
.matchs__match-logo{
	display: block;
    width: 50px;
    height: 50px;
	content: '';
	border-radius: 100px;
	background: #FFFFFF;
	margin: 15px 10px 15px 15px;
    text-align: center;
}

.matchs__card-pin{
    display: -ms-grid;
    display: grid;
	-ms-grid-columns: 50.5px  1fr;
	grid-template-columns: 50.5px auto;
	column-gap: 12.5px;
	    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.matchs__card-pin-pic{
	width: auto;
	height: 35px;
	margin-left: 23px;
	margin-top:7.5px;
	/*
	margin-top:7.5px;
	margin-left:7.5px;
	margin-right: 12.5px;
	margin-left: 23px;*/
}
.matchs__card-pin-thumb{
    display: block;
}
.matchs__logo-pic{
	width: auto;
	height: 35px;
	margin-top:7.5px;
	margin-left:0px;
}

.matchs__match-title{
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
}
.matchs__card-title{
	display: block;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
    margin-bottom: 1px;
}

.matchs__card-desc{
	display: block;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
    line-height: 18px;
}
.matchs__card-end{
    display: -ms-grid;
    display: grid;
	-ms-grid-columns: 1fr;
	grid-template-columns: auto;
	    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
			margin:10px 10px 10px 10px;
}
.matchs__card__submit{
	display: block;
	max-width:171px;
	max-height:50px;
	padding: 15px 35px 15px 30px;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
    color: #fff;
    background: #005e37;/*#FACA22;*/
	/*
    color: #fff;
    background: #245f0c;/*#005e37*/
    border: 0;
	border-radius: 5px;
}


.matchs__card__submit:hover, .matchs__card__submit:focus, .matchs__card__submit:active{
    background: #003a23;
	color: #fff;
}
.matchs__details-cards{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 0.8fr 30px 1fr;
    grid-template-columns: 0.9fr 1fr;
    column-gap: 30px;
}
.matchs__detail-cards{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 5px 1fr 5px 181px;
    grid-template-columns: 0.3fr 1fr 1fr 1fr 1fr;
    column-gap: 0px;
    padding: 0px 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	border: 1px solid #F2F2F2;
	box-sizing: border-box;
	border-radius: 5px;
		    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
			text-align:center;
}
.matchs__detail-card{
	display: block;
}
.matchs__detail-submit{
	display: block;
	max-width:171px;
	max-height:50px;
	padding: 15px 35px 15px 30px;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
    color: #fff;
    background: #005e37;/*#FACA22;*/
	/*
    color: #fff;
    background: #245f0c;/*#005e37*/
    border: 0;
	border-radius: 5px;
}
.matchs__detail-submit:hover, .matchs__detail-submit:focus, .matchs__detail-submit:active{
    background: #003a23;
	color: #fff;
}
#zoomControls {border: 0px solid #eee;position: absolute;top: 10px;right: 10px;display: block;float: right;width: 30px;text-align: left;background-color: white;color: gray;}
#zoomControls button {background: none;border: none;width: 29px;height: 29px;color: gray;outline: none;}
#zoomControls button:hover {background-color: #eee;color: black;}
#zoomControls button[disabled] {color: #ddd;}

.breadcrumbs0 {
    background-color: #F9FAFC;
    height: 83px;
    margin-top: 92px;
    margin-bottom: 0px;
}
.matchs__single{
	margin-bottom: 0px;
	position: relative;
	
	background-position: 100% 50%; 
	height: 290px;/*100%*/
	background-size: cover;
    background-repeat: no-repeat;
	background-image: url(https://www.vasterad.com/themes/hireo_082019/images/single-job.jpg1);
	background: rgba(247,247,247,0.8);margin-bottom:20px; 
}
.matchs__single-wrapper{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
	max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
}
.matchs__single-page-header-inner {
	display: flex;
	z-index: 15;
	margin-top:20px;
	margin-bottom:20px;

}
.matchs__single-left-side {
    padding-right: 30px;
}
.matchs__single-left-side, .matchs__single-right-side {
    flex: 1;
    display: flex;
    align-items: center;
}
.matchs__single-image {
    height: 100%;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 12px rgba(0,0,0,0.1);
    display: flex;
    padding: 0 0px;
	-webkit-flex-basis: 170px; 
	flex-basis: 170px;
	margin-bottom:0px;
	padding-bottom:0px;
	margin-right: 35px;
}
.matchs__single-details {
    flex: 1;
}
.matchs__single-details h3 {
    color: #333;
    font-size: 26px;
    margin: 0;
    padding: 0;
    margin-bottom: 12px;
    margin-top: 3px;
    line-height: 36px;
    position: relative;
    padding-right: 0;
    display: inline-block;
}
.matchs__single-details h5 {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}
.matchs__single-details ul {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 24px;
    margin-bottom: 0px;
	margin-top: 15px;
}
.matchs__single-details li {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 12px;
}
.matchs__single-right-side {
    max-width: 35%;
}
/*исправленное начало*/
matchs__singles {
    max-width: 1100px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.matchs__single-wrappers{
	max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;

	background-image: linear-gradient(90deg,rgba(255,255,255,1), rgba(255,255,255,.8)), url(https://www.vasterad.com/themes/hireo_082019/images/single-job.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 50%;
	background-position-x: right;
	background-size: 80%;
}
.matchs__single-page-header-inners {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 0.5fr 5px 1.5fr 5px 1fr;
    grid-template-columns: 0.5fr 1.5fr 1fr;
    column-gap: 20px;
	row-gap: 20px;
    padding: 0px 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	box-sizing: border-box;
	z-index:9999;
}
.matchs__single-images {
	display:block;
    height: auto;
	width: 100%;
    border-radius: 4px;
    padding: 0 0px;
	border-radius: 5px;
	margin-bottom:0px;
	padding-bottom:0px;
}
.matchs__single-left-sides, .matchs__single-right-sides {
	display: flex;
	align-items: center;	
}
.matchs__single-detailss h3 {
    color: #333;
    font-size: 26px;
    margin: 0;
    padding: 0;
    margin-bottom: 12px;
    margin-top: 3px;
    line-height: 36px;
    position: relative;
    padding-right: 0;
    display: inline-block;
}
.matchs__single-detailss h5 {
    font-size: 16px;
    font-weight: 600;
    color: red;
}
.matchs__single-detailss ul {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 24px;
    margin-bottom: 0px;
	margin-top: 15px;
}
.matchs__single-detailss li {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 12px;
}
/*исправленое конец*/
.salary-box {
    border-radius: 4px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.08);
    background-color: #fff;
    display: inline-block;
    padding: 20px 25px;
    margin-left: auto;
}
.salary-box .salary-type {
    color: #888;
    line-height: 20px;
    margin: 3px 0 8px 0;
}
.salary-box .salary-amount {
    color: #333;
    font-size: 28px;
    line-height: 36px;
    font-weight: 300;
}

 .background-image-container:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    display: block;
    top: 0;
    left: 0;
    z-index: 15;
    background: linear-gradient(to right,rgba(247,247,247,1) 50%,rgba(247,247,247,0.8) 70%,rgba(247,247,247,0.8) 90%);
}
.background-image-container {
	background-image: url(https://www.vasterad.com/themes/hireo_082019/images/single-job.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 70%;
    left: 30%;
    z-index: 10;
}
/* Matchs end*/

/**/
.cart__cards{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 5px 1fr 5px  1fr 5px 41px;
    grid-template-columns: 1fr 1fr 1.3fr 0.7fr 1fr 41px;
    column-gap: 0px;
    padding: 0px 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	
	border: 1px solid #F2F2F2;
	box-sizing: border-box;
	border-radius: 5px;
}

.cart__card{
    display: -ms-grid;
    display: grid;
	-ms-grid-columns: .5fr  1fr;
	grid-template-columns: .5fr auto;
	column-gap: 15px;
	    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.cart__card:first-child{
	border-radius: 5px 0 0 5px;
}
.cart__card:first-child::after{
	display: block;
    content: '';
    width: 60px;
    height: 1px;
    background-color: #fff;
    position: relative;
	transform: matrix(0, -1, -1, 0, 0, 0);
	left:159px;
	margin-right:0px;
	margin-top:-80px;
}
.cart-logo{
	background: #f7faff;
}
.cart__card-pic{
    /*max-width: 50px;*/
	display: block;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 80px;
    align-items: center;
}
.cart__match-logo{
	display: block;
    width: 50px;
    height: 50px;
	content: '';
	border-radius: 100px;
	background: #FFFFFF;
	margin: 15px 10px 15px 15px;
    text-align: center;
}

.cart__card-pin{
    display: -ms-grid;
    display: grid;
	-ms-grid-columns: 50.5px  1fr;
	grid-template-columns: 50.5px auto;
	column-gap: 12.5px;
	    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.cart__card-pin-pic{
	width: auto;
	height: 35px;
	margin-left: 23px;
	margin-top:7.5px;
	/*
	margin-top:7.5px;
	margin-left:7.5px;
	margin-right: 12.5px;
	margin-left: 23px;*/
}
.cart__card-pin-thumb{
    display: block;
}
.cart__logo-pic{
	width: auto;
	height: 35px;
	margin-top:7.5px;
	margin-left:0px;
}

.cart__match-title{
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
}
.cart__card-title{
	display: block;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
    margin-bottom: 1px;
}

.cart__card-desc{
	display: block;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
    line-height: 18px;
}

.cart__card-end{
    display: -ms-grid;
    display: grid;
	-ms-grid-columns: 1fr;
	grid-template-columns: auto;
	    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
			margin:10px 10px 10px 10px;
}
.cart__card__submit{
	display: block;
	max-width:171px;
	max-height:50px;
	padding: 15px 35px 15px 30px;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
    color: #fff;
    background: #005e37;/*#FACA22;*/
	/*
    color: #fff;
    background: #245f0c;/*#005e37*/
    border: 0;
	border-radius: 5px;
}
.cart__match-titles{
	width:100%;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	margin-bottom:5px;
}
.cart__match-title-cat{
	width:100%;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	margin-bottom:7px;
}
.cart__match-title-arena{
	width:100%;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 12px;
}
.box_cart {
    background-color: #fff;
    padding: 30px 0;
    text-align: right;
}

.box_cart ul {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0;
    font-weight: 500;
    font-size: 16px;
    font-size: 1rem;
}
.box_cart ul li span {
    float: left;
}
.box_cart ul li:last-child {
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: bold;
    color: #000;/*ff5353*/
    font-size: 21px;
    font-size: 1.3125rem;
}
a.btn_1.full-width, .btn_1.full-width {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
}
a.btn_1, .btn_1 {
    border: none;
    color: #fff;
    background: #005e37;
    outline: none;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    padding: 12px 25px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    font-size: 14px;
    font-size: 0.875rem;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    line-height: normal;
}
           .btn-outline {
                background: transparent;
                color: #404044;
                padding-left: 25px;
                padding-right: 25px;
                -webkit-border-radius: 50px;
                border-radius: 50px;
                text-decoration: none;
                border:1px solid #404044;
            }
            .btn-outline:hover{
                background: #404044;
                color: #fff; }

            .btn-outline.btn-white,
            input[type="submit"].btn-outline.btn-white,
            a.btn-outline.btn-white {
                background: transparent;
                border-color: #fff;
                color: #fff; }
            .btn-outline.btn-white:hover,
            input[type="submit"].btn-outline.btn-white:hover,
            a.btn-outline.btn-white:hover {
                background: #fff;
                color: #404044; }
            .btn-outline.disabled:hover,
            input[type="submit"].btn-outline.disabled:hover,
            a.btn-outline.disabled:hover {
                background: transparent;
                color: #404044;
                border-color: #404044;
                cursor: default; }
            .btn-outline.btn-brand,
            input[type="submit"].btn-outline.btn-brand,
            a.btn-outline.btn-brand {
                background: transparent;
                border-color: #505cfd;
                color: #505cfd; }
            .btn-outline.btn-brand:hover,
            input[type="submit"].btn-outline.btn-brand:hover,
            a.btn-outline.btn-brand:hover {
                background: #505cfd;
                border-color: #505cfd;
                color: #fff; }
            .btn-outline.btn-brand.disabled:hover,
            input[type="submit"].btn-outline.btn-brand.disabled:hover,
            a.btn-outline.btn-brand.disabled:hover {
                background: transparent;
                border-color: #505cfd;
                color: #505cfd; }


            .ticket-btn {
                height: 30px;
                line-height: 30px;
                padding: 0px 25px;
                background: #e4b013;/*3a6af0 00c1c1*/
                margin-left: -40px;
                font-size: 12px;
                font-weight: 700;
                color: #000;
            }
            .ticket-btn:hover  {
                font-size: 12px;
                font-weight: 700;
                color: #fff;
                text-transform: uppercase;
                background: #ff007a;
                height: 30px;
                padding: 0 25px;
                line-height: 30px;
                border-radius: 3px;
                -webkit-border-radius: 3px;
                -ms-border-radius: 3px;
                -o-transition: all 0.4s ease;
                transition: all 0.4s ease;
                -webkit-transition: all 0.4s ease;
                -moz-transition: all 0.4s ease;
                -ms-transition: all 0.4s ease;
                outline: none;
                text-decoration: none;
                cursor: pointer;
                box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
            }
            a {
                color: #e7015e;
                -o-transition: all 0.4s ease;
                transition: all 0.4s ease;
                -webkit-transition: all 0.4s ease;
                -moz-transition: all 0.4s ease;
                -ms-transition: all 0.4s ease;
            }
           
            .my-popup {height:900px; width:1200px}

/*checkout*/			
.nice-select .list {
    border-radius: 0px;
    height: 200px;
	width: 100%;
    overflow-y: auto;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  color:red;
  background: none;
}
/*checkout*/

/* News start */
.news{
    margin-bottom: 70px;
}
.news__caption{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 36px;
}

.news__view-all{
    font-size: 16px;
    color: #005e37;/*#006DFE;*/
    text-decoration: none;
    padding-right: 59px;
    background: url(../img/svg/arrow-right-ico.svg) no-repeat right center;
}

.news__view-all:hover, .places__view-all:focus{
    opacity: .65;
}

.news__title{
    margin-bottom: 0px;
}

.news__cards{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 57px 1fr 57px 1fr 57px 1fr 57px 1fr 57px 1fr;
    grid-template-columns: repeat(6, 1fr);
    column-gap: 57px;
    row-gap: 57px;
}
.news__captions{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 8px;
}
.news__caption-title{
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #828282;
}
.news__caption-datatime{
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #828282;
}
.news__card-pic{
    position: relative;
    margin-bottom: 19px;
}
.news__card-thumb{
	width: 100%;
	height: auto;
}
.news__card{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-grid-column-span: 2;
    grid-column: span 2;
}

.news__card-title{
	font-family: 'Roboto', sans-serif;
    font-weight: bold;
	font-size: 14px;
    line-height: 14px;
    color: #333333;
    margin: 0 auto 0 0 ;
	margin-bottom: 10px;
}

.news__card-desc{
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
    line-height: 16px;
	color: #4F4F4F;
    margin-bottom: 0px;
}
.news__detail {
    padding-left: 0px;
    padding: 0px 0 0px 0;
    font-size: 14px;
    line-height: 24px;
    color: #828282;
	margin-bottom: 80px;
}
.news__detail-cards{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 30px;
}
.news__detail-cards-pic{
	width: 100%;
	height: auto;
    position: relative;
    margin-bottom: 20px;
}
.news__detail-content{
	margin-bottom: 40px;	
}

.news__detail-contents{
	    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 0px;
	font-size: 12px;
	line-height: 14px;
	color: #BDBDBD;
}
/* News end */

/* Bron start*/
.bron{
	margin-bottom: 70px;
	background-color: #fff;/*#F9FAFC*/
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 28px;
	top:0px;
}
.bron__title{
	margin-bottom: 36px;
}

.bron__cards{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 390px 110px 1fr;
    grid-template-columns: 404px 1fr;/*repeat(2, 1fr)*/
    column-gap: 110px;
    padding: 0 0px;
}

.bron__card{
    -ms-grid-column-span: 1;
    grid-column: span 1;
    margin-bottom: 0px;
}
.bron__card-pic{
	background: url(../img/svg/bron-img-opacity.svg) no-repeat right center;
	content:'';
	max-width: 688px;
	max-height: 463px;
    margin-bottom: 28px;
}
.bron__card-thumb{
    display: block;
	margin-left: -30.5px;
	margin-top: 0px;
}

.bron-form{
	width: 390px;
	margin: 0px;
}
.bron-form__info{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.bron__input {
  position: relative;
  
}
.bron__input-check{
      display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 20px;
}
.bron__check{
	display: block;
	width: 20px;
	height: 20px;	
	border: 1px solid #E0E0E0;
	margin-right: 14.75px;
}
.bron__check-text{
	display: block;
	font-weight: normal;
	font-size: 14px;
	color: #828282;
	margin-right: 20px;
}
.bron__input-text {
	display: block;
    margin: 0;
	width: 390px;
	height: 50px;
    border: 1;
	border: 1px solid #E0E0E0;
	padding-left: 20px;
    font-weight: 500;
    font-size: 16px;
    color: #000;
	margin-bottom: 29.18px;
}

.bron__input-text::-webkit-input-placeholder{
    font-weight: 500;
    font-size: 12px;
    color: #BDBDBD;
}

.bron__input-text::-moz-placeholder{
    font-weight: 500;
    font-size: 12px;
    color: #BDBDBD;
}

.bron__input-text:-ms-input-placeholder{
    font-weight: 500;
    font-size: 12px;
    color: #BDBDBD;
}

.bron__input-text::-ms-input-placeholder{
    font-weight: 500;
    font-size: 12px;
    color: #BDBDBD;
}

.bron__input-text::placeholder{
    font-weight: 500;
    font-size: 12px;
    color: #BDBDBD;
}

.bron__input-label {
  display: block;
  position: absolute;
  opacity: 1;
  top:-10px;
  left: 20px;
  background-color: #fff;
  font-size: 14px;
  color: #BDBDBD;
  padding: 4px 10px;
  text-align: center;
}

.bron__input {
  position: relative;
}

.bron__input-text-date {
 	display: block;
    margin: 0;
	width: 330px;
	height: 50px;
    border: 1;
	border: 1px solid #E0E0E0;
	padding-left: 20px;
    font-weight: 500;
    font-size: 16px;
    color: #000;
	margin-bottom: 29.18px;
}
.bron__input-text-date::-webkit-input-placeholder{
    font-weight: 500;
    font-size: 12px;
    color: #BDBDBD;
}

.bron__input-text-date::-moz-placeholder{
    font-weight: 500;
    font-size: 12px;
    color: #BDBDBD;
}

.bron__input-text-date:-ms-input-placeholder{
    font-weight: 500;
    font-size: 12px;
    color: #BDBDBD;
}

.bron__input-text-date::-ms-input-placeholder{
    font-weight: 500;
    font-size: 12px;
    color: #BDBDBD;
}

.bron__input-text-date::placeholder{
    font-weight: 500;
    font-size: 12px;
    color: #BDBDBD;
}
.bron-form__submit-date{
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 50px;
	height: 50px;
	background: #005e37;/*#FACA22;*/
	color: #fff;
    border: 0;
	border-radius: 5px;
	margin-right: 0px;
}

.bron-form__submit{
	width: 390px;
    padding: 14px 159.5px;
	font-weight: bold;
	font-size: 14px;
    color: #fff;
    background: #005e37;/*#FACA22;*/
    border: 0;
	border-radius: 5px;
}
.bron-form__submit-date:hover, .bron-form__submit-date:focus, .bron-form__submit-date:active{
    background: #003a23;/*#0e66da;*/
	color: #fff;	
}
.bron-form__submit:hover, .bron-form__submit:focus, .bron-form__submit:active{
    background: #003a23;/*#0e66da;*/
	color: #fff;
}
/* Bron end */

/* Stadion start*/
.stadions{
    margin-bottom: 70px;
	background-color: #F9FAFC;
}
.stadions__wrap{
    max-width: 1100px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}
.stadions__tour{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 80px 1fr;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 80px; 
    -webkit-box-align: center; 
        -ms-flex-align: center; 
            align-items: center;
    margin-bottom: 80px;
	position: relative;
}

.stadions__info{
    padding-left: 0px;
	padding: 80px 0 100px 0;
}

.stadions__title{
	font-family: Gilam;
	font-weight: 900;
	font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
}

.stadions__desc{
    font-size: 14px;
    line-height: 24px;
	color: #828282;
	margin-bottom: 40px;
}
.stadions__card-more{
    width: 118px;
    padding: 14.5px 40px;
    background: #005e37; /*#FACA22;*/
    text-decoration: none;
    color: #fff;
	font-weight: bold;
    font-size: 14px;
    margin: auto 0 0 0 ;
	border-radius: 5px;
	margin-bottom: 80px;
}

.stadions__card-more:hover, .stadions__card-more:focus, .stadions__card-more:active{
    background: #003a23;/*#0e66da;*/
	color: #fff;
}

.stadions__pic1{
	height:100%;
	width: auto;
}
/* Stadion end*/

/* Seat start */
.seats{
	margin-bottom: 70px;
	background-color: #fff;/*#F9FAFC*/
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 28px;
	top:0px;
}
.seats__wrap{
    max-width: 1100px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}
.seats__title{
	margin-bottom: 36px;
}
.seats__card-cats{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 70px 1fr;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 70px;
    padding: 0 0px;
}
.seats__card-cat{
	margin-bottom: 0px;
}
.seats__cat-title{
	font-weight: bold;
	font-size: 14px;
	color: #333333;
	margin-bottom: 10px;
}
.seats__cat-desc{
	font-weight: normal;
	font-size: 14px;
	color: #4F4F4F;
}
.bg-righttop{
	background: url(../img/seat-ico.png) no-repeat right top;
}
.bg-leftbottom{
	background: url(../img/seat-ico.png) no-repeat left bottom;
}
.seats__cards{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 470px 110px 1fr;
    grid-template-columns: 470px 1fr;/*repeat(2, 1fr)*/
    column-gap: 110px;
    padding: 0 0px;
}

.seats__card{
    -ms-grid-column-span: 1;
    grid-column: span 1;
    margin-bottom: 0px;
}
.seats__card-pic{
	background: url(../img/svg/seats-ball-opacity.svg) no-repeat 10px 20px;
	content:'';
	max-width: auto;
	max-height: 460px;
    
}
.seats__card-thumb{
    display: block;
	margin-left: -10.5px;
	margin-top: 0px;
}
/* seats end */

/* photos start */
.photos{
	margin-bottom: 90px;
	background-color: #fff;/*#F9FAFC*/
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
	top:0px;
}
.photos__wrap{
    max-width: 1100px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}
.photos__title{
	margin-bottom: 36px;
}

.photos__cards{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 30px;
    padding: 0 0px;
}

.photos__card{
    -ms-grid-column-span: 1;
    grid-column: span 1;
    margin-bottom: 0px;
}
.photos__card-pic{
	max-width: 220px;
    margin-bottom: 0px;
}
.photos__card-thumb {
    width: 100%;
    height: auto;
}
/* photos end */

/* descs start */
.descs{
	margin-bottom: 70px;
	background-color: #fff;/*#F9FAFC*/
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
	top:0px;
}
.descs__wrap{
    max-width: 1100px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

.descs__cards{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 50px 540px;
    grid-template-columns: 1fr 540px;/*repeat(2, 1fr)*/
    column-gap: 50px;
    padding: 0 0px;
}

.descs__card{
    -ms-grid-column-span: 1;
    grid-column: span 1;
    margin-bottom: 0px;
}

.descs__card-cat{
	margin-bottom: 40px;
}
.descs__cat-title{
	font-weight: bold;
	font-size: 14px;
	color: #333333;
	margin-bottom: 20px;
}
.descs__cat-desc{
	font-weight: normal;
	font-size: 14px;
	color: #4F4F4F;
}

.descs__card-pic{
	background: url(../img/svg/footer-ball-opacity.svg) no-repeat -36px -7px;
	content:'';
	max-width: auto;
	max-height: 394px;
    
}
.descs__card-thumb{
    display: block;
	margin-left: 10.5px;
	margin-top: 0px;
}
/* desc end */

/* 404 start */
.not{
	margin-bottom: 70px;
	background-color: #fff;/*#F9FAFC*/
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
	top:0px;
}
.not__wrap{
    max-width: 1100px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

.not__cards{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 50px 540px;
    grid-template-columns: 1fr 540px;/*repeat(2, 1fr)*/
    column-gap: 50px;
    padding: 0 0px;
}

.not__card{
    -ms-grid-column-span: 1;
    grid-column: span 1;
    margin-bottom: 0px;
}

.not__card-cat{
	margin-bottom: 0px;
}
.not__cat-title{
	font-family: Gilam;
    font-weight: 900;
    font-size: 30px;
	line-height: 37px;
	color: #333333;
	margin-bottom: 20px;
}
.not__cat-desc{
	font-weight: normal;
	font-size: 14px;
	color: #4F4F4F;
	margin-bottom: 40px;
}

.not__card-pic{
	background: url(../img/svg/404-opacity.svg) no-repeat -36px -7px;
	content:'';
	max-width: auto;
	max-height: 346px;
    
}
.not__card-thumb{
    display: block;
	margin-left: 10.5px;
	margin-top: 0px;
}
.not__card-more{
    width: 118px;
    padding: 14.5px 40px;
	background: #005e37;/*#FACA22;*/
    text-decoration: none;
    color: #fff;
	font-weight: bold;
    font-size: 14px;
    margin: auto 0 0 0 ;
	border-radius: 5px;
	margin-bottom: 0px;
}

.not__card-more:hover, .not__card-more:focus, .not__card-more:active{
	background: #003a23;/*#0e66da;*/
	color: #fff;
}
/* 404 end */

/* stad start */
.stad{
	background-color: #fff;/*#F9FAFC*/
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
	top:0px;
	margin-bottom: 40px;
}
.stad__caption{
	/*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;*/
    margin-bottom: 0px;
}
.stad__title{
	font-family: Gilam;
    font-weight: 900;
    font-size: 30px;
	line-height: 37px;
	color: #333333;
	margin-bottom: 20px;
}
.stad__maps{
	margin-bottom: 40px;
}
.stad__cards{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 95px 1fr;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 95px;
    padding: 0 0px;
}
.card-margin80{
	margin-bottom: 80px;
}
.stad__center{
	-webkit-box-align: center;
    -ms-flex-align: center;
	align-items: center;
	margin: auto 0;
}
.stad__tag{
	min-height:400px;
	-webkit-box-align: center;
    -ms-flex-align: center;
	align-items: center;
	margin: auto 0;
}

.stad__card_content{
    display: -ms-grid;
    display: grid;
	-ms-grid-columns: 20px  1fr;
	grid-template-columns: 20px auto;
	column-gap: 15px;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	margin-bottom: 20px;
}
.stad__card_contents{
	margin-bottom: 40px;
}
.stad__card-pic{
	display: block;
}
.stad__card-thumb{
    display: block;
}

.stad__card-title{
	font-family: Gilam;
    font-weight: 900;
    font-size: 30px;
	line-height: 37px;
	color: #333333;
	margin-bottom: 40px;
}

.ac-container{
    width: 100%;
    margin: 10px auto 0px auto;
}

.ac-container label{
    padding: 0px 30px;
    position: relative;
    z-index: 20;
    display: block;
    height: 30px;
    cursor: pointer;
    color: #4F4F4F;
	font-weight: bold;
    line-height: 33px;
    font-size: 14px;
}

.ac-container label:hover{
    background: #fff;
}

.ac-container input:checked + label,
.ac-container input:checked + label:hover{
    color: ;
}

/*.ac-container label:hover:after,
.ac-container input:checked + label:hover:after*/
	
.ac-container label:before,
.ac-container input:checked + label:before{
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    left: 0px;
    top: 4px;
    background: transparent url(../img/arrow_up.png) no-repeat center center;  
}
/*.ac-container input:checked + label:hover:after,*/
.ac-container input + label:before{
    background: url(../img/arrow_down.png) no-repeat center center;
}

.ac-container input{
    display: none;
}

.ac-container article{
    margin-top: -1px;
    overflow: hidden;
    height: 0px;
    position: relative;
    z-index: 10;
    -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container input:checked ~ article {
     -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    height: auto;
}

.ac-container article p{  
	font-weight: normal;
	font-size: 14px;
	line-height: 23px;
    padding: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #828282;
}

.stad__card-description{
margin-bottom: 0px;
}
.stad__card-desc{
	display: block;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
    line-height: 16px;
	margin-bottom: 0px;
    /*margin-bottom: 39px;*/
}
.stad__card-more{
    width: 118px;
    padding: 14.5px 40px;
	background: #005e37;/*#FACA22;*/
    text-decoration: none;
    color: #fff;
	font-weight: bold;
    font-size: 14px;
    margin: auto 0 0 0 ;
	border-radius: 5px;
	margin-bottom: 0px;
}

.stad__card-more:hover, .stad__card-more:focus, .stad__card-more:active{
	background: #003a23;/*#0e66da;*/
	color: #fff;
}

.stad__content{
    margin-bottom: 40px;
	background-color: #F9FAFC;
}
.stad__content__wrap{
    max-width: 1100px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}
.stad__content__info{
    padding-left: 0px;
	padding: 40px 0 40px 0;
    font-size: 14px;
	line-height: 24px;
	color: #828282;
}
/* stad end */

/* pages start */
.pages{
    margin-bottom: 70px;
}
.pages__caption{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 36px;
}

.pages__view-all{
    font-size: 16px;
    color: #006DFE;
    text-decoration: none;
    padding-right: 59px;
    background: url(../img/svg/arrow-right-ico.svg) no-repeat right center;
}

.pages__view-all:hover, .pages__view-all:focus{
    opacity: .65;
}

.pages__title{
    margin-bottom: 0px;
}

.pages__cards{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 57px 1fr 57px 1fr 57px 1fr 57px 1fr 57px 1fr;
    grid-template-columns: repeat(6, 1fr);
    column-gap: 57px;
    row-gap: 57px;
}
.pages__captions{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 8px;
}
.pages__caption-title{
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #828282;
}
.pages__caption-datatime{
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #828282;
}
.pages__card-pic{
    position: relative;
    margin-bottom: 19px;
}
.pages__card-thumb{
	width: 100%;
	height: auto;
}
.pages__card{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-grid-column-span: 2;
    grid-column: span 2;
}

.pages__card-title{
	font-family: 'Roboto', sans-serif;
    font-weight: bold;
	font-size: 14px;
    line-height: 14px;
    color: #333333;
    margin: 0 auto 0 0 ;
	margin-bottom: 10px;
}

.pages__card-desc{
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
    line-height: 16px;
	color: #4F4F4F;
    margin-bottom: 0px;
}
.pages__detail {
	font-family: 'Roboto', sans-serif;
    padding-left: 0px;
    padding: 0px 0 0px 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
	/*
    line-height: 24px;
    color: #333333;
    color: #828282;*/
	margin-bottom: 80px;
	
    text-align: left;
    background-color: #fff;	
}
.pages__detail strong, .pages__detail b{
	font-weight: 700;
}

.pages__detail-cards{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 30px;
}
.pages__detail-cards-pic{
	width: 100%;
	height: auto;
    position: relative;
    margin-bottom: 20px;
}
.pages__detail-content{
	margin-bottom: 40px;
}

.pages__detail-contents{
	    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 0px;
	font-size: 12px;
	line-height: 14px;
	color: #BDBDBD;
	text-align: justify;
}
/* pages end */

/* player start */
.players{
    margin-bottom: 70px;
}
.player__cards{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 255px 35px 1fr 35px 242px;
    grid-template-columns: 255px 1fr 242px;/*repeat(3, 1fr);*/
    column-gap: 35px;
    padding: 0 0px;
	margin-bottom: 40px;
}
.player__card-margin40{
	margin-bottom: 40px;
}
.player__card_contents{
	margin-bottom: 40px;
}
.player__card-pic{
	display: block;
}
.player__img {
    width: 255px;
    height: 255px;
    border-radius: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}
.player__card-thumb{
    display: block;
    width: 100%;
    height: auto;
}
.player__card-title{
	font-family: Gilam;
    font-weight: 900;
    font-size: 30px;
	line-height: 37px;
	color: #333333;
	margin-bottom: 40px;
}
.player__card-subtitle{
	font-family: Gilam;
	font-weight: bold;
	font-size: 14px;
	line-height: 21px;
	color: #333333;
	margin-bottom: 10px;
}
.player__card-desc{
	display: block;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
    line-height: 16px;
	margin-bottom: 0px;
    /*margin-bottom: 39px;*/
}
.player__card__captions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 14px;
}
.player__card__captions-title {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: #BDBDBD;
}
.player__card__captions-desc {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    color: #333;
}
	.playerList__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    margin-bottom: 70px;
    
	}
	.playerList__item {
    width: 205px;
    text-align: center;
    margin-bottom: 20px;
    text-decoration: none;
	}
	.playerList__img {
    width: 205px;
    height: 205px;
    border-radius: 100%;
    overflow: hidden;
    margin-bottom: 10px;
	}
	.playerList__name{
	font-weight: bold;
	font-size: 14px;
	color: #333333;
	margin-bottom: 10px;
	}
	.playerList__position{
	font-weight: normal;
	font-size: 14px;
	color: #333333;
	}
	.playerList__pageTitle {
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
    text-transform: uppercase;
    color: #212121;
    margin-top: 0px;
    margin-bottom: 15px;
	}
/* player end*/

/* button next prev start */
.arrowsubmit{
	position:relative;
	margin-right:0px;
	top:-25px;
}
.submit-prev {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 38px;
    height: 38px;
    background: #005e37;
    color: #fff;
    border: 0;
    border-radius: 5px;
    margin-right: 45px;
}
.submit-next {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 38px;
    height: 38px;
    background: #005e37;
    color: #fff;
    border: 0;
    border-radius: 5px;
    margin-right: 0px;
}
/* button next prev end */

/* Footer styles start */
.footer{
    background: #245f0c; /*#0C4CA3;*/
    padding: 39px 0 34px 0;
}

.footer__item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.footer__logo{
    width: 50%;
}
.footer__nav{

	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;

}
.footer__navb{
    /*
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
	*/
	display: -ms-grid;
    display: grid;
    -ms-grid-columns: 435px 410px 253px;
    grid-template-columns: 435px 410px 253px;/*repeat(2, 1fr)*/
    column-gap: 10px;
    padding: 0 0px;
}
.footer__menu-title-logo{
	font-family: Gilam;
	font-style: normal;
	font-weight: 900;
	font-size: 24px;
	line-height: 30px;
	color: #FFFFFF;
	margin-bottom: 2.5px;
}
.footerm__menu:first-child{
	height: 95px;
	background: ;
	border-right:1px solid #828282;	
	margin-left:0px;
}
.footerm__menu{
	height: 95px;
	background: ;
	border-right:1px solid #828282;	
	margin-left:30px;
}
.footerm__menu:last-child{
	height: 95px;
	background: ;
	border-right:0px solid #828282;		
	margin-left:109px;
	text-align: right;
}
.footer__menu-item-logo-description{
    color: white;
    text-decoration: none;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;	
	margin-bottom: 31px;
}
.footer__menu-item-copyright{
    color: white;
    text-decoration: none;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
	margin-bottom: 0px;	
}
.footer__menu-item-phone, .footer__menu-item-phone a{
    color: white;
    text-decoration: none;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
	margin-bottom: 4px;	
}
.footer__menu-item-phonez{
    color: white;
    text-decoration: none;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
	margin-bottom: 31px;	
}
.footer__menu-item{
    color: white;
    text-decoration: none;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
	margin-bottom: 9px;
}

.footer__menu-title{
    color: white;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
}
.footer__menu-link{
    color: white;
    text-decoration: none;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
}

.footer__menu-link:hover, .footer__menu-link:focus, .footer__menu-link:active{
    opacity: .75;
}

/*-------- 3.7 Footer --------*/
@media (min-width: 768px) {
  .collapse.dont-collapse-sm {
    display: block !important;
    height: auto !important;
    visibility: visible !important;
  }
}
footer {
  background-color: #003a23;/*#245f0c*/
  padding: 60px 0 35px 0;
}
@media (max-width: 767px) {
  footer {
    padding: 0 0 15px 0;
  }
}
footer hr {
  border-color: rgba(255, 255, 255, 0.15);
  margin-top: 5px;
}
@media (max-width: 767px) {
  footer hr {
    border-color: transparent;
  }
}
footer .contacts ul {
  margin: 0 0 25px 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 767px) {
  footer .contacts ul {
    margin-top: 15px;
  }
}
footer .contacts ul li {
  font-size: 15px;
  padding-left: 35px;
  position: relative;
  margin-bottom: 15px;
  color: #fff;
  opacity: 0.8;
}
footer .contacts ul li a {
  color: #fff;
  opacity: 1;
}
footer .contacts ul li a:hover {
  opacity: 1;
}
footer .contacts ul li i {
  font-size: 12px;
  font-size: 1.125rem;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  line-height: 1;
}
footer h3 {
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 15px;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  footer h3 {
    font-size: 13px;
    font-size: 0.8125rem;
    cursor: pointer;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    margin: 0 -15px 0 -15px;
    padding: 15px 15px 15px 15px;
    display: block;
  }
  footer h3:after {
    font-family: 'themify';
    content: "\e61a";
    width: 20px;
    display: block;
    float: right;
  }
  footer h3.opened:after {
    content: "\e622";
  }
}
footer .links ul {
  margin: 0 0 25px 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 767px) {
  footer .links ul {
    margin-top: 15px;
  }
}
footer .links ul li {
  margin-bottom: 8px;
  line-height: 0.8;
   font-size: 13px;
}
footer .links ul li a {
  position: relative;
  color: #fff;
  opacity: 0.8;
  display: inline-block;
  text-decoration: none;
}
footer .links ul li a:hover {
  -webkit-transform: translate(5px, 0);
  -moz-transform: translate(5px, 0);
  -ms-transform: translate(5px, 0);
  -o-transform: translate(5px, 0);
  transform: translate(5px, 0);
  color: #fff;
  opacity: 1;
  text-decoration: none;
}
footer .links ul li a:hover:after {
  opacity: 1;
  color: #fff;
  text-decoration: none;
}
footer .links ul li a:after {
  font-family: 'themify';
  content: "\e628";
  position: relative;
  margin-left: 5px;
  top: 2px;
  opacity: 0;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/* Newsletter footer*/
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@media (max-width: 767px) {
  #newsletter {
    margin-top: 20px;
  }
  #follow_us {
    margin-top: 20px;
  }
}
#newsletter .loader {
  position: absolute;
  right: -22px;
  top: 10px;
  color: #ccc;
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-animation: rotation 2s infinite linear;
  animation: rotation 2s infinite linear;
}
#newsletter h6 {
  margin: 15px 0 15px 0;
}
#newsletter input[type='email'] {
  border: 0;
  height: 40px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  padding-left: 15px;
  background-color: #f3f3f3;
  background-color: rgba(255, 255, 255, 0.05);
  color: #ccc;
}
#newsletter input[type='email']:focus {
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#newsletter button[type='submit'] {
  position: absolute;
  right: 0;
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  top: 0;
  border: 0;
  padding: 0 12px;
  height: 40px;
  line-height: 44px;
  cursor: pointer;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  background-color: #004dda;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: none;
}
#newsletter button[type='submit']:hover {
  background-color: #FFC107;
  color: #222;
}

.follow_us h5 {
  font-size: 16px;
  font-size: 1rem;
  margin: 35px 0 10px 0;
  color: #fff;
}
.follow_us ul {
  margin: 0 0 25px 0;
  padding: 0;
  list-style: none;
}
.follow_us ul li {
  display: inline-block;
  margin: 0 10px 0 0;
}
@media (max-width: 767px) {
  .follow_us ul li {
  display: inline-block;
  margin: 20px 10px 0 0;
  }
}
.follow_us ul li a {
  display: block;
}
.follow_us ul li a img {
  width: auto;
  height: 20px;
}
.follow_us ul li a:hover {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  transform: translateY(-5px);
}

ul.footer-selector {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.footer-selector li {
  float: left;
  margin-right: 10px;
}
@media (max-width: 575px) {
  ul.footer-selector li:last-child {
    padding-top: 10px;
    clear: both;
    float: none;
    display: block !important;
  }
}

/* Addtional links Footer */
ul.additional_links {
  margin: 0;
  padding: 8px 0 0 0;
  color: #555;
  float: right;
}
@media (max-width: 991px) {
  ul.additional_links {
    float: none;
    margin-top: 10px;
  }
}
ul.additional_links li {
  display: inline-block;
  margin-right: 15px;
}
ul.additional_links li:first-child {
  margin-right: 20px;
}
ul.additional_links li:last-child:after {
  content: "";
}
ul.additional_links li span {
  color: #fff;
  opacity: 0.8;
}
ul.additional_links li a {
  color: #fff;
  opacity: 0.8;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
ul.additional_links li a:hover {
  opacity: 1;
}
ul.additional_links li:after {
  content: "|";
  font-weight: 300;
  position: relative;
  left: 10px;
}
/* Footer styles end */

/* slick для корректного отображения слайдера */
.slick-track
{
    display: flex !important;
}

.slick-slide
{
    height: inherit !important;
}
/* slick end */

/* FAQ style start*/

/*-------- 3.2 Spacing --------*/
.add_bottom_10 {
  margin-bottom: 10px;
}

.add_bottom_15 {
  margin-bottom: 15px;
}

.add_bottom_20 {
  margin-bottom: 15px;
}

.add_bottom_30 {
  margin-bottom: 30px;
}

.add_bottom_45 {
  margin-bottom: 45px;
}

.add_bottom_60 {
  margin-bottom: 60px;
}

.add_bottom_75 {
  margin-bottom: 75px;
}

.add_top_10 {
  margin-top: 10px;
}

.add_top_15 {
  margin-top: 15px;
}

.add_top_20 {
  margin-top: 20px;
}

.add_top_30 {
  margin-top: 30px;
}

.add_top_60 {
  margin-top: 60px;
}

.more_padding_left {
  padding-left: 40px;
}

.nomargin_top {
  margin-top: 0;
  font-size: 26px;
  font-size: 1.625rem;
}

.nopadding {
  margin: 0 !important;
  padding: 0 !important;
}

.nomargin {
  margin: 0 !important;
}

.margin_30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.margin_60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.margin_60_35 {
  padding-top: 60px;
  padding-bottom: 35px;
}
.margin_20_20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
	/*-------- 3.3 Faq --------*/
.box_style_cat {
  background: #fff;
  border: 1px solid #ededed;
  margin-bottom: 25px;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
}
@media (max-width: 991px) {
  .box_style_cat {
    display: none;
  }
}

ul#cat_nav {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul#cat_nav li {
  border-bottom: 1px solid #ededed;
}
ul#cat_nav li i {
  font-size: 16px;
  font-size: 1rem;
  margin: 2px 10px 0 0;
  float: left;
}
ul#cat_nav li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
ul#cat_nav li a {
  position: relative;
  color: #555;
  display: block;
  padding: 15px 10px;
}
ul#cat_nav li a:after {
  font-family: "fontello";
  content: "\e89b";
  position: absolute;
  right: 15px;
  top: 15px;
}
ul#cat_nav li a span {
  font-size: 11px;
  font-size: 0.6875rem;
  color: #999;
}
ul#cat_nav li a:hover, ul#cat_nav li a#active, ul#cat_nav li a.active {
  color: #2955a9;
  border:0;
  outline: none;
}

.accordion_2 .card {
  border: 0;
  margin-bottom: 5px;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
}
.accordion_2 .card .card-header {
  background-color: #fff;
  border-bottom: 1px solid #ededed;
  padding: 20px;
}
.accordion_2 .card-body {
  padding-bottom: 0;
}
.accordion_2 .card-header h5 {
  font-size: 16px;
  font-size: 1rem;
}
.accordion_2 .card-header h5 a {
  border: 0;
  display: block;
  color: #999;
  outline: none;
}
.accordion_2 .card-header h5 a i.indicator {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
  float: right;
  color: #2955a9;
  outline: none;
}

.card {
  border-radius: 0;
  border: 0;
  margin-bottom: 5px;
}

.main_title_2 {
  text-align: center;
  margin-bottom: 45px;
  position: relative;
}
.main_title_2 span {
  width: 120px;
  height: 2px;
  background-color: #e1e1e1;
  display: block;
  margin: auto;
}
.main_title_2 span em {
  width: 60px;
  height: 2px;
  background-color: #2955a9;
  display: block;
  margin: auto;
}
@media (max-width: 767px) {
  .main_title_2 {
    margin-bottom: 10px;
  }
}
.main_title_2 h2 {
  margin: 25px 0 0 0;
}
@media (max-width: 767px) {
  .main_title_2 h2 {
    font-size: 26px;
    font-size: 1.625rem;
  }
}
.main_title_2 p {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .main_title_2 p {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.main_title_3 {
  position: relative;
  border-left: 2px solid #e1e1e1;
  padding-left: 15px;
}
@media (max-width: 767px) {
  .main_title_3 {
    border-left: none;
    padding-left: 0;
  }
}
.main_title_3 span {
  width: 2px;
  height: 30px;
  background-color: #2955a9;
  position: absolute;
  left: -2px;
  top: 0;
  display: block;
}
@media (max-width: 767px) {
  .main_title_3 span {
    display: none;
  }
}
.main_title_3 h2, .main_title_3 h3 {
  font-size: 26px;
  font-size: 1.625rem;
  margin: 0;
  display: inline-block;
}
@media (max-width: 767px) {
  .main_title_3 h2, .main_title_3 h3 {
    font-size: 21px;
    font-size: 1.3125rem;
  }
}
.main_title_3 p {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.4;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .main_title_3 p {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.main_title_3 a {
  display: inline-block;
  right: 0;
  bottom: 0;
  position: absolute;
}
@media (max-width: 767px) {
  .main_title_3 a {
    top: -10px;
  }
}
.main_title_3 a:after {
  font-family: 'ElegantIcons';
  content: "\24";
  font-size: 21px;
  font-size: 1.3125rem;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  top: 5px;
  margin-left: 4px;
}

a.box_topic {
  text-align: center;
  background: #fff;
  padding: 40px 30px 15px 30px;
  display: block;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
  color: #555;
  margin-bottom: 30px;
  overflow: hidden;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
@media (max-width: 767px) {
  a.box_topic {
    padding: 20px 20px 0 20px;
  }
}
a.box_topic:hover {
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}
a.box_topic span {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  background-color: #0092c6;
  background-color: rgba(0, 164, 222, 0.05);
  width: 100px;
  height: 100px;
  display: block;
  line-height: 100px;
  margin: 0 auto 15px;
}
a.box_topic h3 {
  font-size: 18px;
  font-size: 1.125rem;
}

.list_articles ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list_articles ul li {
  float: left;
  width: 45%;
  margin-right: 45px;
  padding: 15px 0;
  border-bottom: 1px solid #ededed;
}
.list_articles ul li a {
  color: #555;
  display: block;
}
.list_articles ul li a:hover {
  color: #2955a9;
  -webkit-transform: translateX(5px);
  -moz-transform: translateX(5px);
  -ms-transform: translateX(5px);
  -o-transform: translateX(5px);
  transform: translateX(5px);
}
.list_articles ul li i {
  margin-right: 10px;
  font-size: 16px;
  font-size: 1rem;
  position: relative;
  top: 2px;
}
@media (max-width: 991px) {
  .list_articles ul li {
    float: none;
    width: 100%;
    margin-right: 0;
  }
}

*, a:active, a:hover{
	outline:none !important;
	text-decoration: none;
}
/* FAQ style end*/

/* Benefits styles start */
.benefits{
    margin-bottom: 131px;
}

.benefits__wrap{
    max-width: 1262px;
    background-color: #fff;
    margin: 0 auto;
    -webkit-box-shadow: 0px 2px 20px rgba(21, 24, 36, 0.15993);
            box-shadow: 0px 2px 20px rgba(21, 24, 36, 0.15993);
    position: relative;
}

.benefits__title{
    width: 100%;
    font-weight: 500;
    font-size: 35px;
    line-height: 42px;
    padding: 93px 100px 88px 100px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    background-color: #fff;
}

.benefits__cards{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 55px 1fr 55px 1fr;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 55px;
    padding: 0 100px;
}

.benefits__card{
    -ms-grid-column-span: 1;
    grid-column: span 1;
    margin-bottom: 112px;
}

.benefits__card-pic{
    max-width: 66px;
    margin-bottom: 37px;
}
.benefits__card-thumb{
    display: block;
}

.benefits__card-title{
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 26px;
}

.benefits__card-desc{
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 39px;
}

.benefits__card-more{
    display: inline-block;
    padding-right: 59px;
    font-size: 16px;
    line-height: 24px;
    color: #006DFE;
    text-decoration: none;
    background: url(../img/svg/arrow-right-ico.svg) no-repeat 95% center;
    -webkit-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;
}

.benefits__card-more:hover, .benefits__card-more:focus{
    background: url(../img/svg/arrow-right-ico.svg) no-repeat right center;
}

/* Benefits styles end */


/* Places styles start */

.places{
    margin-bottom: 131px;
}

.places__caption{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 36px;
}

.places__title{
    margin-right: 15px;
}

.places__view-all{
    font-size: 16px;
    color: #005e37;/*#006DFE;*/
    text-decoration: none;
    padding-right: 59px;
    background: url(../img/svg/arrow-right-ico.svg) no-repeat right center;
}

.places__view-all:hover, .places__view-all:focus{
    opacity: .65;
}

.places__cards{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr;
    grid-template-columns: repeat(6, 1fr);
    column-gap: 10px;
    row-gap: 10px;
}

.places__card{
    position: relative;
    overflow: hidden;
}

.places__card::after{
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(21, 24, 36, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.places__card:hover .places__card-pic{
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}

.places__card-title{
    font-size: 50px;
    line-height: 60px;
    color: white;
    position: absolute;
    bottom: 27px;
    left: 29px;
    z-index: 3;
}

.places__card_size_lg{
    -ms-grid-column-span: 3;
    grid-column: span 3;
}

.places__card_size_sm{
    -ms-grid-column-span: 2;
    grid-column: span 2;
}

.places__card-pic{
    width: 100%;
    -webkit-transition: .15s all;
    -o-transition: .15s all;
    transition: .15s all;
}

.places__card-pic_size_lg{
    height: 354px;
    -o-object-fit: cover;
       object-fit: cover;
}

.places__card-pic_size_sm{
    height: 283px;
    -o-object-fit: cover;
       object-fit: cover;
}

.places__card-link{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
}

/* Places styles end */

/* Tours styles start */

.tours{
    margin-bottom: 139px;
}

.tours__tour{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 108px 1fr;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 108px; 
    -webkit-box-align: center; 
        -ms-flex-align: center; 
            align-items: center;
    margin-bottom: 77px;
}

.tour__info{
    padding-left: 47px;
}

.tour__title{
    font-weight: 500;
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 85px;
}

.tour__desc{
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 58px;
}

.tour__more{
    font-size: 16px;
    color: #006DFE;
    text-decoration: none;
    padding-right: 59px;
    background: url(../img/svg/arrow-right-ico.svg) no-repeat right center;
}

.tour__more:hover, .tour__more:focus{
    opacity: .65;
}

/* Tours styles end */

/* Top places styles start */

.top{
    margin-bottom: 86px;
}
.top__title{
    margin-bottom: 54px;
}

.top__cards{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 57px 1fr 57px 1fr 57px 1fr 57px 1fr 57px 1fr;
    grid-template-columns: repeat(6, 1fr);
    column-gap: 57px;
    row-gap: 57px;
}

.top__card-pic{
    position: relative;
    margin-bottom: 45px;
}

.top__card{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-grid-column-span: 2;
    grid-column: span 2;
}

.top__card-stats{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(21, 24, 36, 0.6);
    padding: 16px 25px;
}

.top__card-title{
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    margin: 0 auto 0 0 ;
}

.top__card-likes{
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    padding-right: 20px;
    background: url(../img/svg/heart-ico.svg) no-repeat right;
    margin-right: 14px;
}

.top__card-comments{
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    padding-right: 23px;
    background: url(../img/svg/comment-ico.svg) no-repeat right;
}

.top__card-desc{
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 31px;
}

.top__card-more{
    width: 118px;
    padding: 12px 19px;
    background: #006DFE;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    margin: auto 0 0 0 ;
}

.top__card-more:hover, .top__card-more:focus, .top__card-more:active{
    background: #0e66da;
}

/* Top places styles end*/

a {
    color: #0e0e0e;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

/* Videos styles start */

.videos{
    width: 100%;
}

.videos__wrapper{
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
}

.video__item{
    padding-top: 56.25%;
}

.video__element{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Videos styles end */


#stadium{
	width: 100%; 
	min-height: 500px;
}
.id_merop{
	width: 100%; 
	min-height: 500px;
	max-height: 500px;
}

/* Media start */

@media screen and (max-width: 960px) {
    .benefits {
        margin-bottom: 75px;
    }
    .benefits__card {
        margin-bottom: 60px;
    }
    .search-form__field {
        margin-bottom: 25px;
    }
    .benefits__cards {
        padding: 0 15px;
        column-gap: 35px;
    }
    .benefits__title {
        padding: 55px 15px;
    }
    .benefits__wrap {
        -webkit-box-shadow: none;
                box-shadow: none;
    }
    .places__card_size_lg {
        -ms-grid-column-span: 6;
        grid-column: span 6;
    }
    .places__card_size_sm {
        -ms-grid-column-span: 6;
        grid-column: span 6;
    }
    .tours__tour {
        column-gap: 35px;
    }
    .tour__info {
        padding-left: 0;
    }
    .tour__title {
        margin-bottom: 15px;
    }
    .tour__desc {
        margin-bottom: 15px;
    }
    .top__cards {
        column-gap: 25px;
        row-gap: 55px;
    }
    .top__card {
        -ms-grid-column-span: 3;
        grid-column: span 3;
    }
    .top__card-pic {
        margin-bottom: 25px;
    }
	#stadium{
	width: 100%; 
	max-height: 200px;
	}
	.id_merop{
		width: 100%; 
		max-height: 200px;
	}
    .footer {
        padding: 60px 0;
    }
}

.left__burgert {
	visibility: hidden !important;
}
.left__burgert-cart {
	visibility: hidden !important;
}

svg .seat:hover{
  fill: red;
  cursor:pointer;
}
svg .seat:hover::after {
  content: attr(data-content); /* Выводим текст */
  position: absolute; /* Абсолютное позиционирование */
  left: 20%; top: 30%; /* Положение подсказки */
  z-index: 9999; /* Отображаем подсказку поверх других элементов */
  background: rgba(255,255,230,0.9); /* Полупрозрачный цвет фона */
  font-family: Arial, sans-serif; /* Гарнитура шрифта */
  font-size: 11px; /* Размер текста подсказки */
  padding: 5px 10px; /* Поля */
  border: 1px solid #333; /* Параметры рамки */

}
svg .replaced{
  fill: #ccc;
}
.btn-secondary{
width:40%;	
}

/*svg:hover #blob{
  fill: blue;
}*/

@media screen and (max-width: 1024px) {
.wrapper {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
    margin-right: 60px;
}
.matchs__single-wrappers {
    margin-right: 60;
}
.matchs__single-page-header-inners {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 0.5fr 5px 1.3fr 5px 1fr;
    grid-template-columns: 0.5fr 1.3fr 1fr;
    column-gap: 20px;
    row-gap: 20px;
    padding: 0px 0px;
    margin-top: 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
    z-index: 9999;
}
.stadions__wrap {
    max-width: 1100px;
    margin: 0 20;
    padding: 0;
    position: relative;
    margin-right: 80px;
}
.photos__wrap {
    max-width: 1100px;
    margin: 0 20;
    padding: 0;
    position: relative;
    margin-right: 60px;
}
.descs__wrap {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    margin-right: 70px;
}
.intro__match-title-cat {
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    margin-bottom: 7px;
    display: none;
}
#stadium{
	width: 100%; 
	min-height: 500px;
}
.id_merop{
	width: 100%; 
	min-height: 500px;
}
footer {
    background-color: #003a23;
    padding: 60px 0 35px 0;
    margin-right: 60px;
}
}

@media screen and (max-width: 767px) {
	.btn-secondary{
	width:100%;	
	}

	.stadions__wrap {
    max-width: 1100px;
    margin: 0 20;
    padding: 0;
    position: relative;
    margin-right: 20px;
	}
	.photos__wrap {
		max-width: 1100px;
		margin: 0 20;
		padding: 0;
		position: relative;
		margin-right: 20px;
	}
	.descs__wrap {
		max-width: 1100px;
		margin: 0 auto;
		padding: 0;
		position: relative;
		margin-right: 20px;
	}
	.wrapper {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
    margin-right: 0px;
    margin-top: 12px;
	}
	footer {
    background-color: #003a23;
    padding: 35px 0 35px 0;
    margin-right: 0px;
	}
    .section-title {
        margin-bottom: 25px;
		font-size: 24px;
		margin-left:0px;
    }
	.photos__title.section-title {
		margin-left:20px;
	}
    .section-title::after {
        width: 78px;
    }
    .header__burger {
        display: block;
    }
    .header__wrapper {
        padding-top: 18px;
    }
	.header__list_phone{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-right: 60px;
}
.header__list_phone{
	display:none;
}
.header__list_phone .phone__title{
	display:none;
}
.header__list_phone .header__phone {
	top: -25px;
}
.left__nav{
	display:none;
}
.navs__list_phone .navs__phone {
	margin-left: 25px;
}
.navs ul.main li {
    margin-left: 20px;
	margin-right: 20px;
    margin-bottom: 20px;
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -ms-transform: translateX(40px);
    -o-transform: translateX(40px);
    transform: translateX(40px);
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.navs__phone__title {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    color: ##333333;
    margin-bottom: 4px;
    text-align: right;
}
.navs .about p {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 170%;
    color: #333;
    margin-left: 20px;
	margin-right: 20px;
}
.navs .social {
    margin-left: 20px;
    margin-top: 10px;
    position: relative;
    padding-bottom: 30px;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.navs ul.sub li {
    font-size: 12px;
    margin-top: -20px;
    margin-bottom: 0px;
    margin-left: 20px;
}
.breadcrumbs {
    background-color: #F9FAFC;
    height: 83px;
    margin-top: 75px;
    margin-bottom: 20px;
}
.breadcrumb li.active {
	display: none;
}
.news__caption {
    margin-bottom: 10px;
}
.news__caption .section-title {
    margin-bottom: 0px;
}
.news__cards {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    column-gap: 57px;
    row-gap: 37px;
}
.newst {
    margin-bottom: 20;
	display: none;
}
.news__detail {
    margin-bottom: 20px;
}
.news__detail-cards {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr;
    grid-template-columns: 1fr;
    column-gap: 30px;
}
.slider_news {
	display: none;
}
.stad {
    background-color: #fff;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
    top: 0px;
    margin-bottom: 20px;
}
.stad__content {
    margin-bottom: 0px;
    background-color: #F9FAFC;
}
.stad__cards {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 95px 1fr;
    grid-template-columns: 1fr;
    column-gap: 95px;
    padding: 0 0px;
}
.playerList__item {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    text-decoration: none;
}
.playerList__img {
    width: 100%;
    height: 205px;
    border-radius: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}
.player__cards {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    column-gap: 35px;
    padding: 0 0px;
    margin-bottom: 40px;
}
.player__img {
    width: 100%;
    height: 255px;
    border-radius: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}
.player__card-title {
    font-family: Gilam;
    font-weight: 900;
    font-size: 30px;
    line-height: 37px;
    color: #333333;
    margin-bottom: 40px;
    text-align: center;
}
.matchs__cards {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 10px;
    text-align: right;
    padding: 0px 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    border: 1px solid #F2F2F2;
    box-sizing: border-box;
    border-radius: 5px;
}
.matchs__match-title {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 14px;
	
}
.matchs__card-description {
	margin-right: 20px;
}
.matchs__details-cards {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 0.8fr 30px 1fr;
    grid-template-columns: 1fr;
    column-gap: 30px;
}
.matchs__detail-cards {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 0.3fr 5px 2fr 5px 1fr 1fr;
    grid-template-columns: 0.3fr 2fr 1fr 1fr;
    column-gap: 0px;
    padding: 0px 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    border: 1px solid #F2F2F2;
    box-sizing: border-box;
    border-radius: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
.matchs__detail__card.total {
	display:none;
}
/*
.pages__detail-cards-pic {
    display: none;
}
*/
.intro__subtitle {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    max-width: 478px;
    color: #333333;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
}
.intro__match-titles, .intro__match-title-cat {
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
	display:block;
}
.intro__match-title-arena {
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 12px;
}
.matchs__card-title, .matchs__card-desc {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
}
.matchs__card__submit {
    display: block;
    max-width: 184;
    min-width: -webkit-fill-available;
    max-height: 50px;
    padding: 15px 35px 15px 30px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    background: #005e37;
    border: 0;
    border-radius: 5px;
}
.intro {
    padding-top: 25px;
}
.intro__card .intro__title {
	padding-top: 0px;
}
.intro__cards {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 55px 1fr;
    grid-template-columns: 1fr;
    column-gap: 42px;
    padding: 0 0px;
}
.intro__card-thumb {
    display: none;
}
.intro__matchs {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 80px 80px 1fr 184px;
    grid-template-columns: 1fr;
    grid-template-rows: 80px;
    column-gap: 0px;
    padding: 0;
    background: #FFFFFF;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.intro__match-logo {
    margin-left: 42%;
    text-align: center;
}
#stadium{
	width: 100%;
	max-height: 200px;
}
.id_merop{
	width: 100%; 
	max-height: 200px;
}
.intro__match-submit {
    display: block;
    max-width: 100%;
    align-items: center;
    margin: 15px 15px 15px 15px;
    text-align: right;
}
.intro__match__submit {
    max-width: 100%;
    min-width: -webkit-fill-available;
    padding: 15px 25px;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    background: #005e37;
    border: 0;
    border-radius: 5px;
}
.garants {
    margin: 20px;
}
.garants__cards {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 55px 1fr 55px 1fr;
    grid-template-columns: 1fr;
    column-gap: 55px;
    padding: 0px 0px;
    margin-top: 40px;
}
.bron {
    display: none;
}
.stadions__tour {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 80px 1fr;
    grid-template-columns: 1fr;
    column-gap: 80px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 80px;
    position: relative;
}
.stadions__info {
    padding-left: 0px;
    padding: 10px 0 30px 0;
    margin: 20px;
}
.photos {
    margin-bottom: 10px;
}
.photos__cards {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 30px;
    row-gap: 30px;
    padding: 0 0px;
	margin: 20px;
}
.descs {
    margin-bottom: 0px;
    background-color: #fff;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
    top: 0px;
	margin: 20px;
}
.descs__cards {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    column-gap: 50px;
    padding: 0 0px;
}
.descs__card-thumb {
    display: none;
}
.not__cat-title {
    font-family: Gilam;
    font-weight: 900;
    font-size: 30px;
    line-height: 37px;
    color: #333333;
    margin-bottom: 20px;
    text-align: center;
}

.not__cards {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 50px 540px;
    grid-template-columns: 1fr;
    column-gap: 50px;
    padding: 0 0px;
}
.not__card-pic {
    background: url(../img/svg/404-opacity.svg) no-repeat -36px -7px;
    content: '';
    max-width: auto;
    max-height: 346px;
    margin-top: 20px;
}

.cart__cards {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    column-gap: 0px;
	row-gap: 10px;
    padding: 0px 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    border: 1px solid #F2F2F2;
    box-sizing: border-box;
    border-radius: 5px;
}
.cart__card-description {
    align-items: right;
	text-align: right;
	margin-right: 20px;
}
.cart__match-title {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 14px;
}
.cart__match-titles {
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
}
.cart__match-title-cat {
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
}
.cart__match-title-arena {
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 12px;
}
.cart__card-desc {
	text-align: right;
	display: block;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
}
.cart__card-end {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 10px 10px 10px;
    text-align: center;
}

.matchs__single-wrappers{
	max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;

	background-image: none;
}
.matchs__single-page-header-inners {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    column-gap: 20px;
	row-gap: 20px;
    padding: 0px 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	box-sizing: border-box;
	z-index:9999;
}
.salary-box {
    width: -webkit-fill-available;
    border-radius: 4px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.08);
    background-color: #fff;
    display: inline-block;
    padding: 20px 25px;
    margin-left: 0;
}

.left__burgert-cart {
    /* display: none; */
	visibility: visible !important;
    left: 30px;
    width: 50px;
    height: 50px;
    position: relative;
    border: 1px solid #F2F2F2;
    border-radius: 5px;
}

.left__burgert {
    /* display: none; */
    visibility: visible !important;
    left: 0px;
    top: -15px;
    width: 50px;
    height: 50px;
    position: relative;
    border: 1px solid #F2F2F2;
    border-radius: 5px;
    margin-right: 10px;
    /* z-index: 99999; */
}
.left__burgertt {
	/*display: none; */
	visibility: visible !important;
    left: 20px;
	right: 20px;
    top: 0px;
    width: 50px;
    height: 50px;
    position: relative;
    border: 1px solid #F2F2F2;
    border-radius: 5px;
    margin-right: 15px;
	/*z-index:99999;*/
}
.left__burgert.clicked{
border: 1px solid #003a23;
}
.burger__line {
border: 1px solid #003a23;	
}
.header_active .burger__line {
border: 1px solid #fff;	
}
.header_active .clicked .burger__line {
border: 1px solid #003a23;	
}

.navs {
    background-color: #fff;
    position: fixed;
    z-index: 9;
    top: 0;
    right: 0;
    height: 100%;
    max-width: 410px;
    width: 100%;
    padding: 20px 0px 60px 0px;
    overflow-y: auto;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.navs.show {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}

.navs__list_phone{
        margin-top: 40px;
} 

.breadcrumb__info{
display:none;	
}

    .header__nav{
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: #000;
        z-index: 10;
        padding: 75px;
        -webkit-transform: translateX(100%);
            -ms-transform: translateX(100%);
                transform: translateX(100%);
        -webkit-transition: .2s all linear;
        -o-transition: .2s all linear;
        transition: .2s all linear;
    }
    .header__nav_active{
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);
    }
    .header__item{
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
    .header__item:last-child{
        margin-bottom: 0;
    }
    .header__link{
        font-size: 42px;
        line-height: 48px;
    }
    .header__nav-close{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 11;
    }
    .header__nav-close-line{
        display: block;
        width: 100%;
        height: 2px;
        background-color: #fff;
        position: absolute;
        top: 50%;
    }
    .header__nav-close-line:first-child{
        -webkit-transform: translateY(-50%) rotate(45deg);
            -ms-transform: translateY(-50%) rotate(45deg);
                transform: translateY(-50%) rotate(45deg);
    }
    .header__nav-close-line:last-child{
        -webkit-transform: translateY(-50%) rotate(-45deg);
            -ms-transform: translateY(-50%) rotate(-45deg);
                transform: translateY(-50%) rotate(-45deg);
    }

    .intro__title {
        font-size: 32px;
        line-height: 48px;
    }
    .intro__subtitle {
        font-size: 14px;
    }
    .search-form__field{
        width: 100%;
        margin-right: 0;
        padding-bottom: 12px;
        background: transparent url(../img/svg/circle-ico.svg) no-repeat left 2px;
    }
    .search-form__field::-webkit-input-placeholder{
        font-size: 16px;
    }
    .search-form__field::-moz-placeholder{
        font-size: 16px;
    }
    .search-form__field:-ms-input-placeholder{
        font-size: 16px;
    }
    .search-form__field::-ms-input-placeholder{
        font-size: 16px;
    }
    .search-form__field::placeholder{
        font-size: 16px;
    }
    .search-form__submit {
        width: 100%;
    }

    .benefits{
        margin-bottom: 36px;
    }
    .benefits__card {
        -ms-grid-column-span: 3;
        grid-column: span 3;
        margin-bottom: 40px;
    }
    .benefits__card-pic {
        margin-bottom: 20px;
    }
    .benefits__card-title {
        margin-bottom: 12px;
    }
    .benefits__card-desc {
        margin-bottom: 20px;
    }
    .places {
        margin-bottom: 76px;
    }
    .places__card-pic_size_lg, .places__card-pic_size_sm {
        height: 230px;
    }
    .places__view-all {
        margin-bottom: 25px;
    }
    .places__caption{
        margin-bottom: 0;
    }
    .tours {
        margin-bottom: 76px;
    }
    .tour__pic, .tour__info {
        -ms-grid-column-span: 2;
        grid-column: span 2;
    }
    .tour__pic {
        margin-bottom: 12px;
    }
    .tour__pic_mob-first {
        -ms-grid-row: -1;
            grid-row-start: -1;
    }
    .tours__tour {
        margin-bottom: 50px;
    }
    .top {
        margin-bottom: 76px;
    }
    .top__card {
        -ms-grid-column-span: 6;
        grid-column: span 6;
    }
    .top__card-stats {
        max-width: 386px;
    }
    .top__card-desc {
        margin-bottom: 15px;
    }
    .footer__logo {
        width: 100%;
        margin-bottom: 24px;
    }
    .footer__nav {
        width: 100%;
    }
    .footerm__menu {
        width: 50%;
        margin-bottom: 24px;
    }
}

@media screen and (max-width: 500px) {
    .header__nav {
        padding: 75px 30px;
    }
}



/* Media end */