@charset "UTF-8";

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

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:after,
blockquote:before {
    content: '';
    content: none
}

q:after,
q:before {
    content: '';
    content: none
}

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

@font-face {
    font-family: GothamProRegular;
    src: url(/assets/fonts/GothamProRegular/GothamProRegular.eot);
    src: url(/assets/fonts/GothamProRegular/GothamProRegular.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/GothamProRegular/GothamProRegular.woff) format("woff"), url(/assets/fonts/GothamProRegular/GothamProRegular.ttf) format("truetype");
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: GothamProBold;
    src: url(/assets/fonts/GothamProBold/GothamProBold.eot);
    src: url(/assets/fonts/GothamProBold/GothamProBold.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/GothamProBold/GothamProBold.woff) format("woff"), url(/assets/fonts/GothamProBold/GothamProBold.ttf) format("truetype");
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: GothamProBlack;
    src: url(/assets/fonts/GothamProBlack/GothamProBlack.eot);
    src: url(/assets/fonts/GothamProBlack/GothamProBlack.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/GothamProBlack/GothamProBlack.woff) format("woff"), url(/assets/fonts/GothamProBlack/GothamProBlack.ttf) format("truetype");
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: GothamProItalic;
    src: url(/assets/fonts/GothamProItalic/GothamProItalic.eot);
    src: url(/assets/fonts/GothamProItalic/GothamProItalic.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/GothamProItalic/GothamProItalic.woff) format("woff"), url(/assets/fonts/GothamProItalic/GothamProItalic.ttf) format("truetype");
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: GothamProMedium;
    src: url(/assets/fonts/GothamProMedium/GothamProMedium.eot);
    src: url(/assets/fonts/GothamProMedium/GothamProMedium.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/GothamProMedium/GothamProMedium.woff) format("woff"), url(/assets/fonts/GothamProMedium/GothamProMedium.ttf) format("truetype");
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: GothamProLight;
    src: url(/assets/fonts/GothamProLight/GothamProLight.eot);
    src: url(/assets/fonts/GothamProLight/GothamProLight.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/GothamProLight/GothamProLight.woff) format("woff"), url(/assets/fonts/GothamProLight/GothamProLight.ttf) format("truetype");
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: "Ionicons";
    src: url("../fonts/ionicons/ionicons.eot?v=2.0.0");
    src: url("../fonts/ionicons/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"), url("../fonts/ionicons/ionicons.ttf?v=2.0.0") format("truetype"), url("../fonts/ionicons/ionicons.woff?v=2.0.0") format("woff"), url("../fonts/ionicons/ionicons.svg?v=2.0.0#Ionicons") format("svg");
    font-weight: normal;
    font-style: normal
}

.ion,
.ion-alert-circled:before,
.ion-alert:before,
.ion-android-add-circle:before,
.ion-android-add:before,
.ion-android-alarm-clock:before,
.ion-android-alert:before,
.ion-android-apps:before,
.ion-android-archive:before,
.ion-android-arrow-back:before,
.ion-android-arrow-down:before,
.ion-android-arrow-dropdown-circle:before,
.ion-android-arrow-dropdown:before,
.ion-android-arrow-dropleft-circle:before,
.ion-android-arrow-dropleft:before,
.ion-android-arrow-dropright-circle:before,
.ion-android-arrow-dropright:before,
.ion-android-arrow-dropup-circle:before,
.ion-android-arrow-dropup:before,
.ion-android-arrow-forward:before,
.ion-android-arrow-up:before,
.ion-android-attach:before,
.ion-android-bar:before,
.ion-android-bicycle:before,
.ion-android-boat:before,
.ion-android-bookmark:before,
.ion-android-bulb:before,
.ion-android-bus:before,
.ion-android-calendar:before,
.ion-android-call:before,
.ion-android-camera:before,
.ion-android-cancel:before,
.ion-android-car:before,
.ion-android-cart:before,
.ion-android-chat:before,
.ion-android-checkbox-blank:before,
.ion-android-checkbox-outline-blank:before,
.ion-android-checkbox-outline:before,
.ion-android-checkbox:before,
.ion-android-checkmark-circle:before,
.ion-android-clipboard:before,
.ion-android-close:before,
.ion-android-cloud-circle:before,
.ion-android-cloud-done:before,
.ion-android-cloud-outline:before,
.ion-android-cloud:before,
.ion-android-color-palette:before,
.ion-android-compass:before,
.ion-android-contact:before,
.ion-android-contacts:before,
.ion-android-contract:before,
.ion-android-create:before,
.ion-android-delete:before,
.ion-android-desktop:before,
.ion-android-document:before,
.ion-android-done-all:before,
.ion-android-done:before,
.ion-android-download:before,
.ion-android-drafts:before,
.ion-android-exit:before,
.ion-android-expand:before,
.ion-android-favorite-outline:before,
.ion-android-favorite:before,
.ion-android-film:before,
.ion-android-folder-open:before,
.ion-android-folder:before,
.ion-android-funnel:before,
.ion-android-globe:before,
.ion-android-hand:before,
.ion-android-hangout:before,
.ion-android-happy:before,
.ion-android-home:before,
.ion-android-image:before,
.ion-android-laptop:before,
.ion-android-list:before,
.ion-android-locate:before,
.ion-android-lock:before,
.ion-android-mail:before,
.ion-android-map:before,
.ion-android-menu:before,
.ion-android-microphone-off:before,
.ion-android-microphone:before,
.ion-android-more-horizontal:before,
.ion-android-more-vertical:before,
.ion-android-navigate:before,
.ion-android-notifications-none:before,
.ion-android-notifications-off:before,
.ion-android-notifications:before,
.ion-android-open:before,
.ion-android-options:before,
.ion-android-people:before,
.ion-android-person-add:before,
.ion-android-person:before,
.ion-android-phone-landscape:before,
.ion-android-phone-portrait:before,
.ion-android-pin:before,
.ion-android-plane:before,
.ion-android-playstore:before,
.ion-android-print:before,
.ion-android-radio-button-off:before,
.ion-android-radio-button-on:before,
.ion-android-refresh:before,
.ion-android-remove-circle:before,
.ion-android-remove:before,
.ion-android-restaurant:before,
.ion-android-sad:before,
.ion-android-search:before,
.ion-android-send:before,
.ion-android-settings:before,
.ion-android-share-alt:before,
.ion-android-share:before,
.ion-android-star-half:before,
.ion-android-star-outline:before,
.ion-android-star:before,
.ion-android-stopwatch:before,
.ion-android-subway:before,
.ion-android-sunny:before,
.ion-android-sync:before,
.ion-android-textsms:before,
.ion-android-time:before,
.ion-android-train:before,
.ion-android-unlock:before,
.ion-android-upload:before,
.ion-android-volume-down:before,
.ion-android-volume-mute:before,
.ion-android-volume-off:before,
.ion-android-volume-up:before,
.ion-android-walk:before,
.ion-android-warning:before,
.ion-android-watch:before,
.ion-android-wifi:before,
.ion-aperture:before,
.ion-archive:before,
.ion-arrow-down-a:before,
.ion-arrow-down-b:before,
.ion-arrow-down-c:before,
.ion-arrow-expand:before,
.ion-arrow-graph-down-left:before,
.ion-arrow-graph-down-right:before,
.ion-arrow-graph-up-left:before,
.ion-arrow-graph-up-right:before,
.ion-arrow-left-a:before,
.ion-arrow-left-b:before,
.ion-arrow-left-c:before,
.ion-arrow-move:before,
.ion-arrow-resize:before,
.ion-arrow-return-left:before,
.ion-arrow-return-right:before,
.ion-arrow-right-a:before,
.ion-arrow-right-b:before,
.ion-arrow-right-c:before,
.ion-arrow-shrink:before,
.ion-arrow-swap:before,
.ion-arrow-up-a:before,
.ion-arrow-up-b:before,
.ion-arrow-up-c:before,
.ion-asterisk:before,
.ion-at:before,
.ion-backspace-outline:before,
.ion-backspace:before,
.ion-bag:before,
.ion-battery-charging:before,
.ion-battery-empty:before,
.ion-battery-full:before,
.ion-battery-half:before,
.ion-battery-low:before,
.ion-beaker:before,
.ion-beer:before,
.ion-bluetooth:before,
.ion-bonfire:before,
.ion-bookmark:before,
.ion-bowtie:before,
.ion-briefcase:before,
.ion-bug:before,
.ion-calculator:before,
.ion-calendar:before,
.ion-camera:before,
.ion-card:before,
.ion-cash:before,
.ion-chatbox-working:before,
.ion-chatbox:before,
.ion-chatboxes:before,
.ion-chatbubble-working:before,
.ion-chatbubble:before,
.ion-chatbubbles:before,
.ion-checkmark-circled:before,
.ion-checkmark-round:before,
.ion-checkmark:before,
.ion-chevron-down:before,
.ion-chevron-left:before,
.ion-chevron-right:before,
.ion-chevron-up:before,
.ion-clipboard:before,
.ion-clock:before,
.ion-close-circled:before,
.ion-close-round:before,
.ion-close:before,
.ion-closed-captioning:before,
.ion-cloud:before,
.ion-code-download:before,
.ion-code-working:before,
.ion-code:before,
.ion-coffee:before,
.ion-compass:before,
.ion-compose:before,
.ion-connection-bars:before,
.ion-contrast:before,
.ion-crop:before,
.ion-cube:before,
.ion-disc:before,
.ion-document-text:before,
.ion-document:before,
.ion-drag:before,
.ion-earth:before,
.ion-easel:before,
.ion-edit:before,
.ion-egg:before,
.ion-eject:before,
.ion-email-unread:before,
.ion-email:before,
.ion-erlenmeyer-flask-bubbles:before,
.ion-erlenmeyer-flask:before,
.ion-eye-disabled:before,
.ion-eye:before,
.ion-female:before,
.ion-filing:before,
.ion-film-marker:before,
.ion-fireball:before,
.ion-flag:before,
.ion-flame:before,
.ion-flash-off:before,
.ion-flash:before,
.ion-folder:before,
.ion-fork-repo:before,
.ion-fork:before,
.ion-forward:before,
.ion-funnel:before,
.ion-gear-a:before,
.ion-gear-b:before,
.ion-grid:before,
.ion-hammer:before,
.ion-happy-outline:before,
.ion-happy:before,
.ion-headphone:before,
.ion-heart-broken:before,
.ion-heart:before,
.ion-help-buoy:before,
.ion-help-circled:before,
.ion-help:before,
.ion-home:before,
.ion-icecream:before,
.ion-image:before,
.ion-images:before,
.ion-information-circled:before,
.ion-information:before,
.ion-ionic:before,
.ion-ios-alarm-outline:before,
.ion-ios-alarm:before,
.ion-ios-albums-outline:before,
.ion-ios-albums:before,
.ion-ios-americanfootball-outline:before,
.ion-ios-americanfootball:before,
.ion-ios-analytics-outline:before,
.ion-ios-analytics:before,
.ion-ios-arrow-back:before,
.ion-ios-arrow-down:before,
.ion-ios-arrow-forward:before,
.ion-ios-arrow-left:before,
.ion-ios-arrow-right:before,
.ion-ios-arrow-thin-down:before,
.ion-ios-arrow-thin-left:before,
.ion-ios-arrow-thin-right:before,
.ion-ios-arrow-thin-up:before,
.ion-ios-arrow-up:before,
.ion-ios-at-outline:before,
.ion-ios-at:before,
.ion-ios-barcode-outline:before,
.ion-ios-barcode:before,
.ion-ios-baseball-outline:before,
.ion-ios-baseball:before,
.ion-ios-basketball-outline:before,
.ion-ios-basketball:before,
.ion-ios-bell-outline:before,
.ion-ios-bell:before,
.ion-ios-body-outline:before,
.ion-ios-body:before,
.ion-ios-bolt-outline:before,
.ion-ios-bolt:before,
.ion-ios-book-outline:before,
.ion-ios-book:before,
.ion-ios-bookmarks-outline:before,
.ion-ios-bookmarks:before,
.ion-ios-box-outline:before,
.ion-ios-box:before,
.ion-ios-briefcase-outline:before,
.ion-ios-briefcase:before,
.ion-ios-browsers-outline:before,
.ion-ios-browsers:before,
.ion-ios-calculator-outline:before,
.ion-ios-calculator:before,
.ion-ios-calendar-outline:before,
.ion-ios-calendar:before,
.ion-ios-camera-outline:before,
.ion-ios-camera:before,
.ion-ios-cart-outline:before,
.ion-ios-cart:before,
.ion-ios-chatboxes-outline:before,
.ion-ios-chatboxes:before,
.ion-ios-chatbubble-outline:before,
.ion-ios-chatbubble:before,
.ion-ios-checkmark-empty:before,
.ion-ios-checkmark-outline:before,
.ion-ios-checkmark:before,
.ion-ios-circle-filled:before,
.ion-ios-circle-outline:before,
.ion-ios-clock-outline:before,
.ion-ios-clock:before,
.ion-ios-close-empty:before,
.ion-ios-close-outline:before,
.ion-ios-close:before,
.ion-ios-cloud-download-outline:before,
.ion-ios-cloud-download:before,
.ion-ios-cloud-outline:before,
.ion-ios-cloud-upload-outline:before,
.ion-ios-cloud-upload:before,
.ion-ios-cloud:before,
.ion-ios-cloudy-night-outline:before,
.ion-ios-cloudy-night:before,
.ion-ios-cloudy-outline:before,
.ion-ios-cloudy:before,
.ion-ios-cog-outline:before,
.ion-ios-cog:before,
.ion-ios-color-filter-outline:before,
.ion-ios-color-filter:before,
.ion-ios-color-wand-outline:before,
.ion-ios-color-wand:before,
.ion-ios-compose-outline:before,
.ion-ios-compose:before,
.ion-ios-contact-outline:before,
.ion-ios-contact:before,
.ion-ios-copy-outline:before,
.ion-ios-copy:before,
.ion-ios-crop-strong:before,
.ion-ios-crop:before,
.ion-ios-download-outline:before,
.ion-ios-download:before,
.ion-ios-drag:before,
.ion-ios-email-outline:before,
.ion-ios-email:before,
.ion-ios-eye-outline:before,
.ion-ios-eye:before,
.ion-ios-fastforward-outline:before,
.ion-ios-fastforward:before,
.ion-ios-filing-outline:before,
.ion-ios-filing:before,
.ion-ios-film-outline:before,
.ion-ios-film:before,
.ion-ios-flag-outline:before,
.ion-ios-flag:before,
.ion-ios-flame-outline:before,
.ion-ios-flame:before,
.ion-ios-flask-outline:before,
.ion-ios-flask:before,
.ion-ios-flower-outline:before,
.ion-ios-flower:before,
.ion-ios-folder-outline:before,
.ion-ios-folder:before,
.ion-ios-football-outline:before,
.ion-ios-football:before,
.ion-ios-game-controller-a-outline:before,
.ion-ios-game-controller-a:before,
.ion-ios-game-controller-b-outline:before,
.ion-ios-game-controller-b:before,
.ion-ios-gear-outline:before,
.ion-ios-gear:before,
.ion-ios-glasses-outline:before,
.ion-ios-glasses:before,
.ion-ios-grid-view-outline:before,
.ion-ios-grid-view:before,
.ion-ios-heart-outline:before,
.ion-ios-heart:before,
.ion-ios-help-empty:before,
.ion-ios-help-outline:before,
.ion-ios-help:before,
.ion-ios-home-outline:before,
.ion-ios-home:before,
.ion-ios-infinite-outline:before,
.ion-ios-infinite:before,
.ion-ios-information-empty:before,
.ion-ios-information-outline:before,
.ion-ios-information:before,
.ion-ios-ionic-outline:before,
.ion-ios-keypad-outline:before,
.ion-ios-keypad:before,
.ion-ios-lightbulb-outline:before,
.ion-ios-lightbulb:before,
.ion-ios-list-outline:before,
.ion-ios-list:before,
.ion-ios-location-outline:before,
.ion-ios-location:before,
.ion-ios-locked-outline:before,
.ion-ios-locked:before,
.ion-ios-loop-strong:before,
.ion-ios-loop:before,
.ion-ios-medical-outline:before,
.ion-ios-medical:before,
.ion-ios-medkit-outline:before,
.ion-ios-medkit:before,
.ion-ios-mic-off:before,
.ion-ios-mic-outline:before,
.ion-ios-mic:before,
.ion-ios-minus-empty:before,
.ion-ios-minus-outline:before,
.ion-ios-minus:before,
.ion-ios-monitor-outline:before,
.ion-ios-monitor:before,
.ion-ios-moon-outline:before,
.ion-ios-moon:before,
.ion-ios-more-outline:before,
.ion-ios-more:before,
.ion-ios-musical-note:before,
.ion-ios-musical-notes:before,
.ion-ios-navigate-outline:before,
.ion-ios-navigate:before,
.ion-ios-nutrition-outline:before,
.ion-ios-nutrition:before,
.ion-ios-paper-outline:before,
.ion-ios-paper:before,
.ion-ios-paperplane-outline:before,
.ion-ios-paperplane:before,
.ion-ios-partlysunny-outline:before,
.ion-ios-partlysunny:before,
.ion-ios-pause-outline:before,
.ion-ios-pause:before,
.ion-ios-paw-outline:before,
.ion-ios-paw:before,
.ion-ios-people-outline:before,
.ion-ios-people:before,
.ion-ios-person-outline:before,
.ion-ios-person:before,
.ion-ios-personadd-outline:before,
.ion-ios-personadd:before,
.ion-ios-photos-outline:before,
.ion-ios-photos:before,
.ion-ios-pie-outline:before,
.ion-ios-pie:before,
.ion-ios-pint-outline:before,
.ion-ios-pint:before,
.ion-ios-play-outline:before,
.ion-ios-play:before,
.ion-ios-plus-empty:before,
.ion-ios-plus-outline:before,
.ion-ios-plus:before,
.ion-ios-pricetag-outline:before,
.ion-ios-pricetag:before,
.ion-ios-pricetags-outline:before,
.ion-ios-pricetags:before,
.ion-ios-printer-outline:before,
.ion-ios-printer:before,
.ion-ios-pulse-strong:before,
.ion-ios-pulse:before,
.ion-ios-rainy-outline:before,
.ion-ios-rainy:before,
.ion-ios-recording-outline:before,
.ion-ios-recording:before,
.ion-ios-redo-outline:before,
.ion-ios-redo:before,
.ion-ios-refresh-empty:before,
.ion-ios-refresh-outline:before,
.ion-ios-refresh:before,
.ion-ios-reload:before,
.ion-ios-reverse-camera-outline:before,
.ion-ios-reverse-camera:before,
.ion-ios-rewind-outline:before,
.ion-ios-rewind:before,
.ion-ios-rose-outline:before,
.ion-ios-rose:before,
.ion-ios-search-strong:before,
.ion-ios-search:before,
.ion-ios-settings-strong:before,
.ion-ios-settings:before,
.ion-ios-shuffle-strong:before,
.ion-ios-shuffle:before,
.ion-ios-skipbackward-outline:before,
.ion-ios-skipbackward:before,
.ion-ios-skipforward-outline:before,
.ion-ios-skipforward:before,
.ion-ios-snowy:before,
.ion-ios-speedometer-outline:before,
.ion-ios-speedometer:before,
.ion-ios-star-half:before,
.ion-ios-star-outline:before,
.ion-ios-star:before,
.ion-ios-stopwatch-outline:before,
.ion-ios-stopwatch:before,
.ion-ios-sunny-outline:before,
.ion-ios-sunny:before,
.ion-ios-telephone-outline:before,
.ion-ios-telephone:before,
.ion-ios-tennisball-outline:before,
.ion-ios-tennisball:before,
.ion-ios-thunderstorm-outline:before,
.ion-ios-thunderstorm:before,
.ion-ios-time-outline:before,
.ion-ios-time:before,
.ion-ios-timer-outline:before,
.ion-ios-timer:before,
.ion-ios-toggle-outline:before,
.ion-ios-toggle:before,
.ion-ios-trash-outline:before,
.ion-ios-trash:before,
.ion-ios-undo-outline:before,
.ion-ios-undo:before,
.ion-ios-unlocked-outline:before,
.ion-ios-unlocked:before,
.ion-ios-upload-outline:before,
.ion-ios-upload:before,
.ion-ios-videocam-outline:before,
.ion-ios-videocam:before,
.ion-ios-volume-high:before,
.ion-ios-volume-low:before,
.ion-ios-wineglass-outline:before,
.ion-ios-wineglass:before,
.ion-ios-world-outline:before,
.ion-ios-world:before,
.ion-ipad:before,
.ion-iphone:before,
.ion-ipod:before,
.ion-jet:before,
.ion-key:before,
.ion-knife:before,
.ion-laptop:before,
.ion-leaf:before,
.ion-levels:before,
.ion-lightbulb:before,
.ion-link:before,
.ion-load-a:before,
.ion-load-b:before,
.ion-load-c:before,
.ion-load-d:before,
.ion-location:before,
.ion-lock-combination:before,
.ion-locked:before,
.ion-log-in:before,
.ion-log-out:before,
.ion-loop:before,
.ion-magnet:before,
.ion-male:before,
.ion-man:before,
.ion-map:before,
.ion-medkit:before,
.ion-merge:before,
.ion-mic-a:before,
.ion-mic-b:before,
.ion-mic-c:before,
.ion-minus-circled:before,
.ion-minus-round:before,
.ion-minus:before,
.ion-model-s:before,
.ion-monitor:before,
.ion-more:before,
.ion-mouse:before,
.ion-music-note:before,
.ion-navicon-round:before,
.ion-navicon:before,
.ion-navigate:before,
.ion-network:before,
.ion-no-smoking:before,
.ion-nuclear:before,
.ion-outlet:before,
.ion-paintbrush:before,
.ion-paintbucket:before,
.ion-paper-airplane:before,
.ion-paperclip:before,
.ion-pause:before,
.ion-person-add:before,
.ion-person-stalker:before,
.ion-person:before,
.ion-pie-graph:before,
.ion-pin:before,
.ion-pinpoint:before,
.ion-pizza:before,
.ion-plane:before,
.ion-planet:before,
.ion-play:before,
.ion-playstation:before,
.ion-plus-circled:before,
.ion-plus-round:before,
.ion-plus:before,
.ion-podium:before,
.ion-pound:before,
.ion-power:before,
.ion-pricetag:before,
.ion-pricetags:before,
.ion-printer:before,
.ion-pull-request:before,
.ion-qr-scanner:before,
.ion-quote:before,
.ion-radio-waves:before,
.ion-record:before,
.ion-refresh:before,
.ion-reply-all:before,
.ion-reply:before,
.ion-ribbon-a:before,
.ion-ribbon-b:before,
.ion-sad-outline:before,
.ion-sad:before,
.ion-scissors:before,
.ion-search:before,
.ion-settings:before,
.ion-share:before,
.ion-shuffle:before,
.ion-skip-backward:before,
.ion-skip-forward:before,
.ion-social-android-outline:before,
.ion-social-android:before,
.ion-social-angular-outline:before,
.ion-social-angular:before,
.ion-social-apple-outline:before,
.ion-social-apple:before,
.ion-social-bitcoin-outline:before,
.ion-social-bitcoin:before,
.ion-social-buffer-outline:before,
.ion-social-buffer:before,
.ion-social-chrome-outline:before,
.ion-social-chrome:before,
.ion-social-codepen-outline:before,
.ion-social-codepen:before,
.ion-social-css3-outline:before,
.ion-social-css3:before,
.ion-social-designernews-outline:before,
.ion-social-designernews:before,
.ion-social-dribbble-outline:before,
.ion-social-dribbble:before,
.ion-social-dropbox-outline:before,
.ion-social-dropbox:before,
.ion-social-euro-outline:before,
.ion-social-euro:before,
.ion-social-facebook-outline:before,
.ion-social-facebook:before,
.ion-social-foursquare-outline:before,
.ion-social-foursquare:before,
.ion-social-freebsd-devil:before,
.ion-social-github-outline:before,
.ion-social-github:before,
.ion-social-google-outline:before,
.ion-social-google:before,
.ion-social-googleplus-outline:before,
.ion-social-googleplus:before,
.ion-social-hackernews-outline:before,
.ion-social-hackernews:before,
.ion-social-html5-outline:before,
.ion-social-html5:before,
.ion-social-instagram-outline:before,
.ion-social-instagram:before,
.ion-social-javascript-outline:before,
.ion-social-javascript:before,
.ion-social-linkedin-outline:before,
.ion-social-linkedin:before,
.ion-social-markdown:before,
.ion-social-nodejs:before,
.ion-social-octocat:before,
.ion-social-pinterest-outline:before,
.ion-social-pinterest:before,
.ion-social-python:before,
.ion-social-reddit-outline:before,
.ion-social-reddit:before,
.ion-social-rss-outline:before,
.ion-social-rss:before,
.ion-social-sass:before,
.ion-social-skype-outline:before,
.ion-social-skype:before,
.ion-social-snapchat-outline:before,
.ion-social-snapchat:before,
.ion-social-tumblr-outline:before,
.ion-social-tumblr:before,
.ion-social-tux:before,
.ion-social-twitch-outline:before,
.ion-social-twitch:before,
.ion-social-twitter-outline:before,
.ion-social-twitter:before,
.ion-social-usd-outline:before,
.ion-social-usd:before,
.ion-social-vimeo-outline:before,
.ion-social-vimeo:before,
.ion-social-whatsapp-outline:before,
.ion-social-whatsapp:before,
.ion-social-windows-outline:before,
.ion-social-windows:before,
.ion-social-wordpress-outline:before,
.ion-social-wordpress:before,
.ion-social-yahoo-outline:before,
.ion-social-yahoo:before,
.ion-social-yen-outline:before,
.ion-social-yen:before,
.ion-social-youtube-outline:before,
.ion-social-youtube:before,
.ion-soup-can-outline:before,
.ion-soup-can:before,
.ion-speakerphone:before,
.ion-speedometer:before,
.ion-spoon:before,
.ion-star:before,
.ion-stats-bars:before,
.ion-steam:before,
.ion-stop:before,
.ion-thermometer:before,
.ion-thumbsdown:before,
.ion-thumbsup:before,
.ion-toggle-filled:before,
.ion-toggle:before,
.ion-transgender:before,
.ion-trash-a:before,
.ion-trash-b:before,
.ion-trophy:before,
.ion-tshirt-outline:before,
.ion-tshirt:before,
.ion-umbrella:before,
.ion-university:before,
.ion-unlocked:before,
.ion-upload:before,
.ion-usb:before,
.ion-videocamera:before,
.ion-volume-high:before,
.ion-volume-low:before,
.ion-volume-medium:before,
.ion-volume-mute:before,
.ion-wand:before,
.ion-waterdrop:before,
.ion-wifi:before,
.ion-wineglass:before,
.ion-woman:before,
.ion-wrench:before,
.ion-xbox:before,
.ionicons {
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ion-alert:before {
    content: ""
}

.ion-alert-circled:before {
    content: ""
}

.ion-android-add:before {
    content: ""
}

.ion-android-add-circle:before {
    content: ""
}

.ion-android-alarm-clock:before {
    content: ""
}

.ion-android-alert:before {
    content: ""
}

.ion-android-apps:before {
    content: ""
}

.ion-android-archive:before {
    content: ""
}

.ion-android-arrow-back:before {
    content: ""
}

.ion-android-arrow-down:before {
    content: ""
}

.ion-android-arrow-dropdown:before {
    content: ""
}

.ion-android-arrow-dropdown-circle:before {
    content: ""
}

.ion-android-arrow-dropleft:before {
    content: ""
}

.ion-android-arrow-dropleft-circle:before {
    content: ""
}

.ion-android-arrow-dropright:before {
    content: ""
}

.ion-android-arrow-dropright-circle:before {
    content: ""
}

.ion-android-arrow-dropup:before {
    content: ""
}

.ion-android-arrow-dropup-circle:before {
    content: ""
}

.ion-android-arrow-forward:before {
    content: ""
}

.ion-android-arrow-up:before {
    content: ""
}

.ion-android-attach:before {
    content: ""
}

.ion-android-bar:before {
    content: ""
}

.ion-android-bicycle:before {
    content: ""
}

.ion-android-boat:before {
    content: ""
}

.ion-android-bookmark:before {
    content: ""
}

.ion-android-bulb:before {
    content: ""
}

.ion-android-bus:before {
    content: ""
}

.ion-android-calendar:before {
    content: ""
}

.ion-android-call:before {
    content: ""
}

.ion-android-camera:before {
    content: ""
}

.ion-android-cancel:before {
    content: ""
}

.ion-android-car:before {
    content: ""
}

.ion-android-cart:before {
    content: ""
}

.ion-android-chat:before {
    content: ""
}

.ion-android-checkbox:before {
    content: ""
}

.ion-android-checkbox-blank:before {
    content: ""
}

.ion-android-checkbox-outline:before {
    content: ""
}

.ion-android-checkbox-outline-blank:before {
    content: ""
}

.ion-android-checkmark-circle:before {
    content: ""
}

.ion-android-clipboard:before {
    content: ""
}

.ion-android-close:before {
    content: ""
}

.ion-android-cloud:before {
    content: ""
}

.ion-android-cloud-circle:before {
    content: ""
}

.ion-android-cloud-done:before {
    content: ""
}

.ion-android-cloud-outline:before {
    content: ""
}

.ion-android-color-palette:before {
    content: ""
}

.ion-android-compass:before {
    content: ""
}

.ion-android-contact:before {
    content: ""
}

.ion-android-contacts:before {
    content: ""
}

.ion-android-contract:before {
    content: ""
}

.ion-android-create:before {
    content: ""
}

.ion-android-delete:before {
    content: ""
}

.ion-android-desktop:before {
    content: ""
}

.ion-android-document:before {
    content: ""
}

.ion-android-done:before {
    content: ""
}

.ion-android-done-all:before {
    content: ""
}

.ion-android-download:before {
    content: ""
}

.ion-android-drafts:before {
    content: ""
}

.ion-android-exit:before {
    content: ""
}

.ion-android-expand:before {
    content: ""
}

.ion-android-favorite:before {
    content: ""
}

.ion-android-favorite-outline:before {
    content: ""
}

.ion-android-film:before {
    content: ""
}

.ion-android-folder:before {
    content: ""
}

.ion-android-folder-open:before {
    content: ""
}

.ion-android-funnel:before {
    content: ""
}

.ion-android-globe:before {
    content: ""
}

.ion-android-hand:before {
    content: ""
}

.ion-android-hangout:before {
    content: ""
}

.ion-android-happy:before {
    content: ""
}

.ion-android-home:before {
    content: ""
}

.ion-android-image:before {
    content: ""
}

.ion-android-laptop:before {
    content: ""
}

.ion-android-list:before {
    content: ""
}

.ion-android-locate:before {
    content: ""
}

.ion-android-lock:before {
    content: ""
}

.ion-android-mail:before {
    content: ""
}

.ion-android-map:before {
    content: ""
}

.ion-android-menu:before {
    content: ""
}

.ion-android-microphone:before {
    content: ""
}

.ion-android-microphone-off:before {
    content: ""
}

.ion-android-more-horizontal:before {
    content: ""
}

.ion-android-more-vertical:before {
    content: ""
}

.ion-android-navigate:before {
    content: ""
}

.ion-android-notifications:before {
    content: ""
}

.ion-android-notifications-none:before {
    content: ""
}

.ion-android-notifications-off:before {
    content: ""
}

.ion-android-open:before {
    content: ""
}

.ion-android-options:before {
    content: ""
}

.ion-android-people:before {
    content: ""
}

.ion-android-person:before {
    content: ""
}

.ion-android-person-add:before {
    content: ""
}

.ion-android-phone-landscape:before {
    content: ""
}

.ion-android-phone-portrait:before {
    content: ""
}

.ion-android-pin:before {
    content: ""
}

.ion-android-plane:before {
    content: ""
}

.ion-android-playstore:before {
    content: ""
}

.ion-android-print:before {
    content: ""
}

.ion-android-radio-button-off:before {
    content: ""
}

.ion-android-radio-button-on:before {
    content: ""
}

.ion-android-refresh:before {
    content: ""
}

.ion-android-remove:before {
    content: ""
}

.ion-android-remove-circle:before {
    content: ""
}

.ion-android-restaurant:before {
    content: ""
}

.ion-android-sad:before {
    content: ""
}

.ion-android-search:before {
    content: ""
}

.ion-android-send:before {
    content: ""
}

.ion-android-settings:before {
    content: ""
}

.ion-android-share:before {
    content: ""
}

.ion-android-share-alt:before {
    content: ""
}

.ion-android-star:before {
    content: ""
}

.ion-android-star-half:before {
    content: ""
}

.ion-android-star-outline:before {
    content: ""
}

.ion-android-stopwatch:before {
    content: ""
}

.ion-android-subway:before {
    content: ""
}

.ion-android-sunny:before {
    content: ""
}

.ion-android-sync:before {
    content: ""
}

.ion-android-textsms:before {
    content: ""
}

.ion-android-time:before {
    content: ""
}

.ion-android-train:before {
    content: ""
}

.ion-android-unlock:before {
    content: ""
}

.ion-android-upload:before {
    content: ""
}

.ion-android-volume-down:before {
    content: ""
}

.ion-android-volume-mute:before {
    content: ""
}

.ion-android-volume-off:before {
    content: ""
}

.ion-android-volume-up:before {
    content: ""
}

.ion-android-walk:before {
    content: ""
}

.ion-android-warning:before {
    content: ""
}

.ion-android-watch:before {
    content: ""
}

.ion-android-wifi:before {
    content: ""
}

.ion-aperture:before {
    content: ""
}

.ion-archive:before {
    content: ""
}

.ion-arrow-down-a:before {
    content: ""
}

.ion-arrow-down-b:before {
    content: ""
}

.ion-arrow-down-c:before {
    content: ""
}

.ion-arrow-expand:before {
    content: ""
}

.ion-arrow-graph-down-left:before {
    content: ""
}

.ion-arrow-graph-down-right:before {
    content: ""
}

.ion-arrow-graph-up-left:before {
    content: ""
}

.ion-arrow-graph-up-right:before {
    content: ""
}

.ion-arrow-left-a:before {
    content: ""
}

.ion-arrow-left-b:before {
    content: ""
}

.ion-arrow-left-c:before {
    content: ""
}

.ion-arrow-move:before {
    content: ""
}

.ion-arrow-resize:before {
    content: ""
}

.ion-arrow-return-left:before {
    content: ""
}

.ion-arrow-return-right:before {
    content: ""
}

.ion-arrow-right-a:before {
    content: ""
}

.ion-arrow-right-b:before {
    content: ""
}

.ion-arrow-right-c:before {
    content: ""
}

.ion-arrow-shrink:before {
    content: ""
}

.ion-arrow-swap:before {
    content: ""
}

.ion-arrow-up-a:before {
    content: ""
}

.ion-arrow-up-b:before {
    content: ""
}

.ion-arrow-up-c:before {
    content: ""
}

.ion-asterisk:before {
    content: ""
}

.ion-at:before {
    content: ""
}

.ion-backspace:before {
    content: ""
}

.ion-backspace-outline:before {
    content: ""
}

.ion-bag:before {
    content: ""
}

.ion-battery-charging:before {
    content: ""
}

.ion-battery-empty:before {
    content: ""
}

.ion-battery-full:before {
    content: ""
}

.ion-battery-half:before {
    content: ""
}

.ion-battery-low:before {
    content: ""
}

.ion-beaker:before {
    content: ""
}

.ion-beer:before {
    content: ""
}

.ion-bluetooth:before {
    content: ""
}

.ion-bonfire:before {
    content: ""
}

.ion-bookmark:before {
    content: ""
}

.ion-bowtie:before {
    content: ""
}

.ion-briefcase:before {
    content: ""
}

.ion-bug:before {
    content: ""
}

.ion-calculator:before {
    content: ""
}

.ion-calendar:before {
    content: ""
}

.ion-camera:before {
    content: ""
}

.ion-card:before {
    content: ""
}

.ion-cash:before {
    content: ""
}

.ion-chatbox:before {
    content: ""
}

.ion-chatbox-working:before {
    content: ""
}

.ion-chatboxes:before {
    content: ""
}

.ion-chatbubble:before {
    content: ""
}

.ion-chatbubble-working:before {
    content: ""
}

.ion-chatbubbles:before {
    content: ""
}

.ion-checkmark:before {
    content: ""
}

.ion-checkmark-circled:before {
    content: ""
}

.ion-checkmark-round:before {
    content: ""
}

.ion-chevron-down:before {
    content: ""
}

.ion-chevron-left:before {
    content: ""
}

.ion-chevron-right:before {
    content: ""
}

.ion-chevron-up:before {
    content: ""
}

.ion-clipboard:before {
    content: ""
}

.ion-clock:before {
    content: ""
}

.ion-close:before {
    content: ""
}

.ion-close-circled:before {
    content: ""
}

.ion-close-round:before {
    content: ""
}

.ion-closed-captioning:before {
    content: ""
}

.ion-cloud:before {
    content: ""
}

.ion-code:before {
    content: ""
}

.ion-code-download:before {
    content: ""
}

.ion-code-working:before {
    content: ""
}

.ion-coffee:before {
    content: ""
}

.ion-compass:before {
    content: ""
}

.ion-compose:before {
    content: ""
}

.ion-connection-bars:before {
    content: ""
}

.ion-contrast:before {
    content: ""
}

.ion-crop:before {
    content: ""
}

.ion-cube:before {
    content: ""
}

.ion-disc:before {
    content: ""
}

.ion-document:before {
    content: ""
}

.ion-document-text:before {
    content: ""
}

.ion-drag:before {
    content: ""
}

.ion-earth:before {
    content: ""
}

.ion-easel:before {
    content: ""
}

.ion-edit:before {
    content: ""
}

.ion-egg:before {
    content: ""
}

.ion-eject:before {
    content: ""
}

.ion-email:before {
    content: ""
}

.ion-email-unread:before {
    content: ""
}

.ion-erlenmeyer-flask:before {
    content: ""
}

.ion-erlenmeyer-flask-bubbles:before {
    content: ""
}

.ion-eye:before {
    content: ""
}

.ion-eye-disabled:before {
    content: ""
}

.ion-female:before {
    content: ""
}

.ion-filing:before {
    content: ""
}

.ion-film-marker:before {
    content: ""
}

.ion-fireball:before {
    content: ""
}

.ion-flag:before {
    content: ""
}

.ion-flame:before {
    content: ""
}

.ion-flash:before {
    content: ""
}

.ion-flash-off:before {
    content: ""
}

.ion-folder:before {
    content: ""
}

.ion-fork:before {
    content: ""
}

.ion-fork-repo:before {
    content: ""
}

.ion-forward:before {
    content: ""
}

.ion-funnel:before {
    content: ""
}

.ion-gear-a:before {
    content: ""
}

.ion-gear-b:before {
    content: ""
}

.ion-grid:before {
    content: ""
}

.ion-hammer:before {
    content: ""
}

.ion-happy:before {
    content: ""
}

.ion-happy-outline:before {
    content: ""
}

.ion-headphone:before {
    content: ""
}

.ion-heart:before {
    content: ""
}

.ion-heart-broken:before {
    content: ""
}

.ion-help:before {
    content: ""
}

.ion-help-buoy:before {
    content: ""
}

.ion-help-circled:before {
    content: ""
}

.ion-home:before {
    content: ""
}

.ion-icecream:before {
    content: ""
}

.ion-image:before {
    content: ""
}

.ion-images:before {
    content: ""
}

.ion-information:before {
    content: ""
}

.ion-information-circled:before {
    content: ""
}

.ion-ionic:before {
    content: ""
}

.ion-ios-alarm:before {
    content: ""
}

.ion-ios-alarm-outline:before {
    content: ""
}

.ion-ios-albums:before {
    content: ""
}

.ion-ios-albums-outline:before {
    content: ""
}

.ion-ios-americanfootball:before {
    content: ""
}

.ion-ios-americanfootball-outline:before {
    content: ""
}

.ion-ios-analytics:before {
    content: ""
}

.ion-ios-analytics-outline:before {
    content: ""
}

.ion-ios-arrow-back:before {
    content: ""
}

.ion-ios-arrow-down:before {
    content: ""
}

.ion-ios-arrow-forward:before {
    content: ""
}

.ion-ios-arrow-left:before {
    content: ""
}

.ion-ios-arrow-right:before {
    content: ""
}

.ion-ios-arrow-thin-down:before {
    content: ""
}

.ion-ios-arrow-thin-left:before {
    content: ""
}

.ion-ios-arrow-thin-right:before {
    content: ""
}

.ion-ios-arrow-thin-up:before {
    content: ""
}

.ion-ios-arrow-up:before {
    content: ""
}

.ion-ios-at:before {
    content: ""
}

.ion-ios-at-outline:before {
    content: ""
}

.ion-ios-barcode:before {
    content: ""
}

.ion-ios-barcode-outline:before {
    content: ""
}

.ion-ios-baseball:before {
    content: ""
}

.ion-ios-baseball-outline:before {
    content: ""
}

.ion-ios-basketball:before {
    content: ""
}

.ion-ios-basketball-outline:before {
    content: ""
}

.ion-ios-bell:before {
    content: ""
}

.ion-ios-bell-outline:before {
    content: ""
}

.ion-ios-body:before {
    content: ""
}

.ion-ios-body-outline:before {
    content: ""
}

.ion-ios-bolt:before {
    content: ""
}

.ion-ios-bolt-outline:before {
    content: ""
}

.ion-ios-book:before {
    content: ""
}

.ion-ios-book-outline:before {
    content: ""
}

.ion-ios-bookmarks:before {
    content: ""
}

.ion-ios-bookmarks-outline:before {
    content: ""
}

.ion-ios-box:before {
    content: ""
}

.ion-ios-box-outline:before {
    content: ""
}

.ion-ios-briefcase:before {
    content: ""
}

.ion-ios-briefcase-outline:before {
    content: ""
}

.ion-ios-browsers:before {
    content: ""
}

.ion-ios-browsers-outline:before {
    content: ""
}

.ion-ios-calculator:before {
    content: ""
}

.ion-ios-calculator-outline:before {
    content: ""
}

.ion-ios-calendar:before {
    content: ""
}

.ion-ios-calendar-outline:before {
    content: ""
}

.ion-ios-camera:before {
    content: ""
}

.ion-ios-camera-outline:before {
    content: ""
}

.ion-ios-cart:before {
    content: ""
}

.ion-ios-cart-outline:before {
    content: ""
}

.ion-ios-chatboxes:before {
    content: ""
}

.ion-ios-chatboxes-outline:before {
    content: ""
}

.ion-ios-chatbubble:before {
    content: ""
}

.ion-ios-chatbubble-outline:before {
    content: ""
}

.ion-ios-checkmark:before {
    content: ""
}

.ion-ios-checkmark-empty:before {
    content: ""
}

.ion-ios-checkmark-outline:before {
    content: ""
}

.ion-ios-circle-filled:before {
    content: ""
}

.ion-ios-circle-outline:before {
    content: ""
}

.ion-ios-clock:before {
    content: ""
}

.ion-ios-clock-outline:before {
    content: ""
}

.ion-ios-close:before {
    content: ""
}

.ion-ios-close-empty:before {
    content: ""
}

.ion-ios-close-outline:before {
    content: ""
}

.ion-ios-cloud:before {
    content: ""
}

.ion-ios-cloud-download:before {
    content: ""
}

.ion-ios-cloud-download-outline:before {
    content: ""
}

.ion-ios-cloud-outline:before {
    content: ""
}

.ion-ios-cloud-upload:before {
    content: ""
}

.ion-ios-cloud-upload-outline:before {
    content: ""
}

.ion-ios-cloudy:before {
    content: ""
}

.ion-ios-cloudy-night:before {
    content: ""
}

.ion-ios-cloudy-night-outline:before {
    content: ""
}

.ion-ios-cloudy-outline:before {
    content: ""
}

.ion-ios-cog:before {
    content: ""
}

.ion-ios-cog-outline:before {
    content: ""
}

.ion-ios-color-filter:before {
    content: ""
}

.ion-ios-color-filter-outline:before {
    content: ""
}

.ion-ios-color-wand:before {
    content: ""
}

.ion-ios-color-wand-outline:before {
    content: ""
}

.ion-ios-compose:before {
    content: ""
}

.ion-ios-compose-outline:before {
    content: ""
}

.ion-ios-contact:before {
    content: ""
}

.ion-ios-contact-outline:before {
    content: ""
}

.ion-ios-copy:before {
    content: ""
}

.ion-ios-copy-outline:before {
    content: ""
}

.ion-ios-crop:before {
    content: ""
}

.ion-ios-crop-strong:before {
    content: ""
}

.ion-ios-download:before {
    content: ""
}

.ion-ios-download-outline:before {
    content: ""
}

.ion-ios-drag:before {
    content: ""
}

.ion-ios-email:before {
    content: ""
}

.ion-ios-email-outline:before {
    content: ""
}

.ion-ios-eye:before {
    content: ""
}

.ion-ios-eye-outline:before {
    content: ""
}

.ion-ios-fastforward:before {
    content: ""
}

.ion-ios-fastforward-outline:before {
    content: ""
}

.ion-ios-filing:before {
    content: ""
}

.ion-ios-filing-outline:before {
    content: ""
}

.ion-ios-film:before {
    content: ""
}

.ion-ios-film-outline:before {
    content: ""
}

.ion-ios-flag:before {
    content: ""
}

.ion-ios-flag-outline:before {
    content: ""
}

.ion-ios-flame:before {
    content: ""
}

.ion-ios-flame-outline:before {
    content: ""
}

.ion-ios-flask:before {
    content: ""
}

.ion-ios-flask-outline:before {
    content: ""
}

.ion-ios-flower:before {
    content: ""
}

.ion-ios-flower-outline:before {
    content: ""
}

.ion-ios-folder:before {
    content: ""
}

.ion-ios-folder-outline:before {
    content: ""
}

.ion-ios-football:before {
    content: ""
}

.ion-ios-football-outline:before {
    content: ""
}

.ion-ios-game-controller-a:before {
    content: ""
}

.ion-ios-game-controller-a-outline:before {
    content: ""
}

.ion-ios-game-controller-b:before {
    content: ""
}

.ion-ios-game-controller-b-outline:before {
    content: ""
}

.ion-ios-gear:before {
    content: ""
}

.ion-ios-gear-outline:before {
    content: ""
}

.ion-ios-glasses:before {
    content: ""
}

.ion-ios-glasses-outline:before {
    content: ""
}

.ion-ios-grid-view:before {
    content: ""
}

.ion-ios-grid-view-outline:before {
    content: ""
}

.ion-ios-heart:before {
    content: ""
}

.ion-ios-heart-outline:before {
    content: ""
}

.ion-ios-help:before {
    content: ""
}

.ion-ios-help-empty:before {
    content: ""
}

.ion-ios-help-outline:before {
    content: ""
}

.ion-ios-home:before {
    content: ""
}

.ion-ios-home-outline:before {
    content: ""
}

.ion-ios-infinite:before {
    content: ""
}

.ion-ios-infinite-outline:before {
    content: ""
}

.ion-ios-information:before {
    content: ""
}

.ion-ios-information-empty:before {
    content: ""
}

.ion-ios-information-outline:before {
    content: ""
}

.ion-ios-ionic-outline:before {
    content: ""
}

.ion-ios-keypad:before {
    content: ""
}

.ion-ios-keypad-outline:before {
    content: ""
}

.ion-ios-lightbulb:before {
    content: ""
}

.ion-ios-lightbulb-outline:before {
    content: ""
}

.ion-ios-list:before {
    content: ""
}

.ion-ios-list-outline:before {
    content: ""
}

.ion-ios-location:before {
    content: ""
}

.ion-ios-location-outline:before {
    content: ""
}

.ion-ios-locked:before {
    content: ""
}

.ion-ios-locked-outline:before {
    content: ""
}

.ion-ios-loop:before {
    content: ""
}

.ion-ios-loop-strong:before {
    content: ""
}

.ion-ios-medical:before {
    content: ""
}

.ion-ios-medical-outline:before {
    content: ""
}

.ion-ios-medkit:before {
    content: ""
}

.ion-ios-medkit-outline:before {
    content: ""
}

.ion-ios-mic:before {
    content: ""
}

.ion-ios-mic-off:before {
    content: ""
}

.ion-ios-mic-outline:before {
    content: ""
}

.ion-ios-minus:before {
    content: ""
}

.ion-ios-minus-empty:before {
    content: ""
}

.ion-ios-minus-outline:before {
    content: ""
}

.ion-ios-monitor:before {
    content: ""
}

.ion-ios-monitor-outline:before {
    content: ""
}

.ion-ios-moon:before {
    content: ""
}

.ion-ios-moon-outline:before {
    content: ""
}

.ion-ios-more:before {
    content: ""
}

.ion-ios-more-outline:before {
    content: ""
}

.ion-ios-musical-note:before {
    content: ""
}

.ion-ios-musical-notes:before {
    content: ""
}

.ion-ios-navigate:before {
    content: ""
}

.ion-ios-navigate-outline:before {
    content: ""
}

.ion-ios-nutrition:before {
    content: ""
}

.ion-ios-nutrition-outline:before {
    content: ""
}

.ion-ios-paper:before {
    content: ""
}

.ion-ios-paper-outline:before {
    content: ""
}

.ion-ios-paperplane:before {
    content: ""
}

.ion-ios-paperplane-outline:before {
    content: ""
}

.ion-ios-partlysunny:before {
    content: ""
}

.ion-ios-partlysunny-outline:before {
    content: ""
}

.ion-ios-pause:before {
    content: ""
}

.ion-ios-pause-outline:before {
    content: ""
}

.ion-ios-paw:before {
    content: ""
}

.ion-ios-paw-outline:before {
    content: ""
}

.ion-ios-people:before {
    content: ""
}

.ion-ios-people-outline:before {
    content: ""
}

.ion-ios-person:before {
    content: ""
}

.ion-ios-person-outline:before {
    content: ""
}

.ion-ios-personadd:before {
    content: ""
}

.ion-ios-personadd-outline:before {
    content: ""
}

.ion-ios-photos:before {
    content: ""
}

.ion-ios-photos-outline:before {
    content: ""
}

.ion-ios-pie:before {
    content: ""
}

.ion-ios-pie-outline:before {
    content: ""
}

.ion-ios-pint:before {
    content: ""
}

.ion-ios-pint-outline:before {
    content: ""
}

.ion-ios-play:before {
    content: ""
}

.ion-ios-play-outline:before {
    content: ""
}

.ion-ios-plus:before {
    content: ""
}

.ion-ios-plus-empty:before {
    content: ""
}

.ion-ios-plus-outline:before {
    content: ""
}

.ion-ios-pricetag:before {
    content: ""
}

.ion-ios-pricetag-outline:before {
    content: ""
}

.ion-ios-pricetags:before {
    content: ""
}

.ion-ios-pricetags-outline:before {
    content: ""
}

.ion-ios-printer:before {
    content: ""
}

.ion-ios-printer-outline:before {
    content: ""
}

.ion-ios-pulse:before {
    content: ""
}

.ion-ios-pulse-strong:before {
    content: ""
}

.ion-ios-rainy:before {
    content: ""
}

.ion-ios-rainy-outline:before {
    content: ""
}

.ion-ios-recording:before {
    content: ""
}

.ion-ios-recording-outline:before {
    content: ""
}

.ion-ios-redo:before {
    content: ""
}

.ion-ios-redo-outline:before {
    content: ""
}

.ion-ios-refresh:before {
    content: ""
}

.ion-ios-refresh-empty:before {
    content: ""
}

.ion-ios-refresh-outline:before {
    content: ""
}

.ion-ios-reload:before {
    content: ""
}

.ion-ios-reverse-camera:before {
    content: ""
}

.ion-ios-reverse-camera-outline:before {
    content: ""
}

.ion-ios-rewind:before {
    content: ""
}

.ion-ios-rewind-outline:before {
    content: ""
}

.ion-ios-rose:before {
    content: ""
}

.ion-ios-rose-outline:before {
    content: ""
}

.ion-ios-search:before {
    content: ""
}

.ion-ios-search-strong:before {
    content: ""
}

.ion-ios-settings:before {
    content: ""
}

.ion-ios-settings-strong:before {
    content: ""
}

.ion-ios-shuffle:before {
    content: ""
}

.ion-ios-shuffle-strong:before {
    content: ""
}

.ion-ios-skipbackward:before {
    content: ""
}

.ion-ios-skipbackward-outline:before {
    content: ""
}

.ion-ios-skipforward:before {
    content: ""
}

.ion-ios-skipforward-outline:before {
    content: ""
}

.ion-ios-snowy:before {
    content: ""
}

.ion-ios-speedometer:before {
    content: ""
}

.ion-ios-speedometer-outline:before {
    content: ""
}

.ion-ios-star:before {
    content: ""
}

.ion-ios-star-half:before {
    content: ""
}

.ion-ios-star-outline:before {
    content: ""
}

.ion-ios-stopwatch:before {
    content: ""
}

.ion-ios-stopwatch-outline:before {
    content: ""
}

.ion-ios-sunny:before {
    content: ""
}

.ion-ios-sunny-outline:before {
    content: ""
}

.ion-ios-telephone:before {
    content: ""
}

.ion-ios-telephone-outline:before {
    content: ""
}

.ion-ios-tennisball:before {
    content: ""
}

.ion-ios-tennisball-outline:before {
    content: ""
}

.ion-ios-thunderstorm:before {
    content: ""
}

.ion-ios-thunderstorm-outline:before {
    content: ""
}

.ion-ios-time:before {
    content: ""
}

.ion-ios-time-outline:before {
    content: ""
}

.ion-ios-timer:before {
    content: ""
}

.ion-ios-timer-outline:before {
    content: ""
}

.ion-ios-toggle:before {
    content: ""
}

.ion-ios-toggle-outline:before {
    content: ""
}

.ion-ios-trash:before {
    content: ""
}

.ion-ios-trash-outline:before {
    content: ""
}

.ion-ios-undo:before {
    content: ""
}

.ion-ios-undo-outline:before {
    content: ""
}

.ion-ios-unlocked:before {
    content: ""
}

.ion-ios-unlocked-outline:before {
    content: ""
}

.ion-ios-upload:before {
    content: ""
}

.ion-ios-upload-outline:before {
    content: ""
}

.ion-ios-videocam:before {
    content: ""
}

.ion-ios-videocam-outline:before {
    content: ""
}

.ion-ios-volume-high:before {
    content: ""
}

.ion-ios-volume-low:before {
    content: ""
}

.ion-ios-wineglass:before {
    content: ""
}

.ion-ios-wineglass-outline:before {
    content: ""
}

.ion-ios-world:before {
    content: ""
}

.ion-ios-world-outline:before {
    content: ""
}

.ion-ipad:before {
    content: ""
}

.ion-iphone:before {
    content: ""
}

.ion-ipod:before {
    content: ""
}

.ion-jet:before {
    content: ""
}

.ion-key:before {
    content: ""
}

.ion-knife:before {
    content: ""
}

.ion-laptop:before {
    content: ""
}

.ion-leaf:before {
    content: ""
}

.ion-levels:before {
    content: ""
}

.ion-lightbulb:before {
    content: ""
}

.ion-link:before {
    content: ""
}

.ion-load-a:before {
    content: ""
}

.ion-load-b:before {
    content: ""
}

.ion-load-c:before {
    content: ""
}

.ion-load-d:before {
    content: ""
}

.ion-location:before {
    content: ""
}

.ion-lock-combination:before {
    content: ""
}

.ion-locked:before {
    content: ""
}

.ion-log-in:before {
    content: ""
}

.ion-log-out:before {
    content: ""
}

.ion-loop:before {
    content: ""
}

.ion-magnet:before {
    content: ""
}

.ion-male:before {
    content: ""
}

.ion-man:before {
    content: ""
}

.ion-map:before {
    content: ""
}

.ion-medkit:before {
    content: ""
}

.ion-merge:before {
    content: ""
}

.ion-mic-a:before {
    content: ""
}

.ion-mic-b:before {
    content: ""
}

.ion-mic-c:before {
    content: ""
}

.ion-minus:before {
    content: ""
}

.ion-minus-circled:before {
    content: ""
}

.ion-minus-round:before {
    content: ""
}

.ion-model-s:before {
    content: ""
}

.ion-monitor:before {
    content: ""
}

.ion-more:before {
    content: ""
}

.ion-mouse:before {
    content: ""
}

.ion-music-note:before {
    content: ""
}

.ion-navicon:before {
    content: ""
}

.ion-navicon-round:before {
    content: ""
}

.ion-navigate:before {
    content: ""
}

.ion-network:before {
    content: ""
}

.ion-no-smoking:before {
    content: ""
}

.ion-nuclear:before {
    content: ""
}

.ion-outlet:before {
    content: ""
}

.ion-paintbrush:before {
    content: ""
}

.ion-paintbucket:before {
    content: ""
}

.ion-paper-airplane:before {
    content: ""
}

.ion-paperclip:before {
    content: ""
}

.ion-pause:before {
    content: ""
}

.ion-person:before {
    content: ""
}

.ion-person-add:before {
    content: ""
}

.ion-person-stalker:before {
    content: ""
}

.ion-pie-graph:before {
    content: ""
}

.ion-pin:before {
    content: ""
}

.ion-pinpoint:before {
    content: ""
}

.ion-pizza:before {
    content: ""
}

.ion-plane:before {
    content: ""
}

.ion-planet:before {
    content: ""
}

.ion-play:before {
    content: ""
}

.ion-playstation:before {
    content: ""
}

.ion-plus:before {
    content: ""
}

.ion-plus-circled:before {
    content: ""
}

.ion-plus-round:before {
    content: ""
}

.ion-podium:before {
    content: ""
}

.ion-pound:before {
    content: ""
}

.ion-power:before {
    content: ""
}

.ion-pricetag:before {
    content: ""
}

.ion-pricetags:before {
    content: ""
}

.ion-printer:before {
    content: ""
}

.ion-pull-request:before {
    content: ""
}

.ion-qr-scanner:before {
    content: ""
}

.ion-quote:before {
    content: ""
}

.ion-radio-waves:before {
    content: ""
}

.ion-record:before {
    content: ""
}

.ion-refresh:before {
    content: ""
}

.ion-reply:before {
    content: ""
}

.ion-reply-all:before {
    content: ""
}

.ion-ribbon-a:before {
    content: ""
}

.ion-ribbon-b:before {
    content: ""
}

.ion-sad:before {
    content: ""
}

.ion-sad-outline:before {
    content: ""
}

.ion-scissors:before {
    content: ""
}

.ion-search:before {
    content: ""
}

.ion-settings:before {
    content: ""
}

.ion-share:before {
    content: ""
}

.ion-shuffle:before {
    content: ""
}

.ion-skip-backward:before {
    content: ""
}

.ion-skip-forward:before {
    content: ""
}

.ion-social-android:before {
    content: ""
}

.ion-social-android-outline:before {
    content: ""
}

.ion-social-angular:before {
    content: ""
}

.ion-social-angular-outline:before {
    content: ""
}

.ion-social-apple:before {
    content: ""
}

.ion-social-apple-outline:before {
    content: ""
}

.ion-social-bitcoin:before {
    content: ""
}

.ion-social-bitcoin-outline:before {
    content: ""
}

.ion-social-buffer:before {
    content: ""
}

.ion-social-buffer-outline:before {
    content: ""
}

.ion-social-chrome:before {
    content: ""
}

.ion-social-chrome-outline:before {
    content: ""
}

.ion-social-codepen:before {
    content: ""
}

.ion-social-codepen-outline:before {
    content: ""
}

.ion-social-css3:before {
    content: ""
}

.ion-social-css3-outline:before {
    content: ""
}

.ion-social-designernews:before {
    content: ""
}

.ion-social-designernews-outline:before {
    content: ""
}

.ion-social-dribbble:before {
    content: ""
}

.ion-social-dribbble-outline:before {
    content: ""
}

.ion-social-dropbox:before {
    content: ""
}

.ion-social-dropbox-outline:before {
    content: ""
}

.ion-social-euro:before {
    content: ""
}

.ion-social-euro-outline:before {
    content: ""
}

.ion-social-facebook:before {
    content: ""
}

.ion-social-facebook-outline:before {
    content: ""
}

.ion-social-foursquare:before {
    content: ""
}

.ion-social-foursquare-outline:before {
    content: ""
}

.ion-social-freebsd-devil:before {
    content: ""
}

.ion-social-github:before {
    content: ""
}

.ion-social-github-outline:before {
    content: ""
}

.ion-social-google:before {
    content: ""
}

.ion-social-google-outline:before {
    content: ""
}

.ion-social-googleplus:before {
    content: ""
}

.ion-social-googleplus-outline:before {
    content: ""
}

.ion-social-hackernews:before {
    content: ""
}

.ion-social-hackernews-outline:before {
    content: ""
}

.ion-social-html5:before {
    content: ""
}

.ion-social-html5-outline:before {
    content: ""
}

.ion-social-instagram:before {
    content: ""
}

.ion-social-instagram-outline:before {
    content: ""
}

.ion-social-javascript:before {
    content: ""
}

.ion-social-javascript-outline:before {
    content: ""
}

.ion-social-linkedin:before {
    content: ""
}

.ion-social-linkedin-outline:before {
    content: ""
}

.ion-social-markdown:before {
    content: ""
}

.ion-social-nodejs:before {
    content: ""
}

.ion-social-octocat:before {
    content: ""
}

.ion-social-pinterest:before {
    content: ""
}

.ion-social-pinterest-outline:before {
    content: ""
}

.ion-social-python:before {
    content: ""
}

.ion-social-reddit:before {
    content: ""
}

.ion-social-reddit-outline:before {
    content: ""
}

.ion-social-rss:before {
    content: ""
}

.ion-social-rss-outline:before {
    content: ""
}

.ion-social-sass:before {
    content: ""
}

.ion-social-skype:before {
    content: ""
}

.ion-social-skype-outline:before {
    content: ""
}

.ion-social-snapchat:before {
    content: ""
}

.ion-social-snapchat-outline:before {
    content: ""
}

.ion-social-tumblr:before {
    content: ""
}

.ion-social-tumblr-outline:before {
    content: ""
}

.ion-social-tux:before {
    content: ""
}

.ion-social-twitch:before {
    content: ""
}

.ion-social-twitch-outline:before {
    content: ""
}

.ion-social-twitter:before {
    content: ""
}

.ion-social-twitter-outline:before {
    content: ""
}

.ion-social-usd:before {
    content: ""
}

.ion-social-usd-outline:before {
    content: ""
}

.ion-social-vimeo:before {
    content: ""
}

.ion-social-vimeo-outline:before {
    content: ""
}

.ion-social-whatsapp:before {
    content: ""
}

.ion-social-whatsapp-outline:before {
    content: ""
}

.ion-social-windows:before {
    content: ""
}

.ion-social-windows-outline:before {
    content: ""
}

.ion-social-wordpress:before {
    content: ""
}

.ion-social-wordpress-outline:before {
    content: ""
}

.ion-social-yahoo:before {
    content: ""
}

.ion-social-yahoo-outline:before {
    content: ""
}

.ion-social-yen:before {
    content: ""
}

.ion-social-yen-outline:before {
    content: ""
}

.ion-social-youtube:before {
    content: ""
}

.ion-social-youtube-outline:before {
    content: ""
}

.ion-soup-can:before {
    content: ""
}

.ion-soup-can-outline:before {
    content: ""
}

.ion-speakerphone:before {
    content: ""
}

.ion-speedometer:before {
    content: ""
}

.ion-spoon:before {
    content: ""
}

.ion-star:before {
    content: ""
}

.ion-stats-bars:before {
    content: ""
}

.ion-steam:before {
    content: ""
}

.ion-stop:before {
    content: ""
}

.ion-thermometer:before {
    content: ""
}

.ion-thumbsdown:before {
    content: ""
}

.ion-thumbsup:before {
    content: ""
}

.ion-toggle:before {
    content: ""
}

.ion-toggle-filled:before {
    content: ""
}

.ion-transgender:before {
    content: ""
}

.ion-trash-a:before {
    content: ""
}

.ion-trash-b:before {
    content: ""
}

.ion-trophy:before {
    content: ""
}

.ion-tshirt:before {
    content: ""
}

.ion-tshirt-outline:before {
    content: ""
}

.ion-umbrella:before {
    content: ""
}

.ion-university:before {
    content: ""
}

.ion-unlocked:before {
    content: ""
}

.ion-upload:before {
    content: ""
}

.ion-usb:before {
    content: ""
}

.ion-videocamera:before {
    content: ""
}

.ion-volume-high:before {
    content: ""
}

.ion-volume-low:before {
    content: ""
}

.ion-volume-medium:before {
    content: ""
}

.ion-volume-mute:before {
    content: ""
}

.ion-wand:before {
    content: ""
}

.ion-waterdrop:before {
    content: ""
}

.ion-wifi:before {
    content: ""
}

.ion-wineglass:before {
    content: ""
}

.ion-woman:before {
    content: ""
}

.ion-wrench:before {
    content: ""
}

.ion-xbox:before {
    content: ""
}

body,
html {
    font-family: "GothamProRegular";
    background-color: white
}

@media (max-width:850px) {

    body,
    html {
        max-width: 100vw;
        overflow-x: hidden
    }
}

.go-contact {
    font-size: 16px;
    font-family: "GothamProBold";
    background: -webkit-linear-gradient(72deg, #f59e13 0%, #f59e13 30%, #fde267 100%);
    background: -o-linear-gradient(72deg, #f59e13 0%, #f59e13 30%, #fde267 100%);
    background: linear-gradient(18deg, #f59e13 0%, #f59e13 30%, #fde267 100%);
    display: inline-block;
    padding: 12px 15px;
    border-radius: 15px;
    text-shadow: -2px 2px 0 #e29523;
    -webkit-box-shadow: 0 8px 36px 0 rgba(233, 145, 0, 0.25);
    box-shadow: 0 8px 36px 0 rgba(233, 145, 0, 0.25);
    -webkit-filter: drop-shadow(-2px 2px 0px #e99100);
    filter: drop-shadow(-2px 2px 0px #e99100);
    border: solid 1px rgba(203, 126, 6, 0.8);
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: white;
    margin-bottom: 50px;
    position: relative;
    white-space: nowrap
}

.go-contact.nav-btn {
    position: static;
    transform: none;
    z-index: 5;
    margin: 0;
}

/* Responsive styles are now handled by the new flexbox navigation */

.go-contact.other {
    margin-top: 50px
}

.go-contact.right-btn {
    position: relative;
    margin-top: 50px
}

.go-contact img {
    height: 18px;
    position: relative;
    -webkit-transform: translate(0, 3px);
    -ms-transform: translate(0, 3px);
    transform: translate(0, 3px);
    padding-left: 10px;
    -webkit-filter: drop-shadow(-2px 2px 0px #e29523);
    filter: drop-shadow(-2px 2px 0px #e29523)
}

.go-contact:hover {
    -webkit-box-shadow: 0 8px 36px 0 rgba(233, 145, 0, 0);
    box-shadow: 0 8px 36px 0 rgba(233, 145, 0, 0)
}

section {
    position: relative;
    z-index: 1;
    background-color: white
}

section .separator {
    text-align: center;
    font-size: 5vw;
    font-family: "GothamProBlack";
    padding-top: 50px;
    padding-bottom: 50px;
    opacity: 0 !important;
    height: 0 !important;
}

@media (max-width:850px) {
    section .separator {
        opacity: 0.1;
        font-size: 7vw;
        padding-top: 10px;
        padding-bottom: 50px
    }
}

section .separator.text-right {
    text-align: right
}

@media (max-width:850px) {
    section .separator.text-right {
        text-align: center
    }
}

section .separator.text-left-absolute {
    text-align: left;
    position: absolute;
    padding: 0;
    z-index: 3;
    margin-top: 100px;
    margin-left: 50px
}

section .content {
    width: calc(66.6664% + 100px);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    position: relative
}

@media (max-width:850px) {
    section .content {
        width: 100vw
    }
}

section .lines {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none
}

section .lines .line {
    height: 100%;
    width: 1px;
    background-color: black;
    opacity: 0.05;
    position: absolute
}

@media (max-width:850px) {
    section .lines .line {
        opacity: 0.03
    }
}

section .lines .line:first-of-type {
    left: 16.6666%
}

@media (max-width:850px) {
    section .lines .line:first-of-type {
        display: none
    }
}

section .lines .line:nth-of-type(2) {
    left: 33.3333%
}

@media (max-width:850px) {
    section .lines .line:nth-of-type(2) {
        display: none
    }
}

section .lines .line:nth-of-type(3) {
    left: 50%
}

section .lines .line:nth-of-type(4) {
    left: 66.6666%
}

@media (max-width:850px) {
    section .lines .line:nth-of-type(4) {
        display: none
    }
}

section .lines .line:nth-of-type(5) {
    left: 83.3333%
}

@media (max-width:850px) {
    section .lines .line:nth-of-type(5) {
        display: none
    }
}

section .drop-box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

section .drop-box .drop {
    background-image: url("/assets/img/drop.png");
    height: 85px;
    width: 13px;
    background-size: 100% 100%;
    position: absolute;
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    top: 0
}

section .drop-box .drop.down {
    top: 100%;
    -webkit-transition: all 3s;
    -o-transition: all 3s;
    transition: all 3s
}

section .drop-box .drop:first-of-type {
    left: 16.6666%
}

@media (max-width:850px) {
    section .drop-box .drop:first-of-type {
        display: none
    }
}

section .drop-box .drop:nth-of-type(2) {
    left: 33.3333%
}

@media (max-width:850px) {
    section .drop-box .drop:nth-of-type(2) {
        display: none
    }
}

section .drop-box .drop:nth-of-type(3) {
    left: 50%
}

section .drop-box .drop:nth-of-type(4) {
    left: 66.6666%
}

@media (max-width:850px) {
    section .drop-box .drop:nth-of-type(4) {
        display: none
    }
}

section .drop-box .drop:nth-of-type(5) {
    left: 83.3333%
}

@media (max-width:850px) {
    section .drop-box .drop:nth-of-type(5) {
        display: none
    }
}

#head {
    height: calc(400px + 55vw);
    background: url("/assets/img/bg_home.png");
    background-size: cover;
    background-color: #1d2335;
    position: relative;
    z-index: 0
}

@media (max-width:850px) {
    #head {
        height: 100%;
        padding-bottom: 170px;
        background: url("/assets/img/bg_home_mob.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}

#head .bg-svg {
    -webkit-filter: drop-shadow(-150px -150px 55px rgba(26, 32, 48, 0.8));
    filter: drop-shadow(-150px -150px 55px rgba(26, 32, 48, 0.8));
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: auto;
    z-index: 1
}

#head .bg-svg .st0 {
    fill: #FFFFFF;
    z-index: 1000;
    position: relative
}

#head .bg-svg .st1 {
    fill: #FFFFFF
}

#head .bg-svg .st2 {
    fill: black;
    stroke-width: 1
}

#head .logo {
    width: 250px;
    position: static;
    transform: none;
    margin: 0;
}

/* Mobile logo styles are now handled by the new flexbox navigation */

#head .phone {
    position: static;
    transform: none;
    margin: 0;
}

/* Mobile phone styles are now handled by the new flexbox navigation */

#head .phone a {
    color: white;
    font-family: "GothamProBold";
    text-decoration: none;
    font-size: 22px;
    display: block;
    white-space: nowrap;
}

@media (max-width:1500px) {
    #head .phone a {
        font-size: 18px
    }
}

#head .phone span {
    text-align: right;
    color: white;
    font-size: 14px;
    margin-top: 10px;
    border-bottom: 1px dashed white;
    float: right;
    padding-bottom: 5px;
    opacity: 0.8
}

@media (max-width:1500px) {
    #head .phone span {
        font-size: 13px
    }
}

@media (max-width:850px) {
    #head .phone span {
        font-size: 15px;
        float: right;
        text-align: right;
    }
}

/* Old positioning styles removed - now handled by flexbox */

#head .lines .line {
    background-color: white;
    opacity: 0.1
}

#head .content {
    position: absolute;
    left: 16.6666%;
    top: calc(400px + 10vw);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: white;
    z-index: 3
}

@media (max-width:850px) {
    #head .content {
        position: relative;
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        margin-top: 50px;
        width: 100vw;
        left: 0
    }
}

#head .content span.subtitle {
    font-family: "GothamProItalic";
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 16px;
    margin-left: -50px
}

@media (max-width:850px) {
    #head .content span.subtitle {
        font-size: 10px;
        margin-left: 0;
        padding-left: 20px
    }
}

#head .content h1 {
    font-family: "GothamProBlack";
    text-transform: uppercase;
    font-size: 3.5vw;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: -50px;
    line-height: 1.2em;
}

@media (max-width:850px) {
    #head .content h1 {
        font-size: 8vw;
        padding-left: 20px;
        margin-left: 0;
        line-height: 1.2em;
        margin-top: 10px
    }
}

#head .content p.subtitle {
    color: #bababe;
    font-size: 1.6vw;
    margin-bottom: 50px;
    margin-left: -50px
}

@media (max-width:850px) {
    #head .content p.subtitle {
        font-size: 18px;
        padding-left: 20px;
        margin-left: 0;
        line-height: 70px;
        margin-bottom: 10px
    }
}

#head .content p.subtitle span {
    font-family: "GothamProBold";
    color: #ffd203
}

#head .content ul li {
    display: inline-block;
    line-height: 30px;
    width: 16.38vw;
    position: relative;
    margin-left: -2px
}

@media (max-width:850px) {
    #head .content ul li {
        display: block;
        margin-left: 20px;
        margin-bottom: 30px;
        font-size: 14px;
        padding-left: 20px
    }
}

#head .content ul li:before {
    content: '';
    height: 100%;
    width: 5px;
    background-color: #ffd203;
    position: absolute;
    top: 0;
    left: 0
}

#head .content ul li p {
    width: 11.6vw;
    padding-left: 1vw
}

@media (max-width:850px) {
    #head .content ul li p {
        width: 100vw
    }
}

#head .content .block {
    background: -webkit-gradient(linear, left top, right top, from(#3b3d4a), to(#434448));
    background: -webkit-linear-gradient(left, #3b3d4a 0%, #434448 100%);
    background: -o-linear-gradient(left, #3b3d4a 0%, #434448 100%);
    background: linear-gradient(to right, #3b3d4a 0%, #434448 100%);
    padding: 50px 80px;
    width: 580px;
    margin-left: -50px;
    margin-top: 50px;
    border-radius: 20px;
    position: relative;
    margin-right: 0;
    margin-bottom: 120px;
    cursor: pointer;
    -webkit-box-shadow: -16px 11px 50px 0 rgba(29, 35, 53, 0.7);
    box-shadow: -16px 11px 50px 0 rgba(29, 35, 53, 0.7)
}

@media (max-width:850px) {
    #head .content .block {
        width: calc(100vw - 80px);
        padding: 20px;
        margin-left: 20px
    }
}

#head .content .block span {
    font-family: "GothamProBlack";
    font-size: 34px;
    letter-spacing: 1px
}

@media (max-width:850px) {
    #head .content .block span {
        font-size: 24px;
        line-height: 40px
    }
}

#head .content .block p {
    margin-top: 20px;
    font-size: 17px
}

@media (max-width:850px) {
    #head .content .block p {
        font-size: 16px;
        line-height: 30px
    }
}

#head .content .block .discount {
    height: 300px;
    width: 300px;
    position: absolute;
    top: 100%;
    left: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media (max-width:850px) {
    #head .content .block .discount {
        left: 50%;
        top: calc(100% + 90px)
    }
}

#head .content .block .discount img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

/* New Flexbox Navigation Styles */
#head .nav {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 40px 5%;
    position: relative;
    z-index: 10;
}

#head .nav .logo {
    position: static;
    transform: none;
    margin: 0;
    flex-shrink: 0;
}

#head .nav .nav-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 40px;
}

#head .nav .phones-container {
    display: flex;
    gap: 30px;
    align-items: center;
}

#head .nav .phone {
    position: static;
    transform: none;
    margin: 0;
    text-align: center;
    white-space: nowrap;
}

#head .nav .phone span {
    text-align: right;
    float: right;
}

#head .nav .go-contact.nav-btn {
    position: static;
    transform: none;
    margin: 0;
    white-space: nowrap;
}

/* Breadcrumbs Navigation */
.breadcrumbs {
    background: rgba(255, 255, 255, 0.1);
    padding: 10px 5%;
    margin: 0;
}

.breadcrumb-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.breadcrumb-item {
    color: #fff;
    font-size: 14px;
}

.breadcrumb-item:not(:last-child)::after {
    content: "›";
    margin-left: 8px;
    color: #ffa500;
}

.breadcrumb-item a {
    color: #fff;
    text-decoration: none;
    transition: color 0.3s ease;
}

.breadcrumb-item a:hover {
    color: #ffa500;
}

.breadcrumb-item.active {
    color: #ffa500;
    font-weight: bold;
}


/* Internal Links */
.internal-link {
    color: #ffa500;
    text-decoration: none;
    font-weight: 500;
    border-bottom: 1px solid rgba(255, 165, 0, 0.3);
    transition: all 0.3s ease;
}

.internal-link:hover {
    color: #fff;
    border-bottom-color: #ffa500;
    background: rgba(255, 165, 0, 0.1);
    padding: 2px 4px;
    border-radius: 3px;
}

/* Advantages Block */
.advantages-block {
    padding: 20px;
    line-height: 1.4;
}

/* Floating Phone Button */
.floating-phone {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
}

.phone-button {
    width: 70px;
    height: 70px;
    background: #ffa500;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(255, 165, 0, 0.4);
    transition: all 0.3s ease;
    position: relative;
}

.phone-button:hover {
    background: #ff8c00;
    transform: scale(1.1);
    box-shadow: 0 6px 16px rgba(255, 165, 0, 0.6);
}

.phone-menu {
    position: absolute;
    bottom: 80px;
    right: 0;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    padding: 15px 0;
    min-width: 260px;
    display: none;
    border: 1px solid rgba(255, 165, 0, 0.2);
}

.phone-option {
    padding: 16px 24px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    white-space: nowrap;
}

.phone-option:last-child {
    border-bottom: none;
}

.phone-option:hover {
    background: rgba(255, 165, 0, 0.1);
}

.phone-number {
    font-weight: bold;
    color: #333;
    font-size: 19px;
    margin-bottom: 4px;
    white-space: nowrap;
}

.phone-label {
    color: #666;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .floating-phone {
        bottom: 15px;
        right: 15px;
    }
    
    .phone-button {
        width: 65px;
        height: 65px;
    }
    
    .phone-menu {
        min-width: 240px;
        bottom: 75px;
    }
}

/* All Buttons Wrapper */
.all-buttons-wrapper {
    position: fixed;
    bottom: 20px;
    left: 20px;
    right: 20px;
    z-index: 1000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    pointer-events: none;
}

.all-buttons-wrapper > * {
    pointer-events: auto;
}

/* Vacancies Button Left */
.floating-vacancies-button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #ffa500;
    color: #000;
    border: none;
    outline: none;
    padding: 0 35px;
    height: 70px;
    border-radius: 35px;
    box-shadow: 0 4px 12px rgba(255, 165, 0, 0.4);
    transition: all 0.3s ease;
    cursor: pointer;
}

.floating-vacancies-button:hover {
    background: #ff8c00;
    transform: scale(1.05);
    box-shadow: 0 6px 16px rgba(255, 165, 0, 0.6);
}

.floating-vacancies-button svg {
    flex-shrink: 0;
}

/* Floating Buttons Container Right */
.floating-buttons-container {
    display: flex;
    gap: 20px;
    align-items: center;
}

/* Shop Button */
.floating-shop-button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #ffa500;
    color: #000;
    text-decoration: none;
    border: none;
    outline: none;
    padding: 0 35px;
    height: 70px;
    border-radius: 35px;
    box-shadow: 0 4px 12px rgba(255, 165, 0, 0.4);
    transition: all 0.3s ease;
    cursor: pointer;
}

.floating-shop-button:hover {
    background: #ff8c00;
    transform: scale(1.05);
    box-shadow: 0 6px 16px rgba(255, 165, 0, 0.6);
}

.floating-shop-button svg {
    flex-shrink: 0;
}

.button-label {
    font-size: 13px;
    font-weight: 900;
    font-family: 'Gotham Pro Black', 'Gotham Pro Bold', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
}

/* Adjust floating-phone to work inside container */
.floating-buttons-container .floating-phone {
    position: relative;
    bottom: auto;
    right: auto;
}

/* Mobile adjustments for buttons container */
@media (max-width: 768px) {
    .all-buttons-wrapper {
        bottom: 15px;
        left: 15px;
        right: 15px;
    }
    
    .floating-vacancies-button {
        padding: 0 22px;
        height: 50px;
        border-radius: 25px;
        gap: 8px;
    }
    
    .floating-vacancies-button svg {
        width: 20px;
        height: 20px;
    }
    
    .floating-buttons-container {
        gap: 10px;
    }
    
    .floating-shop-button {
        padding: 0 22px;
        height: 50px;
        border-radius: 25px;
        gap: 8px;
    }
    
    .floating-shop-button svg {
        width: 20px;
        height: 20px;
    }
    
    .phone-button {
        width: 65px !important;
        height: 65px !important;
    }
    
    .button-label {
        font-size: 11px;
    }
}

/* Modal Styles */
.modal {
    display: none;
    position: fixed;
    z-index: 2000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    align-items: center;
    justify-content: center;
}

.modal-content {
    background-color: #fff;
    padding: 40px;
    border-radius: 15px;
    max-width: 500px;
    width: 90%;
    position: relative;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    animation: modalFadeIn 0.3s ease;
}

@keyframes modalFadeIn {
    from {
        opacity: 0;
        transform: translateY(-50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.close-modal {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 35px;
    font-weight: bold;
    color: #999;
    cursor: pointer;
    transition: color 0.2s;
    line-height: 1;
}

.close-modal:hover {
    color: #000;
}

.modal-content h2 {
    color: #ffa500;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: 900;
    font-family: 'Gotham Pro Black', sans-serif;
}

.modal-intro {
    font-size: 16px;
    margin-bottom: 15px;
    color: #333;
}

.vacancies-list {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.vacancies-list li {
    padding: 12px 20px;
    margin: 10px 0;
    background: #f8f8f8;
    border-left: 4px solid #ffa500;
    font-size: 18px;
    font-weight: 700;
    color: #333;
}

.modal-contact {
    font-size: 16px;
    margin-top: 25px;
    margin-bottom: 10px;
    color: #333;
}

.modal-phone {
    display: inline-block;
    font-size: 24px;
    font-weight: 900;
    color: #ffa500;
    text-decoration: none;
    font-family: 'Gotham Pro Black', sans-serif;
}

.modal-phone:hover {
    color: #ff8c00;
}

@media (max-width: 768px) {
    .modal-content {
        padding: 30px 25px;
        margin: 0 20px;
    }
    
    .modal-content h2 {
        font-size: 24px;
    }
    
    .vacancies-list li {
        font-size: 16px;
        padding: 10px 15px;
    }
    
    .modal-phone {
        font-size: 20px;
    }
}

/* Local Links */
.local-links {
    display: flex;
    gap: 15px;
    margin-top: 15px;
    flex-wrap: wrap;
    justify-content: center;
}

.local-link {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    text-decoration: none;
    border-radius: 20px;
    font-size: 14px;
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.local-link:hover {
    background: #ffa500;
    color: #000;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(255, 165, 0, 0.3);
}

.local-link.google-maps:hover {
    background: #4285f4;
    color: #fff;
}

.local-link.facebook:hover {
    background: #1877f2;
    color: #fff;
}

.local-link.instagram:hover {
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    color: #fff;
}

/* Customer Reviews */
.reviews-section {
    margin: 40px 0;
    padding: 40px 10px;
    background: transparent;
    border-radius: 15px;
}

.reviews-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin-top: 30px;
}

.review-card {
    background: #273046;
    padding: 25px;
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    backdrop-filter: blur(10px);
}

.review-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(255, 165, 0, 0.2);
}

.review-text {
    color: #fff;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 15px;
    font-style: italic;
}

.review-author {
    color: #ffa500;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}

/* Mobile Styles */
@media (max-width: 850px) {
    #head .nav {
        flex-direction: column;
        align-items: center;
        padding: 20px 5%;
    }
    
    #head .nav .logo {
        margin-bottom: 40px;
        width: 150px;
    }
    
    #head .nav .nav-content {
        flex-direction: column;
        align-items: center;
        width: 100%;
        gap: 20px;
    }
    
    #head .nav .phones-container {
        flex-direction: row;
        gap: 15px;
        width: 100%;
        justify-content: center;
        flex-wrap: nowrap;
    }
    
    #head .nav .phone {
        flex: 0 0 auto;
        text-align: right;
        white-space: nowrap;
        min-width: 0;
    }
    
    #head .nav .phone a {
        font-size: 4vw;
        font-size: clamp(14px, 4vw, 22px);
        white-space: nowrap;
    }
    
    #head .nav .phone span {
        font-size: 3vw;
        font-size: clamp(10px, 3vw, 16px);
        white-space: nowrap;
    }
    
    #head .nav .go-contact.nav-btn {
        width: 205px;
    }
}

/* Tablet Styles */
@media (max-width: 1200px) and (min-width: 851px) {
    #head .nav {
        padding: 40px 3%;
    }
    
    #head .nav .phones-container {
        gap: 20px;
    }
    
    #head .nav .phone a {
        font-size: 18px;
    }
    
    #head .nav .phone span {
        font-size: 13px;
    }
}

#about {
    background-color: transparent;
    min-height: 500px;
    position: relative;
    margin-top: 0;
    padding-bottom: 70px;
    z-index: 1
}

#about .decor {
    color: black;
    font-family: "GothamProBlack";
    font-size: 6.9vw;
    position: absolute;
    left: 50%;
    opacity: 0.08;
    margin-top: -10vw
}

@media (max-width:850px) {
    #about .decor {
        opacity: 0.03;
        margin-top: -5vw;
        left: 50%;
        -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
        font-size: 10vw
    }
}

#about .lines.dec {
    height: calc(100vw * 0.5047);
    margin-top: calc(100vw * 0.5047 * -1)
}

#about .lines.dec .line:first-of-type {
    top: calc(100vw * 0.34);
    height: calc(100% - (100vw * 0.34))
}

#about .lines.dec .line:nth-of-type(2) {
    top: calc(100vw * 0.354);
    height: calc(100% - (100vw * 0.354))
}

#about .lines.dec .line:nth-of-type(3) {
    top: calc(100vw * 0.2853);
    height: calc(100% - (100vw * 0.2853))
}

#about .lines.dec .line:nth-of-type(4) {
    top: calc(100vw * 0.245);
    height: calc(100% - (100vw * 0.245))
}

#about .lines.dec .line:nth-of-type(5) {
    top: calc(100vw * 0.142);
    height: calc(100% - (100vw * 0.142))
}

#about .content {
    position: relative;
    margin-top: -7vw
}

@media (max-width:850px) {
    #about .content {
        padding-top: 30px
    }
}

#about .content .left {
    width: 55%;
    display: inline-block
}

@media (max-width:850px) {
    #about .content .left {
        width: calc(100% - 40px);
        padding: 20px
    }
}

#about .content .left .subtitle {
    font-family: "GothamProItalic";
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    color: #c9c5c5;
    margin-bottom: 10px
}

@media (max-width:850px) {
    #about .content .left .subtitle {
        font-size: 12px
    }
}

#about .content .left .title {
    color: #000000;
    font-family: "GothamProBlack";
    font-size: 2.8vw;
    line-height: 3.4vw;
    margin-bottom: 20px;
    display: inline-block;
    position: relative
}

@media (max-width:850px) {
    #about .content .left .title {
        font-size: 27px;
        line-height: 40px
    }
}

#about .content .left .title:before {
    content: '';
    background-color: #fed700;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 3px
}

#about .content .left p {
    color: #404143;
    line-height: 30px
}

@media (max-width:850px) {
    #about .content .left p {
        font-size: 14px
    }
}

#about .content .left ul {
    margin-left: 50px;
    padding-left: 40px;
    max-width: 55%;
    color: #010101;
    font-family: "GothamProBold";
    line-height: 30px;
    padding-top: 50px
}

@media (max-width:850px) {
    #about .content .left ul {
        padding-top: 0;
        font-size: 14px;
        padding-left: 10px;
        max-width: 100%;
        padding-right: 20px;
        line-height: 25px;
        margin-left: 40px
    }
}

#about .content .left ul li {
    margin-bottom: 20px;
    position: relative
}

#about .content .left ul li:before {
    content: '';
    position: absolute;
    left: 0;
    background-image: url("/assets/img/arrow.png");
    width: 36px;
    height: 26px;
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: -40px
}

@media (max-width:850px) {
    #about .content .left ul li:before {
        padding-top: 0;
        font-size: 14px;
        -webkit-transform: translate(-50%, -50%) scale(0.8);
        -ms-transform: translate(-50%, -50%) scale(0.8);
        transform: translate(-50%, -50%) scale(0.8);
        left: -30px
    }
}

#about .content .block {
    position: relative
}

#about .content .img-right {
    position: absolute;
    width: 40%;
    height: 500px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 0
}

@media (max-width:850px) {
    #about .content .img-right {
        position: relative;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        height: 200px;
        top: 0;
        left: 20px;
        width: calc(100% - 40px)
    }
}

#about .content .title-block {
    margin-bottom: 50px
}

@media (max-width:850px) {
    #about .content .title-block {
        padding-left: 20px;
        margin-bottom: 20px
    }
}

#about .content .title-block .subtitle {
    font-family: "GothamProItalic";
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    color: #c9c5c5;
    margin-bottom: 10px
}

@media (max-width:850px) {
    #about .content .title-block .subtitle {
        font-size: 12px
    }
}

#about .content .title-block .title {
    color: #000000;
    font-family: "GothamProBlack";
    font-size: 2.6vw;
    line-height: 3.2vw;
    margin-bottom: 20px;
    display: inline-block;
    position: relative
}

@media (max-width:850px) {
    #about .content .title-block .title {
        font-size: 27px;
        line-height: 40px
    }
}

#about .content .title-block .title:before {
    content: '';
    background-color: #fed700;
    position: absolute;
    bottom: 0;
    width: 80%;
    height: 3px
}

#about .content .right {
    left: 50%;
    position: relative;
    width: 45%
}

@media (max-width:850px) {
    #about .content .right {
        width: 100%;
        left: 0
    }
}

#about .content .right ul li {
    margin-bottom: 50px;
    position: relative
}

@media (max-width:850px) {
    #about .content .right ul li {
        margin-bottom: 40px
    }
}

#about .content .right ul li:before {
    content: attr(data);
    position: absolute;
    font-size: 90px;
    font-family: "GothamProBlack";
    left: -62px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    color: white;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.15), 1px -1px 0 rgba(0, 0, 0, 0.15), -1px 1px 0 rgba(0, 0, 0, 0.1), 1px 1px 0 rgba(0, 0, 0, 0.15);
    opacity: 1;
    z-index: 1
}

@media (max-width:850px) {
    #about .content .right ul li:before {
        left: 20px;
        font-size: 60px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        top: 0
    }
}

#about .content .right ul li:after {
    content: '';
    background-image: url("/assets/img/drop2.png");
    height: 13px;
    width: 85px;
    background-size: 100% 100%;
    position: absolute;
    -webkit-transform: translate(-13px, -50%) scale(2);
    -ms-transform: translate(-13px, -50%) scale(2);
    transform: translate(-13px, -50%) scale(2);
    top: 50%;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    opacity: 0.8
}

@media (max-width:850px) {
    #about .content .right ul li:after {
        left: 60px;
        -webkit-transform: translate(-13px, 0%) scale(2);
        -ms-transform: translate(-13px, 0%) scale(2);
        transform: translate(-13px, 0%) scale(2);
        top: 25px
    }
}

#about .content .right ul li p {
    padding-left: 150px;
    line-height: 30px
}

@media (max-width:850px) {
    #about .content .right ul li p {
        padding-left: 20px;
        font-size: 15px;
        padding-right: 20px
    }
}

#about .content .right ul li p span {
    display: block;
    font-family: "GothamProBold"
}

@media (max-width:850px) {
    #about .content .right ul li p span {
        padding-top: 17px;
        padding-left: 110px;
        padding-bottom: 20px
    }
}

#about .content .img-left {
    position: absolute;
    width: 40%;
    height: 680px;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: left;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    left: 0
}

@media (max-width:850px) {
    #about .content .img-left {
        position: relative;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        height: 200px;
        top: 0;
        left: 20px;
        width: calc(100% - 40px);
        margin-bottom: 20px
    }
}

#about .content .shop-box {
    width: 100%;
    background: url("/assets/img/shop.png");
    background-size: cover;
    border-radius: 20px;
    background-position: 50% 75%;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
    -webkit-box-shadow: 0 0 70px 0 rgba(35, 40, 60, 0.5);
    box-shadow: 0 0 70px 0 rgba(35, 40, 60, 0.5)
}

@media (max-width:850px) {
    #about .content .shop-box {
        width: calc(100% - 40px);
        margin-left: 20px;
        padding-top: 30px;
        padding-bottom: 30px;
        margin-bottom: 100px;
        background: url("/assets/img/shop_mob.png")
    }
}

#about .content .shop-box .title {
    color: white;
    font-family: "GothamProBold";
    font-size: 3vw;
    line-height: 3.8vw;
    max-width: 60%;
    position: relative;
    padding-left: 80px;
    margin-bottom: 50px;
    letter-spacing: 1px
}

@media (max-width:850px) {
    #about .content .shop-box .title {
        width: calc(100% - 40px);
        padding-left: 60px;
        font-size: 22px;
        line-height: 35px;
        max-width: calc(100% - 80px)
    }
}

#about .content .shop-box .title:before {
    content: '';
    height: 100%;
    width: 3px;
    position: absolute;
    background-color: #ffec01;
    margin-left: -30px
}

#about .content .shop-box p {
    color: white;
    font-family: "GothamProBold";
    font-size: 17px;
    line-height: 35px;
    max-width: 43%;
    letter-spacing: 1px;
    padding-left: 80px
}

@media (max-width:1500px) {
    #about .content .shop-box p {
        font-size: 16px;
        font-family: "GothamProRegular"
    }
}

@media (max-width:850px) {
    #about .content .shop-box p {
        max-width: calc(100% - 40px);
        padding-left: 20px;
        font-size: 16px;
        line-height: 35px
    }
}

#about .content .shop-box .discount {
    width: 350px;
    height: 350px;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: calc(50% - 40px);
    left: 75%
}

@media (max-width:850px) {
    #about .content .shop-box .discount {
        position: relative;
        -webkit-transform: translate(-50%, -20px);
        -ms-transform: translate(-50%, -20px);
        transform: translate(-50%, -20px);
        left: 50%;
        width: 300px;
        height: 300px;
        margin-top: 20px
    }
}

#about .content .shop-box .discount img {
    position: absolute;
    width: 100%;
    height: 100%
}

#about .content .shop-box .subdiscount {
    font-family: "GothamProItalic";
    color: white;
    letter-spacing: 2px;
    text-transform: uppercase;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: calc(50% + 150px);
    left: 75%;
    white-space: nowrap
}

@media (max-width:850px) {
    #about .content .shop-box .subdiscount {
        position: relative;
        -webkit-transform: translate(-50%, -20px);
        -ms-transform: translate(-50%, -20px);
        transform: translate(-50%, -20px);
        left: 50%;
        top: 0;
        text-align: center;
        font-size: 14px
    }
}

#curier {
    background-color: black;
    position: relative;
    z-index: 0;
    margin-top: -80px;
    overflow: hidden;
    background: url("/assets/img/driver.png");
    background-size: cover;
    background-position: 0 80px;
    background-color: #1d2335
}

#curier .bg-svg {
    position: absolute;
    background-color: transparent;
    width: 100%;
    height: auto;
    z-index: 1;
    top: -1px;
    -webkit-filter: drop-shadow(50px 50px 55px rgba(26, 32, 48, 0.8));
    filter: drop-shadow(50px 50px 55px rgba(26, 32, 48, 0.8))
}

#curier .bg-svg .st0 {
    fill: #FFFFFF;
    z-index: 1000;
    position: relative
}

#curier .bg-svg .st1 {
    fill: #FFFFFF
}

#curier .lines.dec2 {
    height: calc(100vw * 0.5047);
    margin-top: 0;
    z-index: 4
}

#curier .lines.dec2 .line:first-of-type {
    top: 80px;
    height: calc(100% - (100vw * 0.234) - 80px)
}

#curier .lines.dec2 .line:nth-of-type(2) {
    top: 80px;
    height: calc(100% - (100vw * 0.22) - 80px)
}

#curier .lines.dec2 .line:nth-of-type(3) {
    top: 80px;
    height: calc(100% - (100vw * 0.346) - 80px)
}

#curier .lines.dec2 .line:nth-of-type(4) {
    top: 80px;
    height: calc(100% - (100vw * 0.277) - 80px)
}

#curier .lines.dec2 .line:nth-of-type(5) {
    top: 80px;
    height: calc(100% - (100vw * 0.37) - 80px)
}

#curier .drop.down {
    top: 120%;
    -webkit-transition: all 3s;
    -o-transition: all 3s;
    transition: all 3s
}

#curier .lines.core .line {
    background-color: white;
    opacity: 0.1
}

#curier .full-height {
    height: 65vw;
    min-height: 1000px
}

@media (max-width:850px) {
    #curier .full-height {
        min-height: 850px
    }
}

#curier .block {
    position: absolute;
    right: 0;
    text-align: right;
    top: 50%;
    -webkit-transform: translate(0, calc(-50% + 12vw));
    -ms-transform: translate(0, calc(-50% + 12vw));
    transform: translate(0, calc(-50% + 12vw));
    width: 70%
}

@media (max-width:850px) {
    #curier .block {
        padding-left: 20px;
        padding-right: 20px;
        width: calc(100% - 40px);
        text-align: left
    }
}

#curier .block .subtitle {
    display: inline-block;
    font-family: "GothamProItalic";
    color: white;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px
}

@media (max-width:850px) {
    #curier .block .subtitle {
        font-size: 12px
    }
}

#curier .block .title {
    font-family: "GothamProBlack";
    color: white;
    font-size: 2.6vw;
    line-height: 3.4vw;
    margin-bottom: 50px
}

@media (max-width:850px) {
    #curier .block .title {
        font-size: 27px;
        line-height: 40px
    }
}

#curier .block p {
    color: #f8fbff;
    font-size: 20px;
    width: 80%;
    float: right;
    line-height: 35px
}

@media (max-width:850px) {
    #curier .block p {
        width: 100%;
        text-align: left;
        font-size: 16px
    }
}

#curier .block p span {
    font-family: "GothamProBold";
    color: #fcf008
}

@media (max-width:850px) {
    #curier .block .go-contact {
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

#guarantee {
    padding-bottom: 50px
}

#guarantee .block .subtitle {
    display: inline-block;
    font-family: "GothamProItalic";
    color: #d2d2d2;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px
}

@media (max-width:850px) {
    #guarantee .block .subtitle {
        font-size: 12px;
        padding-left: 20px
    }
}

#guarantee .block .title {
    color: #000000;
    font-family: "GothamProBlack";
    font-size: 3vw;
    width: 70%;
    line-height: 3.8vw;
    margin-bottom: 50px;
    position: relative
}

@media (max-width:850px) {
    #guarantee .block .title {
        font-size: 27px;
        line-height: 40px;
        width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }

    #guarantee .block .title span {
        display: none
    }
}

#guarantee .block .title:before {
    content: '';
    position: absolute;
    bottom: -5px;
    width: 15vw;
    height: 2px;
    background-color: #f5c400
}

@media (max-width:850px) {
    #guarantee .block .title:before {
        width: 50vw
    }
}

#guarantee .block p {
    width: 60%;
    color: #757577;
    font-size: 20px;
    line-height: 35px
}

@media (max-width:1500px) {
    #guarantee .block p {
        font-size: 18px
    }
}

@media (max-width:850px) {
    #guarantee .block p {
        width: calc(100% - 40px);
        padding-left: 20px;
        padding-right: 20px;
        font-size: 16px
    }
}

#guarantee .block p span {
    font-family: "GothamProBold";
    color: #f5c400
}

#guarantee .card {
    height: 370px;
    background: url("/assets/img/part_1.png");
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 0 50%;
    border-radius: 20px;
    position: relative;
    background-color: white;
    -webkit-box-shadow: 0 0 70px 0 rgba(35, 40, 60, 0.5);
    box-shadow: 0 0 70px 0 rgba(35, 40, 60, 0.5);
    margin-top: 100px
}

@media (max-width:850px) {
    #guarantee .card {
        height: auto;
        width: calc(100% - 40px);
        margin-left: 20px
    }

    #guarantee .card:before {
        content: '';
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: white;
        border-radius: 20px;
        opacity: 0.9
    }
}

#guarantee .card .procent {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: calc(50% + 2.5vw);
    left: calc(50% - 5vw);
    width: 25vw
}

@media (max-width:850px) {
    #guarantee .card .procent {
        position: relative;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        width: 300px
    }
}

#guarantee .card .title {
    position: absolute;
    font-size: 2.7vw;
    color: #000000;
    font-family: "GothamProBlack";
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: calc(50% - 3.5vw);
    left: calc(50% - 5vw)
}

@media (max-width:850px) {
    #guarantee .card .title {
        position: relative;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        text-align: center;
        font-size: 28px;
        padding-top: 30px
    }
}

#guarantee .card p {
    color: #424345;
    font-size: 20px;
    width: 20vw;
    position: absolute;
    right: 50px;
    line-height: 40px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%
}

@media (max-width:1500px) {
    #guarantee .card p {
        font-size: 16px
    }
}

@media (max-width:850px) {
    #guarantee .card p {
        position: relative;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: calc(100% - 40px);
        left: 0;
        padding: 20px;
        font-size: 16px
    }
}

#guarantee .card p span {
    font-family: "GothamProBold";
    color: #f5c400;
    position: relative
}

#guarantee .card p span:before {
    content: '';
    position: absolute;
    bottom: -5px;
    width: 100%;
    height: 2px;
    background-color: #f5c400
}

#contact {
    padding-bottom: 50px
}

#contact .separator {
    padding-bottom: 100px
}

@media (max-width:850px) {
    #contact .separator {
        padding-bottom: 50px
    }
}

#contact .block {
    position: relative
}

#contact .block .drop {
    position: absolute;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    top: -30px;
    width: 13px;
    height: 390px
}

@media (max-width:850px) {
    #contact .block .drop {
        display: none
    }
}

#contact .block .contacts {
    padding-right: 80px;
    width: calc(50% - 80px);
    position: relative
}

@media (max-width:850px) {
    #contact .block .contacts {
        padding-right: 0;
        width: calc(100% - 40px);
        margin-left: 20px
    }
}

#contact .block .contacts .title {
    font-size: 2.7vw;
    color: #000000;
    font-family: "GothamProBlack";
    text-align: right;
    margin-bottom: 50px
}

@media (max-width:850px) {
    #contact .block .contacts .title {
        text-align: left;
        font-size: 27px;
        line-height: 40px
    }
}

#contact .block .contacts .title span {
    position: relative
}

#contact .block .contacts .title span:before {
    content: '';
    position: absolute;
    bottom: -5px;
    width: 100%;
    height: 2px;
    background-color: #f5c400
}

#contact .block .contacts .phone {
    margin-bottom: 70px;
    position: relative
}

@media (max-width:850px) {
    #contact .block .contacts .phone {
        margin-bottom: 40px
    }
}

#contact .block .contacts .phone a {
    display: block;
    font-size: 2vw;
    font-family: "GothamProBlack";
    text-decoration: none;
    color: black;
    text-align: right
}

@media (max-width:850px) {
    #contact .block .contacts .phone a {
        text-align: left;
        font-size: 8vw;
        line-height: 14vw
    }
}

#contact .block .contacts .phone span {
    text-align: right;
    font-size: 18px;
    margin-top: 10px;
    border-bottom: 1px dashed black;
    padding-bottom: 5px;
    opacity: 0.8;
    text-align: right;
    position: absolute;
    right: 0
}

@media (max-width:850px) {
    #contact .block .contacts .phone span {
        text-align: left;
        position: relative
    }
}

#contact .block .contacts .address {
    font-size: 18px;
    width: 360px;
    margin-left: calc(100% - 360px);
    line-height: 30px;
    position: relative;
    text-align: right;
    font-family: "GothamProBold";
    color: #3c3c3c
}

@media (max-width:850px) {
    #contact .block .contacts .address {
        text-align: left;
        margin-left: 0;
        font-size: 16px;
        width: 100%
    }
}

#contact .block .gmap {
    position: absolute;
    left: calc(50% + 80px);
    width: calc(50% - 80px);
    height: 100%;
    top: 0
}

@media (max-width:850px) {
    #contact .block .gmap {
        position: relative;
        width: calc(100% - 40px);
        left: 20px;
        margin-top: 40px;
        height: 300px
    }
}

#contact .block .gmap iframe {
    border: 0
}

#home-text {
    font-size: 14px;
    padding: 40px;
    line-height: 20px
}

#home-text H2 {
    font-family: "GothamProBold"
}

#home-text p {
    padding-top: 10px;
    padding-bottom: 10px
}

#home-text li {
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px
}

#faq {
    padding-bottom: 100px
}

#faq .decor {
    color: black;
    font-family: "GothamProBlack";
    font-size: 6.9vw;
    position: absolute;
    right: 0;
    opacity: 0.08;
    margin-top: 1vw
}

@media (max-width:850px) {
    #faq .decor {
        right: auto;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        position: relative;
        text-align: center;
        margin-bottom: 50px
    }
}

#faq .subtitle {
    display: inline-block;
    font-family: "GothamProItalic";
    color: #d2d2d2;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px
}

@media (max-width:850px) {
    #faq .subtitle {
        font-size: 12px;
        margin-left: 20px
    }
}

#faq .title-core {
    font-size: 2.7vw;
    line-height: 3.4vw;
    color: #000000;
    font-family: "GothamProBlack";
    margin-bottom: 50px;
    width: 45vw
}

@media (max-width:850px) {
    #faq .title-core {
        width: calc(100% - 40px);
        font-size: 27px;
        line-height: 40px;
        margin-left: 20px
    }
}

#faq .title-core span {
    position: relative
}

#faq .title-core span:before {
    content: '';
    position: absolute;
    bottom: -5px;
    width: 14vw;
    height: 2px;
    background-color: #f5c400
}

#faq .row {
    font-size: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

#faq .row .block {
    font-size: 16px;
    display: inline-block;
    padding: 30px;
    width: calc(33.3333% - 74px);
    background-color: white;
    margin-left: 7px;
    margin-right: 7px;
    -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: 14px
}

@media (max-width:850px) {
    #faq .row .block {
        width: 100%;
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 20px
    }
}

#faq .row .block .title {
    font-family: "GothamProBold";
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 20px
}

@media (max-width:850px) {
    #faq .row .block .title {
        font-size: 16px
    }
}

#faq .row .block p {
    font-size: 14px;
    line-height: 25px
}

#blog {
    padding-bottom: 100px
}

@media (max-width:850px) {
    #blog {
        padding-bottom: 50px
    }
}

#blog .blog-title .subtitle {
    display: inline-block;
    font-family: "GothamProItalic";
    color: #d2d2d2;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px
}

@media (max-width:850px) {
    #blog .blog-title .subtitle {
        font-size: 12px;
        margin-left: 20px
    }
}

#blog .blog-title .title {
    font-size: 2.7vw;
    line-height: 3.4vw;
    color: #000000;
    font-family: "GothamProBlack";
    margin-bottom: 50px;
    width: 60vw
}

@media (max-width:850px) {
    #blog .blog-title .title {
        text-align: left;
        font-size: 27px;
        line-height: 40px;
        width: calc(100% - 40px);
        margin-left: 20px
    }
}

#blog .blog-title .title span {
    position: relative
}

#blog .blog-title .title span:before {
    content: '';
    position: absolute;
    bottom: -15px;
    width: 12vw;
    height: 2px;
    background-color: #f5c400
}

@media (max-width:850px) {
    #blog .blog-title .title span:before {
        width: 60vw
    }
}

#blog .news {
    position: relative;
    width: 100%
}

#blog .news .big {
    width: 50%;
    position: relative;
    height: calc((66.6664% + 100px) / 2)
}

@media (max-width:850px) {
    #blog .news .big {
        width: calc(100vw - 40px);
        height: auto;
        margin-left: 20px
    }
}

#blog .news .big a {
    text-decoration: none;
    color: black
}

#blog .news .big:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #20273a;
    opacity: 0.5;
    z-index: 1;
    pointer-events: none
}

@media (max-width:850px) {
    #blog .news .big:before {
        height: calc(100vw - 40px)
    }
}

#blog .news .big .drop {
    position: absolute;
    -webkit-transform: translate(50%, 0%);
    -ms-transform: translate(50%, 0%);
    transform: translate(50%, 0%);
    top: 50px;
    right: 0
}

#blog .news .big .text {
    top: 50px;
    position: absolute;
    width: calc(50% - 70px);
    left: 100%;
    padding: 20px
}

@media (max-width:850px) {
    #blog .news .big .text {
        width: calc(100vw - 40px);
        left: 20px;
        position: relative;
        top: 20px;
        padding: 0;
        margin-bottom: 50px
    }
}

#blog .news .big .text .title {
    font-family: "GothamProBold";
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 20px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

@media (max-width:1500px) {
    #blog .news .big .text .title {
        font-size: 24px;
        line-height: 35px
    }
}

@media (max-width:850px) {
    #blog .news .big .text .title {
        font-size: 22px;
        width: calc(100vw - 60px)
    }
}

#blog .news .big .text .title:hover {
    opacity: 0.7;
    color: #f5c400
}

#blog .news .big .text p {
    line-height: 25px;
    margin-bottom: 20px;
    max-height: calc(21vw - 100px);
    overflow-y: hidden;
    position: relative
}

@media (max-width:1500px) {
    #blog .news .big .text p {
        font-size: 14px
    }
}

@media (max-width:850px) {
    #blog .news .big .text p {
        display: none
    }
}

#blog .news .big .text p:before {
    position: absolute;
    content: '';
    height: 7vw;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(98%, white));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 98%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 98%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 98%);
    bottom: -2px
}

#blog .news .big .text .more {
    font-family: "GothamProBold";
    font-size: 18px;
    text-decoration: none;
    color: black;
    position: relative;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

#blog .news .big .text .more:hover {
    opacity: 0.8;
    color: #f5c400
}

#blog .news .big .text .more:hover:before {
    background-color: #f5c400
}

#blog .news .big .text .more:before {
    content: '';
    position: absolute;
    bottom: -5px;
    width: 100%;
    height: 2px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background-color: black
}

#blog .news .big .over {
    height: 100%;
    width: 100%;
    overflow: hidden
}

#blog .news .big .over .main {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

@media (max-width:850px) {
    #blog .news .big .over .main {
        height: calc(100vw - 40px)
    }
}

#blog .news .big .over .main:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

#blog .news .big .discount {
    height: 300px;
    width: 300px;
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    pointer-events: none;
    z-index: 4
}

@media (max-width:850px) {
    #blog .news .big .discount {
        height: 200px;
        width: 200px;
        bottom: auto;
        top: 130px
    }
}

#blog .news .big .discount img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

#blog .news .right {
    position: absolute;
    width: calc(25% + 25px);
    height: 100%;
    top: 0;
    right: 0
}

@media (max-width:850px) {
    #blog .news .right {
        position: relative;
        width: calc(100% - 40px);
        margin-left: 20px
    }
}

#blog .news .right .block {
    height: 33.3333%;
    width: 100%;
    position: relative;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden
}

@media (max-width:850px) {
    #blog .news .right .block {
        height: 200px;
        margin-bottom: 20px
    }
}

#blog .news .right .block:hover .title {
    color: #f5c400
}

#blog .news .right .block:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

#blog .news .right .block:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #20273a;
    opacity: 0.5;
    z-index: 1
}

#blog .news .right .block .title {
    position: absolute;
    padding: 20px;
    font-size: 20px;
    font-family: "GothamProBold";
    color: white;
    z-index: 1;
    line-height: 30px;
    bottom: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

@media (max-width:1500px) {
    #blog .news .right .block .title {
        font-size: 16px
    }
}

#blog .news .right .block img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

#footer {
    background-color: #2d2e32;
    padding-top: 100px;
    padding-bottom: 130px
}

#footer .lines .line {
    background-color: white;
    opacity: 0.1
}

#footer .phone {
    position: absolute;
    top: 40px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    left: 41.2%;
    top: 50%
}

@media (max-width:850px) {
    #footer .phone {
        position: relative;
        display: inline-block;
        margin-bottom: 30px;
        left: 50%
    }
}

#footer .phone:nth-of-type(2) {
    left: 58.3333%
}

@media (max-width:850px) {
    #footer .phone:nth-of-type(2) {
        left: 50%
    }
}

#footer .phone a {
    color: white;
    font-family: "GothamProBold";
    text-decoration: none;
    font-size: 22px;
    display: block
}

@media (max-width:1500px) {
    #footer .phone a {
        font-size: 18px
    }
}

#footer .phone span {
    text-align: right;
    color: white;
    font-size: 14px;
    margin-top: 10px;
    border-bottom: 1px dashed white;
    float: right;
    padding-bottom: 5px;
    opacity: 0.8
}

#footer .logo {
    width: 250px;
    left: 24.9999%;
    position: relative;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin-bottom: 20px
}

@media (max-width:1500px) {
    #footer .logo {
        width: 180px
    }
}

@media (max-width:850px) {
    #footer .logo {
        left: 50%
    }
}

#footer .logo-text {
    width: 250px;
    left: 24.9999%;
    position: relative;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    line-height: 30px;
    color: white;
    opacity: 0.8
}

@media (max-width:1500px) {
    #footer .logo-text {
        width: 200px;
        font-size: 14px
    }
}

@media (max-width:850px) {
    #footer .logo-text {
        left: 50%;
        margin-bottom: 80px
    }
}

#footer .copy {
    color: white;
    position: absolute;
    display: inline-block;
    bottom: 50px;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    font-size: 14px;
    opacity: 0.5
}

@media (max-width:850px) {
    #footer .copy {
        text-align: center;
        width: 80vw
    }
}

#footer .made {
    position: absolute;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    top: 50%;
    left: 74.9999%;
    text-decoration: none;
    opacity: 0.5;
    display: inline-block;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

@media (max-width:1500px) {
    #footer .made {
        -webkit-transform: translate3d(-50%, -50%, 0) scale(0.9);
        transform: translate3d(-50%, -50%, 0) scale(0.9)
    }
}

@media (max-width:850px) {
    #footer .made {
        position: relative;
        left: 50%;
        top: 0px;
        display: block;
        width: 70px;
        margin-top: 50px
    }
}

#footer .made:hover {
    opacity: 1
}

#footer .made span {
    display: block;
    text-align: right;
    margin-top: -15px;
    font-family: "GothamProBold";
    color: white;
    font-size: 14px
}

@media (max-width:850px) {
    #footer .made span {
        font-size: 12px;
        margin-top: -10px
    }
}

#footer .made img {
    height: 70px
}

@media (max-width:850px) {
    #footer .made img {
        height: 50px
    }
}