@charset "UTF-8";
/* All Styles Bundle */
/* Bootstrap */
@font-face {
  font-family: "icomoon";
  src: url("../../Content/fonts/icomoon/fonts/icomoon.eot?jdkaiu");
  src: url("../../Content/fonts/icomoon/fonts/icomoon.eot?jdkaiu#iefix") format("embedded-opentype"), url("../../Content/fonts/icomoon/icomoon.ttf?jdkaiu") format("truetype"), url("../../Content/fonts/icomoon/icomoon.woff?jdkaiu") format("woff"), url("../../Content/fonts/icomoon/icomoon.svg?jdkaiu#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=icon-],
[class*=" icon-"] {
  /*	transition: 0.3s all !important;*/
}

.icon-user-female:before {
  content: "\e000";
}

.icon-people:before {
  content: "\e001";
}

.icon-user-follow:before {
  content: "\e002";
}

.icon-user-following:before {
  content: "\e003";
}

.icon-user-unfollow:before {
  content: "\e004";
}

.icon-user4:before {
  content: "\e005";
}

.icon-trophy:before {
  content: "\e006";
}

.icon-speedometer:before {
  content: "\e007";
}

.icon-social-youtube:before {
  content: "\e008";
}

.icon-social-twitter:before {
  content: "\e009";
}

.icon-social-tumblr:before {
  content: "\e00a";
}

.icon-social-facebook:before {
  content: "\e00b";
}

.icon-social-dropbox:before {
  content: "\e00c";
}

.icon-social-dribbble:before {
  content: "\e00d";
}

.icon-shield:before {
  content: "\e00e";
}

.icon-screen-tablet:before {
  content: "\e00f";
}

.icon-screen-smartphone:before {
  content: "\e010";
}

.icon-screen-desktop:before {
  content: "\e011";
}

.icon-plane:before {
  content: "\e012";
}

.icon-notebook:before {
  content: "\e013";
}

.icon-mustache:before {
  content: "\e014";
}

.icon-mouse:before {
  content: "\e015";
}

.icon-magnet:before {
  content: "\e016";
}

.icon-magic-wand:before {
  content: "\e017";
}

.icon-hourglass:before {
  content: "\e018";
}

.icon-graduation:before {
  content: "\e019";
}

.icon-ghost:before {
  content: "\e01a";
}

.icon-game-controller:before {
  content: "\e01b";
}

.icon-fire:before {
  content: "\e01c";
}

.icon-eyeglass:before {
  content: "\e01d";
}

.icon-envelope-open:before {
  content: "\e01e";
}

.icon-envolope-letter:before {
  content: "\e01f";
}

.icon-energy:before {
  content: "\e020";
}

.icon-emotsmile:before {
  content: "\e021";
}

.icon-disc:before {
  content: "\e022";
}

.icon-cursor-move:before {
  content: "\e023";
}

.icon-crop:before {
  content: "\e024";
}

.icon-credit-card:before {
  content: "\e025";
}

.icon-chemistry:before {
  content: "\e026";
}

.icon-bell:before {
  content: "\e027";
}

.icon-badge:before {
  content: "\e028";
}

.icon-anchor:before {
  content: "\e029";
}

.icon-wallet:before {
  content: "\e02a";
}

.icon-vector:before {
  content: "\e02b";
}

.icon-speech:before {
  content: "\e02c";
}

.icon-puzzle:before {
  content: "\e02d";
}

.icon-printer:before {
  content: "\e02e";
}

.icon-present:before {
  content: "\e02f";
}

.icon-playlist:before {
  content: "\e030";
}

.icon-pin1:before {
  content: "\e031";
}

.icon-picture:before {
  content: "\e032";
}

.icon-map:before {
  content: "\e033";
}

.icon-layers:before {
  content: "\e034";
}

.icon-handbag:before {
  content: "\e035";
}

.icon-globe-alt:before {
  content: "\e036";
}

.icon-globe:before {
  content: "\e037";
}

.icon-frame:before {
  content: "\e038";
}

.icon-folder-alt:before {
  content: "\e039";
}

.icon-film:before {
  content: "\e03a";
}

.icon-feed:before {
  content: "\e03b";
}

.icon-earphones-alt:before {
  content: "\e03c";
}

.icon-earphones:before {
  content: "\e03d";
}

.icon-drop:before {
  content: "\e03e";
}

.icon-drawar:before {
  content: "\e03f";
}

.icon-docs:before {
  content: "\e040";
}

.icon-directions:before {
  content: "\e041";
}

.icon-direction:before {
  content: "\e042";
}

.icon-diamond:before {
  content: "\e043";
}

.icon-cup:before {
  content: "\e044";
}

.icon-compass:before {
  content: "\e045";
}

.icon-call-out:before {
  content: "\e046";
}

.icon-call-in:before {
  content: "\e047";
}

.icon-call-end:before {
  content: "\e048";
}

.icon-calculator:before {
  content: "\e049";
}

.icon-bubbles:before {
  content: "\e04a";
}

.icon-briefcase:before {
  content: "\e04b";
}

.icon-book-open:before {
  content: "\e04c";
}

.icon-basket-loaded:before {
  content: "\e04d";
}

.icon-basket:before {
  content: "\e04e";
}

.icon-bag:before {
  content: "\e04f";
}

.icon-action-undo:before {
  content: "\e050";
}

.icon-action-redo:before {
  content: "\e051";
}

.icon-wrench:before {
  content: "\e052";
}

.icon-umbrella:before {
  content: "\e053";
}

.icon-trash:before {
  content: "\e054";
}

.icon-tag1:before {
  content: "\e055";
}

.icon-support1:before {
  content: "\e056";
}

.icon-size-fullscreen:before {
  content: "\e057";
}

.icon-size-actual:before {
  content: "\e058";
}

.icon-shuffle1:before {
  content: "\e059";
}

.icon-share-alt:before {
  content: "\e05a";
}

.icon-share1:before {
  content: "\e05b";
}

.icon-rocket:before {
  content: "\e05c";
}

.icon-question:before {
  content: "\e05d";
}

.icon-pie-chart:before {
  content: "\e05e";
}

.icon-pencil:before {
  content: "\e05f";
}

.icon-note:before {
  content: "\e060";
}

.icon-music-tone-alt:before {
  content: "\e061";
}

.icon-music-tone:before {
  content: "\e062";
}

.icon-microphone:before {
  content: "\e063";
}

.icon-loop:before {
  content: "\e064";
}

.icon-logout2:before {
  content: "\e065";
}

.icon-login:before {
  content: "\e066";
}

.icon-list2:before {
  content: "\e067";
}

.icon-like1:before {
  content: "\e068";
}

.icon-home1:before {
  content: "\e069";
}

.icon-grid1:before {
  content: "\e06a";
}

.icon-graph:before {
  content: "\e06b";
}

.icon-equalizer:before {
  content: "\e06c";
}

.icon-dislike:before {
  content: "\e06d";
}

.icon-cursor:before {
  content: "\e06e";
}

.icon-control-start:before {
  content: "\e06f";
}

.icon-control-rewind:before {
  content: "\e070";
}

.icon-control-play:before {
  content: "\e071";
}

.icon-control-pause:before {
  content: "\e072";
}

.icon-control-forward:before {
  content: "\e073";
}

.icon-control-end:before {
  content: "\e074";
}

.icon-calender:before {
  content: "\e075";
}

.icon-bulb:before {
  content: "\e076";
}

.icon-chart:before {
  content: "\e077";
}

.icon-arrow-up-circle:before {
  content: "\e078";
}

.icon-arrow-right-circle:before {
  content: "\e079";
}

.icon-arrow-left-circle:before {
  content: "\e07a";
}

.icon-arrow-down-circle:before {
  content: "\e07b";
}

.icon-ban:before {
  content: "\e07c";
}

.icon-bubble:before {
  content: "\e07d";
}

.icon-camrecorder:before {
  content: "\e07e";
}

.icon-camera:before {
  content: "\e07f";
}

.icon-check:before {
  content: "\e080";
}

.icon-clock:before {
  content: "\e081";
}

.icon-close1:before {
  content: "\e082";
}

.icon-cloud-download:before {
  content: "\e083";
}

.icon-cloud-upload:before {
  content: "\e084";
}

.icon-doc:before {
  content: "\e085";
}

.icon-envolope:before {
  content: "\e086";
}

.icon-eye1:before {
  content: "\e087";
}

.icon-flag:before {
  content: "\e088";
}

.icon-folder:before {
  content: "\e089";
}

.icon-heart2:before {
  content: "\e08a";
}

.icon-info:before {
  content: "\e08b";
}

.icon-key:before {
  content: "\e08c";
}

.icon-link:before {
  content: "\e08d";
}

.icon-lock:before {
  content: "\e08e";
}

.icon-lock-open:before {
  content: "\e08f";
}

.icon-magnifier:before {
  content: "\e090";
}

.icon-magnifier-add:before {
  content: "\e091";
}

.icon-magnifier-remove:before {
  content: "\e092";
}

.icon-paper-clip:before {
  content: "\e093";
}

.icon-paper-plane:before {
  content: "\e094";
}

.icon-plus1:before {
  content: "\e095";
}

.icon-location-pin:before {
  content: "\e096";
}

.icon-power:before {
  content: "\e097";
}

.icon-refresh1:before {
  content: "\e098";
}

.icon-reload:before {
  content: "\e099";
}

.icon-settings1:before {
  content: "\e09a";
}

.icon-star1:before {
  content: "\e09b";
}

.icon-symble-female:before {
  content: "\e09c";
}

.icon-symbol-male:before {
  content: "\e09d";
}

.icon-target:before {
  content: "\e09e";
}

.icon-volume-1:before {
  content: "\e09f";
}

.icon-volume-2:before {
  content: "\e0a0";
}

.icon-volume-off:before {
  content: "\e0a1";
}

.icon-phone:before {
  content: "\e600";
}

.icon-menu1:before {
  content: "\e601";
}

.icon-options-vertical:before {
  content: "\e602";
}

.icon-options:before {
  content: "\e603";
}

.icon-arrow-down:before {
  content: "\e604";
}

.icon-arrow-left:before {
  content: "\e605";
}

.icon-arrow-right:before {
  content: "\e606";
}

.icon-arrow-up:before {
  content: "\e607";
}

.icon-paypal1:before {
  content: "\e608";
}

.icon-social-instagram:before {
  content: "\e609";
}

.icon-social-linkedin:before {
  content: "\e60a";
}

.icon-social-pintarest:before {
  content: "\e60b";
}

.icon-arrow-right-indicator:before {
  content: "\e60c";
}

.icon-arrow-left-indicator:before {
  content: "\e60d";
}

.icon-arrow-down-indicator:before {
  content: "\e60e";
}

.icon-arrow-up-indicator:before {
  content: "\e60f";
}

.icon-social-github:before {
  content: "\e610";
}

.icon-social-google:before {
  content: "\e611";
}

.icon-social-reddit:before {
  content: "\e612";
}

.icon-social-skype:before {
  content: "\e613";
}

.icon-social-behance:before {
  content: "\e614";
}

.icon-minus1:before {
  content: "\e615";
}

.icon-social-foursqare:before {
  content: "\e616";
}

.icon-social-soundcloud:before {
  content: "\e617";
}

.icon-social-spotify:before {
  content: "\e618";
}

.icon-social-stumbleupon:before {
  content: "\e619";
}

.icon-organization:before {
  content: "\e61a";
}

.icon-exclamation:before {
  content: "\e61b";
}

.icon-social-vkontakte:before {
  content: "\e61c";
}

.icon-event:before {
  content: "\e61d";
}

.icon-pinterest1:before {
  content: "\e61e";
}

.icon-social-steam:before {
  content: "\e620";
}

.icon-bras-1:before {
  content: "\e900";
}

.icon-shoes-1:before {
  content: "\e901";
}

.icon-magnifying-glass:before {
  content: "\e902";
}

.icon-swimwear-1:before {
  content: "\e903";
}

.icon-grid-double:before {
  content: "\e904";
}

.icon-grid-quad:before {
  content: "\e905";
}

.icon-download:before {
  content: "\e906";
}

.icon-back:before {
  content: "\e907";
}

.icon-upload:before {
  content: "\e908";
}

.icon-next:before {
  content: "\e909";
}

.icon-play:before {
  content: "\e90a";
}

.icon-grid-single:before {
  content: "\e90b";
}

.icon-grid-triple:before {
  content: "\e90c";
}

.icon-star:before {
  content: "\e90d";
}

.icon-star-1:before {
  content: "\e90e";
}

.icon-right-quotes-symbol:before {
  content: "\e90f";
}

.icon-left-quotes-sign:before {
  content: "\e910";
}

.icon-maps-and-flags:before {
  content: "\e911";
}

.icon-heart:before {
  content: "\e912";
}

.icon-heart1:before {
  content: "\e913";
}

.icon-plus:before {
  content: "\e914";
}

.icon-slider:before {
  content: "\e915";
}

.icon-pinterest:before {
  content: "\e916";
}

.icon-paypal:before {
  content: "\e917";
}

.icon-close:before {
  content: "\e918";
}

.icon-mastercard:before {
  content: "\e919";
}

.icon-visa-pay-logo:before {
  content: "\e91a";
}

.icon-american-express-logo:before {
  content: "\e91b";
}

.icon-menu:before {
  content: "\e91c";
}

.icon-right-arrow:before {
  content: "\e91d";
}

.icon-minus:before {
  content: "\e91e";
}

.icon-google-hangouts:before {
  content: "\e91f";
}

.icon-call:before {
  content: "\e920";
}

.icon-user:before {
  content: "\e921";
}

.icon-envelope:before {
  content: "\e922";
}

.icon-nine-oclock-on-circular-clock:before {
  content: "\e923";
}

.icon-shopping-bag:before {
  content: "\e924";
}

.icon-tick1:before {
  content: "\e925";
}

.icon-settings:before {
  content: "\e926";
}

.icon-button-full:before {
  content: "\e927";
}

.icon-twitter:before {
  content: "\e928";
}

.icon-facebook:before {
  content: "\e929";
}

.icon-left-arrow:before {
  content: "\e92a";
}

.icon-information:before {
  content: "\e92b";
}

.icon-information2:before {
  content: "\e92c";
}

.icon-cart:before {
  content: "\e92d";
}

.icon-shopping-cart:before {
  content: "\e92e";
}

.icon-logout:before {
  content: "\e92f";
}

.icon-layout:before {
  content: "\e930";
}

.icon-pin:before {
  content: "\e931";
}

.icon-eye:before {
  content: "\e932";
}

.icon-random:before {
  content: "\e933";
}

.icon-home:before {
  content: "\e934";
}

.icon-instagram:before {
  content: "\e935";
}

.icon-refresh:before {
  content: "\e936";
}

.icon-gift:before {
  content: "\e937";
}

.icon-help1:before {
  content: "\e938";
}

.icon-candlestick-holder:before {
  content: "\e939";
}

.icon-museum:before {
  content: "\e93a";
}

.icon-vase:before {
  content: "\e93b";
}

.icon-picture-frame:before {
  content: "\e93c";
}

.icon-candlestick:before {
  content: "\e93d";
}

.icon-list1:before {
  content: "\e93e";
}

.icon-balloon:before {
  content: "\e93f";
}

.icon-grid2:before {
  content: "\e940";
}

.icon-user1:before {
  content: "\e941";
}

.icon-lamp:before {
  content: "\e942";
}

.icon-shopping-bag1:before {
  content: "\e943";
}

.icon-scooter:before {
  content: "\e944";
}

.icon-destination:before {
  content: "\e945";
}

.icon-piece-of-cake:before {
  content: "\e946";
}

.icon-cake:before {
  content: "\e947";
}

.icon-share:before {
  content: "\e948";
}

.icon-logout1:before {
  content: "\e949";
}

.icon-down-arrow:before {
  content: "\e94a";
}

.icon-move-selector:before {
  content: "\e94b";
}

.icon-tag:before {
  content: "\e94c";
}

.icon-calendar:before {
  content: "\e94d";
}

.icon-search-1:before {
  content: "\e94e";
}

.icon-shuffle:before {
  content: "\e94f";
}

.icon-comment:before {
  content: "\e950";
}

.icon-user2:before {
  content: "\e951";
}

.icon-search:before {
  content: "\e952";
}

.icon-like:before {
  content: "\e953";
}

.icon-Artboard-1:before {
  content: "\e954";
}

.icon-Artboard-2:before {
  content: "\e955";
}

.icon-tag-icon:before {
  content: "\e956";
}

.icon-text:before {
  content: "\e957";
}

.icon-download1:before {
  content: "\e958";
}

.icon-return-box:before {
  content: "\e959";
}

.icon-support:before {
  content: "\e95a";
}

.icon-free-delivery:before {
  content: "\e95b";
}

.icon-shopping-cart1:before {
  content: "\e95c";
}

.icon-diagram:before {
  content: "\e95d";
}

.icon-user3:before {
  content: "\e95e";
}

.icon-policy:before {
  content: "\e95f";
}

.icon-paint-palette:before {
  content: "\e960";
}

.icon-sewing-machine:before {
  content: "\e961";
}

.icon-delivery-bike:before {
  content: "\e962";
}

.icon-problem-solving:before {
  content: "\e963";
}

.icon-grid:before {
  content: "\e964";
}

.icon-list:before {
  content: "\e965";
}

.icon-confetti:before {
  content: "\e966";
}

.icon-instagram1:before {
  content: "\e967";
}

.icon-goal:before {
  content: "\e968";
}

.icon-pinky-promise:before {
  content: "\e969";
}

.icon-vision:before {
  content: "\e96a";
}

.icon-rss:before {
  content: "\e96b";
}

.icon-ray:before {
  content: "\e96c";
}

.icon-gmail:before {
  content: "\e96d";
}

.icon-phone-call-1:before {
  content: "\e96e";
}

.icon-placeholder:before {
  content: "\e96f";
}

.icon-phone-call:before {
  content: "\e970";
}

.icon-quote:before {
  content: "\e971";
}

.icon-grid-double1:before {
  content: "\e972";
}

.icon-grid-quad1:before {
  content: "\e973";
}

.icon-align-center:before {
  content: "\e974";
}

.icon-align-justify:before {
  content: "\e975";
}

.icon-align-left:before {
  content: "\e976";
}

.icon-align-right:before {
  content: "\e977";
}

.icon-archive:before {
  content: "\e978";
}

.icon-grid-single1:before {
  content: "\e979";
}

.icon-grid-triple1:before {
  content: "\e97a";
}

.icon-arrow-down1:before {
  content: "\e97b";
}

.icon-access-time:before {
  content: "\e97c";
}

.icon-alert:before {
  content: "\e97d";
}

.icon-arrow-up1:before {
  content: "\e97e";
}

.icon-award:before {
  content: "\e97f";
}

.icon-bar-chart-2:before {
  content: "\e980";
}

.icon-bar-chart:before {
  content: "\e981";
}

.icon-battery-charging:before {
  content: "\e982";
}

.icon-battery:before {
  content: "\e983";
}

.icon-bell-off:before {
  content: "\e984";
}

.icon-bell1:before {
  content: "\e985";
}

.icon-bookmark:before {
  content: "\e986";
}

.icon-briefcase1:before {
  content: "\e987";
}

.icon-camera-off:before {
  content: "\e988";
}

.icon-camera1:before {
  content: "\e989";
}

.icon-check-circle:before {
  content: "\e98a";
}

.icon-check-square:before {
  content: "\e98b";
}

.icon-chevrons-down:before {
  content: "\e98c";
}

.icon-chevrons-left:before {
  content: "\e98d";
}

.icon-chevrons-right:before {
  content: "\e98e";
}

.icon-chevrons-up:before {
  content: "\e98f";
}

.icon-chrome:before {
  content: "\e990";
}

.icon-clipboard:before {
  content: "\e991";
}

.icon-alert-empty:before {
  content: "\e992";
}

.icon-basket1:before {
  content: "\e993";
}

.icon-checkmark-inside-circle:before {
  content: "\e994";
}

.icon-basket3:before {
  content: "\e995";
}

.icon-database:before {
  content: "\e996";
}

.icon-alert-triangle:before {
  content: "\e997";
}

.icon-arrow-down-circle1:before {
  content: "\e998";
}

.icon-arrow-left-circle1:before {
  content: "\e999";
}

.icon-arrow-left1:before {
  content: "\e99a";
}

.icon-arrow-right-circle1:before {
  content: "\e99b";
}

.icon-arrow-right1:before {
  content: "\e99c";
}

.icon-arrow-up-circle1:before {
  content: "\e99d";
}

.icon-box:before {
  content: "\e99e";
}

.icon-calendar2:before {
  content: "\e99f";
}

.icon-check1:before {
  content: "\e9a0";
}

.icon-chevron-down:before {
  content: "\e9a1";
}

.icon-chevron-left:before {
  content: "\e9a2";
}

.icon-fast-cargo:before {
  content: "\e9a3";
}

.icon-chevron-right:before {
  content: "\e9a4";
}

.icon-chevron-up:before {
  content: "\e9a5";
}

.icon-clock1:before {
  content: "\e9a6";
}

.icon-copy:before {
  content: "\e9a7";
}

.icon-dollar-sign:before {
  content: "\e9a8";
}

.icon-edit:before {
  content: "\e9a9";
}

.icon-eye-off:before {
  content: "\e9aa";
}

.icon-eye2:before {
  content: "\e9ab";
}

.icon-file-text:before {
  content: "\e9ac";
}

.icon-file:before {
  content: "\e9ad";
}

.icon-filter1:before {
  content: "\e9ae";
}

.icon-folder1:before {
  content: "\e9af";
}

.icon-gift11:before {
  content: "\e9b0";
}

.icon-grid3:before {
  content: "\e9b1";
}

.icon-headphones:before {
  content: "\e9b2";
}

.icon-heart11:before {
  content: "\e9b3";
}

.icon-home2:before {
  content: "\e9b4";
}

.icon-instagram2:before {
  content: "\e9b5";
}

.icon-list3:before {
  content: "\e9b6";
}

.icon-lock1:before {
  content: "\e9b7";
}

.icon-mail1:before {
  content: "\e9b8";
}

.icon-map-pin:before {
  content: "\e9b9";
}

.icon-menu2:before {
  content: "\e9ba";
}

.icon-truck1:before {
  content: "\e9bb";
}

.icon-truck3:before {
  content: "\e9bc";
}

.icon-message-square:before {
  content: "\e9bd";
}

.icon-more-horizontal:before {
  content: "\e9be";
}

.icon-more-vertical:before {
  content: "\e9bf";
}

.icon-move:before {
  content: "\e9c0";
}

.icon-phone-call1:before {
  content: "\e9c1";
}

.icon-phone1:before {
  content: "\e9c2";
}

.icon-play-circle:before {
  content: "\e9c3";
}

.icon-play1:before {
  content: "\e9c4";
}

.icon-plus-circle:before {
  content: "\e9c5";
}

.icon-plus-square1:before {
  content: "\e9c6";
}

.icon-refresh-ccw:before {
  content: "\e9c7";
}

.icon-refresh-cw:before {
  content: "\e9c8";
}

.icon-repeat1:before {
  content: "\e9c9";
}

.icon-search1:before {
  content: "\e9ca";
}

.icon-send:before {
  content: "\e9cb";
}

.icon-settings11:before {
  content: "\e9cc";
}

.icon-shopping-bag11:before {
  content: "\e9cd";
}

.icon-shopping-cart11:before {
  content: "\e9ce";
}

.icon-sliders:before {
  content: "\e9cf";
}

.icon-star11:before {
  content: "\e9d0";
}

.icon-tag11:before {
  content: "\e9d1";
}

.icon-trash-2:before {
  content: "\e9d2";
}

.icon-trash1:before {
  content: "\e9d3";
}

.icon-user11:before {
  content: "\e9d4";
}

.icon-users:before {
  content: "\e9d5";
}

.icon-x-circle:before {
  content: "\e9d6";
}

.icon-x-square:before {
  content: "\e9d7";
}

.icon-x:before {
  content: "\e9d8";
}

.icon-youtube1:before {
  content: "\e9d9";
}

.icon-zoom-in:before {
  content: "\e9da";
}

.icon-zoom-out:before {
  content: "\e9db";
}

.icon-delete:before {
  content: "\e9dc";
}

.icon-bitcoin:before {
  content: "\e9dd";
}

.icon-facebook1:before {
  content: "\e9de";
}

.icon-card:before {
  content: "\e9df";
}

.icon-create:before {
  content: "\e9e0";
}

.icon-film1:before {
  content: "\e9e1";
}

.icon-dolly:before {
  content: "\e9e2";
}

.icon-dolly1:before {
  content: "\e9e3";
}

.icon-globe1:before {
  content: "\e9e4";
}

.icon-layers1:before {
  content: "\e9e5";
}

.icon-equalizer1:before {
  content: "\e9e6";
}

.icon-link1:before {
  content: "\e9e7";
}

.icon-linkedin1:before {
  content: "\e9e8";
}

.icon-equalizer11:before {
  content: "\e9e9";
}

.icon-filter:before {
  content: "\e9ea";
}

.icon-maximize:before {
  content: "\e9eb";
}

.icon-message-circle:before {
  content: "\e9ec";
}

.icon-minus-circle:before {
  content: "\e9ed";
}

.icon-minus-square:before {
  content: "\e9ee";
}

.icon-monitor:before {
  content: "\e9ef";
}

.icon-filter-tilt:before {
  content: "\e9f0";
}

.icon-package:before {
  content: "\e9f1";
}

.icon-paperclip:before {
  content: "\e9f2";
}

.icon-pause:before {
  content: "\e9f3";
}

.icon-fullscreen:before {
  content: "\e9f4";
}

.icon-gift1:before {
  content: "\e9f5";
}

.icon-plus2:before {
  content: "\e9f6";
}

.icon-rotate-ccw:before {
  content: "\e9f7";
}

.icon-rotate-cw:before {
  content: "\e9f8";
}

.icon-rss1:before {
  content: "\e9f9";
}

.icon-share-2:before {
  content: "\e9fa";
}

.icon-shield1:before {
  content: "\e9fb";
}

.icon-thumbs-down:before {
  content: "\e9fc";
}

.icon-thumbs-up:before {
  content: "\e9fd";
}

.icon-twitter1:before {
  content: "\e9fe";
}

.icon-umbrella1:before {
  content: "\e9ff";
}

.icon-unlock:before {
  content: "\ea00";
}

.icon-user-check:before {
  content: "\ea01";
}

.icon-gift12:before {
  content: "\ea02";
}

.icon-heart3:before {
  content: "\ea03";
}

.icon-watch:before {
  content: "\ea04";
}

.icon-help:before {
  content: "\ea05";
}

.icon-help-empty:before {
  content: "\ea06";
}

.icon-https:before {
  content: "\ea07";
}

.icon-linkedin:before {
  content: "\ea08";
}

.icon-lira:before {
  content: "\ea09";
}

.icon-mastercard1:before {
  content: "\ea0a";
}

.icon-messenger:before {
  content: "\ea0b";
}

.icon-more-hor:before {
  content: "\ea0c";
}

.icon-more-ver:before {
  content: "\ea0d";
}

.icon-ok:before {
  content: "\ea0e";
}

.icon-paypal2:before {
  content: "\ea0f";
}

.icon-phone2:before {
  content: "\ea10";
}

.icon-pin2:before {
  content: "\ea11";
}

.icon-pin11:before {
  content: "\ea12";
}

.icon-pinterest2:before {
  content: "\ea13";
}

.icon-refresh2:before {
  content: "\ea14";
}

.icon-repeat:before {
  content: "\ea15";
}

.icon-return-left:before {
  content: "\ea16";
}

.icon-return-right:before {
  content: "\ea17";
}

.icon-ring:before {
  content: "\ea18";
}

.icon-ring1:before {
  content: "\ea19";
}

.icon-rotate-left:before {
  content: "\ea1a";
}

.icon-rotate-right:before {
  content: "\ea1b";
}

.icon-rss2:before {
  content: "\ea1c";
}

.icon-settings2:before {
  content: "\ea1d";
}

.icon-skype:before {
  content: "\ea1e";
}

.icon-spinner1:before {
  content: "\ea1f";
}

.icon-spinner2:before {
  content: "\ea20";
}

.icon-spinner3:before {
  content: "\ea21";
}

.icon-spinner4:before {
  content: "\ea22";
}

.icon-spinner5:before {
  content: "\ea23";
}

.icon-spinner6:before {
  content: "\ea24";
}

.icon-spinner7:before {
  content: "\ea25";
}

.icon-spinner8:before {
  content: "\ea26";
}

.icon-spinner9:before {
  content: "\ea27";
}

.icon-spinner10:before {
  content: "\ea28";
}

.icon-tag2:before {
  content: "\ea29";
}

.icon-tag12:before {
  content: "\ea2a";
}

.icon-tag21:before {
  content: "\ea2b";
}

.icon-truck11:before {
  content: "\ea2c";
}

.icon-truck31:before {
  content: "\ea2d";
}

.icon-tshirt:before {
  content: "\ea2e";
}

.icon-tshirt1:before {
  content: "\ea2f";
}

.icon-tumblr:before {
  content: "\ea30";
}

.icon-twitter2:before {
  content: "\ea31";
}

.icon-user5:before {
  content: "\ea32";
}

.icon-vimeo:before {
  content: "\ea33";
}

.icon-visa:before {
  content: "\ea34";
}

.icon-volume-mute:before {
  content: "\ea35";
}

.icon-volume-up:before {
  content: "\ea36";
}

.icon-whatsapp:before {
  content: "\ea37";
}

.icon-wifi:before {
  content: "\ea38";
}

.icon-youtube:before {
  content: "\ea39";
}

.icon-zoom:before {
  content: "\ea3a";
}

.icon-google-plus:before {
  content: "\ea8b";
}

.icon-facebook11:before {
  content: "\ea90";
}

.icon-instagram3:before {
  content: "\ea92";
}

.icon-twitter11:before {
  content: "\ea96";
}

.icon-youtube2:before {
  content: "\ea9d";
}

.icon-youtube21:before {
  content: "\ea9e";
}

.icon-vimeo1:before {
  content: "\eaa0";
}

.icon-dribbble:before {
  content: "\eaa7";
}

.icon-behance:before {
  content: "\eaa8";
}

.icon-skype1:before {
  content: "\eac5";
}

.icon-linkedin2:before {
  content: "\eaca";
}

.icon-pinterest11:before {
  content: "\ead1";
}

.icon-star2:before {
  content: "\f005";
}

.icon-star-half-empty:before {
  content: "\f123";
}

.icon-round-check:before {
  content: "\f148";
}

.icon-tick:before {
  content: "\f161";
}

.icon-view:before {
  content: "\f16a";
}

.icon-006-envelope:before {
  content: "\f173";
}

.icon-007-email:before {
  content: "\f174";
}

.icon-024-youtube:before {
  content: "\f185";
}

.icon-025-facebook-logo:before {
  content: "\f186";
}

.icon-026-linkedin-logo:before {
  content: "\f187";
}

.icon-027-instagram-logo:before {
  content: "\f188";
}

.icon-057-paper-plane:before {
  content: "\f1a2";
}

.icon-059-facebook-placeholder-for-locate-places-on-maps:before {
  content: "\f1a4";
}

/* Bootstrap */
/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 767px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #0056b3;
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

select {
  word-wrap: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
  font-size: 80%;
  font-weight: 400;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 767px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 767px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file {
  display: flex;
  align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}
.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
  margin-top: 0;
}

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
.close:hover {
  color: #000;
  text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: 0.75;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  appearance: none;
}

a.close.disabled {
  pointer-events: none;
}

.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.modal-footer > :not(:first-child) {
  margin-left: 0.25rem;
}
.modal-footer > :not(:last-child) {
  margin-right: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 767px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
.modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #007bff !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded-sm {
  border-radius: 0.2rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 767px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 767px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 767px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}
.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 767px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
.my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
.mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
.my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
.mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
.my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
.mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
.my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
.mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
.my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
.mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
.my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
.mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
.my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
.mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
.my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
.mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
.my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
.mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
.my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
.mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
.my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
.mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
.my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
.mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
.py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
.px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
.py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
.px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
.py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
.px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
.py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
.px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
.py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
.px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
.py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
.px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
.py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
.px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
.py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
.px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
.py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
.px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
.py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
.px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
.py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
.px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
.py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
.px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
.my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
.mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
.my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
.mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
.my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
.mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
.my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
.mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
.my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
.mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
.my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
.mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
.my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
.mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
.my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
.mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
.my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
.mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
.my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
.mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
.my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
.mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
.my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
.mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
.my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
.mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
.my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
.mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
.my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
.mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
.my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
.mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
.my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
.mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
.my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
.mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
.my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
.mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
.my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
.mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
.my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
.mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
.my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
.mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
.my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
.mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
.my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
.mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
.py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
.px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
.py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
.px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
.py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
.px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
.py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
.px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
.py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
.px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
.py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
.px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
.py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
.px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
.py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
.px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
.py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
.px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
.py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
.px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
.py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
.px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
.py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
.px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
.my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
.mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
.my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
.mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
.my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
.mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
.my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
.mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
.my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
.mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
.my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
.mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
.my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
.mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
.my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
.mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
.my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
.mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
.my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
.mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
.my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
.mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
.my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
.mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
.my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
.mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
.my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
.mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
.my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
.mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
.my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
.mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
.my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
.mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
.my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
.mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
.my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
.mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
.my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
.mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
.my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
.mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
.my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
.mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
.my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
.mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
.my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
.mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
.py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
.px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
.py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
.px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
.py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
.px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
.py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
.px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
.py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
.px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
.py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
.px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
.py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
.px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
.py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
.px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
.py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
.px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
.py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
.px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
.py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
.px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
.py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
.px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
.my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
.mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
.my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
.mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
.my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
.mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
.my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
.mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
.my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
.mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
.my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
.mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
.my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
.mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
.my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
.mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
.my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
.mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
.my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
.mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
.my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
.mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
.my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
.mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
.my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
.mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
.my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
.mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
.my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
.mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
.my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
.mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
.my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
.mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
.my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
.mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
.my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
.mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
.my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
.mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
.my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
.mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
.my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
.mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
.my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
.mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
.my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
.mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
.py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
.px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
.py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
.px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
.py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
.px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
.py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
.px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
.py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
.px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
.py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
.px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
.py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
.px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
.py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
.px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
.py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
.px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
.py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
.px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
.py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
.px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
.py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
.px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
.my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
.mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
.my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
.mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
.my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
.mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
.my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
.mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
.my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
.mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
.my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
.mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
.my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
.mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
.my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
.mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
.my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
.mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
.my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
.mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
.my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
.mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
.my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
.mx-xl-auto {
    margin-left: auto !important;
  }
}
.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

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

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

@media (min-width: 767px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #0056b3 !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #494f54 !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
  color: #19692c !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #ba8b00 !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #a71d2a !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
  color: #cbd3da !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: #121416 !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

/* Custom Core */
/*
Custom Renkler
*/
/* GENERAL COLORS */
/* Proje içinde kullanılabilecek özel renkler burada tanımlanır. */
/* Comes from bootstrap/_variables.scss*/
/* 
Genel renkler bootstrap içinde hazır tanımlı olduğu için kullanılabilir. 
Var olan renkler dışında aynı isimle farklı bir renk kodu kullanılmak istenirse yukarıya ayrıca yeniden tanımlama yapılabilir.

-- 

$white, $black, $blue, $indigo, $purple, $pink, $orange, $green, $teal, $cyan
*/
/* ALERT COLORS */
/*(comes from bootstrap/_variables.scss) - uyarılar için bu renkler bootstrap içinde hazır tanımlı olduğu için kullanılabilir. */
/*
$success, $info, $warning, $danger, $light, $dark 
*/
/* GRAY COLORS */
/* PROJECT COLORS */
/* 
Proje içerisinde ana renk olarak maximum 3 ya da 4 renk kullanılmalıdır. 
O renkler ise burada atanmalıdır. 
Örn. firstcolor ana renk olarak buradan değiştirildiğinde bütün projenin ana rengi değişmiş olur.
*/
/*SITE COLOR GENERAŞ*/
/* BORDER WIDTH */
/* SHADOW TRANSPARENT BLACK COLORS */
.jost {
  font-family: "Jost";
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  color: #333;
  font-weight: 400;
}

#black-cover {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 10;
}

#genaral__wrapper {
  margin: 0;
  padding: 0;
  width: 100%;
  /*    overflow: hidden;*/
}

a {
  color: #333;
  position: relative;
  /* Standart check dışında a tagi içinde custom bir checkbox kullanımı içindir. */
}
a:hover {
  color: #000;
  text-decoration: none;
}
a .custom-check {
  position: relative;
  width: 19px;
  height: 19px;
  display: block;
}
a .custom-check:before {
  content: "";
  position: absolute;
  outline: none;
  display: inline-block;
  width: 19px;
  height: 19px;
  border: solid 1px #afaeae;
  border-radius: 0;
  background: #fff;
  right: 0;
  top: 0;
}
a.js-active .custom-check:after, a.js-checked .custom-check:after {
  border-radius: 0;
  background: #333;
  content: "";
  display: block;
  height: 11px;
  width: 11px;
  position: absolute;
  left: 4px;
  top: 4px;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul li {
  list-style: none;
  float: left;
}

.svg-icon {
  position: relative;
  display: inline-block;
  line-height: 1;
  top: -2px;
}

.modal-header {
  padding: 11px 1rem;
}

.modal-title {
  width: 100%;
}

.modal-content.auto-height {
  position: absolute;
  height: 50%;
}

.modal-close {
  padding: 14px 14px !important;
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.fill-iframe {
  width: 100%;
  height: 100%;
}

.error {
  color: #dc3545 !important;
  border-color: #dc3545 !important;
  font-size: 12px !important;
}

.success {
  color: #28a745;
  border-color: #28a745;
  font-size: 12px;
}

/* - Page Loader - */
#main-loading {
  position: fixed;
  z-index: 1000000;
  background: rgba(0, 0, 0, 0.3);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
}
#main-loading .loading-container {
  margin: 0 auto;
  width: auto;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  display: flex;
}
#main-loading .loading-container .loader {
  background: #FFF;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
#main-loading .loading-container .loader .loader-icon {
  top: 0;
  -webkit-animation: loader-spin 2s linear infinite;
  -moz-animation: loader-spin 2s linear infinite;
  animation: loader-spin 2s linear infinite;
  fill: #333;
}

@-moz-keyframes loader-spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes loader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes loader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* - Page Loader - End - */
/* - Button Loader - */
.lds-ellipsis {
  display: inline-block;
  width: 40px;
  height: 6px;
  position: absolute;
  top: calc(50% - 3px);
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  line-height: 0;
}
.lds-ellipsis div {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 16px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 28px;
  animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(10px, 0);
  }
}
/* - Button Loader - End - */
/* Simple Animated Effects */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

*:focus {
  outline: 0px !important;
}

.notransition {
  -webkit-transition: none !important;
  transition: none !important;
}

.fade-out {
  opacity: 0;
}

.w-none {
  width: auto !important;
}

.wm-none {
  width: auto !important;
}

.h-auto {
  height: auto !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-auto {
  bottom: auto !important;
}

.top-0 {
  top: 0 !important;
}

.top-auto {
  top: auto !important;
}

.outline {
  font-family: "Jost" !important;
}

.c-row {
  max-width: 98.57143rem;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  width: 100%;
}

.sv-container {
  max-width: 1700px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.orange-box {
  border: 0px solid white;
  width: auto;
  display: inline-block;
  height: auto;
  background: #E37600;
  margin-bottom: 18px;
}
.orange-box .text-inner {
  display: block;
  font-family: "Jost";
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  padding: 18px;
  color: white;
}

/* Simple Animated Effects - End */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  color: #362d2e;
  text-rendering: auto;
}

div, dl, dt, dd, ul, ol, li, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, pre, form, p, blockquote, th, td {
  letter-spacing: 0.05em;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  text-transform: uppercase;
}

@media print, screen and (min-width: 40em) {
  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    letter-spacing: 0.085em;
  }
}
h1,
.h1 {
  font-size: 2rem;
  line-height: 1.4;
  margin-top: 1.28571rem;
  margin-bottom: 1.28571rem;
  font-weight: 700;
}

h2,
.h2 {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 700;
}

h3,
.h3 {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 700;
}

h4,
.h4 {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 700;
}

h5,
.h5 {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 700;
}

h6,
.h6 {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 700;
}

.pro-link {
  font-family: "Jost";
}

.white {
  color: #fff !important;
}

.black {
  color: #000 !important;
}

.red {
  color: #ff1515 !important;
}

.blue {
  color: #007bff !important;
}

.indigo {
  color: #6610f2 !important;
}

.purple {
  color: #6f42c1 !important;
}

.pink {
  color: #e83e8c !important;
}

.orange {
  color: #fd7e14 !important;
}

.orange-dark {
  color: #e74425 !important;
}

.yellow {
  color: #ffcc00 !important;
}

.green {
  color: #28a745 !important;
}

.teal {
  color: #20c997 !important;
}

.cyan {
  color: #17a2b8 !important;
}

.gray {
  color: #6c757d !important;
}

.gray-dark {
  color: #343a40 !important;
}

@media (min-width: 1024px) {
  .container-fluid {
    max-width: 1770px;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 1700px;
  }
}

.line-height-2 {
  line-height: 2;
}

@media (max-width: 767px) {
  .w-sm-100 {
    width: 100% !important;
  }
}
.alert {
  position: relative;
  padding: 7px 10px;
  padding-right: 32px;
  margin-bottom: 10px;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 4rem;
}

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px 10px;
  color: inherit;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-success hr {
  border-top-color: #b1dfbb;
}

.alert-success .alert-link {
  color: #0b2e13;
}

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.alert-info hr {
  border-top-color: #abdde5;
}

.alert-info .alert-link {
  color: #062c33;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.alert-warning hr {
  border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
  color: #533f03;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-danger hr {
  border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
  color: #491217;
}

.alert-error {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-error hr {
  border-top-color: #f1b0b7;
}

.alert-error .alert-link {
  color: #491217;
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.alert-light hr {
  border-top-color: #ececf6;
}

.alert-light .alert-link {
  color: #686868;
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.alert-dark hr {
  border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
  color: #040505;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}
a.badge:hover, a.badge:focus {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 48px;
  color: #2c2c2c;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #2c2c2c;
  border-radius: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-family: "Jost";
}

select {
  padding: 14px !important;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #f5f5f5;
  opacity: 1;
}

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

select.form-control[size], select.form-control[multiple] {
  height: auto;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 30px;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}

.form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
  font-family: "Jost";
}
.form-check-label span {
  font-family: "Jost";
}
.form-check-label a {
  font-family: "Jost";
}
.form-check-label strong {
  font-family: "Jost";
}

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.form-inline .form-check {
  width: 100%;
}

@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
.form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  /*  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }*/
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}
.form-control {
  /*    font-size: 13px;
  height: 38px;
  padding: 6px 12px;
  line-height: 1;*/
}
.form-control:focus {
  border-color: #000;
  box-shadow: none;
}

label {
  margin-bottom: 5px;
  font-family: "Jost";
}

label.error {
  color: #dc3545;
  border-color: #dc3545;
  display: block;
  width: 100%;
  font-size: 12px;
}

input.error, select.error, textarea.error {
  color: #dc3545 !important;
  border-color: #dc3545 !important;
}

/* - Custom Checkbox - */
input[type=checkbox] {
  opacity: 0;
}

input[type=checkbox] + label:before {
  width: 18px;
  height: 18px;
  background: #fff;
  content: "";
  position: absolute;
  border: 1px solid #dedede;
  border-radius: 0;
  top: 1px;
  left: 0;
}

input[type=checkbox]:checked + label:before {
  border: 1px solid #000;
}

/* Default olarak içi dolu kutu */
input[type=checkbox]:checked + label:after {
  width: 10px;
  height: 10px;
  background: #2c2c2c;
  content: "";
  position: absolute;
  border-radius: 0;
  top: 3.9px;
  left: 2.99999px;
  margin-left: 1px;
  margin-top: 0;
}

/* check class'ı ile checkmark ikonu kulanımı */
input[type=checkbox].check:checked + label:after {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9a0";
  background: none;
  font-size: 18px;
  left: -1px;
  top: 1px;
  width: 20px;
  height: 20px;
  position: absolute;
  color: #000;
}

/* - Custom Checkbox - End - */
.btn {
  font-family: Jost;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  display: inline-block;
  width: auto;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #2c2c2c;
  border-radius: 0;
  padding: 14px 29px;
  font-style: normal;
  font-weight: 400;
  white-space: normal;
  font-size: 16px;
  letter-spacing: 0.04em;
  transition: 0.4s;
  position: relative;
}

.btn-first {
  background-color: #2c2c2c !important;
  color: #fff !important;
}
.btn-first:hover {
  outline: 0;
  box-shadow: none;
  color: #2c2c2c !important;
  background-color: #fff !important;
  border-color: #2c2c2c !important;
}

.btn-second {
  outline: 0 !important;
  box-shadow: none !important;
  color: #2c2c2c !important;
  background-color: #fff !important;
  border-color: #2c2c2c !important;
}
.btn-second:hover {
  background-color: #2c2c2c !important;
  color: #fff !important;
}

.btn-third {
  background-color: #2c2c2c !important;
  color: #fff !important;
}
.btn-third:hover {
  background-color: #2c2c2c !important;
  color: #fff !important;
}

.btn-fourth {
  outline: 0;
  box-shadow: none;
  color: #2c2c2c;
  background-color: #fff;
  border-color: #2c2c2c;
}
.btn-fourth:hover {
  outline: 0;
  box-shadow: none;
  color: #2c2c2c;
  background-color: #fff;
  border-color: #2c2c2c;
}

.btn-transparent {
  color: #2c2c2c;
  fill: #2c2c2c;
  background-color: transparent;
  border-color: transparent;
  min-width: auto;
}
.btn-transparent:hover {
  color: #2c2c2c;
  fill: #2c2c2c;
  background-color: transparent;
  border-color: transparent;
}
.btn-transparent::before {
  opacity: 0 !important;
}

.btn[disabled] {
  cursor: default !important;
  border-color: #bfbfbf !important;
  color: #2c2c2c !important;
  background-color: #bfbfbf !important;
  pointer-events: none;
}

.btn-auto {
  min-width: auto;
}

.btn-link {
  font-family: "Jost";
  letter-spacing: 0px;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  margin: 0px;
  padding: 0px;
  text-decoration: underline;
  color: #2e2728;
}
.btn-link:hover {
  text-decoration: none;
}

.btn-link-underline {
  color: #362d2e;
  text-decoration: underline;
  cursor: pointer;
}
.btn-link-underline:hover {
  text-decoration: none;
}

.text-link-underline {
  text-decoration: underline;
}

.btn-disabled {
  opacity: 0.6 !important;
  cursor: not-allowed !important;
}
.btn-disabled::before {
  opacity: 0 !important;
}

.btn-bg-none {
  background-color: transparent !important;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-full {
  width: 100%;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #6c757d;
}

.accordion .acc-item .acc-header {
  display: block;
  float: left;
  width: 100%;
  cursor: pointer;
  padding: 10px;
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #efefef;
}
.accordion .acc-item .acc-header a {
  width: 100%;
  display: block;
}
.accordion .acc-item .acc-header .icon {
  position: absolute;
  right: 8px;
  top: 10px;
  /*
  .svg-icon {
  	top:0;
  }
  .down {
  }
  .up {
  	display:none;
  }
  */
}
.accordion .acc-item .acc-header .icon .arrow {
  width: 22px;
  height: 22px;
  display: block;
}
.accordion .acc-item .acc-header .icon .arrow:before {
  content: "\e914";
  font-size: 22px;
  position: relative;
  right: 2px;
  color: #bbb;
}
.accordion .acc-item .acc-content {
  float: left;
  width: 100%;
  /*	padding: 20px 10px;
  background: $gray5;*/
  border-bottom: 1px solid #efefef;
}
.accordion .acc-item.js-active .acc-header .icon {
  /*
  .down {
  	display:none;
  }
  .up {
  	display:block;
  }
  */
}
.accordion .acc-item.js-active .acc-header .icon .arrow:before {
  content: "\e931";
}
.tabs > ul {
  width: 100%;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.tabs > ul > li {
  float: left;
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.tabs > ul > li > a {
  background: #ffffff;
  border-bottom: 1px solid whitesmoke;
  font-size: 16px;
  color: #434343;
  font-weight: 600;
  text-transform: uppercase;
  padding: 13px 25px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.tabs > ul > li > a.js-active {
  background: #cb9400;
  color: white;
}
.tabs .content {
  background: #fff;
  padding: 20px;
  border-top: 1px solid #efefef;
  margin-top: -1px;
  overflow: hidden;
}

.fill-white {
  color: #fff;
  fill: #fff;
}

.fill-red {
  color: #ff1515;
  fill: #ff1515;
}

.fill-gray {
  color: #bbb;
  fill: #bbb;
}

.fill-black {
  color: #000;
  fill: #000;
}

.bg-black {
  background-color: #000 !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-yellow {
  background-color: #ffcc00 !important;
}

.bg-success {
  background-color: #28a745 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

.bg-yellow {
  background-color: #28a745 !important;
}

.no-margin {
  margin: 0;
}

.no-padding {
  padding: 0;
}

.temp-hidden {
  display: none;
}

.temp-visible {
  display: block;
}

.slimScrollBar {
  background: #ffcc00 !important;
  cursor: pointer;
  opacity: 1 !important;
}

.blur-up {
  -webkit-filter: blur(20px);
  filter: blur(20px);
  transition: filter 400ms, -webkit-filter 400ms;
}

.blur-up.lazyloaded {
  -webkit-filter: blur(0);
  filter: blur(0);
}

.fade-up {
  opacity: 0;
  transition: opacity 400ms linear;
}

.fade-up.lazyloaded {
  opacity: 1;
}

/* - All product suggest slider - */
.product-slider {
  margin-bottom: 30px;
}
.product-slider.hide {
  visibility: hidden;
  height: 0;
}
.product-slider .slick-slide {
  margin: 0 8px;
}
.product-slider .item-image a img {
  width: 100%;
}
.product-slider .item-info .item-name a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  font-weight: 500;
}
.product-slider .item-info .item-price .old-price {
  text-decoration: line-through;
  color: #bbb;
  margin-right: 5px;
}
.product-slider .item-info .item-price .new-price {
  color: #dc1515;
  font-weight: 500;
}
.product-slider .item-info .item-price .one-price {
  color: #000000;
  font-weight: 500;
}
.product-slider .slick-prev, .product-slider .slick-next {
  line-height: 1;
  position: absolute;
  top: 50%;
  display: block;
  width: 25px;
  height: 25px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  z-index: 2;
}
.product-slider .slick-prev:before, .product-slider .slick-next:before {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 25px;
  content: "";
  font-size: 23px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  background: #fff;
  border: 1px solid #efefef;
}
.product-slider .slick-prev {
  left: -4px;
}
.product-slider .slick-prev:before {
  content: "\e900";
}
.product-slider .slick-next {
  right: -4px;
}
.product-slider .slick-next:before {
  content: "\e908";
}

/* - Content Aligning Classes - */
/* Sample Usage: "c-align w10 a-x10-y10" */
.c-container {
  position: relative;
}

.c-align {
  position: absolute;
}

.c-align.w10 {
  width: 10%;
}

.c-align.a-x10-y10 {
  left: 10%;
  top: 10%;
  transform: translate(-10%, -10%);
}

.c-align.a-x10-y20 {
  left: 10%;
  top: 20%;
  transform: translate(-10%, -20%);
}

.c-align.a-x10-y30 {
  left: 10%;
  top: 30%;
  transform: translate(-10%, -30%);
}

.c-align.a-x10-y40 {
  left: 10%;
  top: 40%;
  transform: translate(-10%, -40%);
}

.c-align.a-x10-y50 {
  left: 10%;
  top: 50%;
  transform: translate(-10%, -50%);
}

.c-align.a-x10-y60 {
  left: 10%;
  top: 60%;
  transform: translate(-10%, -60%);
}

.c-align.a-x10-y70 {
  left: 10%;
  top: 70%;
  transform: translate(-10%, -70%);
}

.c-align.a-x10-y80 {
  left: 10%;
  top: 80%;
  transform: translate(-10%, -80%);
}

.c-align.a-x10-y90 {
  left: 10%;
  top: 90%;
  transform: translate(-10%, -90%);
}

.c-align.a-x10-y100 {
  left: 10%;
  top: 100%;
  transform: translate(-10%, -100%);
}

.c-align.w20 {
  width: 20%;
}

.c-align.a-x20-y10 {
  left: 20%;
  top: 10%;
  transform: translate(-20%, -10%);
}

.c-align.a-x20-y20 {
  left: 20%;
  top: 20%;
  transform: translate(-20%, -20%);
}

.c-align.a-x20-y30 {
  left: 20%;
  top: 30%;
  transform: translate(-20%, -30%);
}

.c-align.a-x20-y40 {
  left: 20%;
  top: 40%;
  transform: translate(-20%, -40%);
}

.c-align.a-x20-y50 {
  left: 20%;
  top: 50%;
  transform: translate(-20%, -50%);
}

.c-align.a-x20-y60 {
  left: 20%;
  top: 60%;
  transform: translate(-20%, -60%);
}

.c-align.a-x20-y70 {
  left: 20%;
  top: 70%;
  transform: translate(-20%, -70%);
}

.c-align.a-x20-y80 {
  left: 20%;
  top: 80%;
  transform: translate(-20%, -80%);
}

.c-align.a-x20-y90 {
  left: 20%;
  top: 90%;
  transform: translate(-20%, -90%);
}

.c-align.a-x20-y100 {
  left: 20%;
  top: 100%;
  transform: translate(-20%, -100%);
}

.c-align.w30 {
  width: 30%;
}

.c-align.a-x30-y10 {
  left: 30%;
  top: 10%;
  transform: translate(-30%, -10%);
}

.c-align.a-x30-y20 {
  left: 30%;
  top: 20%;
  transform: translate(-30%, -20%);
}

.c-align.a-x30-y30 {
  left: 30%;
  top: 30%;
  transform: translate(-30%, -30%);
}

.c-align.a-x30-y40 {
  left: 30%;
  top: 40%;
  transform: translate(-30%, -40%);
}

.c-align.a-x30-y50 {
  left: 30%;
  top: 50%;
  transform: translate(-30%, -50%);
}

.c-align.a-x30-y60 {
  left: 30%;
  top: 60%;
  transform: translate(-30%, -60%);
}

.c-align.a-x30-y70 {
  left: 30%;
  top: 70%;
  transform: translate(-30%, -70%);
}

.c-align.a-x30-y80 {
  left: 30%;
  top: 80%;
  transform: translate(-30%, -80%);
}

.c-align.a-x30-y90 {
  left: 30%;
  top: 90%;
  transform: translate(-30%, -90%);
}

.c-align.a-x30-y100 {
  left: 30%;
  top: 100%;
  transform: translate(-30%, -100%);
}

.c-align.w40 {
  width: 40%;
}

.c-align.a-x40-y10 {
  left: 40%;
  top: 10%;
  transform: translate(-40%, -10%);
}

.c-align.a-x40-y20 {
  left: 40%;
  top: 20%;
  transform: translate(-40%, -20%);
}

.c-align.a-x40-y30 {
  left: 40%;
  top: 30%;
  transform: translate(-40%, -30%);
}

.c-align.a-x40-y40 {
  left: 40%;
  top: 40%;
  transform: translate(-40%, -40%);
}

.c-align.a-x40-y50 {
  left: 40%;
  top: 50%;
  transform: translate(-40%, -50%);
}

.c-align.a-x40-y60 {
  left: 40%;
  top: 60%;
  transform: translate(-40%, -60%);
}

.c-align.a-x40-y70 {
  left: 40%;
  top: 70%;
  transform: translate(-40%, -70%);
}

.c-align.a-x40-y80 {
  left: 40%;
  top: 80%;
  transform: translate(-40%, -80%);
}

.c-align.a-x40-y90 {
  left: 40%;
  top: 90%;
  transform: translate(-40%, -90%);
}

.c-align.a-x40-y100 {
  left: 40%;
  top: 100%;
  transform: translate(-40%, -100%);
}

.c-align.w50 {
  width: 50%;
}

.c-align.a-x50-y10 {
  left: 50%;
  top: 10%;
  transform: translate(-50%, -10%);
}

.c-align.a-x50-y20 {
  left: 50%;
  top: 20%;
  transform: translate(-50%, -20%);
}

.c-align.a-x50-y30 {
  left: 50%;
  top: 30%;
  transform: translate(-50%, -30%);
}

.c-align.a-x50-y40 {
  left: 50%;
  top: 40%;
  transform: translate(-50%, -40%);
}

.c-align.a-x50-y50 {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.c-align.a-x50-y60 {
  left: 50%;
  top: 60%;
  transform: translate(-50%, -60%);
}

.c-align.a-x50-y70 {
  left: 50%;
  top: 70%;
  transform: translate(-50%, -70%);
}

.c-align.a-x50-y80 {
  left: 50%;
  top: 80%;
  transform: translate(-50%, -80%);
}

.c-align.a-x50-y90 {
  left: 50%;
  top: 90%;
  transform: translate(-50%, -90%);
}

.c-align.a-x50-y100 {
  left: 50%;
  top: 100%;
  transform: translate(-50%, -100%);
}

.c-align.w60 {
  width: 60%;
}

.c-align.a-x60-y10 {
  left: 60%;
  top: 10%;
  transform: translate(-60%, -10%);
}

.c-align.a-x60-y20 {
  left: 60%;
  top: 20%;
  transform: translate(-60%, -20%);
}

.c-align.a-x60-y30 {
  left: 60%;
  top: 30%;
  transform: translate(-60%, -30%);
}

.c-align.a-x60-y40 {
  left: 60%;
  top: 40%;
  transform: translate(-60%, -40%);
}

.c-align.a-x60-y50 {
  left: 60%;
  top: 50%;
  transform: translate(-60%, -50%);
}

.c-align.a-x60-y60 {
  left: 60%;
  top: 60%;
  transform: translate(-60%, -60%);
}

.c-align.a-x60-y70 {
  left: 60%;
  top: 70%;
  transform: translate(-60%, -70%);
}

.c-align.a-x60-y80 {
  left: 60%;
  top: 80%;
  transform: translate(-60%, -80%);
}

.c-align.a-x60-y90 {
  left: 60%;
  top: 90%;
  transform: translate(-60%, -90%);
}

.c-align.a-x60-y100 {
  left: 60%;
  top: 100%;
  transform: translate(-60%, -100%);
}

.c-align.w70 {
  width: 70%;
}

.c-align.a-x70-y10 {
  left: 70%;
  top: 10%;
  transform: translate(-70%, -10%);
}

.c-align.a-x70-y20 {
  left: 70%;
  top: 20%;
  transform: translate(-70%, -20%);
}

.c-align.a-x70-y30 {
  left: 70%;
  top: 30%;
  transform: translate(-70%, -30%);
}

.c-align.a-x70-y40 {
  left: 70%;
  top: 40%;
  transform: translate(-70%, -40%);
}

.c-align.a-x70-y50 {
  left: 70%;
  top: 50%;
  transform: translate(-70%, -50%);
}

.c-align.a-x70-y60 {
  left: 70%;
  top: 60%;
  transform: translate(-70%, -60%);
}

.c-align.a-x70-y70 {
  left: 70%;
  top: 70%;
  transform: translate(-70%, -70%);
}

.c-align.a-x70-y80 {
  left: 70%;
  top: 80%;
  transform: translate(-70%, -80%);
}

.c-align.a-x70-y90 {
  left: 70%;
  top: 90%;
  transform: translate(-70%, -90%);
}

.c-align.a-x70-y100 {
  left: 70%;
  top: 100%;
  transform: translate(-70%, -100%);
}

.c-align.w80 {
  width: 80%;
}

.c-align.a-x80-y10 {
  left: 80%;
  top: 10%;
  transform: translate(-80%, -10%);
}

.c-align.a-x80-y20 {
  left: 80%;
  top: 20%;
  transform: translate(-80%, -20%);
}

.c-align.a-x80-y30 {
  left: 80%;
  top: 30%;
  transform: translate(-80%, -30%);
}

.c-align.a-x80-y40 {
  left: 80%;
  top: 40%;
  transform: translate(-80%, -40%);
}

.c-align.a-x80-y50 {
  left: 80%;
  top: 50%;
  transform: translate(-80%, -50%);
}

.c-align.a-x80-y60 {
  left: 80%;
  top: 60%;
  transform: translate(-80%, -60%);
}

.c-align.a-x80-y70 {
  left: 80%;
  top: 70%;
  transform: translate(-80%, -70%);
}

.c-align.a-x80-y80 {
  left: 80%;
  top: 80%;
  transform: translate(-80%, -80%);
}

.c-align.a-x80-y90 {
  left: 80%;
  top: 90%;
  transform: translate(-80%, -90%);
}

.c-align.a-x80-y100 {
  left: 80%;
  top: 100%;
  transform: translate(-80%, -100%);
}

.c-align.w90 {
  width: 90%;
}

.c-align.a-x90-y10 {
  left: 90%;
  top: 10%;
  transform: translate(-90%, -10%);
}

.c-align.a-x90-y20 {
  left: 90%;
  top: 20%;
  transform: translate(-90%, -20%);
}

.c-align.a-x90-y30 {
  left: 90%;
  top: 30%;
  transform: translate(-90%, -30%);
}

.c-align.a-x90-y40 {
  left: 90%;
  top: 40%;
  transform: translate(-90%, -40%);
}

.c-align.a-x90-y50 {
  left: 90%;
  top: 50%;
  transform: translate(-90%, -50%);
}

.c-align.a-x90-y60 {
  left: 90%;
  top: 60%;
  transform: translate(-90%, -60%);
}

.c-align.a-x90-y70 {
  left: 90%;
  top: 70%;
  transform: translate(-90%, -70%);
}

.c-align.a-x90-y80 {
  left: 90%;
  top: 80%;
  transform: translate(-90%, -80%);
}

.c-align.a-x90-y90 {
  left: 90%;
  top: 90%;
  transform: translate(-90%, -90%);
}

.c-align.a-x90-y100 {
  left: 90%;
  top: 100%;
  transform: translate(-90%, -100%);
}

.c-align.w100 {
  width: 100%;
}

.c-align.a-x100-y10 {
  left: 100%;
  top: 10%;
  transform: translate(-100%, -10%);
}

.c-align.a-x100-y20 {
  left: 100%;
  top: 20%;
  transform: translate(-100%, -20%);
}

.c-align.a-x100-y30 {
  left: 100%;
  top: 30%;
  transform: translate(-100%, -30%);
}

.c-align.a-x100-y40 {
  left: 100%;
  top: 40%;
  transform: translate(-100%, -40%);
}

.c-align.a-x100-y50 {
  left: 100%;
  top: 50%;
  transform: translate(-100%, -50%);
}

.c-align.a-x100-y60 {
  left: 100%;
  top: 60%;
  transform: translate(-100%, -60%);
}

.c-align.a-x100-y70 {
  left: 100%;
  top: 70%;
  transform: translate(-100%, -70%);
}

.c-align.a-x100-y80 {
  left: 100%;
  top: 80%;
  transform: translate(-100%, -80%);
}

.c-align.a-x100-y90 {
  left: 100%;
  top: 90%;
  transform: translate(-100%, -90%);
}

.c-align.a-x100-y100 {
  left: 100%;
  top: 100%;
  transform: translate(-100%, -100%);
}

/* - Font Size Classses - */
.size-11 {
  font-size: 11px;
  line-height: 11px;
}

.size-12 {
  font-size: 12px;
  line-height: 12px;
}

.size-13 {
  font-size: 13px;
  line-height: 13px;
}

.size-14 {
  font-size: 14px;
  line-height: 14px;
}

.size-16 {
  font-size: 16px;
  line-height: 16px;
}

.size-18 {
  font-size: 18px;
  line-height: 18px;
}

.size-20 {
  font-size: 20px;
  line-height: 20px;
}

.size-22 {
  font-size: 22px;
  line-height: 22px;
}

.size-30 {
  font-size: 30px;
  line-height: 30px;
}

.size-36 {
  font-size: 36px;
  line-height: 36px;
}

.size-40 {
  font-size: 40px;
  line-height: 40px;
}

.size-50 {
  font-size: 50px;
  line-height: 50px;
}

.size-60 {
  font-size: 60px;
  line-height: 60px;
}

/* - Color Classes - */
.color-white {
  color: #fff;
}

.color-black {
  color: #000;
}

.color-red {
  color: #ff1515;
}

.color-gray1 {
  color: #bbb;
}

.cpl-1 {
  padding-left: 1px !important;
}

.cpl-2 {
  padding-left: 2px !important;
}

.cpl-3 {
  padding-left: 3px !important;
}

.cpl-4 {
  padding-left: 4px !important;
}

.cpl-5 {
  padding-left: 5px !important;
}

.cpl-6 {
  padding-left: 6px !important;
}

.cpl-7 {
  padding-left: 7px !important;
}

.cpl-8 {
  padding-left: 8px !important;
}

.cpl-9 {
  padding-left: 9px !important;
}

.cpl-10 {
  padding-left: 10px !important;
}

.cpl-11 {
  padding-left: 11px !important;
}

.cpl-12 {
  padding-left: 12px !important;
}

.cpl-13 {
  padding-left: 13px !important;
}

.cpl-14 {
  padding-left: 14px !important;
}

.cpl-15 {
  padding-left: 15px !important;
}

.cpl-16 {
  padding-left: 16px !important;
}

.cpl-17 {
  padding-left: 17px !important;
}

.cpl-18 {
  padding-left: 18px !important;
}

.cpl-19 {
  padding-left: 19px !important;
}

.cpl-20 {
  padding-left: 20px !important;
}

.cpl-21 {
  padding-left: 21px !important;
}

.cpl-22 {
  padding-left: 22px !important;
}

.cpl-23 {
  padding-left: 23px !important;
}

.cpl-24 {
  padding-left: 24px !important;
}

.cpl-25 {
  padding-left: 25px !important;
}

.cpl-26 {
  padding-left: 26px !important;
}

.cpl-27 {
  padding-left: 27px !important;
}

.cpl-28 {
  padding-left: 28px !important;
}

.cpl-29 {
  padding-left: 29px !important;
}

.cpl-30 {
  padding-left: 30px !important;
}

.cpl-35 {
  padding-left: 35px !important;
}

.cpl-40 {
  padding-left: 40px !important;
}

.cpl-45 {
  padding-left: 45px !important;
}

.cpl-50 {
  padding-left: 50px !important;
}

.cpl-55 {
  padding-left: 55px !important;
}

.cpl-60 {
  padding-left: 60px !important;
}

.cpl-70 {
  padding-left: 70px !important;
}

.cpl-80 {
  padding-left: 80px !important;
}

.cpl-90 {
  padding-left: 90px !important;
}

.cpl-100 {
  padding-left: 100px !important;
}

.cpr-1 {
  padding-right: 1px !important;
}

.cpr-2 {
  padding-right: 2px !important;
}

.cpr-3 {
  padding-right: 3px !important;
}

.cpr-4 {
  padding-right: 4px !important;
}

.cpr-5 {
  padding-right: 5px !important;
}

.cpr-6 {
  padding-right: 6px !important;
}

.cpr-7 {
  padding-right: 7px !important;
}

.cpr-8 {
  padding-right: 8px !important;
}

.cpr-9 {
  padding-right: 9px !important;
}

.cpr-10 {
  padding-right: 10px !important;
}

.cpr-11 {
  padding-right: 11px !important;
}

.cpr-12 {
  padding-right: 12px !important;
}

.cpr-13 {
  padding-right: 13px !important;
}

.cpr-14 {
  padding-right: 14px !important;
}

.cpr-15 {
  padding-right: 15px !important;
}

.cpr-16 {
  padding-right: 16px !important;
}

.cpr-17 {
  padding-right: 17px !important;
}

.cpr-18 {
  padding-right: 18px !important;
}

.cpr-19 {
  padding-right: 19px !important;
}

.cpr-20 {
  padding-right: 20px !important;
}

.cpr-21 {
  padding-right: 21px !important;
}

.cpr-22 {
  padding-right: 22px !important;
}

.cpr-23 {
  padding-right: 23px !important;
}

.cpr-24 {
  padding-right: 24px !important;
}

.cpr-25 {
  padding-right: 25px !important;
}

.cpr-26 {
  padding-right: 26px !important;
}

.cpr-27 {
  padding-right: 27px !important;
}

.cpr-28 {
  padding-right: 28px !important;
}

.cpr-29 {
  padding-right: 29px !important;
}

.cpr-30 {
  padding-right: 30px !important;
}

.cpr-35 {
  padding-right: 35px !important;
}

.cpr-40 {
  padding-right: 40px !important;
}

.cpr-45 {
  padding-right: 45px !important;
}

.cpr-50 {
  padding-right: 50px !important;
}

.cpr-55 {
  padding-right: 55px !important;
}

.cpr-60 {
  padding-right: 60px !important;
}

.cpr-70 {
  padding-right: 70px !important;
}

.cpr-80 {
  padding-right: 80px !important;
}

.cpr-90 {
  padding-right: 90px !important;
}

.cpr-100 {
  padding-right: 100px !important;
}

.cpb-1 {
  padding-bottom: 1px !important;
}

.cpb-2 {
  padding-bottom: 2px !important;
}

.cpb-3 {
  padding-bottom: 3px !important;
}

.cpb-4 {
  padding-bottom: 4px !important;
}

.cpb-5 {
  padding-bottom: 5px !important;
}

.cpb-6 {
  padding-bottom: 6px !important;
}

.cpb-7 {
  padding-bottom: 7px !important;
}

.cpb-8 {
  padding-bottom: 8px !important;
}

.cpb-9 {
  padding-bottom: 9px !important;
}

.cpb-10 {
  padding-bottom: 10px !important;
}

.cpb-11 {
  padding-bottom: 11px !important;
}

.cpb-12 {
  padding-bottom: 12px !important;
}

.cpb-13 {
  padding-bottom: 13px !important;
}

.cpb-14 {
  padding-bottom: 14px !important;
}

.cpb-15 {
  padding-bottom: 15px !important;
}

.cpb-16 {
  padding-bottom: 16px !important;
}

.cpb-17 {
  padding-bottom: 17px !important;
}

.cpb-18 {
  padding-bottom: 18px !important;
}

.cpb-19 {
  padding-bottom: 19px !important;
}

.cpb-20 {
  padding-bottom: 20px !important;
}

.cpb-21 {
  padding-bottom: 21px !important;
}

.cpb-22 {
  padding-bottom: 22px !important;
}

.cpb-23 {
  padding-bottom: 23px !important;
}

.cpb-24 {
  padding-bottom: 24px !important;
}

.cpb-25 {
  padding-bottom: 25px !important;
}

.cpb-26 {
  padding-bottom: 26px !important;
}

.cpb-27 {
  padding-bottom: 27px !important;
}

.cpb-28 {
  padding-bottom: 28px !important;
}

.cpb-29 {
  padding-bottom: 29px !important;
}

.cpb-30 {
  padding-bottom: 30px !important;
}

.cpb-35 {
  padding-bottom: 35px !important;
}

.cpb-40 {
  padding-bottom: 40px !important;
}

.cpb-45 {
  padding-bottom: 45px !important;
}

.cpb-50 {
  padding-bottom: 50px !important;
}

.cpb-55 {
  padding-bottom: 55px !important;
}

.cpb-60 {
  padding-bottom: 60px !important;
}

.cpb-70 {
  padding-bottom: 70px !important;
}

.cpb-80 {
  padding-bottom: 80px !important;
}

.cpb-90 {
  padding-bottom: 90px !important;
}

.cpb-100 {
  padding-bottom: 100px !important;
}

.cpt-1 {
  padding-top: 1px !important;
}

.cpt-2 {
  padding-top: 2px !important;
}

.cpt-3 {
  padding-top: 3px !important;
}

.cpt-4 {
  padding-top: 4px !important;
}

.cpt-5 {
  padding-top: 5px !important;
}

.cpt-6 {
  padding-top: 6px !important;
}

.cpt-7 {
  padding-top: 7px !important;
}

.cpt-8 {
  padding-top: 8px !important;
}

.cpt-9 {
  padding-top: 9px !important;
}

.cpt-10 {
  padding-top: 10px !important;
}

.cpt-11 {
  padding-top: 11px !important;
}

.cpt-12 {
  padding-top: 12px !important;
}

.cpt-13 {
  padding-top: 13px !important;
}

.cpt-14 {
  padding-top: 14px !important;
}

.cpt-15 {
  padding-top: 15px !important;
}

.cpt-16 {
  padding-top: 16px !important;
}

.cpt-17 {
  padding-top: 17px !important;
}

.cpt-18 {
  padding-top: 18px !important;
}

.cpt-19 {
  padding-top: 19px !important;
}

.cpt-20 {
  padding-top: 20px !important;
}

.cpt-21 {
  padding-top: 21px !important;
}

.cpt-22 {
  padding-top: 22px !important;
}

.cpt-23 {
  padding-top: 23px !important;
}

.cpt-24 {
  padding-top: 24px !important;
}

.cpt-25 {
  padding-top: 25px !important;
}

.cpt-26 {
  padding-top: 26px !important;
}

.cpt-27 {
  padding-top: 27px !important;
}

.cpt-28 {
  padding-top: 28px !important;
}

.cpt-29 {
  padding-top: 29px !important;
}

.cpt-30 {
  padding-top: 30px !important;
}

.cpt-35 {
  padding-top: 35px !important;
}

.cpt-40 {
  padding-top: 40px !important;
}

.cpt-45 {
  padding-top: 45px !important;
}

.cpt-50 {
  padding-top: 50px !important;
}

.cpt-55 {
  padding-top: 55px !important;
}

.cpt-60 {
  padding-top: 60px !important;
}

.cpt-70 {
  padding-top: 70px !important;
}

.cpt-80 {
  padding-top: 80px !important;
}

.cpt-90 {
  padding-top: 90px !important;
}

.cpt-100 {
  padding-top: 100px !important;
}

.cml-1 {
  margin-left: 1px !important;
}

.cml-2 {
  margin-left: 2px !important;
}

.cml-3 {
  margin-left: 3px !important;
}

.cml-4 {
  margin-left: 4px !important;
}

.cml-5 {
  margin-left: 5px !important;
}

.cml-6 {
  margin-left: 6px !important;
}

.cml-7 {
  margin-left: 7px !important;
}

.cml-8 {
  margin-left: 8px !important;
}

.cml-9 {
  margin-left: 9px !important;
}

.cml-10 {
  margin-left: 10px !important;
}

.cml-11 {
  margin-left: 11px !important;
}

.cml-12 {
  margin-left: 12px !important;
}

.cml-13 {
  margin-left: 13px !important;
}

.cml-14 {
  margin-left: 14px !important;
}

.cml-15 {
  margin-left: 15px !important;
}

.cml-16 {
  margin-left: 16px !important;
}

.cml-17 {
  margin-left: 17px !important;
}

.cml-18 {
  margin-left: 18px !important;
}

.cml-19 {
  margin-left: 19px !important;
}

.cml-20 {
  margin-left: 20px !important;
}

.cml-21 {
  margin-left: 21px !important;
}

.cml-22 {
  margin-left: 22px !important;
}

.cml-23 {
  margin-left: 23px !important;
}

.cml-24 {
  margin-left: 24px !important;
}

.cml-25 {
  margin-left: 25px !important;
}

.cml-26 {
  margin-left: 26px !important;
}

.cml-27 {
  margin-left: 27px !important;
}

.cml-28 {
  margin-left: 28px !important;
}

.cml-29 {
  margin-left: 29px !important;
}

.cml-30 {
  margin-left: 30px !important;
}

.cml-35 {
  margin-left: 35px !important;
}

.cml-40 {
  margin-left: 40px !important;
}

.cml-45 {
  margin-left: 45px !important;
}

.cml-50 {
  margin-left: 50px !important;
}

.cml-55 {
  margin-left: 55px !important;
}

.cml-60 {
  margin-left: 60px !important;
}

.cml-70 {
  margin-left: 70px !important;
}

.cml-80 {
  margin-left: 80px !important;
}

.cml-90 {
  margin-left: 90px !important;
}

.cml-100 {
  margin-left: 100px !important;
}

.cmr-1 {
  margin-right: 1px !important;
}

.cmr-2 {
  margin-right: 2px !important;
}

.cmr-3 {
  margin-right: 3px !important;
}

.cmr-4 {
  margin-right: 4px !important;
}

.cmr-5 {
  margin-right: 5px !important;
}

.cmr-6 {
  margin-right: 6px !important;
}

.cmr-7 {
  margin-right: 7px !important;
}

.cmr-8 {
  margin-right: 8px !important;
}

.cmr-9 {
  margin-right: 9px !important;
}

.cmr-10 {
  margin-right: 10px !important;
}

.cmr-11 {
  margin-right: 11px !important;
}

.cmr-12 {
  margin-right: 12px !important;
}

.cmr-13 {
  margin-right: 13px !important;
}

.cmr-14 {
  margin-right: 14px !important;
}

.cmr-15 {
  margin-right: 15px !important;
}

.cmr-16 {
  margin-right: 16px !important;
}

.cmr-17 {
  margin-right: 17px !important;
}

.cmr-18 {
  margin-right: 18px !important;
}

.cmr-19 {
  margin-right: 19px !important;
}

.cmr-20 {
  margin-right: 20px !important;
}

.cmr-21 {
  margin-right: 21px !important;
}

.cmr-22 {
  margin-right: 22px !important;
}

.cmr-23 {
  margin-right: 23px !important;
}

.cmr-24 {
  margin-right: 24px !important;
}

.cmr-25 {
  margin-right: 25px !important;
}

.cmr-26 {
  margin-right: 26px !important;
}

.cmr-27 {
  margin-right: 27px !important;
}

.cmr-28 {
  margin-right: 28px !important;
}

.cmr-29 {
  margin-right: 29px !important;
}

.cmr-30 {
  margin-right: 30px !important;
}

.cmr-35 {
  margin-right: 35px !important;
}

.cmr-40 {
  margin-right: 40px !important;
}

.cmr-45 {
  margin-right: 45px !important;
}

.cmr-50 {
  margin-right: 50px !important;
}

.cmr-55 {
  margin-right: 55px !important;
}

.cmr-60 {
  margin-right: 60px !important;
}

.cmr-70 {
  margin-right: 70px !important;
}

.cmr-80 {
  margin-right: 80px !important;
}

.cmr-90 {
  margin-right: 90px !important;
}

.cmr-100 {
  margin-right: 100px !important;
}

.cmb-1 {
  margin-bottom: 1px !important;
}

.cmb-2 {
  margin-bottom: 2px !important;
}

.cmb-3 {
  margin-bottom: 3px !important;
}

.cmb-4 {
  margin-bottom: 4px !important;
}

.cmb-5 {
  margin-bottom: 5px !important;
}

.cmb-6 {
  margin-bottom: 6px !important;
}

.cmb-7 {
  margin-bottom: 7px !important;
}

.cmb-8 {
  margin-bottom: 8px !important;
}

.cmb-9 {
  margin-bottom: 9px !important;
}

.cmb-10 {
  margin-bottom: 10px !important;
}

.cmb-11 {
  margin-bottom: 11px !important;
}

.cmb-12 {
  margin-bottom: 12px !important;
}

.cmb-13 {
  margin-bottom: 13px !important;
}

.cmb-14 {
  margin-bottom: 14px !important;
}

.cmb-15 {
  margin-bottom: 15px !important;
}

.cmb-16 {
  margin-bottom: 16px !important;
}

.cmb-17 {
  margin-bottom: 17px !important;
}

.cmb-18 {
  margin-bottom: 18px !important;
}

.cmb-19 {
  margin-bottom: 19px !important;
}

.cmb-20 {
  margin-bottom: 20px !important;
}

.cmb-21 {
  margin-bottom: 21px !important;
}

.cmb-22 {
  margin-bottom: 22px !important;
}

.cmb-23 {
  margin-bottom: 23px !important;
}

.cmb-24 {
  margin-bottom: 24px !important;
}

.cmb-25 {
  margin-bottom: 25px !important;
}

.cmb-26 {
  margin-bottom: 26px !important;
}

.cmb-27 {
  margin-bottom: 27px !important;
}

.cmb-28 {
  margin-bottom: 28px !important;
}

.cmb-29 {
  margin-bottom: 29px !important;
}

.cmb-30 {
  margin-bottom: 30px !important;
}

.cmb-35 {
  margin-bottom: 35px !important;
}

.cmb-40 {
  margin-bottom: 40px !important;
}

.cmb-45 {
  margin-bottom: 45px !important;
}

.cmb-50 {
  margin-bottom: 50px !important;
}

.cmb-55 {
  margin-bottom: 55px !important;
}

.cmb-60 {
  margin-bottom: 60px !important;
}

.cmb-70 {
  margin-bottom: 70px !important;
}

.cmb-80 {
  margin-bottom: 80px !important;
}

.cmb-90 {
  margin-bottom: 90px !important;
}

.cmb-100 {
  margin-bottom: 100px !important;
}

.cmt-1 {
  margin-top: 1px !important;
}

.cmt-2 {
  margin-top: 2px !important;
}

.cmt-3 {
  margin-top: 3px !important;
}

.cmt-4 {
  margin-top: 4px !important;
}

.cmt-5 {
  margin-top: 5px !important;
}

.cmt-6 {
  margin-top: 6px !important;
}

.cmt-7 {
  margin-top: 7px !important;
}

.cmt-8 {
  margin-top: 8px !important;
}

.cmt-9 {
  margin-top: 9px !important;
}

.cmt-10 {
  margin-top: 10px !important;
}

.cmt-11 {
  margin-top: 11px !important;
}

.cmt-12 {
  margin-top: 12px !important;
}

.cmt-13 {
  margin-top: 13px !important;
}

.cmt-14 {
  margin-top: 14px !important;
}

.cmt-15 {
  margin-top: 15px !important;
}

.cmt-16 {
  margin-top: 16px !important;
}

.cmt-17 {
  margin-top: 17px !important;
}

.cmt-18 {
  margin-top: 18px !important;
}

.cmt-19 {
  margin-top: 19px !important;
}

.cmt-20 {
  margin-top: 20px !important;
}

.cmt-21 {
  margin-top: 21px !important;
}

.cmt-22 {
  margin-top: 22px !important;
}

.cmt-23 {
  margin-top: 23px !important;
}

.cmt-24 {
  margin-top: 24px !important;
}

.cmt-25 {
  margin-top: 25px !important;
}

.cmt-26 {
  margin-top: 26px !important;
}

.cmt-27 {
  margin-top: 27px !important;
}

.cmt-28 {
  margin-top: 28px !important;
}

.cmt-29 {
  margin-top: 29px !important;
}

.cmt-30 {
  margin-top: 30px !important;
}

.cmt-35 {
  margin-top: 35px !important;
}

.cmt-40 {
  margin-top: 40px !important;
}

.cmt-45 {
  margin-top: 45px !important;
}

.cmt-50 {
  margin-top: 50px !important;
}

.cmt-55 {
  margin-top: 55px !important;
}

.cmt-60 {
  margin-top: 60px !important;
}

.cmt-70 {
  margin-top: 70px !important;
}

.cmt-80 {
  margin-top: 80px !important;
}

.cmt-90 {
  margin-top: 90px !important;
}

.cmt-100 {
  margin-top: 100px !important;
}

.cw-5 {
  width: 5% !important;
}

.cw-10 {
  width: 10% !important;
}

.cw-15 {
  width: 15% !important;
}

.cw-20 {
  width: 20% !important;
}

.cw-25 {
  width: 25% !important;
}

.cw-30 {
  width: 30% !important;
}

.cw-35 {
  width: 35% !important;
}

.cw-40 {
  width: 40% !important;
}

.cw-45 {
  width: 45% !important;
}

.cw-50 {
  width: 50% !important;
}

.cw-55 {
  width: 55% !important;
}

.cw-60 {
  width: 60% !important;
}

.cw-65 {
  width: 65% !important;
}

.cw-70 {
  width: 70% !important;
}

.cw-75 {
  width: 75% !important;
}

.cw-80 {
  width: 80% !important;
}

.cw-85 {
  width: 85% !important;
}

.cw-90 {
  width: 90% !important;
}

.cw-95 {
  width: 95% !important;
}

.cw-100 {
  width: 100% !important;
}

.cwm-5 {
  max-width: 5% !important;
}

.cwm-10 {
  max-width: 10% !important;
}

.cwm-15 {
  max-width: 15% !important;
}

.cwm-20 {
  max-width: 20% !important;
}

.cwm-25 {
  max-width: 25% !important;
}

.cwm-30 {
  max-width: 30% !important;
}

.cwm-35 {
  max-width: 35% !important;
}

.cwm-40 {
  max-width: 40% !important;
}

.cwm-45 {
  max-width: 45% !important;
}

.cwm-50 {
  max-width: 50% !important;
}

.cwm-55 {
  max-width: 55% !important;
}

.cwm-60 {
  max-width: 60% !important;
}

.cwm-65 {
  max-width: 65% !important;
}

.cwm-70 {
  max-width: 70% !important;
}

.cwm-75 {
  max-width: 75% !important;
}

.cwm-80 {
  max-width: 80% !important;
}

.cwm-85 {
  max-width: 85% !important;
}

.cwm-90 {
  max-width: 90% !important;
}

.cwm-95 {
  max-width: 95% !important;
}

.cwm-100 {
  max-width: 100% !important;
}

/* Vendors */
.easyzoom {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.easyzoom img {
  vertical-align: bottom;
}

.easyzoom.is-loading img {
  cursor: progress;
}

.easyzoom.is-ready img {
  cursor: crosshair;
}

.easyzoom.is-error img {
  cursor: not-allowed;
}

.easyzoom-notice {
  position: absolute;
  top: calc(50% - 25px);
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 150;
  width: 120px;
  height: 50px;
  line-height: 20px;
  text-align: center;
  background: #FFF;
  padding: 15px;
  color: #222;
}

.easyzoom-flyout {
  position: absolute;
  z-index: 100;
  overflow: hidden;
  background: #FFF;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.easyzoom--overlay .easyzoom-flyout {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.easyzoom--adjacent .easyzoom-flyout {
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  margin-left: 20px;
}

.is-loading .icon-loading {
  font-size: 20px;
  display: inline-block;
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

.is-error .icon-close {
  font-size: 20px;
  display: inline-block;
}

.is-error .icon-close:after {
  content: "HATA";
  position: absolute;
  font-family: "Arial";
  font-size: 11px;
  letter-spacing: 1px;
  bottom: 4px;
  left: 0;
  margin: 0 auto;
  width: 100%;
}

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  /*    margin-left: auto;
      margin-right: auto;*/
}
.slick-track:before {
  display: table;
  content: "";
}
.slick-track:after {
  display: table;
  content: "";
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

ul.slick-dots {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  bottom: 5%;
}
ul.slick-dots li {
  width: 7px;
  height: 7px;
  border: solid 1px #ffffff;
  border-radius: 50%;
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin-right: 5px;
  background-color: white;
  z-index: 2;
  cursor: pointer;
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition: width 0.1s cubic-bezier(0.47, 0.51, 0.48, 0.51);
  -o-transition: width 0.1s cubic-bezier(0.47, 0.51, 0.48, 0.51);
  transition: width 0.1s cubic-bezier(0.47, 0.51, 0.48, 0.51);
}
ul.slick-dots li.slick-active {
  background-color: transparent;
  width: 10px;
  height: 10px;
}
ul.slick-dots li button {
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  width: auto;
  height: auto;
  border: none;
  z-index: 2;
  background-color: transparent;
  display: none;
}

button.slick-prev.slick-arrow,
button.slick-next.slick-arrow {
  opacity: 0;
}

.prev--arrow,
.next--arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  border: solid 1.5px #ffffff;
  border-radius: 50%;
  cursor: pointer;
  z-index: 4;
}
.prev--arrow i,
.next--arrow i {
  cursor: pointer;
}

.prev--arrow {
  left: 2%;
}
.prev--arrow i {
  color: white;
}
.prev--arrow i:before {
  color: white;
}

.next--arrow {
  right: 2%;
}
.next--arrow i {
  color: white;
}
.next--arrow i:before {
  color: white;
}

/*@import "../../../Scripts//vendors/owl/owl.carousel.min.scss";
@import "../../../Scripts//vendors/owl/owl.theme.default.min.scss";*/
/*======================================
  Selectric v1.13.0
======================================*/
.selectric-wrapper {
  position: relative;
  cursor: pointer;
}

.selectric-responsive {
  width: 100%;
}

.selectric {
  border: 1px solid #DDD;
  border-radius: 0px;
  background: #FFF;
  position: relative;
  overflow: hidden;
}

.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 38px 0 10px;
  font-size: 12px;
  line-height: 38px;
  color: #444;
  height: 38px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 38px;
  height: 38px;
  line-height: 38px;
  background-color: #FFF;
  color: #BBB;
  text-align: center;
  font: 0/0 a;
  *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;
}

.selectric .button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #BBB;
  border-bottom: none;
}

.selectric-focus .selectric {
  border-color: #aaaaaa;
}

.selectric-hover .selectric {
  border-color: #c4c4c4;
}

.selectric-hover .selectric .button {
  color: #a2a2a2;
}

.selectric-hover .selectric .button:after {
  border-top-color: #a2a2a2;
}

.selectric-open {
  z-index: 9999;
}

.selectric-open .selectric {
  border-color: #c4c4c4;
}

.selectric-open .selectric-items {
  display: block;
}

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}

.selectric-hide-select select {
  position: absolute;
  left: -100%;
}

.selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  box-sizing: border-box;
  opacity: 0;
}

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #F8F8F8;
  border: 1px solid #c4c4c4;
  z-index: -1;
  box-shadow: 0 0 10px -6px;
}

.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
}

.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}

.selectric-items ul, .selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  min-height: 20px;
}

.selectric-items li {
  display: block;
  padding: 10px;
  color: #666;
  cursor: pointer;
  width: 100%;
}

.selectric-items li.selected {
  background: #E0E0E0;
  color: #444;
}

.selectric-items li.highlighted {
  background: #D0D0D0;
  color: #444;
}

.selectric-items li:hover {
  background: #D5D5D5;
  color: #444;
}

.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: none;
  color: #444;
}

.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}

.selectric-items .selectric-group li {
  padding-left: 25px;
}

@keyframes smartphoto {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes smartphoto-img-wrap {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes smartphoto-inner {
  from {
    transform: translate(0, 100px);
  }
  to {
    transform: translate(0, 0);
  }
}
@keyframes smartphoto-loader {
  0% {
    opacity: 0.4;
    transform: rotate(0deg);
  }
  50% {
    opacity: 1;
    transform: rotate(180deg);
  }
  100% {
    opacity: 0.4;
    transform: rotate(360deg);
  }
}
@keyframes smartphoto-appear {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes smartphoto-hide {
  0% {
    display: block;
    opacity: 1;
  }
  99% {
    display: block;
    opacity: 0;
  }
  100% {
    display: none;
    opacity: 0;
  }
}
.smartphoto {
  position: fixed;
  z-index: 1100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #fff;
  opacity: 1;
  font-family: sans-serif;
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  transition: all 0.3s ease-out;
  animation-name: smartphoto;
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
}

.smartphoto[aria-hidden=true] {
  display: none;
}

.smartphoto-close {
  opacity: 0;
}

.smartphoto-count {
  display: inline-block;
  color: #607d8b;
  font-size: 16px;
}

.smartphoto-header {
  display: block;
  box-sizing: border-box;
  position: fixed;
  z-index: 102;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  padding: 15px;
  background-color: rgb(255, 255, 255);
}

.smartphoto-content {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.smartphoto-dismiss {
  display: block;
  position: absolute;
  top: 15px;
  right: 10px;
  width: 35px;
  height: 35px;
  padding: 0;
  border: none;
  background-color: #292929;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiI+PHRpdGxlPmljb248L3RpdGxlPjxwYXRoIGQ9Ik0xNTc2LjQyLDE0MDYuNzYsMjc4NCwxOTkuMTlhNTYuODYsNTYuODYsMCwwLDAsMC04MC4xOGwtNzguOTItNzguOTJhNTYuODYsNTYuODYsMCwwLDAtODAuMTgsMEwxNDE3LjMyLDEyNDcuNjYsMjA5Ljc1LDQwLjA5YTU2Ljg2LDU2Ljg2LDAsMCwwLTgwLjE4LDBMNTAuNjUsMTE5YTU2Ljg2LDU2Ljg2LDAsMCwwLDAsODAuMThMMTI1OC4yMywxNDA2Ljc2LDUwLjY1LDI2MTQuMzRhNTYuODYsNTYuODYsMCwwLDAsMCw4MC4xOGw3OC45Miw3OC45MmE1Ni44Niw1Ni44NiwwLDAsMCw4MC4xOCwwTDE0MTcuMzIsMTU2NS44NiwyNjI0LjksMjc3My40NGE1Ni44Niw1Ni44NiwwLDAsMCw4MC4xOCwwbDc4LjkyLTc4LjkyYTU2Ljg2LDU2Ljg2LDAsMCwwLDAtODAuMThaIi8+PC9zdmc+);
  text-shadow: 0 29px 0 #040404;
  color: #FFF;
  font-size: 34px;
  text-decoration: none;
  cursor: pointer;
  line-height: 1;
  padding: 13px;
  background-size: 64%;
  background-repeat: no-repeat;
  background-position: center center;
}

.smartphoto-body {
  position: relative;
  z-index: 102;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.smartphoto-inner {
  position: relative;
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.smartphoto-img {
  display: none;
  max-width: none;
  width: auto;
  height: auto;
  cursor: zoom-in;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: transform 0.3s ease-out;
  -webkit-user-drag: none;
}

.smartphoto-img.active {
  display: block;
}

.smartphoto-img-onmove {
  cursor: grab;
  cursor: -webkit-grab;
  transition: none;
}

.smartphoto-img-elasticmove {
  transition: transform 0.3s ease-out;
}

.smartphoto-img-wrap {
  display: inline-block;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  animation-name: smartphoto-img-wrap;
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
}

.smartphoto-img-left {
  transform: translateX(150%) !important;
}

.smartphoto-img-right {
  transform: translateX(-150%) !important;
}

.smartphoto-arrows {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1002;
  top: 50%;
  left: 0;
  opacity: 1;
  animation-name: smartphoto-appear;
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
}

.smartphoto-arrows[aria-hidden=true] {
  animation-name: smartphoto-hide;
  display: none;
}

.smartphoto-arrows li {
  display: block;
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
  margin-top: -20px;
  box-sizing: content-box;
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
  animation-name: smartphoto-appear;
}
.smartphoto-arrows li:focus {
  outline: none;
}

.smartphoto-arrows [aria-hidden=true] {
  animation-name: smartphoto-hide;
  display: none;
}

.smartphoto-arrows a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.smartphoto-arrow-right {
  right: 10px;
  padding: 10px 10px;
  background-color: rgb(41, 41, 41);
}
.smartphoto-arrow-right a {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiAiPjx0aXRsZT5pY29uPC90aXRsZT48cGF0aCBkPSJNMTgzNy44OCwxNDE3LjMyLDY0My41OSwyMjNhNzIuMjEsNzIuMjEsMCwwLDEsMC0xMDEuODJMNzQzLjgyLDIxYTcyLjIxLDcyLjIxLDAsMCwxLDEwMS44MiwwTDIwOTAuODMsMTI2Ni4xOWwxMDAuMjMsMTAwLjIzYTcyLjIxLDcyLjIxLDAsMCwxLDAsMTAxLjgyTDg0NS42NCwyODEzLjY1YTcyLjIxLDcyLjIxLDAsMCwxLTEwMS44MiwwTDY0My41OSwyNzEzLjQyYTcyLjIxLDcyLjIxLDAsMCwxLDAtMTAxLjgyWiIvPjwvc3ZnPg==);
}

.product__main--gallery-area .icon-zoom {
  font-size: 36px;
  font-weight: 500;
}

.smartphoto-arrow-left {
  left: 10px;
  padding: 10px 10px;
  background-color: rgb(41, 41, 41);
}
.smartphoto-arrow-left a {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiI+PHRpdGxlPmljb248L3RpdGxlPjxwYXRoIGQ9Ik05OTYuNzcsMTQxNy4zMiwyMTkxLjA2LDIyM2E3Mi4yMSw3Mi4yMSwwLDAsMCwwLTEwMS44MkwyMDkwLjgzLDIxQTcyLjIxLDcyLjIxLDAsMCwwLDE5ODksMjFMNzQzLjgyLDEyNjYuMTksNjQzLjU5LDEzNjYuNDJhNzIuMjEsNzIuMjEsMCwwLDAsMCwxMDEuODJMMTk4OSwyODEzLjY1YTcyLjIxLDcyLjIxLDAsMCwwLDEwMS44MiwwbDEwMC4yMy0xMDAuMjNhNzIuMjEsNzIuMjEsMCwwLDAsMC0xMDEuODJaIi8+PC9zdmc+);
}

.smartPhotoArrowHideIcon {
  display: none;
}

.smartphoto-nav {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 1;
  animation-name: smartphoto-appear;
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
}

.smartphoto-nav[aria-hidden=true] {
  animation-name: smartphoto-hide;
  display: none;
}

.smartphoto-nav ul {
  display: block;
  overflow-x: auto;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.smartphoto-nav li {
  display: inline-block;
  overflow: hidden;
  width: 50px;
  height: 50px;
  float: none;
  border: 1px solid black;
}

.smartphoto-nav a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  background-position: center center;
  background-size: cover;
  opacity: 0.5;
}
.smartphoto-nav a:focus {
  opacity: 0.8;
}

.smartphoto-nav a.current {
  opacity: 1;
}

.smartphoto-nav img {
  width: auto;
  height: 100%;
}

.smartphoto-list {
  list-style-type: none;
  position: absolute;
  z-index: 101;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.smartphoto-list li {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-out;
  border: 1px solid #ccc;
}
.smartphoto-list li:focus {
  outline: none;
}

.smartphoto-list-onmove {
  transition: all 0.3s ease-out;
}

.smartphoto-caption {
  overflow: hidden;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  padding: 0 50px;
  color: #FFF;
  font-size: 12px;
  text-align: center;
  line-height: 50px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.smartphoto-caption:focus {
  outline: none;
}

.smartphoto-loader-wrap {
  display: block;
  position: relative;
  z-index: 103;
  width: 0;
  height: 0;
  transform: translate(50vw, 50vh);
}

.smartphoto-loader {
  position: absolute;
  z-index: 101;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  margin-top: -25px;
  margin-left: -25px;
  border: 8px solid #17CDDD;
  border-right-color: transparent;
  border-radius: 50%;
  animation: smartphoto-loader 0.5s infinite linear;
}

.smartphoto-img-clone {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  transition: all 0.3s ease-out;
}

.smartphoto-sr-only {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
}

/*@import "../vendors/nouislider";*/
/* Sv Views*/
.page-404 h1 {
  width: 100%;
  text-align: center;
  font-size: 20vw;
}
@media (max-width: 639px) {
  .page-404 h1 {
    font-size: 46vw;
    margin: 18vw 0;
  }
}

header .shop__head--wrap-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
header .shop__head--wrap-area .shop__head--left-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media (max-width: 991px) {
  header .shop__head--wrap-area .shop__head--left-area nav {
    position: fixed;
    display: block;
    background: #fff;
    z-index: 999999;
    color: #fff;
    height: calc(100% - 60px);
    bottom: 0;
    top: 60px;
    width: 100%;
    left: 0;
    right: 0;
    border-top: 1px solid #eee;
    padding-top: 10px;
    -webkit-transform: translate(-100%, 0px);
    -ms-transform: translate(-100%, 0px);
    transform: translate(-100%, 0px);
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
  }
  header .shop__head--wrap-area .shop__head--left-area nav.js-active {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  header .shop__head--wrap-area .shop__head--left-area nav ul {
    padding: 0 15px;
  }
  header .shop__head--wrap-area .shop__head--left-area nav ul > li {
    width: 100%;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
  }
  header .shop__head--wrap-area .shop__head--left-area nav ul > li:last-child {
    margin-bottom: 0px;
  }
  header .shop__head--wrap-area .shop__head--left-area nav ul > li a {
    display: block;
    padding: 5px 0;
    width: 100%;
  }
  header .shop__head--wrap-area .shop__head--left-area nav ul > li.dropdown a {
    position: relative;
  }
  header .shop__head--wrap-area .shop__head--left-area nav ul > li.dropdown a::after {
    content: "\e604";
    font-family: "icomoon";
    text-align: right;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
  }
  header .shop__head--wrap-area .shop__head--left-area nav ul > li.dropdown a.js-active::after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  header .shop__head--wrap-area .shop__head--left-area nav ul > li ul {
    display: none;
  }
  header .shop__head--wrap-area .shop__head--left-area nav ul > li ul.js-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-right: 0;
  }
  header .shop__head--wrap-area .shop__head--left-area nav ul > li ul li {
    width: 100%;
    border-bottom: 1px solid #eee;
  }
  header .shop__head--wrap-area .shop__head--left-area nav ul > li ul li:last-child {
    border-bottom: 0;
  }
  header .shop__head--wrap-area .shop__head--left-area nav ul > li ul li a::after {
    display: none;
  }
  header .shop__head--wrap-area .shop__head--left-area nav ul > li img {
    display: none;
  }
}
@media (min-width: 992px) {
  header .shop__head--wrap-area .shop__head--left-area nav .menu {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  header .shop__head--wrap-area .shop__head--left-area nav .menu > li {
    position: relative;
    padding: 0 24px;
  }
  header .shop__head--wrap-area .shop__head--left-area nav .menu > li:first-child {
    padding-left: 0;
  }
  header .shop__head--wrap-area .shop__head--left-area nav .menu > li > a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: capitalize;
    letter-spacing: 0.025em;
    font-size: 18px;
    font-family: Jost;
    font-style: normal;
    color: #2c2c2c;
    font-weight: 400;
    position: relative;
  }
  header .shop__head--wrap-area .shop__head--left-area nav .menu > li > a::before {
    content: "";
    left: auto;
    right: 0;
    top: 100%;
    height: 1px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    position: absolute;
    width: 0;
    display: inline-block;
  }
  header .shop__head--wrap-area .shop__head--left-area nav .menu > li.full > ul {
    width: 100%;
    position: fixed;
    padding: 0 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
    padding-top: 58px;
    padding-bottom: 60px;
  }
  header .shop__head--wrap-area .shop__head--left-area nav .menu > li.full > ul > li {
    display: flex;
    justify-content: space-between;
    border: 0;
  }
  header .shop__head--wrap-area .shop__head--left-area nav .menu > li.full > ul > li ul.shop__nav-img {
    padding-left: 50px;
  }
  header .shop__head--wrap-area .shop__head--left-area nav .menu > li.full > ul > li ul li {
    border: 0;
  }
  header .shop__head--wrap-area .shop__head--left-area nav .menu > li.full > ul > li ul li a {
    padding: 8px 0;
    display: block;
    font-size: 14px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    color: #2c2c2c;
    border: 0;
  }
  header .shop__head--wrap-area .shop__head--left-area nav .menu > li.full > ul > li ul li a::before {
    content: "";
    left: auto;
    right: 0;
    top: 100%;
    height: 1px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    position: absolute;
    width: 0;
    display: inline-block;
    background-color: #2c2c2c;
  }
  header .shop__head--wrap-area .shop__head--left-area nav .menu > li.full > ul > li ul li.shop_title a {
    letter-spacing: 0.1em;
    text-transform: uppercase;
    position: relative;
    padding-top: 0;
    margin-top: -3px;
    font-size: 14px;
    padding-bottom: 15px;
    margin-bottom: 18px;
    border-bottom: 1px solid #ebeeee;
    color: #2c2c2c;
    display: block;
    font-weight: 500;
  }
  header .shop__head--wrap-area .shop__head--left-area nav .menu > li:hover > a::before {
    width: 100%;
    left: 0;
    right: auto;
    background-color: #2c2c2c;
  }
  header .shop__head--wrap-area .shop__head--left-area nav .menu > li:hover ul {
    opacity: 1;
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    visibility: visible;
    width: 100%;
  }
  header .shop__head--wrap-area .shop__head--left-area nav .menu > li > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0px, 20px);
    -ms-transform: translate(0px, 20px);
    transform: translate(0px, 20px);
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
    position: absolute;
    left: 0;
    width: 250px;
    z-index: 99;
    padding-top: 20px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 0;
    padding: 0;
  }
  header .shop__head--wrap-area .shop__head--left-area nav .menu > li > ul li {
    width: 100%;
    border-bottom: 1px solid #eee;
  }
  header .shop__head--wrap-area .shop__head--left-area nav .menu > li > ul li:last-child {
    border-bottom: 0;
  }
  header .shop__head--wrap-area .shop__head--left-area nav .menu > li > ul li a {
    font-size: 14px;
    text-transform: capitalize;
    margin: 0;
    display: block;
    color: #2c2c2c;
    padding: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  header .shop__head--wrap-area .shop__head--left-area nav .menu > li > ul li a:hover {
    color: #2c2c2c;
  }
}
header .shop__head--wrap-area .shop__head--left-area .mobile-menu {
  background: 0;
  border: 0;
  font-size: 24px;
  margin-left: 0;
  display: none;
  padding: 0;
}
@media (max-width: 991px) {
  header .shop__head--wrap-area .shop__head--left-area .mobile-menu {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
header .shop__head--wrap-area .shop__head--left-area .mobile-menu .cancel-menu {
  display: none;
}
header .shop__head--wrap-area .shop__head--left-area .mobile-menu.js-active .cancel-menu {
  display: block;
}
header .shop__head--wrap-area .shop__head--left-area .mobile-menu.js-active .start-menu {
  display: none;
}
header .shop__head--wrap-area .shop__head--center-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 26px 10px 23px;
}
@media (max-width: 991px) {
  header .shop__head--wrap-area .shop__head--center-area {
    padding: 11px 10px 10px;
  }
}
header .shop__head--wrap-area .shop__head--center-area img {
  width: 100%;
  max-width: 280px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 991px) {
  header .shop__head--wrap-area .shop__head--center-area img {
    max-width: 190px;
    /* position: relative;
    top: -6px;*/
  }
}
header .shop__head--wrap-area .shop__head--right-area {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
header .shop__head--wrap-area .shop__head--right-area .shop__items-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
header .shop__head--wrap-area .shop__head--right-area .shop__items-area .search {
  padding: 28px 8px;
  font-size: 18px;
}
@media (max-width: 991px) {
  header .shop__head--wrap-area .shop__head--right-area .shop__items-area .search {
    padding: 19px 0px 12px 8px;
  }
  header .shop__head--wrap-area .shop__head--right-area .shop__items-area .search span {
    /*   position: relative;
    top: -7px;*/
  }
}
header .shop__head--wrap-area .shop__head--right-area .shop__items-area .user {
  padding: 28px 8px;
  font-size: 18px;
}
@media (max-width: 991px) {
  header .shop__head--wrap-area .shop__head--right-area .shop__items-area .user {
    padding: 19px 8px 12px 8px;
  }
}
header .shop__head--wrap-area .shop__head--right-area .shop__items-area .user .icon-user2 {
  position: relative;
}
header .shop__head--wrap-area .shop__head--right-area .shop__items-area .user .active {
  width: 10px;
  height: 10px;
  position: absolute;
  background: green;
  border-radius: 100%;
  bottom: 1px;
  right: -4px;
}
header .shop__head--wrap-area .shop__head--right-area .shop__items-area .user-nav {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 991px) {
  header .shop__head--wrap-area .shop__head--right-area .shop__items-area .user-nav {
    width: 25%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
header .shop__head--wrap-area .shop__head--right-area .shop__items-area .user-nav ul {
  top: 88px;
  background: #fff;
  position: fixed;
  width: 200px;
  right: 3%;
  z-index: 9;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px);
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  header .shop__head--wrap-area .shop__head--right-area .shop__items-area .user-nav ul {
    display: none;
  }
}
header .shop__head--wrap-area .shop__head--right-area .shop__items-area .user-nav ul li {
  width: 100%;
  padding: 0 15px;
  border-bottom: 1px solid #ebeeee;
}
header .shop__head--wrap-area .shop__head--right-area .shop__items-area .user-nav ul li:last-child {
  border: 0;
}
header .shop__head--wrap-area .shop__head--right-area .shop__items-area .user-nav ul li a {
  padding: 6px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
header .shop__head--wrap-area .shop__head--right-area .shop__items-area .user-nav ul li a .icon {
  margin-right: 6px;
  font-size: 17px;
  position: relative;
  top: -2px;
}
header .shop__head--wrap-area .shop__head--right-area .shop__items-area .user-nav:hover ul {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  visibility: visible;
}
header .shop__head--wrap-area .shop__head--right-area .shop__items-area .heart {
  padding: 28px 8px;
  font-size: 18px;
  position: relative;
}
@media (max-width: 991px) {
  header .shop__head--wrap-area .shop__head--right-area .shop__items-area .heart {
    padding: 19px 8px 12px 8px;
  }
}
header .shop__head--wrap-area .shop__head--right-area .shop__items-area .heart .heart-inner {
  position: relative;
}
header .shop__head--wrap-area .shop__head--right-area .shop__items-area .heart .heart-inner .count-heart {
  height: 17px;
  line-height: 17px;
  border-radius: 50%;
  display: inline-block;
  margin: 0;
  padding: 0 3px;
  min-width: 17px;
  text-align: center;
  white-space: normal;
  font-size: 10px;
  font-weight: 400;
  vertical-align: top;
  color: #fff;
  background: #2c2c2c;
  position: absolute;
  right: -8px;
  top: -4px;
}
header .shop__head--wrap-area .shop__head--right-area .shop__items-area .smal--basket {
  padding: 28px 8px;
  font-size: 18px;
}
@media (max-width: 991px) {
  header .shop__head--wrap-area .shop__head--right-area .shop__items-area .smal--basket {
    padding: 19px 8px 12px 8px;
  }
}
header .shop__head--wrap-area .shop__head--right-area .shop__items-area .smal--basket .basket {
  position: relative;
}
header .shop__head--wrap-area .shop__head--right-area .shop__items-area .smal--basket .basket .count-bag {
  height: 17px;
  line-height: 17px;
  border-radius: 50%;
  display: inline-block;
  margin: 0;
  padding: 0 3px;
  min-width: 17px;
  text-align: center;
  white-space: normal;
  font-size: 10px;
  font-weight: 400;
  vertical-align: top;
  color: #fff;
  background: #2c2c2c;
  position: absolute;
  right: -8px;
  top: -4px;
}
header .shop__head--wrap-area .shop__head--right-area .shop__items-area .shop__head--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  header .shop__head--wrap-area .shop__head--right-area .shop__items-area .shop__head--item {
    position: fixed;
    background: white;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 998;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
  }
  header .shop__head--wrap-area .shop__head--right-area .shop__items-area .shop__head--item a {
    width: 25%;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 5px;
  }
  header .shop__head--wrap-area .shop__head--right-area .shop__items-area .shop__head--item .count-heart,
header .shop__head--wrap-area .shop__head--right-area .shop__items-area .shop__head--item .count-bag {
    background-color: #ff6e68 !important;
  }
}
header .shop__head--wrap-area .shop__head--right-area #search-container {
  position: fixed;
  background: white;
  left: 0;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  z-index: 999999;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(0, -150px);
  -ms-transform: translate(0, -150px);
  transform: translate(0, -150px);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  header .shop__head--wrap-area .shop__head--right-area #search-container {
    height: 139px;
  }
}
header .shop__head--wrap-area .shop__head--right-area #search-container.js-active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0, 0px);
  -ms-transform: translate(0, 0px);
  transform: translate(0, 0px);
}
header .shop__head--wrap-area .shop__head--right-area #search-container .shop__search-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 0 250px;
  height: 100px;
}
@media (max-width: 1299px) {
  header .shop__head--wrap-area .shop__head--right-area #search-container .shop__search-inner {
    padding: 0 30px;
  }
}
header .shop__head--wrap-area .shop__head--right-area #search-container .shop__search-inner .shop__search-text {
  font-size: 25px;
  font-weight: 700;
  text-transform: lowercase;
}
@media (max-width: 560px) {
  header .shop__head--wrap-area .shop__head--right-area #search-container .shop__search-inner .shop__search-text {
    display: none;
  }
}
header .shop__head--wrap-area .shop__head--right-area #search-container .shop__search-inner .shop__search-form {
  width: 100%;
  max-width: 400px;
  border-bottom: 1px solid #2c2c2c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  header .shop__head--wrap-area .shop__head--right-area #search-container .shop__search-inner .shop__search-form {
    margin: 0 15px;
  }
}
header .shop__head--wrap-area .shop__head--right-area #search-container .shop__search-inner .shop__search-form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
header .shop__head--wrap-area .shop__head--right-area #search-container .shop__search-inner .shop__search-form fieldset {
  width: 100%;
}
header .shop__head--wrap-area .shop__head--right-area #search-container .shop__search-inner .shop__search-form input {
  border: 0;
  font-size: 18px;
  padding: 4px 0;
  width: 100%;
}
header .shop__head--wrap-area .shop__head--right-area #search-container .shop__search-inner .shop__search-form button {
  border: 0;
  font-size: 19px;
  background: 0;
  padding: 0;
  margin: 0;
  margin-right: 15px;
}
header .shop__head--wrap-area .shop__head--right-area #search-container .shop__search-inner .shop__search-cancel {
  font-size: 20px;
  color: #2c2c2c;
  font-weight: 900;
  cursor: pointer;
}
header .small-basket-list-scroll {
  overflow: hidden;
  height: auto !important;
  max-height: 300px;
}

.login-form {
  max-width: 450px;
}
.login-form .btn {
  display: block !important;
  width: 100%;
}
.login-form .form-group:last-child {
  margin: 0;
}

.header__items-area .header__top_area {
  background-color: #2c2c2c;
  width: 100%;
}
.header__items-area .header__top_area span {
  text-align: center;
  line-height: 40px;
  display: block;
  color: #bbb;
  font-family: "Jost";
  font-weight: 400;
  font-size: 13px;
}
@media (max-width: 767px) {
  .header__items-area .header__top_area span {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 17px;
  }
}

.logo__items-area {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.logo__items-area .logo__area img {
  width: 100%;
  max-width: 135px;
}
@media (max-width: 767px) {
  .logo__items-area .logo__area img {
    max-width: initial;
    height: 50px;
    object-fit: cover;
  }
}

.header__search--items--area---form {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  width: 100%;
}
.header__search--items--area---form .header__search--items {
  display: flex;
  max-width: 280px;
  width: 100%;
}
.header__search--items--area---form .header__search--items input {
  background: #efefef;
  position: static;
  border: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
  width: 100%;
  height: 50px;
  padding-right: 10px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.header__search--items--area---form .header__search--items button {
  border: none !important;
  background-color: #efefef;
  color: #111;
  position: static;
  margin: 0;
  padding: 0;
  height: 50px;
  width: 50px;
  min-width: auto;
  text-align: center;
  line-height: 50px;
  opacity: 1 !important;
  border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
}
.header__search--items--area---form .header__search--items button span {
  font-size: 23px;
  margin-top: -4px;
  display: block;
  transition: inherit !important;
}

/*.header__small--basket-items--area {
    position: relative;

    .header__small--basket-items--inner--area {
        .small--basket--items-area {
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;

            img {
                width: 100%;
            }

            .small--basket-count {
                background-color: $secondcolor;
                color: $white;
                height: 18px;
                width: 18px;
                line-height: 18px;
                padding: 0;
                text-align: center;
                position: absolute;
                left: -12px;
                top: 2px;
                margin: 0;
                font-size: 12px;
                border-radius: 100%;
            }
        }

        .header__small--basket--dropdown--items-area {
            position: absolute;
            width: 350px;
            right: 0px;
            background: $white;
            box-shadow: rgb(0 0 0 / 10%) 0px 0px 15px;
            top: 45px;
            padding: 15px;
            z-index: 2;
            opacity: 0;
            visibility: hidden;
            min-height: 150px;
            transition: all ease 0.3s;
            transform: translate(0, 20px);

            @media (max-width: 767px) {
                display: none !important;
            }

            .small--basket--dropdown--items-area {
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                min-height: 150px;
                flex-direction: column;

                .small--basket--dropdown--items-area-empty {
                    text-align: center;

                    span {
                        display: block;
                        font-size: 18px;
                        font-family: $Jost;
                        font-weight: 400;
                        line-height: 24px;
                        margin-bottom: 18px;
                        color: $firstcolor;
                    }

                    a {
                        font-size: 11px;
                        font-family: $Jost;
                        font-weight: 400;
                        line-height: 16px;
                        text-transform: uppercase;
                        border-bottom: 1px solid $firstcolor;
                        display: inline-block;
                        color: $firstcolor;
                    }
                }

                .small--basket--info-area {
                    display: flex;
                    flex-direction: column;
                    width: 100%;
                    margin-bottom: 30px;

                    .small--basket--info-text {
                        display: flex;
                        width: 100%;
                        margin-bottom: 15px;
                        justify-content: space-between;

                        .small--basket--info-count {
                            span {
                                font-weight: 500;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                                display: block;
                                overflow: hidden;
                                font-size: 15px;
                                font-family: $Jost;
                                color: $firstcolor;
                                text-transform: inherit;
                                letter-spacing: 0;
                            }
                        }

                        .small--basket--info-total {
                            text-align: right;

                            .small--basket--info-total-text {
                                display: block;
                                font-weight: 500;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                                overflow: hidden;
                                font-size: 16px;
                                font-family: $Jost;
                                color: $firstcolor;
                                text-transform: inherit;
                                letter-spacing: 0;
                            }

                            .small--basket--info-total-price {
                                display: block;
                                font-weight: 900;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                                overflow: hidden;
                                font-size: 21px;
                                font-family: $Jost;
                                color: $firstcolor;
                                text-transform: inherit;
                                letter-spacing: 0;
                                margin-top: 3px;
                            }
                        }
                    }

                    .btn {
                        padding: 15px 0;
                        text-transform: uppercase;
                    }
                }

                .small--basket--list-area {
                    display: flex;
                    flex-direction: column;
                    position: relative;
                    max-height: 315px !important;
                    overflow-y: auto;
                    padding-right: 15px;
                    width: 100%;

                    &::-webkit-scrollbar-track {
                        -webkit-box-shadow: inset 0 0 6px rgb(255 255 255 / 30%);
                        border-radius: 4px;
                        background-color: $gray3;
                    }

                    &::-webkit-scrollbar {
                        width: 8px;
                        background-color: $white;
                    }

                    &::-webkit-scrollbar-thumb {
                        border-radius: 4px;
                        -webkit-box-shadow: inherit;
                        background-color: $secondcolor;
                    }

                    .small--basket--item--box-area {
                        display: flex;
                        flex-direction: column;
                        position: relative;
                        border-bottom: 1px solid $gray2;
                        padding-bottom: 15px;
                        margin-bottom: 15px;

                        &:last-child {
                            padding-bottom: 0px;
                            margin-bottom: 0px;
                        }

                        &:last-child {
                            border-bottom: 0;
                        }

                        .small--basket--item-img {
                            picture {
                                width: 100%;

                                img {
                                    width: 100%;
                                    max-width: 70px;
                                }
                            }
                        }

                        .small--basket--item-text {
                            display: flex;
                            flex-direction: column;

                            .small--basket--item-title {
                                display: flex;
                                align-items: center;
                                justify-content: flex-start;

                                span {
                                    font-weight: 500;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                    display: block;
                                    margin: 0 0 8px;
                                    overflow: hidden;
                                    font-size: 123.077%;
                                    font-family: $Jost;
                                    color: $firstcolor;
                                    text-transform: inherit;
                                    letter-spacing: 0;
                                    max-width: 230px;
                                }
                            }

                            .small--basket--item-color {
                                display: flex;
                                align-items: center;
                                justify-content: flex-start;

                                span {
                                    color: $firstcolor;
                                    font-size: 13px;
                                    font-weight: 400;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                    max-width: 100%;
                                    overflow: hidden;
                                    display: block;
                                    margin-bottom: 6px;
                                }
                            }

                            .small--basket--item-price {
                                display: flex;
                                align-items: center;
                                justify-content: flex-start;
                                margin-bottom: 8px;

                                .small--basket--item--price-new {
                                    font-size: 138.462%;
                                    font-weight: 400 !important;
                                    white-space: nowrap;
                                    font-family: $Jost;
                                }

                                .small--basket--item--price-old {
                                    position: relative;
                                    top: 2px;
                                    font-size: 107.692%;
                                    font-weight: 400 !important;
                                    white-space: nowrap;
                                    font-family: $Jost;
                                    color: #888;
                                    text-decoration: line-through;
                                    margin-left: 8px;
                                }
                            }

                            .small--basket--item-quantity {
                                display: flex;
                                align-items: center;
                                justify-content: flex-start;

                                span {
                                    color: $firstcolor;
                                    font-size: 13px;
                                    font-weight: 400;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                    max-width: 100%;
                                    overflow: hidden;
                                    display: block;
                                    margin-bottom: 6px;
                                    margin-right: 6px;
                                }

                                input {
                                    width: 32px;
                                    text-align: center;
                                    margin-left: 7px;
                                    border-radius: 0;
                                    border: 1px solid $gray2;
                                }
                            }

                            .small--basket--item-delete {
                                position: absolute;
                                right: 0;
                                bottom: 4px;
                                cursor: pointer;

                                span {
                                    color: $firstcolor;
                                    font-size: 16px;
                                    font-weight: 500;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                    max-width: 100%;
                                    overflow: hidden;
                                    display: block;
                                }
                            }
                        }
                    }
                }

                .small--basket--basket--actions-area {
                    display: flex;
                    flex-direction: column;
                    width: 100%;
                    margin-top: 30px;

                    .btn {
                        padding: 15px 0;
                        text-transform: uppercase;
                    }
                }
            }
        }
    }

    &:hover {
        .header__small--basket-items--inner--area {
            .header__small--basket--dropdown--items-area {
                opacity: 1;
                visibility: visible;
                transform: translate(0, 0px);
            }
        }
    }
}
*/
.small__basket {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  .small__basket {
    width: 25%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.small__basket .empty-basket {
  top: 88px;
  background: #fff;
  position: fixed;
  width: 350px;
  height: 186px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  right: 1%;
  padding: 30px;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  -webkit-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px);
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  .small__basket .empty-basket {
    display: none;
  }
}
.small__basket .small-basket-list {
  top: 88px;
  background: #fff;
  position: fixed;
  width: 450px;
  min-height: 186px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  right: 1%;
  padding: 30px;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  -webkit-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px);
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  .small__basket .small-basket-list {
    display: none;
  }
}
.small__basket .small-basket-list .basket-item {
  margin-bottom: 15px;
}
.small__basket .small-basket-list .basket-item .item-image a {
  display: block;
  border: 1px solid #cacaca;
}
.small__basket .small-basket-list .basket-item .item-image a img {
  width: 100%;
}
.small__basket .small-basket-list .basket-item .item-info .name {
  display: block;
  text-align: left;
}
.small__basket .small-basket-list .basket-item .item-info .name span {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: block;
  max-width: 273px;
}
.small__basket .small-basket-list .basket-item .item-info .btn-delete {
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  display: block;
}
.small__basket .small-basket-list .basket-item .item-info .btn-delete span {
  font-size: 12px;
  color: #707070;
}
.small__basket .small-basket-list .basket-item .item-info .item-price {
  margin-top: 25px;
}
.small__basket .small-basket-list .basket-item .item-info .item-price p .old-price {
  letter-spacing: 0;
  color: #707070;
  margin-left: 5px;
  font-size: 16px;
  text-decoration: line-through;
  line-height: 1.5;
  font-family: Jost;
  font-style: normal;
  font-weight: 400;
}
.small__basket .small-basket-list .basket-item .item-info .item-price p .new-price {
  font-size: 18px;
  letter-spacing: 0;
  color: #2c2c2c;
  margin-left: 5px;
  line-height: 1.5;
  font-family: Jost;
  font-style: normal;
  font-weight: 400;
}
.small__basket .small-basket-list .basket-item .item-info .item-price p .one-price {
  text-align: right;
  display: block;
  font-weight: 400;
  font-size: 18px;
  color: #2c2c2c;
  line-height: 1.5;
  font-family: Jost;
  font-style: normal;
  font-weight: 400;
}
.small__basket .summary__total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.small__basket .summary__total .summary__title {
  font-size: 18px;
  letter-spacing: 0;
  color: #2c2c2c;
  margin-left: 5px;
  line-height: 1.5;
  font-family: Jost;
  font-style: normal;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 20px;
}
.small__basket .summary__total .summary__value {
  font-size: 18px;
  letter-spacing: 0;
  color: #2c2c2c;
  margin-left: 5px;
  line-height: 1.5;
  font-family: Jost;
  font-style: normal;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 20px;
}
.small__basket:hover .empty-basket,
.small__basket:hover .small-basket-list {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  visibility: visible;
}

.size--select {
  width: calc(100% - 240px);
}
@media (max-width: 767px) {
  .size--select {
    width: 50%;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .size--select {
    width: 50%;
  }
}

.item-quantity #piece {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #ebeeee;
  max-width: 101px;
  padding: 3px 7px;
  margin-top: 15px;
}
.item-quantity #old {
  cursor: pointer;
}
.item-quantity #plus {
  cursor: pointer;
}
.item-quantity .piece-val {
  width: 100%;
  border: 0;
  text-align: center;
}

.header__user--actions-area {
  float: right;
  margin-top: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.header__user--actions-area li {
  margin-right: 30px;
  padding-bottom: 16px;
  position: relative;
}
.header__user--actions-area li:last-child {
  margin-right: 0;
}
.header__user--actions-area li.user--actions--favorite-area {
  display: flex;
  align-items: center;
  justify-content: center;
}
.header__user--actions-area li.user--actions--favorite-area .favorite--count {
  background-color: #2c2c2c;
  color: #fff;
  height: 18px;
  width: 18px;
  line-height: 18px;
  padding: 0;
  text-align: center;
  position: absolute;
  left: -12px;
  top: 2px;
  margin: 0;
  font-size: 12px;
  border-radius: 100%;
}
.header__user--actions-area li.user--actions--favorite-area .icon-heart11 {
  font-size: 30px;
  font-weight: 100;
  display: block;
  width: 30px;
  height: 30px;
  margin-top: 2px;
  transition: inherit !important;
}
@media (max-width: 767px) {
  .header__user--actions-area li.user--actions--favorite-area {
    display: none;
  }
}
@media (max-width: 767px) {
  .header__user--actions-area li.user--actions--menu-area .user-name {
    display: none;
  }
}
.header__user--actions-area li.user--actions--menu-area .icon-user1 {
  font-size: 30px;
  font-weight: 100;
  display: block;
  width: 30px;
  height: 30px;
  transition: inherit !important;
}

.user-nav {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .user-nav {
    width: 25%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.user-nav ul {
  top: 46px;
  background: #fff;
  position: absolute;
  width: 200px;
  right: -3px;
  z-index: 9;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  transform: translate(0, 20px);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 992px) {
  .user-nav ul {
    display: none !important;
  }
}
.user-nav ul li {
  padding: 0;
  width: 100%;
  border-bottom: 1px solid #ebeeee;
  margin: 0;
}
.user-nav ul li:last-child {
  border: 0;
}
.user-nav ul li a {
  padding: 6px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px;
}
.user-nav ul li a .icon {
  margin-right: 6px;
  font-size: 17px;
  position: relative;
  top: -2px;
}
.user-nav:hover ul {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  visibility: visible;
}

.header .account {
  position: relative;
}
.header .account .user-dropdown {
  display: none;
  position: absolute;
  z-index: 1;
  width: 200px;
  right: 0;
  background: #fff;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}
.header .account .head {
  padding: 10px 20px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  border-bottom: 1px solid #dedede;
  color: #000;
  background: #dedede;
}
.header .account ul {
  overflow: hidden;
  padding: 5px 20px;
}
.header .account ul li {
  width: 100%;
}
.header .account ul li a {
  line-height: 25px;
}
.header .account .logout {
  padding: 10px 20px;
  border-top: 1px solid #dedede;
  background: #dedede;
}
@media (max-width: 576px) {
  .header .account .btn-user {
    margin-right: 15px;
  }
  .header .account .btn-user .svg-icon {
    top: 0;
  }
}
.header__main--menu-area {
  display: flex;
  justify-content: center;
  align-items: center;
}
.header__main--menu-area > ul > li {
  margin-right: 34px;
}
.header__main--menu-area > ul > li:last-child {
  margin-right: 0px;
}
.header__main--menu-area > ul > li > a {
  color: #2c2c2c;
  display: block;
  line-height: 50px;
  font-size: 138.462%;
  font-weight: 700;
  font-family: "Jost";
}
.header__main--menu-area > ul > li > a:hover {
  color: #2c2c2c;
}
.header__main--menu-area > ul > li .main--menu--dropdown-area {
  display: none;
  position: absolute;
  width: 100%;
  z-index: 9999;
  height: auto;
  left: 0;
  padding: 18px 10px 20px 10px;
  background: #fff;
  border-top: 1px solid #dedede;
}
.header__main--menu-area > ul > li .main--menu--dropdown-area .main--menu--dropdown--nav-title {
  color: #2c2c2c;
  display: block;
  line-height: 50px;
  font-size: 138.462%;
  font-weight: 700;
  font-family: "Jost";
}
.header__main--menu-area > ul > li .main--menu--dropdown-area .main--menu--dropdown--nav-title:hover {
  color: #2c2c2c;
}
@media (max-width: 991px) {
  .header__main--menu-area > ul > li .main--menu--dropdown-area .main--menu--dropdown--nav-title {
    display: none !important;
  }
}
.header__main--menu-area > ul > li .main--menu--dropdown-area img {
  width: 100%;
}
@media (max-width: 991px) {
  .header__main--menu-area > ul > li .main--menu--dropdown-area img {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .header__main--menu-area > ul > li .main--menu--dropdown-area .container,
.header__main--menu-area > ul > li .main--menu--dropdown-area .row,
.header__main--menu-area > ul > li .main--menu--dropdown-area [class*=col-] {
    padding: 0;
    margin: 0;
  }
}
.header__main--menu-area > ul > li .main--menu--dropdown-area ul {
  margin-top: 10px;
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .header__main--menu-area > ul > li .main--menu--dropdown-area ul {
    padding: 0;
    margin: 0;
  }
}
.header__main--menu-area > ul > li .main--menu--dropdown-area ul li {
  width: 100%;
  margin-top: 10px;
}
.header__main--menu-area > ul > li .main--menu--dropdown-area ul li a {
  display: table;
  padding: 4px 0;
  font-size: 15px;
  color: #2c2c2c;
  font-family: "Jost";
  font-weight: 500;
}
.header__main--menu-area > ul > li .main--menu--dropdown-area ul li a:hover {
  color: #2c2c2c;
}

#navigation {
  border-bottom: 1px solid #cccccc;
}
@media (max-width: 767px) {
  #navigation {
    transform: translate(-100%, 0);
    position: fixed;
    z-index: 999;
    top: 105.5px;
    height: calc(100% - 97px);
    opacity: 0;
    visibility: hidden;
    transition: all ease 0.3s;
    background: white;
    border-top: 1px solid #151515;
    overflow-y: scroll;
    width: 100%;
  }
  #navigation.js-active {
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible;
  }
  #navigation.js-active ul {
    padding: 0 15px;
    width: 100%;
  }
  #navigation.js-active ul:last-child {
    border-bottom: 0;
  }
  #navigation.js-active ul > li {
    margin-right: 0;
    width: 100%;
    border-bottom: 1px solid #ccc;
  }
  #navigation.js-active ul > li:last-child {
    border-bottom: 0;
  }
  #navigation.js-active ul > li.m-dowmenu {
    position: relative;
  }
  #navigation.js-active ul > li.m-dowmenu::after {
    content: "\e92e";
    font-family: "icomoon";
    position: absolute;
    right: 0;
    font-size: 27px;
    top: 11px;
  }
  #navigation.js-active ul > li.m-dowmenu.js-active::after {
    content: "\e931";
  }
  #navigation.js-active ul > li a {
    display: block;
  }
  #navigation.js-active ul > li .main--menu--dropdown-area {
    position: relative;
    padding: 0 15px;
  }
  #navigation.js-active ul > li .main--menu--dropdown-area .container,
#navigation.js-active ul > li .main--menu--dropdown-area .row,
#navigation.js-active ul > li .main--menu--dropdown-area .col-md-3 {
    padding: 0;
    margin: 0;
  }
  #navigation.js-active ul > li .main--menu--dropdown-area .col-md-3:last-child {
    margin-bottom: 20px;
  }
  #navigation.js-active ul > li .main--menu--dropdown-area .col-md-3:last-child ul li:last-child {
    border-bottom: 0;
  }
  #navigation.js-active ul > li .main--menu--dropdown-area ul {
    padding: 0;
  }
  #navigation.js-active ul > li .main--menu--dropdown-area ul li {
    width: 100%;
  }
  #navigation.js-active ul > li .main--menu--dropdown-area ul li:last-child {
    border-bottom: 1px solid #ccc;
  }
  #navigation.js-active ul > li .main--menu--dropdown-area ul li a {
    font-size: 18px;
    padding: 10px 0;
  }
}

.order__body-area .header__items--inner-area {
  padding: 15px 0;
}

/*.footer__items-area {
    display: flex;
    flex-direction: column;
}*/
.scroll-top {
  width: 40px;
  height: 40px;
  background-color: #2c2c2c;
  color: #fff;
  text-align: center;
  line-height: 36px;
  position: fixed;
  right: 30px;
  bottom: 30px;
  font-size: 18px;
  z-index: 500;
  cursor: pointer;
  transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  border-radius: 5px;
  transform: rotate(-90deg);
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.scroll-top::before {
  content: "\e91d";
  display: inline-block;
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  font-size: 19px;
}
.scroll-top .b-icon,
.scroll-top .b-text {
  display: none;
}

footer {
  margin: 0;
  border-bottom: none;
  padding: 96px 0 0px;
  border-top: 0 solid #dbdbdb;
  background-color: #f4f4f4;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #707070;
}
@media (max-width: 991px) {
  footer {
    padding: 30px 0 0px;
  }
}
footer .shop__footer--top-area .shop__footer-item h2 {
  border-color: #dbdbdb;
  margin: 0 0 20px;
  color: #2c2c2c;
  line-height: 1.2;
  text-transform: none;
  font-size: 1.75em;
  font-weight: 400;
  font-family: Jost;
  font-style: normal;
}
@media (max-width: 991px) {
  footer .shop__footer--top-area .shop__footer-item h2 {
    border-bottom: 1px solid #2c2c2c;
    line-height: 60px;
    cursor: pointer;
    font-size: 18px;
  }
  footer .shop__footer--top-area .shop__footer-item h2::after {
    content: "\e604";
    font-family: "icomoon";
    float: right;
    -webkit-transition: ease all 0.6s;
    -o-transition: ease all 0.6s;
    transition: ease all 0.6s;
  }
}
@media (max-width: 991px) {
  footer .shop__footer--top-area .shop__footer-item ul {
    max-height: 0;
    overflow: hidden;
    width: 100%;
    -webkit-transition: ease all 0.6s;
    -o-transition: ease all 0.6s;
    transition: ease all 0.6s;
  }
}
footer .shop__footer--top-area .shop__footer-item ul li {
  margin: 21px 0 0px 0;
  width: 100%;
}
footer .shop__footer--top-area .shop__footer-item ul li a {
  text-transform: capitalize;
  position: relative;
  color: #2c2c2c;
  font-size: 16px;
  font-family: Jost;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01em;
}
@media (max-width: 991px) {
  footer .shop__footer--top-area .shop__footer-item.js-active ul {
    max-height: 800px;
    overflow-y: auto;
  }
}
@media (max-width: 991px) {
  footer .shop__footer--top-area .shop__footer-item.js-active h2::after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
}
@media (max-width: 991px) {
  footer .shop__footer--top-area .shop__footer--social-item {
    margin-top: 30px;
  }
}
footer .shop__footer--top-area .shop__footer--social-item h2 {
  border-color: #dbdbdb;
  margin: 0 0 20px;
  color: #2c2c2c;
  line-height: 1.2;
  text-transform: none;
  font-size: 1.75em;
  font-weight: 400;
  font-family: Jost;
  font-style: normal;
}
@media (max-width: 991px) {
  footer .shop__footer--top-area .shop__footer--social-item h2 {
    font-size: 18px;
  }
}
footer .shop__footer--top-area .shop__footer--social-item ul li {
  margin: 0 22px 10px 0;
}
footer .shop__footer--top-area .shop__footer--social-item ul li:first-child {
  width: 100%;
}
footer .shop__footer--top-area .shop__footer--social-item ul li a span {
  border: 1px solid #ebeeee;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  line-height: 56px;
  font-size: 20px;
  background-color: rgba(0, 0, 0, 0);
  color: #dedfdf;
  border-color: #dedfdf;
  display: inline-block;
  text-align: center;
  transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
}
@media (max-width: 991px) {
  footer .shop__footer--top-area .shop__footer--social-item ul li a span {
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 17px;
  }
}
footer .shop__footer--top-area .shop__footer--social-item ul li a span:hover {
  background-color: rgba(0, 0, 0, 0);
  color: #2c2c2c;
  border-color: #2c2c2c;
}
@media (max-width: 991px) {
  footer .shop__footer--top-area .shop__footer--news-letter {
    margin-top: 30px;
  }
}
footer .shop__footer--top-area .shop__footer--news-letter h2 {
  margin: 0 0 13px;
  font-size: 28px;
  color: #2c2c2c;
  text-align: left;
  font-weight: 400;
  font-family: Jost;
  font-style: normal;
}
@media (max-width: 991px) {
  footer .shop__footer--top-area .shop__footer--news-letter h2 {
    font-size: 18px;
  }
}
footer .shop__footer--top-area .shop__footer--news-letter p {
  margin-bottom: 12px;
  letter-spacing: 0;
  color: #707070;
}
footer .shop__footer--top-area .shop__footer--news-letter #frm-newsletter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  footer .shop__footer--top-area .shop__footer--news-letter #frm-newsletter {
    display: block;
  }
}
footer .shop__footer--top-area .shop__footer--news-letter #frm-newsletter .shop__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 991px) {
  footer .shop__footer--top-area .shop__footer--news-letter #frm-newsletter .shop__form {
    display: block;
  }
}
footer .shop__footer--top-area .shop__footer--news-letter #frm-newsletter .shop__form input {
  width: calc(100% - 214px);
  height: 70px;
}
@media (max-width: 991px) {
  footer .shop__footer--top-area .shop__footer--news-letter #frm-newsletter .shop__form input {
    width: 100%;
    height: 56px;
  }
}
footer .shop__footer--top-area .shop__footer--news-letter #frm-newsletter .shop__form button {
  height: 70px;
  line-height: 70px;
  min-width: 178px;
  border-color: #2c2c2c;
  color: #ffffff;
  background-color: #2c2c2c;
  position: relative;
}
@media (max-width: 991px) {
  footer .shop__footer--top-area .shop__footer--news-letter #frm-newsletter .shop__form button {
    width: 100%;
    margin-top: 20px;
    height: 56px;
    line-height: 56px;
  }
}
footer .shop__footer--bottom-area {
  padding: 16px 0 9px;
  margin-top: 67px;
  border-top: 1px solid #ebeeee;
  background-color: rgba(0, 0, 0, 0);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #707070;
}
@media (max-width: 991px) {
  footer .shop__footer--bottom-area {
    margin-top: 20px;
    margin-bottom: 50px;
  }
}
@media (max-width: 991px) {
  footer .shop__footer--bottom-area ul {
    text-align: center;
    display: block;
  }
}
footer .shop__footer--bottom-area ul li {
  margin: 0 20px 10px 0;
}
@media (max-width: 991px) {
  footer .shop__footer--bottom-area ul li {
    float: none;
    display: inline-block;
  }
}
footer .shop__footer--bottom-area ul li:last-child {
  margin: 0;
}
footer .shop__footer--bottom-area ul li a {
  font-size: 16px;
  font-family: Jost;
  font-style: normal;
  font-weight: 400;
  color: #707070;
  line-height: 1.5;
  letter-spacing: 0.01em;
}
footer .shop__footer--bottom-area .copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: right;
  font-size: 16px;
  font-family: Jost;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01em;
  color: #707070;
}
@media (max-width: 991px) {
  footer .shop__footer--bottom-area .copy {
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.footer__services-list-area {
  background: #2c2c2c;
  display: flex;
  flex-direction: column;
  margin-bottom: 100px;
  width: 100%;
}
.footer__services-list-area ul li {
  margin: 0;
  padding: 25px 30px;
  background: #050505;
  background: linear-gradient(90deg, #050505 0%, #2c2c2c 100%);
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}
@media (min-width: 1200px) {
  .footer__services-list-area ul li {
    width: 25%;
  }
}
.footer__services-list-area ul li:hover {
  background: linear-gradient(90deg, #2c2c2c 0%, #050505 100%);
}
.footer__services-list-area .services-list--box-area {
  color: #fff;
  font-size: 138.462%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer__services-list-area .services-list--box-area .services-list--icon-area {
  margin: 0 30px 0 0;
}
.footer__services-list-area .services-list--box-area .services-list--info-area {
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer__services-list-area .services-list--box-area .services-list--info-area .services-list-title {
  color: #fff;
  font-size: 19px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-family: "Jost";
  letter-spacing: 0;
}

.footer__link-area {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 43px;
}
.footer__link-area .footer-links {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.footer__link-area .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 767px) {
  .footer__link-area .footer-links ul {
    display: flex;
    width: 84%;
    flex-wrap: wrap;
  }
}
.footer__link-area .footer-links ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 25px;
}
@media (max-width: 767px) {
  .footer__link-area .footer-links ul li {
    width: 50%;
    margin: 0 auto;
  }
}
.footer__link-area .footer-links ul li a {
  font-weight: 400;
  font-family: "Jost";
  font-size: 138.462%;
  font-weight: 700;
  color: #2c2c2c;
}
.footer__link-area .footer-links ul li a:hover {
  color: #2c2c2c;
}

.footer__soacial-area {
  margin-top: 37px;
  margin-bottom: 55px;
}
.footer__soacial-area .soacial-area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .footer__soacial-area .soacial-area ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
}
.footer__soacial-area .soacial-area ul li {
  display: inline-block;
  vertical-align: middle;
  float: none;
  margin: 5px;
}
.footer__soacial-area .soacial-area ul li a {
  width: 50px;
  height: 50px;
  display: block;
  line-height: 50px;
  background: #efefef;
  color: #2c2c2c;
  text-align: center;
  font-size: 138.462%;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.footer__soacial-area .soacial-area ul li a:hover {
  color: #fff;
  background: #2c2c2c;
}
.footer__soacial-area .soacial-area ul li a span {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.footer__copyright-area {
  text-align: center;
  padding: 25px 0;
  border-top: solid 1px #eee;
  margin: 0;
  margin-top: 30px;
  letter-spacing: 0;
}
.footer__copyright-area .footer-copyright {
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer__copyright-area .footer-copyright address {
  color: #2c2c2c;
  font-weight: 500;
  font-family: "Jost";
  font-size: 13px;
  line-height: 19px;
}
.footer__copyright-area .footer-copyright address a {
  color: #2c2c2c;
}
.footer__copyright-area .footer-copyright address a:hover {
  color: #2c2c2c;
}

/*#home__page--area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    .block-title {
        font-size: 276.923%;
        font-weight: 700 !important;
        color: #111;
        text-align: center;
        font-family: $Jost;
        letter-spacing: 0;
        @media (max-width: 991px) {
            font-size: 26px;
        }
    }

    .block-sub-title {
        text-align: center;
        margin-bottom: 35px;
        letter-spacing: 0;
        font-weight: 400;
        font-family: $Jost;
    }
}
*/
.home__box h4 {
  font-size: 16px;
  color: #777777;
  text-transform: capitalize;
  position: relative;
  margin-left: 37px;
  margin-bottom: 15px;
}
.home__box h4::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 2px;
  background-color: #2c2c2c;
  left: -37px;
  bottom: 5px;
}
@media (max-width: 768px) {
  .home__box h4 {
    font-size: 14px;
    margin-left: 0;
    margin-bottom: 13px;
    font-weight: 500;
  }
}
.home__box h2 {
  font-size: 26px;
  color: #414141;
  text-transform: capitalize;
  font-weight: 700;
  line-height: 38px;
  margin-bottom: 15px;
}
.home__box h2 span {
  color: #2c2c2c;
}
@media (max-width: 768px) {
  .home__box h2 {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 10px;
    font-weight: 600;
  }
}
.home__box h3 {
  font-size: 18px;
  color: #353535;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .home__box h3 {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
.home__box p {
  color: #777777;
  font-size: 16px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .home__box p {
    font-size: 14px;
  }
}

.home__slider--box-area {
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  .home__slider--box-area {
    margin-bottom: 30px;
  }
}
.home__slider--box-area .shop__container-fluid {
  padding-left: 30px;
  padding-right: 30px;
}
.home__slider--box-area .home__slider--slider-item {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.home__slider--box-area .home__slider--slider-item .home__slider--img,
.home__slider--box-area .home__slider--slider-item video {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.home__slider--box-area .home__slider--content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  margin: auto;
  z-index: 3;
  left: 8%;
}
@media (max-width: 991px) {
  .home__slider--box-area .home__slider--content {
    left: 0;
    right: 0;
    top: 0;
  }
}
.home__slider--box-area .home__slider--content.h-100 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  top: 0;
}
.home__slider--box-area .home__slider--content h2 {
  color: #2c2c2c;
  font-size: 80px;
  margin-bottom: 0px;
  cursor: text;
  line-height: 1.2;
  text-transform: none;
  font-weight: 400;
  font-family: Jost;
}
.home__slider--box-area .home__slider--content h2.slider__title {
  color: white;
  -webkit-text-fill-color: rgba(255, 255, 255, 0);
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: white;
  font-size: 70px;
  font-weight: 600;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .home__slider--box-area .home__slider--content h2.slider__title {
    font-size: 50px;
  }
}
.home__slider--box-area .home__slider--content h2.slider__title-big {
  font-size: 150px;
  line-height: 150px;
  margin-bottom: 50px;
  margin-top: 0;
}
@media (max-width: 991px) {
  .home__slider--box-area .home__slider--content h2.slider__title-big {
    font-size: 101px;
    line-height: 101px;
    margin-top: -118px;
  }
}
@media (max-width: 991px) {
  .home__slider--box-area .home__slider--content h2 {
    font-size: 8.5vw !important;
  }
}
.home__slider--box-area .home__slider--content .slider__sub-text {
  color: #093e84;
  font-size: 70px;
  margin-top: 30px;
  left: 0;
  right: 0;
}
@media (max-width: 991px) {
  .home__slider--box-area .home__slider--content .slider__sub-text {
    font-size: 50px;
  }
}
.home__slider--box-area .home__slider--content .slider__sub-button {
  position: absolute;
  bottom: 13%;
  width: 100%;
  text-align: center;
  color: white;
  font-size: 18px;
  left: 0;
  right: 0;
}
.home__slider--box-area .home__slider--content .home__slider--content-ctas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.home__slider--box-area .home__slider--content .home__slider--content-ctas .content-cta {
  margin-right: 10px;
}
.home__slider--box-area .home__slider--content .home__slider--content-ctas .content-cta:last-child {
  margin-right: 0;
}
.home__slider--box-area picture {
  width: 100%;
}
.home__slider--box-area .prev--arrow {
  right: calc(100% - 144px);
  top: inherit;
  bottom: 10%;
  border: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  left: inherit;
}
@media (max-width: 991px) {
  .home__slider--box-area .prev--arrow {
    left: calc(50% - 86px);
    right: inherit;
  }
}
.home__slider--box-area .next--arrow {
  right: calc(100% - 290px);
  top: inherit;
  bottom: 10%;
  border: 0;
  left: inherit;
}
@media (max-width: 991px) {
  .home__slider--box-area .next--arrow {
    right: calc(50% - 89px);
    left: inherit;
  }
}
.home__slider--box-area .custom_paging {
  position: absolute;
  bottom: 10%;
  left: 150px;
}
@media (max-width: 991px) {
  .home__slider--box-area .custom_paging {
    left: 0;
    right: 0;
    text-align: center;
  }
}
.home__slider--box-area .custom_paging li {
  display: none;
  color: #2c2c2c;
  font-size: 24px;
  line-height: 40px;
  display: none;
  float: inherit;
}
.home__slider--box-area .custom_paging li strong {
  font-weight: 700;
}
.home__slider--box-area .custom_paging li.slick-active {
  display: inline-block;
}

.home__for--box-area {
  padding: 0;
  margin: 149px 0 102px;
  background-color: rgba(0, 0, 0, 0);
}
@media (max-width: 991px) {
  .home__for--box-area {
    margin: 50px 0 30px;
  }
}
.home__for--box-area .item__box-area .item__img-item {
  overflow: hidden;
  display: block;
  position: relative;
}
.home__for--box-area .item__box-area .item__img-item img {
  max-width: 100%;
  width: 100%;
  display: block;
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
}
.home__for--box-area .item__box-area .item__box-info h2 {
  color: #2c2c2c;
  font-size: 32px;
  padding: 14px 0 0 0;
  letter-spacing: 0;
  display: inline-block;
  text-transform: capitalize;
  margin-right: 13px;
  text-align: left;
  line-height: 1.5;
  font-family: Jost;
  font-style: normal;
  font-weight: 400;
}
@media (max-width: 991px) {
  .home__for--box-area .item__box-area .item__box-info h2 {
    font-size: 20px;
  }
}
.home__for--box-area .item__box-area .item__box-info span {
  color: #2c2c2c;
  font-size: 18px;
  display: inline-block;
  padding-bottom: 16px;
  margin: 0 0 19.44444px;
  text-align: left !important;
  font-family: Jost;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01em;
}
@media (max-width: 991px) {
  .home__for--box-area .item__box-area .item__box-info span {
    font-size: 17px;
    display: block;
  }
}
.home__for--box-area .item__box-area:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.home__product--slider--box-area {
  padding: 139px 0 15px;
  margin: 0 0 151px;
  background-color: #f4f4f4;
}
@media (max-width: 1024px) {
  .home__product--slider--box-area {
    padding: 70px 0 0px;
    margin: 0 0 80px;
  }
}
.home__product--slider--box-area .shop__title {
  font-size: 55px;
  color: #2c2c2c;
  margin: 0;
  line-height: 1.2;
  text-transform: none;
  font-weight: 400;
  font-family: Jost;
  font-style: normal;
  word-wrap: break-word;
  letter-spacing: 0;
  margin-bottom: 36px;
}
@media (max-width: 1024px) {
  .home__product--slider--box-area .shop__title {
    font-size: 36px;
  }
}
.home__product--slider--box-area .shop__slider--all-btn {
  display: block;
  position: absolute;
  bottom: 29%;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: -24px;
  font-size: 18px;
  padding: 28px 30px;
  background-color: transparent !important;
}
.home__product--slider--box-area .shop__slider--all-btn:hover {
  background-color: #2c2c2c !important;
}
@media (max-width: 1024px) {
  .home__product--slider--box-area .shop__slider--all-btn {
    display: none !important;
  }
}
.home__product--slider--box-area .home__slider-area {
  padding: 0 115px 0 0;
}
@media (max-width: 1024px) {
  .home__product--slider--box-area .home__slider-area {
    padding: 0 0 0 0;
  }
}
.home__product--slider--box-area .home__slider-area .slick-slider {
  margin: 0 -25px;
}
@media (max-width: 767px) {
  .home__product--slider--box-area .home__slider-area .slick-slider {
    margin: 0 0;
  }
}
.home__product--slider--box-area .home__slider-area .slick-slide {
  margin: 0 25px;
}
@media (max-width: 767px) {
  .home__product--slider--box-area .home__slider-area .slick-slide {
    margin: 0 0;
  }
}
.home__product--slider--box-area .home__slider-area .slick-arrow {
  min-width: 44px;
  padding: 0 5px;
  text-align: center;
  color: #2c2c2c;
  background-color: rgba(0, 0, 0, 0);
  border-color: #2c2c2c;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  cursor: pointer;
  position: absolute;
  top: calc(50% - 16px);
  left: inherit;
  width: 85px;
  height: 85px;
  line-height: 85px;
  font-size: 24px;
  top: 0;
  right: 0;
  font-size: 16px;
  border-radius: 0;
}
@media (max-width: 1024px) {
  .home__product--slider--box-area .home__slider-area .slick-arrow {
    display: none !important;
  }
}
.home__product--slider--box-area .home__slider-area .slick-arrow:hover {
  color: #ffffff;
  background-color: #2c2c2c;
  border-color: #2c2c2c;
}
.home__product--slider--box-area .home__slider-area .slick-arrow.prev--arrow {
  right: 0;
  top: 84px !important;
}
.home__product--slider--box-area .home__slider-area .slick-arrow.next--arrow {
  right: 0;
  top: 0px !important;
}

.home__two--box-area {
  padding: 0;
  margin: 149px 0 102px;
  background-color: rgba(0, 0, 0, 0);
}
@media (max-width: 991px) {
  .home__two--box-area {
    margin: 50px 0 30px;
  }
}
.home__two--box-area .shop__banne--one-area {
  background-color: #f4f4f4;
}
.home__two--box-area .shop__banne--one-area .shop__text--box-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-left: 7%;
  position: relative;
  z-index: 2;
  height: 100%;
  text-align: center;
}
@media (max-width: 1023px) {
  .home__two--box-area .shop__banne--one-area .shop__text--box-area {
    margin: 20px 0;
    padding-left: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.home__two--box-area .shop__banne--one-area .shop__text--box-area .banner-content-inner .title-1 {
  font-size: 30px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  line-height: 1;
  color: #2c2c2c;
  margin-bottom: -7px;
}
@media (max-width: 1023px) {
  .home__two--box-area .shop__banne--one-area .shop__text--box-area .banner-content-inner .title-1 {
    font-size: 25px;
  }
}
.home__two--box-area .shop__banne--one-area .shop__text--box-area .banner-content-inner .title-2 {
  font-size: 70px;
  font-weight: 300;
  text-transform: capitalize;
  line-height: 1;
  color: #2c2c2c;
}
@media (max-width: 1023px) {
  .home__two--box-area .shop__banne--one-area .shop__text--box-area .banner-content-inner .title-2 {
    font-size: 50px;
  }
}
.home__two--box-area .shop__banne--one-area .shop__text--box-area .banner-content-inner .sub-title {
  text-transform: capitalize;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.home__two--box-area .shop__banne--one-area .shop__text--box-area .banner-content-inner .sub-title .first-word {
  font-size: 100px;
  font-weight: 500;
  line-height: 0.9;
}
@media (max-width: 1023px) {
  .home__two--box-area .shop__banne--one-area .shop__text--box-area .banner-content-inner .sub-title .first-word {
    font-size: 80px;
  }
}
.home__two--box-area .shop__banne--one-area .shop__text--box-area .banner-content-inner .sub-title .last-content {
  font-size: 40px;
  line-height: 1;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 1024px) and (max-width: 1300px) {
  .home__two--box-area .shop__banne--one-area img {
    right: 54px;
    position: relative;
    z-index: 1;
  }
}
@media (min-width: 1301px) {
  .home__two--box-area .shop__banne--one-area img {
    right: 125px;
    position: relative;
    z-index: 1;
  }
}
@media (max-width: 1023px) {
  .home__two--box-area .shop__banne--one-area img {
    margin: 25px 0;
  }
}
.home__two--box-area .shop__banner--two-area {
  background-color: #e9e9e9;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 1023px) {
  .home__two--box-area .shop__banner--two-area {
    padding: 68px 0;
  }
}
.home__two--box-area .shop__banner--two-area .banner-content-inner {
  text-align: center;
}
.home__two--box-area .shop__banner--two-area .banner-content-inner .title-1 {
  font-size: 18px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  line-height: 1;
  color: #2c2c2c;
  margin-bottom: -7px;
}
.home__two--box-area .shop__banner--two-area .banner-content-inner .title-2 {
  font-size: 47px;
  margin-top: 3px;
  font-weight: 300;
  text-transform: capitalize;
  line-height: 1;
  color: #2c2c2c;
}
.home__two--box-area .shop__banner--two-area .banner-content-inner .sub-title {
  text-transform: capitalize;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.home__two--box-area .shop__banner--two-area .banner-content-inner .sub-title .first-word {
  font-size: 68px;
  font-weight: 500;
  line-height: 0.9;
}
.home__two--box-area .shop__banner--two-area .banner-content-inner .sub-title .last-content {
  font-size: 31px;
  margin: 10px 0;
  line-height: 1;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.home__three--box-area {
  padding: 146px 0 121px;
  margin: 154px 0 150px;
  background-color: #f4f4f4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .home__three--box-area {
    padding: 70px 0 0px;
    margin: 0 0 80px;
  }
}
.home__three--box-area .shop__title {
  font-size: 55px;
  color: #2c2c2c;
  margin: 0;
  line-height: 1.2;
  text-transform: none;
  font-weight: 400;
  font-family: Jost;
  font-style: normal;
  word-wrap: break-word;
  letter-spacing: 0;
  margin-bottom: 36px;
}
@media (max-width: 1024px) {
  .home__three--box-area .shop__title {
    font-size: 36px;
  }
}
.home__three--box-area .item__box-info h2 {
  font-size: 18px;
  font-weight: 400;
  color: #2c2c2c;
  line-height: 28px;
  letter-spacing: 0.01em;
  display: block;
  padding-right: 25px;
  margin: 17px 0 8px;
}
.home__three--box-area .item__box-info .btn-basket {
  font-size: 17px;
  margin-top: 7px;
  display: inline-block;
  letter-spacing: 0.03em;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  border: 0;
  color: #707070;
  text-align: left;
  position: relative;
  font-family: Jost;
  font-style: normal;
  font-weight: 400;
}
.home__three--box-area .item__box-info .btn-basket span {
  display: block;
  min-width: 150px;
}
.home__three--box-area .item__box-info .btn-basket i {
  background-color: #2c2c2c;
  color: #fff;
  border-radius: 50%;
  margin-left: 11px;
  font-size: 4px;
  font-weight: 900;
  width: 15px;
  height: 15px;
  display: inline-block;
  text-align: center;
  line-height: 15px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
}

.home__inst--box-area {
  padding: 0;
  margin: 0 0 151px;
}
@media (max-width: 1024px) {
  .home__inst--box-area {
    padding: 0 0 0px;
    margin: 0 0 80px;
  }
}
.home__inst--box-area #instafeed-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.home__inst--box-area #instafeed-container a {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.3333333333%;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  overflow: hidden;
  border: 1px solid #e8e6e6;
  position: relative;
}
.home__inst--box-area #instafeed-container a::before {
  content: "\e967";
  font-family: "icomoon";
  background: white;
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all ease 0.6s;
  -o-transition: all ease 0.6s;
  transition: all ease 0.6s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 42px;
  color: #707070;
}
.home__inst--box-area #instafeed-container a img {
  width: 100%;
  height: auto;
  display: block;
  transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
}
.home__inst--box-area #instafeed-container a:hover::before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.home__inst--box-area #instafeed-container a:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}
.home__inst--box-area .shop__inst--text-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 24%;
}
@media (max-width: 991px) {
  .home__inst--box-area .shop__inst--text-area {
    padding-left: 0%;
    margin-bottom: 30px;
  }
}
.home__inst--box-area .shop__inst--text-area .title {
  font-size: 55px;
  line-height: 70px;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 26px;
  display: block;
  font-family: Jost;
  font-style: normal;
  font-weight: 400;
}
.home__inst--box-area .shop__inst--text-area .content {
  font-size: 18px;
  font-family: Jost;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01em;
  color: #777777;
}
.home__inst--box-area .shop__inst--text-area .text-right {
  display: block;
  margin-top: 45px;
}
.home__inst--box-area .shop__inst--text-area .text-right span {
  font-family: Jost;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.01em;
  color: #2c2c2c;
  position: relative;
  padding-left: 68px;
  line-height: 0;
  font-size: 28px;
}
.home__inst--box-area .shop__inst--text-area .text-right span::before {
  content: "";
  height: 1px;
  width: 50px;
  background: #2c2c2c;
  position: absolute;
  bottom: 11px;
  left: 0;
}

.home__component--slider-area {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
  margin-bottom: 30px;
}
.home__component--slider-area .slick-arrow {
  position: absolute;
  font-size: 60px;
  margin: 0;
  padding: 0 !important;
  line-height: 0;
  top: 50%;
  z-index: 10;
  font-weight: 100;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  cursor: pointer;
  display: none !important;
}
@media (max-width: 991px) {
  .home__component--slider-area .slick-arrow {
    display: none !important;
  }
}
.home__component--slider-area .slick-arrow:hover {
  color: #2c2c2c;
}
.home__component--slider-area .arrow-prev {
  left: 30px;
}
.home__component--slider-area .arrow-next {
  right: 30px;
}
.home__component--slider-area .home__slider--slider-item {
  position: relative;
  width: 100%;
  height: 100%;
}
.home__component--slider-area .home__slider--slider-item * {
  float: left;
}
.home__component--slider-area .home__slider--slider-item picture {
  width: 100%;
  height: 100%;
}
.home__component--slider-area .home__slider--slider-item img {
  width: 100%;
  min-width: 100%;
  height: 100%;
}
.home__component--slider-area .home__slider--slider-item a {
  width: 100%;
  height: 100%;
}
.home__component--slider-area .slick-slide * {
  float: left;
}
.home__component--slider-area .slick-slide > div {
  width: 100%;
  height: 100%;
}
.home__component--slider-area .slick-slide .home-slider-items {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.home__component--slider-area .slick-slide .home-slider-items a {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.home__component--slider-area .slick-dots {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 10px;
}
.home__component--slider-area .slick-dots li {
  margin-right: 10px;
}
.home__component--slider-area .slick-dots li:last-child {
  margin-right: 0px;
}
.home__component--slider-area .slick-dots li.slick-active button {
  background: #2c2c2c;
}
.home__component--slider-area .slick-dots li button {
  border: 0;
  background-color: rgba(255, 255, 255, 0.3);
  font-size: 0;
  width: 20px;
  height: 3px;
  display: block;
}
.home__component--slider-area .slick-dots li button:hover {
  background: #2c2c2c;
}
.home__component--slider-area:hover .slick-arrow {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
@media (max-width: 991px) {
  .home__component--slider-area:hover .slick-arrow {
    display: none !important;
  }
}

.home__slider--items--banner-area {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 85px;
  position: relative;
}
@media (max-width: 991px) {
  .home__slider--items--banner-area {
    margin-bottom: 60px;
  }
}
.home__slider--items--banner-area .slick-slide {
  margin: 0 15px;
}
.home__slider--items--banner-area .slick-list {
  margin: 0 -15px;
}
.home__slider--items--banner-area .slick-dots {
  position: relative;
  bottom: 0px;
  left: 0;
  right: 0;
  top: 10px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.home__slider--items--banner-area .slick-dots li {
  margin-right: 10px;
}
.home__slider--items--banner-area .slick-dots li:last-child {
  margin-right: 0px;
}
.home__slider--items--banner-area .slick-dots li.slick-active button {
  background: #2c2c2c;
}
.home__slider--items--banner-area .slick-dots li button {
  border: 0;
  background-color: #2c2c2c;
  font-size: 0;
  width: 20px;
  height: 2px;
  display: block;
}
.home__slider--items--banner-area .slick-dots li button:hover {
  background: #2c2c2c;
}
.home__slider--items--banner-area .home__slider--area {
  position: relative;
}
.home__slider--items--banner-area .home__slider--area .home__slider--items--banner--item-area .home__slider--items--box-area {
  border: 1px solid transparent;
  position: relative;
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
}
.home__slider--items--banner-area .home__slider--area .home__slider--items--banner--item-area .home__slider--items--box-area .home__slider--items--box--image-area a {
  display: block;
}
.home__slider--items--banner-area .home__slider--area .home__slider--items--banner--item-area .home__slider--items--box-area .home__slider--items--box--image-area a picture {
  width: 100%;
}
.home__slider--items--banner-area .home__slider--area .home__slider--items--banner--item-area .home__slider--items--box-area .home__slider--items--box--image-area a img {
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home__slider--items--banner-area .home__slider--area .home__slider--items--banner--item-area .home__slider--items--box-area .home__slider--items--box--text-area {
  position: absolute;
  bottom: 20px;
  left: 25px;
}
.home__slider--items--banner-area .home__slider--area .home__slider--items--banner--item-area .home__slider--items--box-area .home__slider--items--box--text-area .home__slider--items--box--text--title-area a {
  font-weight: 400;
  font-family: "Jost", sans-serif;
  font-size: 184.615%;
  color: #fff;
}
.home__slider--items--banner-area .home__slider--area .home__slider--items--banner--item-area .home__slider--items--box-area .home__slider--items--box--text-area .home__slider--items--box--text--title-area .home__slider--items--box--text--count-area {
  display: block;
  color: #fff;
  opacity: 0.5;
  text-transform: uppercase;
}

.animate__hover-area {
  overflow: hidden;
  position: relative;
}
.animate__hover-area::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
  opacity: 0;
  visibility: hidden;
}
.animate__hover-area:hover::before {
  -webkit-animation: shine 0.75s;
  animation: shine 0.75s;
  opacity: 1;
  visibility: visible;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
.home__brand--items--banner-area {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 70px;
}
@media (max-width: 991px) {
  .home__brand--items--banner-area {
    margin-bottom: 60px;
  }
}
.home__brand--items--banner-area .home__brand--items--list-area {
  position: relative;
}
.home__brand--items--banner-area .home__brand--items--list-area .home__brand--items {
  margin-bottom: 30px;
  transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
}
@media (min-width: 1366px) {
  .home__brand--items--banner-area .home__brand--items--list-area .home__brand--items {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (max-width: 991px) {
  .home__brand--items--banner-area .home__brand--items--list-area .home__brand--items {
    margin-bottom: 0px !important;
  }
}
.home__brand--items--banner-area .home__brand--items--list-area .home__brand--items picture {
  width: 100%;
}
.home__brand--items--banner-area .home__brand--items--list-area .home__brand--items img {
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home__brand--items--banner-area .home__brand--items--list-area .home__brand--items:hover img {
  opacity: 1;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.07);
  text-shadow: 0px 10px 20px rgba(0, 0, 0, 0.07);
}
.home__brand--items--banner-area .slick-slide {
  margin: 0 15px;
}
.home__brand--items--banner-area .slick-list {
  margin: 0 -15px;
}
.home__brand--items--banner-area .slick-arrow {
  position: absolute;
  font-size: 26px;
  margin: 0;
  background: #fff;
  padding: 0 !important;
  line-height: 0;
  color: #2c2c2c;
  top: 50%;
  border: 1px solid #dedede;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  z-index: 10;
  display: none !important;
}
.home__brand--items--banner-area .slick-arrow:hover {
  background: #2c2c2c;
  color: #fff;
}
.home__brand--items--banner-area .arrow-prev {
  left: -26px;
}
.home__brand--items--banner-area .arrow-next {
  right: -26px;
}
.home__brand--items--banner-area .slick-dots {
  position: relative;
  bottom: 0px;
  left: 0;
  right: 0;
  top: 10px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.home__brand--items--banner-area .slick-dots li {
  margin-right: 10px;
}
.home__brand--items--banner-area .slick-dots li:last-child {
  margin-right: 0px;
}
.home__brand--items--banner-area .slick-dots li.slick-active button {
  background: #2c2c2c;
}
.home__brand--items--banner-area .slick-dots li button {
  border: 0;
  background-color: #2c2c2c;
  font-size: 0;
  width: 20px;
  height: 2px;
  display: block;
}
.home__brand--items--banner-area .slick-dots li button:hover {
  background: #2c2c2c;
}

@media (max-width: 991px) {
  .home__brand--items--banner-area .home__brand--items--list-area .row,
.home__brand--items--banner-area .home__brand--items--list-area [class*=col-] {
    padding: 0;
    margin: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.home__full--banner-area {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 85px;
}
@media (max-width: 767px) {
  .home__full--banner-area {
    display: none;
  }
}
@media (max-width: 991px) {
  .home__full--banner-area {
    margin-bottom: 60px;
  }
}
.home__full--banner-area .home__full--banner--box-area a {
  display: block;
}
.home__full--banner-area .home__full--banner--box-area a picture {
  width: 100%;
}
.home__full--banner-area .home__full--banner--box-area a img {
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home__collection-area {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 85px;
}
@media (max-width: 991px) {
  .home__collection-area {
    margin-bottom: 60px;
  }
}
.home__collection-area .home__collection--list-area .home__collection--box-area {
  margin-bottom: 30px;
  position: relative;
}
@media (max-width: 991px) {
  .home__collection-area .home__collection--list-area .home__collection--box-area {
    margin-bottom: 0 !important;
  }
}
.home__collection-area .home__collection--list-area .home__collection--box-area::before {
  content: "";
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 98;
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
}
.home__collection-area .home__collection--list-area .home__collection--box-area::after {
  content: "";
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  z-index: 9;
  border: solid 1px #fff;
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
}
.home__collection-area .home__collection--list-area .home__collection--box-area > a {
  display: block;
}
.home__collection-area .home__collection--list-area .home__collection--box-area > a picture {
  width: 100%;
}
.home__collection-area .home__collection--list-area .home__collection--box-area > a img {
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home__collection-area .home__collection--list-area .home__collection--box-area .home__collection--text-area {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  top: 50%;
  left: 50%;
  width: 70%;
  z-index: 99;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
}
.home__collection-area .home__collection--list-area .home__collection--box-area .home__collection--text-area span {
  display: block;
  font-size: 138.462%;
  margin-bottom: 15px;
  font-weight: 400;
  font-family: "Jost";
}
.home__collection-area .home__collection--list-area .home__collection--box-area .home__collection--text-area span.home__collection--text-price {
  font-size: 169.231%;
  margin-bottom: 23px;
}
.home__collection-area .home__collection--list-area .home__collection--box-area .home__collection--text-area a {
  padding: 10px 25px;
  display: inline-block;
}
.home__collection-area .home__collection--list-area .home__collection--box-area:hover .home__collection--text-area {
  opacity: 1;
  visibility: visible;
}
.home__collection-area .home__collection--list-area .home__collection--box-area:hover::before {
  opacity: 1;
  visibility: visible;
}
.home__collection-area .home__collection--list-area .home__collection--box-area:hover::after {
  opacity: 1;
  visibility: visible;
}
.home__collection-area .btn {
  display: inline-block;
}
.home__collection-area .slick-slide {
  margin: 0 15px;
}
.home__collection-area .slick-list {
  margin: 0 -15px;
}
.home__collection-area .slick-dots {
  position: relative;
  bottom: 0px;
  left: 0;
  right: 0;
  top: 10px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.home__collection-area .slick-dots li {
  margin-right: 10px;
}
.home__collection-area .slick-dots li:last-child {
  margin-right: 0px;
}
.home__collection-area .slick-dots li.slick-active button {
  background: #2c2c2c;
}
.home__collection-area .slick-dots li button {
  border: 0;
  background-color: #2c2c2c;
  font-size: 0;
  width: 20px;
  height: 2px;
  display: block;
}
.home__collection-area .slick-dots li button:hover {
  background: #2c2c2c;
}

@media (max-width: 991px) {
  .home__collection-area .row,
.home__collection-area [class*=col-] {
    padding: 0;
    margin: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .home__collection-area .btn {
    margin-top: 30px;
  }
}
.home__best--sale-area {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .home__best--sale-area {
    margin-bottom: 30px;
  }
}
.home__best--sale-area .slick-slide {
  margin: 0 15px;
}
.home__best--sale-area .slick-list {
  margin: 0 -15px;
}
.home__best--sale-area .home__pops--slider-area {
  position: relative;
}
.home__best--sale-area .home__pops--slider-area .home__pops--slider-wrap-area {
  position: relative;
}
.home__best--sale-area .home__pops--slider-area .home__pops--slider-wrap-area .slick-arrow {
  position: absolute;
  font-size: 26px;
  margin: 0;
  background: #fff;
  padding: 0 !important;
  line-height: 0;
  color: #2c2c2c;
  top: 50%;
  border: 1px solid #dedede;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  z-index: 10;
  display: none !important;
}
.home__best--sale-area .home__pops--slider-area .home__pops--slider-wrap-area .slick-arrow:hover {
  background: #2c2c2c;
  color: #fff;
}
.home__best--sale-area .home__pops--slider-area .home__pops--slider-wrap-area .arrow-prev {
  left: -26px;
}
.home__best--sale-area .home__pops--slider-area .home__pops--slider-wrap-area .arrow-next {
  right: -26px;
}
.home__best--sale-area .home__pops--slider-area .home__pops--slider-wrap-area .slick-dots {
  position: relative;
  bottom: 0px;
  left: 0;
  right: 0;
  top: 10px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.home__best--sale-area .home__pops--slider-area .home__pops--slider-wrap-area .slick-dots li {
  margin-right: 10px;
}
.home__best--sale-area .home__pops--slider-area .home__pops--slider-wrap-area .slick-dots li:last-child {
  margin-right: 0px;
}
.home__best--sale-area .home__pops--slider-area .home__pops--slider-wrap-area .slick-dots li.slick-active button {
  background: #2c2c2c;
}
.home__best--sale-area .home__pops--slider-area .home__pops--slider-wrap-area .slick-dots li button {
  border: 0;
  background-color: #2c2c2c;
  font-size: 0;
  width: 20px;
  height: 2px;
  display: block;
}
.home__best--sale-area .home__pops--slider-area .home__pops--slider-wrap-area .slick-dots li button:hover {
  background: #2c2c2c;
}
.home__best--sale-area:hover .home__pops--slider-area .home__pops--slider-wrap-area .slick-arrow {
  display: flex !important;
}
.home__best--sale-area .product__items-area {
  padding-bottom: 50px;
}

.home__multi--line-area {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 85px;
}
@media (max-width: 991px) {
  .home__multi--line-area {
    margin-bottom: 60px;
  }
}
.home__multi--line-area .multi-lines {
  height: 5px;
  border-top: dashed 1px #eee;
  border-bottom: dashed 1px #eee;
  margin: 1.6px;
}
.home__multi--line-area .multi-lines:first-child {
  margin-top: 0;
}
.home__multi--line-area .multi-lines:last-child {
  margin-bottom: 0;
}

.home__customer--comment-area {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 85px;
}
@media (max-width: 991px) {
  .home__customer--comment-area {
    margin-bottom: 60px;
  }
}
.home__customer--comment-area .slick-slide {
  margin: 0 15px;
}
.home__customer--comment-area .slick-list {
  margin: 0 -15px;
}
.home__customer--comment-area .slick-dots {
  position: relative;
  bottom: 0px;
  left: 0;
  right: 0;
  top: 10px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.home__customer--comment-area .slick-dots li {
  margin-right: 10px;
}
.home__customer--comment-area .slick-dots li:last-child {
  margin-right: 0px;
}
.home__customer--comment-area .slick-dots li.slick-active button {
  background: #2c2c2c;
}
.home__customer--comment-area .slick-dots li button {
  border: 0;
  background-color: #2c2c2c;
  font-size: 0;
  width: 20px;
  height: 2px;
  display: block;
}
.home__customer--comment-area .slick-dots li button:hover {
  background: #2c2c2c;
}
.home__customer--comment-area .home__customer--comment--slider-area .home__customer--comment--slider-wrap-area {
  position: relative;
}
.home__customer--comment-area .home__customer--comment--slider-area .home__customer--comment--slider-wrap-area .slick-arrow {
  position: absolute;
  font-size: 26px;
  margin: 0;
  background: #fff;
  padding: 0 !important;
  line-height: 0;
  color: #2c2c2c;
  top: 50%;
  border: 1px solid #dedede;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  z-index: 10;
  display: none !important;
}
.home__customer--comment-area .home__customer--comment--slider-area .home__customer--comment--slider-wrap-area .slick-arrow:hover {
  background: #2c2c2c;
  color: #fff;
}
.home__customer--comment-area .home__customer--comment--slider-area .home__customer--comment--slider-wrap-area .arrow-prev {
  left: -26px;
}
.home__customer--comment-area .home__customer--comment--slider-area .home__customer--comment--slider-wrap-area .arrow-next {
  right: -26px;
}
.home__customer--comment-area .home__customer--comment--slider-area .home__customer--comment--slider-wrap-area .customer__comment--box-area {
  padding: 40px;
  border: solid 5px #efefef;
  text-align: center;
  background: #fff;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  min-height: 419px;
}
.home__customer--comment-area .home__customer--comment--slider-area .home__customer--comment--slider-wrap-area .customer__comment--box-area::before {
  content: "";
  display: inline-block;
  vertical-align: top;
  background: url("../../Content/img/testimonials.png") no-repeat;
  width: 42px;
  height: 34px;
  margin-bottom: 25px;
}
.home__customer--comment-area .home__customer--comment--slider-area .home__customer--comment--slider-wrap-area .customer__comment--box-area .customer__comment--content-area .customer__comment--content--text-area {
  font-size: 184.615%;
  color: #2c2c2c;
  margin-bottom: 25px;
  font-weight: 400;
  font-family: "Jost";
  line-height: 1.5;
  letter-spacing: 0;
}
.home__customer--comment-area .home__customer--comment--slider-area .home__customer--comment--slider-wrap-area .customer__comment--box-area .customer__comment--content-area .customer__comment--content-name {
  font-size: 123.077%;
  color: #2c2c2c;
  margin-bottom: 5px;
  font-weight: 400;
  font-family: "Jost";
}
.home__customer--comment-area .home__customer--comment--slider-area .home__customer--comment--slider-wrap-area .customer__comment--box-area .customer__comment--content-area .customer__comment--content-address {
  color: #2c2c2c;
  font-weight: 400;
  font-family: "Jost";
  font-size: 13px;
}
.home__customer--comment-area .home__customer--comment--slider-area .home__customer--comment--slider-wrap-area .customer__comment--box-area:hover {
  background: #2c2c2c;
}
.home__customer--comment-area .home__customer--comment--slider-area .home__customer--comment--slider-wrap-area .customer__comment--box-area:hover .customer__comment--content-area .customer__comment--content--text-area {
  color: #fff;
}
.home__customer--comment-area .home__customer--comment--slider-area .home__customer--comment--slider-wrap-area .customer__comment--box-area:hover .customer__comment--content-area .customer__comment--content-address {
  color: #fff;
}
.home__customer--comment-area:hover .home__customer--comment--slider-area .home__customer--comment--slider-wrap-area .slick-arrow {
  display: flex !important;
}

@media (max-width: 991px) {
  .home__customer--comment-area .row,
.home__customer--comment-area [class*=col-] {
    padding: 0;
    margin: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.home__blog--post-area {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 100px;
}
@media (max-width: 991px) {
  .home__blog--post-area {
    margin-bottom: 60px;
  }
}
.home__blog--post-area .slick-slide {
  margin: 0 15px;
}
.home__blog--post-area .slick-list {
  margin: 0 -15px;
}
.home__blog--post-area .slick-dots {
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  top: 10px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.home__blog--post-area .slick-dots li {
  margin-right: 10px;
}
.home__blog--post-area .slick-dots li:last-child {
  margin-right: 0px;
}
.home__blog--post-area .slick-dots li.slick-active button {
  background: #2c2c2c;
}
.home__blog--post-area .slick-dots li button {
  border: 0;
  background-color: #2c2c2c;
  font-size: 0;
  width: 20px;
  height: 2px;
  display: block;
}
.home__blog--post-area .slick-dots li button:hover {
  background: #2c2c2c;
}
.home__blog--post-area .home__blog--post--slider-area .home__blog--post--slider-wrap-area {
  position: relative;
}
.home__blog--post-area .home__blog--post--slider-area .home__blog--post--slider-wrap-area .slick-arrow {
  position: absolute;
  font-size: 26px;
  margin: 0;
  background: #fff;
  padding: 0 !important;
  line-height: 0;
  color: #2c2c2c;
  top: 50%;
  border: 1px solid #dedede;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  z-index: 10;
  display: none !important;
}
.home__blog--post-area .home__blog--post--slider-area .home__blog--post--slider-wrap-area .slick-arrow:hover {
  background: #2c2c2c;
  color: #fff;
}
.home__blog--post-area .home__blog--post--slider-area .home__blog--post--slider-wrap-area .arrow-prev {
  left: -26px;
}
.home__blog--post-area .home__blog--post--slider-area .home__blog--post--slider-wrap-area .arrow-next {
  right: -26px;
}
.home__blog--post-area .home__blog--post--slider-area .home__blog--post--slider-wrap-area .blog--post--box-area {
  position: relative;
}
.home__blog--post-area .home__blog--post--slider-area .home__blog--post--slider-wrap-area .blog--post--box-area .blog--post--img-area a {
  display: block;
}
.home__blog--post-area .home__blog--post--slider-area .home__blog--post--slider-wrap-area .blog--post--box-area .blog--post--img-area a picture {
  width: 100%;
}
.home__blog--post-area .home__blog--post--slider-area .home__blog--post--slider-wrap-area .blog--post--box-area .blog--post--img-area a img {
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home__blog--post-area .home__blog--post--slider-area .home__blog--post--slider-wrap-area .blog--post--box-area .blog--post--img-area .blog--post--post--date-area {
  position: absolute;
  left: 10px;
  top: 10px;
  background: #fff;
  display: inline-block;
  vertical-align: top;
  padding: 10px 15px;
  text-align: center;
}
.home__blog--post-area .home__blog--post--slider-area .home__blog--post--slider-wrap-area .blog--post--box-area .blog--post--img-area .blog--post--post--date-area .blog--post--post-date {
  font-size: 184.615%;
  color: #2c2c2c;
  font-weight: 700;
  display: block;
  font-family: "Jost";
  margin-bottom: 9px;
  margin-top: 4px;
}
.home__blog--post-area .home__blog--post--slider-area .home__blog--post--slider-wrap-area .blog--post--box-area .blog--post--img-area .blog--post--post--date-area .blog--post--post-month {
  color: #2c2c2c;
  display: block;
  text-transform: uppercase;
  font-weight: 400;
  font-family: "Jost";
  font-size: 13px;
  margin-bottom: 6px;
}
.home__blog--post-area .home__blog--post--slider-area .home__blog--post--slider-wrap-area .blog--post--box-area .blog--post--content-area {
  padding-top: 13px;
  text-align: left;
}
.home__blog--post-area .home__blog--post--slider-area .home__blog--post--slider-wrap-area .blog--post--box-area .blog--post--content-area .blog--post--content-title {
  margin-bottom: 14px;
}
.home__blog--post-area .home__blog--post--slider-area .home__blog--post--slider-wrap-area .blog--post--box-area .blog--post--content-area .blog--post--content-title a {
  font-size: 138.462%;
  font-weight: 700;
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  display: block;
  font-family: "Jost";
  letter-spacing: 0;
  color: #2c2c2c;
}
.home__blog--post-area .home__blog--post--slider-area .home__blog--post--slider-wrap-area .blog--post--box-area .blog--post--content-area .blog--post--content-title a:hover {
  color: #2c2c2c;
}
.home__blog--post-area .home__blog--post--slider-area .home__blog--post--slider-wrap-area .blog--post--box-area .blog--post--content-area .blog--post--content-description p {
  color: #2c2c2c;
  font-weight: 400;
  font-family: "Jost";
  font-size: 13px;
  letter-spacing: 0;
  line-height: 19px;
}
.home__blog--post-area .home__blog--post--slider-area .home__blog--post--slider-wrap-area .blog--post--box-area .blog--post--content-area .blog--post--content-more {
  padding-top: 10px;
}
.home__blog--post-area .home__blog--post--slider-area .home__blog--post--slider-wrap-area .blog--post--box-area .blog--post--content-area .blog--post--content-more a {
  font-size: 107.692%;
  font-weight: 700;
  transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  font-weight: 400;
  font-family: "Jost";
  letter-spacing: 0;
  color: #2c2c2c;
}
.home__blog--post-area .home__blog--post--slider-area .home__blog--post--slider-wrap-area .blog--post--box-area .blog--post--content-area .blog--post--content-more a:hover {
  color: #2c2c2c;
}
.home__blog--post-area:hover .home__blog--post--slider-area .home__blog--post--slider-wrap-area .slick-arrow {
  display: flex !important;
}

.news__letter-area {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .news__letter-area {
    margin-bottom: 30px;
  }
}
.news__letter-area .news__letter--inner-area {
  display: flex;
  flex-direction: column;
  border: 5px solid #efefef;
  padding: 65px;
}
@media (max-width: 767px) {
  .news__letter-area .news__letter--inner-area {
    padding: 30px;
  }
}
.news__letter-area .news__letter--inner-area .form-group {
  width: 100%;
  padding: 0;
  margin: 15px 0 0 0;
}
.news__letter-area .news__letter--inner-area .news__letter--form-area {
  display: flex;
  width: 100%;
}
.news__letter-area .news__letter--inner-area .news__letter--form-area input {
  height: 60px;
  border: none;
  padding: 0 25px;
  color: #2c2c2c;
  background: #efefef;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  margin: 0;
  font-size: 14px;
}
.news__letter-area .news__letter--inner-area .news__letter--form-area input::-webkit-input-placeholder {
  color: #2c2c2c;
  font-size: 14px;
}
.news__letter-area .news__letter--inner-area .news__letter--form-area input:-moz-placeholder {
  color: #2c2c2c;
  font-size: 14px;
}
.news__letter-area .news__letter--inner-area .news__letter--form-area input::-moz-placeholder {
  color: #2c2c2c;
  font-size: 14px;
}
.news__letter-area .news__letter--inner-area .news__letter--form-area input:-ms-input-placeholder {
  color: #2c2c2c;
  font-size: 14px;
}
.news__letter-area .news__letter--inner-area .news__letter--form-area button {
  height: 60px;
  padding-left: 60px;
  padding-right: 60px;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .news__letter-area .news__letter--inner-area .news__letter--form-area button {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.shop__page-area.content .col-12.col-sm-auto {
  max-width: 415px;
  width: 100%;
}
.shop__page-area.content .sidebar {
  border: 1px solid #ebeeee;
  padding: 10px 30px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
@media (min-width: 991px) {
  .shop__page-area.content .sidebar {
    max-width: 400px;
  }
}
@media (max-width: 991px) {
  .shop__page-area.content .sidebar {
    display: none;
  }
}
.shop__page-area.content .sidebar ul {
  width: 100%;
}
.shop__page-area.content .sidebar ul li {
  width: 100%;
  border-bottom: 1px solid #ebeeee;
}
.shop__page-area.content .sidebar ul li:last-child {
  border: 0;
}
.shop__page-area.content .sidebar ul li a {
  letter-spacing: 0;
  line-height: 36px;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  display: inline-block;
  width: 100%;
  padding: 9px 0 8px;
  color: #707070;
  color: #2c2c2c;
}
.shop__page-area.content .accordion {
  margin-bottom: 50px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.shop__page-area.content .accordion .acc-item {
  width: 100%;
}
.shop__page-area.content .accordion .acc-item .acc-header {
  color: #707070;
  font-family: Jost;
  font-style: normal;
  position: relative;
  font-weight: 400;
  display: inline-block;
  width: 100%;
  cursor: pointer;
  border: 1px solid #ebeeee;
  padding: 16px 50px 14px 28px !important;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 15px;
}
.shop__page-area.content .accordion .acc-item .acc-header a {
  color: #707070;
  width: 100%;
  display: block;
  font-family: Jost;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
}
.shop__page-area.content .accordion .acc-item .acc-header a .icon {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  transition: all ease 0.5s;
}
.shop__page-area.content .accordion .acc-item .acc-header a .icon .arrow {
  font-weight: 900;
  height: 100%;
  width: 48px;
  right: -4px;
  top: 0;
  border-left: 1px solid #ebeeee;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease 0.5s;
}
.shop__page-area.content .accordion .acc-item .acc-header a .icon .arrow::before {
  content: "\e931";
  font-size: 22px;
  color: #1d1f1d;
  transform: rotate(0);
  display: block;
  font-weight: 100;
  transition: all ease 0.5s;
}

.shop__body--page-area {
  margin-bottom: 70px;
}
.shop__body--page-area p {
  line-height: 1.3;
  font-size: 14px;
  font-weight: 400;
  color: #151515;
  margin-bottom: 10px;
  font-family: Jost;
}

.accordion .acc-item .acc-header .js-active a {
  color: #2c2c2c;
  transition: all ease 0.5s;
}

.accordion .acc-item .acc-header .js-active .icon .arrow:before {
  transform: rotate(0);
  transition: all ease 0.5s;
}

.accordion .acc-item .acc-content {
  float: left;
  width: 100%;
}

.accordion .acc-item .acc-content .acc-content-inner {
  padding: 25px 50px 13px 28px;
  color: #707070;
  line-height: 22px;
  font-size: 16px;
  font-family: Jost;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 15px;
}

.accordion .acc-item .acc-content .acc-header:before {
  content: "";
  background: #ebeeee;
  height: 100%;
  position: absolute;
  width: 10px;
  left: 0;
  top: 0;
  transition: all ease 0.5s;
}

.accordion .acc-item .acc-content .acc-item .icon {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  transition: all ease 0.5s;
}

.accordion .acc-item .acc-content .acc-item .icon .arrow {
  font-weight: 900;
  height: 100%;
  width: 48px;
  right: -4px;
  top: 0;
  border-left: 1px solid #ebeeee;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease 0.5s;
}

.accordion .acc-item .acc-content .acc-item .icon .arrow:before {
  content: "\e914";
  font-size: 22px;
  color: #1d1f1d;
  transform: rotate(-180deg);
  display: block;
  font-weight: 100;
  transition: all ease 0.5s;
}

.accordion .acc-item .acc-content .acc-item.js-active .acc-header .icon {
  transition: all ease 0.5s;
}

.accordion .acc-item .acc-content .acc-item.js-active .acc-header .icon .arrow {
  transition: all ease 0.5s;
}

.accordion .acc-item .acc-content .acc-item.js-active .acc-header .icon .arrow:before {
  transition: all ease 0.5s;
  content: "\e91e";
  transform: rotate(0);
}

.accordion .acc-item.js-active .acc-header .icon {
  transition: all ease 0.5s;
}

.accordion .acc-item.js-active .acc-header .icon .arrow {
  transition: all ease 0.5s;
}

.accordion .acc-item.js-active .acc-header .icon .arrow:before {
  transition: all ease 0.5s;
  content: "\e914";
}

.accordion .acc-item .acc-header .icon .icon-timberland-arrow-down-indicator-open, .accordion .acc-item.js-active .acc-header .icon .icon-timberland-arrow-up-indicator-open {
  display: inline-block;
}

.accordion .acc-item .acc-header .icon .icon-timberland-arrow-up-indicator-open, .accordion .acc-item.js-active .acc-header .icon .icon-timberland-arrow-down-indicator-open {
  display: none;
}

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

.tabs > ul {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 60px;
  position: relative;
  z-index: 1;
  width: 100%;
}

.tabs > ul::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #e6e6e6;
  z-index: -1;
}

.tabs > ul > li {
  display: inline-block;
  padding-right: 5px;
}

.tabs > ul > li > a {
  font-size: 16px;
  color: #434343;
  font-weight: 600;
  text-transform: uppercase;
  padding: 13px 25px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.tabs > ul > li > a:hover {
  color: #479ec1;
}

.tabs > ul > li > a.js-active {
  display: inline-block;
  color: #fff;
  background-color: #479ec1;
}

.tabs .content {
  overflow: hidden;
}

.shop__head--views-area {
  position: relative;
  margin-bottom: 40px;
  width: 100%;
}

@media (max-width: 991px) {
  .shop__head--views-area.c-height {
    margin-bottom: 0;
  }
  .shop__head--views-area.c-height .shop__container-fluid.none-bg {
    height: 100px !important;
  }
}
.shop__head--views-area .picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  width: 100%;
}

.shop__head--views-area .picture img {
  min-height: 220px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: left;
  object-position: left;
}

.shop__head--views-area .shop__container-fluid {
  z-index: 2;
  top: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.shop__head--views-area .shop__container-fluid.none-bgs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.shop__head--views-area .shop__container-fluid.none-bg {
  height: 150px;
}

.shop__head--views-area .shop__container-fluid.postions {
  position: absolute;
}

.shop__head--views-area .shop__views-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.shop__head--views-area .shop__views-title.none-bg {
  height: 150px;
}

@media (max-width: 767px) {
  .shop__head--views-area .shop__views-title {
    text-align: center;
  }
}
.shop__head--views-area .shop__views-title .shop__views-inner {
  position: absolute;
  left: 15px;
}

@media (max-width: 767px) {
  .shop__head--views-area .shop__views-title .shop__views-inner {
    left: 0;
    width: 100%;
    position: inherit;
  }
}
.shop__head--views-area .shop__views-title .shop__views-inner h1 {
  font-size: 38px;
  color: #2c2c2c;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 15px;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .shop__head--views-area .shop__views-title .shop__views-inner h1 {
    font-size: 20px;
    margin: 0;
    text-align: left;
  }
}
.shop__head--views-area .shop__views-title .shop__views-inner h1 span {
  color: #2c2c2c;
}

@media (max-width: 767px) {
  .shop__head--views-area .shop__views-title .shop__views-inner ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.shop__head--views-area .shop__views-title .shop__views-inner ul li {
  font-size: 16px;
  color: #2c2c2c;
  text-transform: capitalize;
  display: inline-block;
}

@media (max-width: 767px) {
  .shop__head--views-area .shop__views-title .shop__views-inner ul li {
    font-size: 14px;
  }
}
.shop__head--views-area .shop__views-title .shop__views-inner ul li i {
  margin: 0 6px;
}

.shop__head--views-area .shop__views-title .shop__views-inner ul li i::before {
  margin-left: 10px;
  font-size: 10px;
}

.shop__head--views-area .shop__views-title .shop__views-inner ul li i::before {
  margin-left: 0;
  font-size: 11px;
}

.shop__head--views-area .shop__views-title .shop__views-inner ul li a {
  color: #ababab;
}

#common .content-sidebar h3 {
  width: 100%;
  font-size: 1.71429em;
  font-weight: normal;
  margin-top: 1em;
  font-family: Semplicita, Arial, sans-serif;
}
#common .content-sidebar ul {
  width: 100%;
}
#common .content-sidebar ul li {
  margin-top: 1em;
  padding-left: 1.14286em;
  width: 100%;
}
#common .content-sidebar ul li a {
  font-size: 1em;
  line-height: 2;
  color: #362d2e;
  text-decoration: underline;
  cursor: pointer;
  font-family: Semplicita, Arial, sans-serif;
  text-transform: uppercase;
}
#common .content-sidebar ul li a:hover {
  color: #eb8102;
  text-decoration: none;
}

.content-heading {
  background: #dedede;
  padding: 20px 0;
  margin-bottom: 20px;
}

.content-breadcrumb li {
  margin-right: 5px;
}
.content-breadcrumb li a:after {
  content: "›";
  padding-left: 5px;
  display: inline-block;
  color: #000;
  font-size: 16px;
  line-height: 1em;
}
.content-breadcrumb li span {
  font-weight: 500;
}

/*
#faq-accordion {
	height:100%;
	width:100%;
	float:left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	.acc-item {
		margin-bottom: 15px;
		.acc-header {
			padding: 10px 0;
			> a {
				.title {
					font-size: 15px;
					font-weight: 700;
					font-stretch: normal;
					font-style: normal;
					line-height: 2;
					letter-spacing: 1.67px;
					color: #1d1f1d;
					margin: 0 0 10px 0;
					padding-left: 20px;
					font-family: $Jost;
				}
			}
			.icon { 
				.arrow {
					-webkit-transition: all .3s ease;
					-o-transition: all .3s ease;
					transition: all .3s ease; 
				}
			}
		}
		&.js-active .acc-header { 
			& > a {
				color: inherit;
			}
			.icon { 
				.arrow {
					-webkit-transform: rotate(-180deg);
					-ms-transform: rotate(-180deg);
					transform: rotate(-180deg);
				}
			}
		}
		.acc-content {
			background: white;
			border: 0;
			padding-bottom: 0;
			.acc-header {
				margin-bottom: 10px;
				a {
					font-size: 14px;
					font-weight: 700;
					font-stretch: normal;
					font-style: normal;
					line-height: 2;
					letter-spacing: 1.67px;
					color: #1d1f1d;
					margin: 0 0 2px 0;
					padding-left: 40px;
					font-family: $Jost;
				}
				.icon {
					right: 96.7%;
					top: 15px;
					.arrow {
						-webkit-transform: rotate(-90deg);
						-ms-transform: rotate(-90deg);
						transform: rotate(-90deg);
						-webkit-transition: all .3s ease;
						-o-transition: all .3s ease;
						transition: all .3s ease;
					}
				}
				p {
					font-size: 12px;
					a {
						font-size: 12px;
					}
				}
			}
			.acc-content {
				padding-top: 0;
				border: none;
				p {
					font-size: 12px;
					a {
						font-size: 12px;
					}
				}
			} 
			.acc-item.js-active .acc-header .icon .arrow {
				-webkit-transform: rotate(-180deg);
				-ms-transform: rotate(-180deg);
				transform: rotate(-180deg);
			}
		}
	}
}*/
.faq-search-result .result-count {
  padding: 10px 0;
}
.faq-search-result .result-question {
  border-top: 1px solid #dedede;
}
.faq-search-result .result-question li {
  width: 100%;
  float: left;
  padding: 10px 0;
  border-bottom: 1px solid #dedede;
}

.faq-search {
  margin-bottom: 20px;
  background: #dedede;
  padding: 20px;
}
.faq-search .btn-faq-search {
  position: absolute;
  top: 0;
  right: 0;
}

.sitemap a {
  font-size: 14px;
  line-height: 22px;
  color: #333;
}
.sitemap a:hover {
  text-decoration: underline;
  color: #2c2c2c;
}
.sitemap ul {
  padding-left: 15px;
}
.sitemap ul li {
  width: 100%;
}
.sitemap .sm-list-lvl1 {
  width: 100%;
  -webkit-column-count: 3;
  -webkit-column-gap: 10px;
  -webkit-column-fill: auto;
  -moz-column-count: 3;
  -moz-column-gap: 10px;
  -moz-column-fill: auto;
  column-count: 3;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
  column-fill: auto;
  margin-top: 25px;
}
.sitemap .sm-list-lvl1 .main-dept {
  display: block;
  border: 1px solid #dedede;
  margin: 0 2px 15px;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  column-break-inside: avoid;
  padding: 15px;
  padding-bottom: 5px;
  opacity: 1;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  vertical-align: top;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  background: #fff;
}
.sitemap .sm-list-lvl1 .main-dept .main-dept-item {
  font-weight: bold;
  border-bottom: 1px solid #dedede;
  display: block;
  padding-bottom: 5px;
  margin-bottom: 5px;
  color: #000;
  font-size: 14px;
  position: relative;
  text-transform: uppercase;
}
.sitemap .sm-list-lvl1 .main-dept .main-dept-item.none {
  border: none;
}
.sitemap .sm-list-lvl2 {
  margin-bottom: 10px;
}
.sitemap .sm-list-lvl2 .sub-dept {
  list-style-type: circle;
  list-style-position: inside;
}
.sitemap .sm-list-lvl3 .second-sub-dept {
  list-style-type: disc;
  list-style-position: inside;
  color: #2c2c2c;
  font-size: 17px;
}
.sv-store-finder-area {
  overflow: hidden;
}
.sv-store-finder-area .box-btn {
  max-width: 367px;
  margin: 0 15px;
}
.sv-store-finder-area .box-btn:hover a {
  color: white;
}
.sv-store-finder-area .box-btn a {
  line-height: 24px;
}
.sv-store-finder-area .selectric-wrapper {
  margin-right: 15px;
  border: 1px solid #ccc;
  font-family: "Semplicita";
  font-weight: 500;
  margin: 0;
  width: 100%;
}
.sv-store-finder-area .selectric-items {
  background: #ffffff;
}
.sv-store-finder-area #search_input {
  border: 1px solid #ccc;
  height: 36px;
  padding: 0 10px;
  width: 100%;
  font-size: 16px;
  font-family: "Semplicita";
  margin-bottom: 11px;
}
.sv-store-finder-area .store-shows .checkbox-style label::before {
  height: 20px;
  width: 20px;
}
.sv-store-finder-area .store-shows .checkbox-style label::after {
  left: 1.9px !important;
  top: 4px !important;
}
.sv-store-finder-area .store-shows .checkbox-style label .point-one {
  border: 1px solid #E37600;
  left: 0;
  padding: 7px 0 0;
  position: relative;
  text-align: center;
  top: 8px;
  background-color: #E37600;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  display: inline-block;
  margin-right: 7px;
}
.sv-store-finder-area .store-shows .checkbox-style label .point-one::after {
  border: 1px solid #fff;
  border-radius: 50%;
  content: "";
  display: block;
  height: 80%;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 80%;
}
.sv-store-finder-area .store-shows .checkbox-style label .point-two {
  background-color: #000;
  border: 2px solid #fff;
  border-radius: 50%;
  top: 8px;
  padding: 7px 0 0;
  position: relative;
  text-align: center;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  display: inline-block;
  margin-right: 7px;
}
.sv-store-finder-area .select-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 9px;
}
.sv-store-finder-area .select-filter select {
  width: calc(100% - 117px);
  margin-right: 15px;
  border: 1px solid #ccc;
  font-family: "Semplicita";
  font-weight: 500;
  height: 37px;
  margin: 0;
}
.sv-store-finder-area .select-filter .filter-wrap .btn-filter {
  background: #000;
  border: 0;
  -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
  color: #fff;
  cursor: pointer;
  display: inline-block;
  float: left;
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  height: 36px;
  line-height: 16px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  width: 117px;
  font-family: "Semplicita";
  padding-left: 15px;
}
.sv-store-finder-area .select-filter .filter-wrap .btn-filter .title {
  width: calc(100% - 28px);
  float: left;
  margin-top: 2px;
}
.sv-store-finder-area .select-filter .filter-wrap .btn-filter .title:hover {
  color: #9AB531;
}
.sv-store-finder-area .select-filter .filter-wrap .btn-filter .icon {
  font-size: 16px;
  text-align: right;
  display: block;
  float: left;
  width: 21px;
  margin-top: 8px;
}
.sv-store-finder-area .maps-item {
  padding: 0 15px;
  float: left;
  width: 100%;
}
.sv-store-finder-area .maps-item .left-item {
  width: 70px;
  float: left;
}
.sv-store-finder-area .maps-item .left-item .point {
  border: 1px solid #E37600;
  height: 30px;
  left: 0;
  position: relative;
  top: 0;
  width: 30px;
  background-color: #E37600;
  border-radius: 50%;
  color: white;
  margin-top: 12px;
  margin-bottom: 15px;
  text-align: center;
  margin: 12px auto 9px 10px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.sv-store-finder-area .maps-item .left-item .km {
  margin: 0;
  width: 100%;
  font-size: 13px;
  line-height: 1.6rem;
  text-align: center;
  font-family: "Semplicita";
  margin-left: -8px;
}
.sv-store-finder-area .maps-item .right-item {
  float: left;
  font-size: 14px;
  margin: 15px 0;
  line-height: 23px;
  padding: 0 0 0 20px;
  position: relative;
  width: calc(100% - 70px);
  font-weight: 500;
  font-family: "Semplicita";
  text-transform: capitalize;
}
.sv-store-finder-area .maps-item .right-item::before {
  border-left: 1px solid #e5e5e5;
  content: "";
  display: block;
  height: 100px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
}
.sv-store-finder-area .maps-item .right-item .title {
  cursor: pointer;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "Semplicita";
  font-size: 14px;
}
.sv-store-finder-area .maps-item .right-item .detay {
  cursor: pointer;
  font-family: "Semplicita";
  text-decoration: underline;
  position: relative;
  float: left;
  display: block;
  clear: both;
  margin-top: 10px;
}
.sv-store-finder-area .store-finder__map-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 0 80px;
  float: left;
  width: 100%;
}
.sv-store-finder-area .sv-store-finder-area-sidebar {
  max-width: 400px;
  width: 100%;
  background: white;
  float: left;
  margin: auto;
}
.sv-store-finder-area .sv-store-finder-area-sidebar .sv-store-finder-area-sidebar__headline {
  padding: 40px 25px;
  margin: 0;
  border-bottom: 1px solid #dee2e6;
}
.sv-store-finder-area .sv-store-finder-area-sidebar .sv-store-finder-area-sidebar__map-nav {
  padding: 0 15px;
  margin-top: 15px;
  float: left;
  width: 100%;
}
.sv-store-finder-area .sv-store-finder-area-sidebar .sv-store-finder-area-sidebar__map-nav input#sv-store-finder-area-sidebar__search {
  height: 35px;
  line-height: 40px;
  padding: 0 10px 0 0;
  width: calc(100% - 40px);
  border: none;
  float: left;
}
.sv-store-finder-area .sv-store-finder-area-sidebar .sv-store-finder-area-sidebar__search-container, .sv-store-finder-area .sv-store-finder-area-sidebar select {
  background: #ffffff;
  position: relative;
}
.sv-store-finder-area .sv-store-finder-area-sidebar .sv-store-finder-area-sidebar__search-container span.svg-icon, .sv-store-finder-area .sv-store-finder-area-sidebar select span.svg-icon {
  float: left;
  margin: 10px 10px 0;
  display: inline-block;
  fill: #000000;
}
.sv-store-finder-area .sv-store-finder-area-sidebar .sv-store-finder-area-sidebar__search-container span.svg-icon svg, .sv-store-finder-area .sv-store-finder-area-sidebar select span.svg-icon svg {
  height: 18px;
  width: 20px;
}
.sv-store-finder-area .sv-store-finder-area-sidebar .sv-store-finder-area-sidebar__search-container .btn, .sv-store-finder-area .sv-store-finder-area-sidebar select .btn {
  height: 50px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: white;
  font-weight: bold;
}
.sv-store-finder-area .sv-store-finder-area-sidebar .sv-store-finder-area-sidebar__search-container .selectric, .sv-store-finder-area .sv-store-finder-area-sidebar select .selectric {
  border: none !important;
}
.sv-store-finder-area .sv-store-finder-area-sidebar .sv-store-finder-area-sidebar__search-container .selectric-open .selectric-items, .sv-store-finder-area .sv-store-finder-area-sidebar select .selectric-open .selectric-items {
  display: block;
  width: 100% !important;
  min-width: 100%;
}
.sv-store-finder-area .sv-store-finder-area-sidebar .selectric {
  border: none !important;
}
.sv-store-finder-area .sv-store-finder-area-sidebar .stores__head {
  height: 36px;
  line-height: 36px;
  color: #fff;
  background-color: #000;
  font-size: 13px;
  text-align: center;
  vertical-align: top;
  clear: both;
  top: 0;
  font-family: "Semplicita";
  font-weight: 700;
}
.sv-store-finder-area .sv-store-finder-area-sidebar ul.sv-stores__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.sv-store-finder-area .sv-store-finder-area-sidebar ul.sv-stores__list li.sv-stores--item {
  font-size: 14px;
  color: #495057;
  font-weight: 500;
  cursor: pointer;
  width: 100%;
  margin: 0;
  float: left;
  border: none;
  border-bottom: 1px solid #f8f8f8;
  position: relative;
  line-height: 20px;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.sv-store-finder-area .sv-store-finder-area-sidebar ul.sv-stores__list li.sv-stores--item li:hover {
  background-color: #f3f3f3;
}
.sv-store-finder-area .sv-store-finder-area-sidebar ul.sv-stores__list li.sv-stores--item .svg-icon {
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -5px;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.sv-store-finder-area .sv-store-finder-area-sidebar ul.sv-stores__list li.sv-stores--item .svg-icon svg {
  height: 10px;
  width: 10px;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.sv-store-finder-area .sv-store-finder-area-sidebar ul.sv-stores__list li.sv-stores--item:hover .svg-icon {
  right: 20px;
}
.sv-store-finder-area .sv-store-finder-area-sidebar ul.sv-stores__list li.sv-stores--item h4 {
  font-weight: 500;
  color: #000;
  font-size: 14px;
}
.sv-store-finder-area .sv-store-finder-area-sidebar ul.sv-stores__list li.sv-stores--item address {
  font-weight: 400;
}
.sv-store-finder-area .sv-store-finder-area-sidebar ul.sv-stores__list li.sv-stores--item a {
  color: #495057;
  font-weight: 400;
  text-decoration: none;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.sv-store-finder-area .sv-store-finder-area-sidebar ul.sv-stores__list li.sv-stores--item a:hover {
  color: #000;
}
.sv-store-finder-area .sv-store-finder-area-sidebar ul.sv-stores__list li.sv-stores--item .sv-stores--item-blank {
  text-underline-position: under;
  text-decoration: underline;
  display: flow-root;
  color: black;
}
.sv-store-finder-area .sv-store-finder-area-sidebar ul.sv-stores__list li.sv-stores--item .sv-stores--item-blank :hover {
  color: #343a40;
  opacity: 0.9;
}
.sv-store-finder-area .sv-store-finder-area-map {
  width: calc(100% - 400px);
  border: 1px solid #dee2e6;
  border-left: none;
  height: 800px;
  float: left;
}
.sv-store-finder-area .sv-store-finder-area-map #map,
.sv-store-finder-area .sv-store-finder-area-map iframe {
  width: 100%;
  height: 100%;
}

@media (min-width: 1600px) {
  .sv-store-finder-area .container {
    width: 1366px;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  .sv-store-finder-area {
    margin-top: 40px;
  }
  .sv-store-finder-area .store-finder__map-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .sv-store-finder-area .store-finder__map-container .sv-store-finder-area-sidebar {
    width: 100%;
  }
  .sv-store-finder-area .store-finder__map-container .sv-store-finder-area-map {
    width: 100%;
    height: 400px;
    margin-top: 20px;
  }
  .sv-store-finder-area .store-finder__map-container ul.sv-stores__list li.sv-stores--item {
    width: 100%;
  }
}
.form-contact select {
  width: 100%;
  border: 1px solid #362d2e;
  font-size: 1.14286rem;
  font-weight: normal;
  line-height: 1.5;
  color: #362d2e;
  height: 2.42857rem;
  margin: 0 0 0.78571rem;
  padding: 0.39286rem;
}
.form-contact label {
  display: block;
  margin: 0;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.8;
  color: #362d2e;
}
.form-contact h2 {
  font-family: Semplicita, Arial, sans-serif;
  margin-bottom: 1.5em;
  text-align: center;
}

.contact-directive {
  padding-bottom: 20px;
  margin-top: 70px;
  width: 100%;
}

.contact-text-info p {
  margin-bottom: 1em;
  font-size: inherit;
  line-height: 2;
  font-family: Semplicita, Arial, sans-serif;
}
.contact-text-info h2 {
  font-family: Semplicita, Arial, sans-serif;
}

.general-product-slider {
  position: relative;
  width: 90%;
  max-width: 1536px;
  margin: 16px auto 80px auto;
  padding: 0 40px;
}
@media (max-width: 639px) {
  .general-product-slider {
    width: 100%;
  }
}
.general-product-slider .slider picture img:hover {
  -webkit-transform: inherit;
  -ms-transform: inherit;
  transform: inherit;
}
.general-product-slider .slider .slider-items:hover .p-actions-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.general-product-slider .slider .slick-slide {
  position: relative;
  width: 100%;
}
.general-product-slider .slider .slick-slide .p-item {
  width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0;
}
.general-product-slider .slider .slick-slide .p-item .p-item-inside {
  width: 100%;
  margin: 0;
}
.general-product-slider .slider .slick-slide * {
  float: left;
  width: 100%;
}
.general-product-slider .slider .slick-slide .p-badges {
  display: none;
}
.general-product-slider .slider .slick-slide .p-image {
  margin: 0px !important;
  padding: 20%;
}
.general-product-slider .slider .slick-slide picture {
  width: 100%;
  height: 100%;
}
.general-product-slider .slider .slick-slide img {
  width: 100%;
  min-width: 100%;
  width: 100%;
}
.general-product-slider .slider .slick-slide a {
  width: 100%;
  display: block;
}
.general-product-slider .slider .slick-slide .btn {
  background-color: #eb8102 !important;
  border-color: #eb8102 !important;
}
.general-product-slider .slider .slick-slide .btn:hover {
  background-color: #362d2e !important;
  border-color: #362d2e !important;
  color: #fff !important;
}
.general-product-slider .slider .p-actions-wrap {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.general-product-slider .slider .p-actions-wrap .p-quicklook {
  max-width: 189px;
}
.general-product-slider .slider .p-actions-wrap .btn {
  min-width: auto;
}
.general-product-slider .slider .p-info .p-name {
  padding: 0;
  letter-spacing: 0;
  line-height: normal;
  border: 0;
}
.general-product-slider .slider .p-info .p-name a {
  color: #362d2e;
  font-family: Arial, sans-serif;
  font-size: 1em;
  font-weight: normal;
  letter-spacing: 0.06em;
  line-height: 1.4;
  margin-top: 2em;
  margin-bottom: 0.2em;
  text-transform: none;
  white-space: normal;
  text-align: center;
}
.general-product-slider .slider .p-info .p-price {
  text-align: center;
}
.general-product-slider .arrow-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.general-product-slider .arrow-wrap .slick-arrow {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: color 0.3s, background-color 0.3s;
  -o-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
  color: #fff;
  background: #000;
  cursor: pointer;
  position: absolute;
  top: 50%;
}
.general-product-slider .arrow-wrap .slick-arrow.arrow-back {
  left: -40px;
}
.general-product-slider .arrow-wrap .slick-arrow.arrow-forward {
  right: -40px;
}
.general-product-slider .arrow-wrap .slick-arrow .icon {
  color: #fff;
}
.general-product-slider .arrow-wrap .slick-arrow:hover {
  background: #2c2c2c;
  color: #ff6e68;
}
.general-product-slider .head-area {
  max-width: 80%;
  margin-bottom: 10px;
}
.general-product-slider .head-area h2 {
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  font-family: "Jost";
  letter-spacing: 0px;
}
.general-product-slider .head-area a {
  display: inline-block;
  font-family: "Jost";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0px;
}
.general-product-slider .p-type {
  display: none !important;
}

.custom-page-slider {
  position: absolute;
  visibility: hidden;
  opacity: 0;
}

.online-sup h2 {
  font-size: 16px;
  line-height: 19px;
  font-family: "Jost";
  margin-bottom: 10px;
  text-align: center;
}
.online-sup .box {
  position: relative;
  margin-bottom: 30px;
  background: #f4f4f4;
  height: 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.online-sup .box .box-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  padding: 15px;
}
.online-sup .box .box-text .text-inner {
  text-align: center;
}
.online-sup .box .box-text .text-inner.line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.online-sup .box .box-text .text-inner.line .icon {
  margin-right: 15px;
}
.online-sup .box .box-text .text-inner span {
  display: block;
  font-size: 14px;
  line-height: 19px;
  font-weight: 700;
  text-transform: uppercase;
}
.online-sup .box .box-text .text-inner span.icon {
  font-size: 45px;
  margin-bottom: 10px;
  line-height: 30px;
}
.online-sup .box img {
  width: 50px;
}
.online-sup .sss-list {
  width: 100%;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.online-sup .sss-list li {
  border-bottom: 1px solid #f4f4f4;
  width: 100%;
  text-align: center;
}
.online-sup .sss-list li a {
  position: relative;
  -webkit-transition: background-color 100ms linear;
  -o-transition: background-color 100ms linear;
  transition: background-color 100ms linear;
  padding: 20px;
  display: block;
}
.online-sup .sss-list li a:hover {
  background-color: #f4f4f4;
}
.online-sup .sss-list li a .title {
  font-weight: 400;
  font-size: 1em;
  line-height: 1.6;
  letter-spacing: 0.1em;
  font-family: "Jost";
}
.online-sup .sss-list li a .icon {
  float: right;
  display: block;
  margin-top: 4px;
}
.online-sup .sss-list li a strong {
  text-transform: uppercase;
  font-weight: bold !important;
}
.online-sup .info-list {
  width: 100%;
  margin-bottom: 40px;
  margin-top: 20px;
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 1px solid #f4f4f4;
}
.online-sup .info-list li {
  width: 100%;
  text-align: center;
}
.online-sup .info-list li a {
  position: relative;
  -webkit-transition: background-color 100ms linear;
  -o-transition: background-color 100ms linear;
  transition: background-color 100ms linear;
  margin: 10px 0;
  display: block;
}
.online-sup .info-list li a .title {
  font-size: 16px;
  letter-spacing: 0.52px;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 1.53846em;
  font-family: "Jost";
}
.online-sup .info-list li a .icon {
  float: right;
  display: block;
  margin-top: 4px;
}
.online-sup .info-list li a strong {
  text-transform: uppercase;
  font-weight: bold !important;
}

.box-size-chart {
  margin-bottom: 40px;
}
.box-size-chart .body-box .head h1 {
  font-family: "Jost";
  font-weight: 700;
  letter-spacing: 0.085em;
  text-transform: uppercase;
  font-size: 2rem;
  margin-top: 1.28571rem;
  margin-bottom: 1.28571rem;
  text-align: center;
}
.box-size-chart .body-box .head span {
  font-family: "Jost";
  margin-bottom: 1em;
  line-height: 2;
  color: #362d2e;
  text-align: center;
  text-align: center;
  display: block;
  margin-bottom: 4rem;
}
.box-size-chart .body-box .head span a {
  color: #362d2e;
  text-decoration: underline;
}
.box-size-chart .body-box .head span a:hover {
  text-decoration: inherit;
}
.box-size-chart .body-box .body-content ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.box-size-chart .body-box .body-content ul li {
  width: 33.33333% !important;
  margin-bottom: 10px;
}
@media (max-width: 1023px) {
  .box-size-chart .body-box .body-content ul li {
    width: 100% !important;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .box-size-chart .body-box .body-content ul li {
    width: 500%;
  }
}
.box-size-chart .body-box .body-content ul li h5 {
  font-family: "Jost";
  font-weight: 700;
  letter-spacing: 0.085em;
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.box-size-chart .body-box .body-content ul li a {
  display: inline-block;
  margin-bottom: 10px;
  color: white;
}
.box-size-chart .body-box .body-content img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.common-landing .sv-container {
  display: flex;
  flex-direction: column;
}
.common-landing .sv-container .headr-line {
  display: inline-block;
  margin: 30px auto !important;
}
.common-landing .sv-container .headr-line:after {
  content: "";
  display: block;
  background: url("https://st-sv.mncdn.com/Content/img/line-bg.png") repeat-x;
  height: 14px;
}
.common-landing .sv-container [class*=slider-wrap] {
  width: 100%;
  margin: 30px auto;
  text-align: center;
}
.common-landing .sv-container .breadcrumbs {
  margin-top: 15px;
}
.common-landing .sv-container .breadcrumbs li {
  float: left;
  font-size: 0.71429rem;
  color: #362d2e;
  cursor: default;
  text-transform: uppercase;
}
@media print, screen and (min-width: 40em) {
  .common-landing .sv-container .breadcrumbs li {
    font-size: 0.85714rem;
    letter-spacing: 0.06571rem;
  }
}
.common-landing .sv-container .breadcrumbs li:after {
  position: relative;
  margin: 0 0.75rem;
  opacity: 1;
  content: "⁄";
  color: #362d2e;
}
.common-landing .sv-container .breadcrumbs li:last-child:after {
  display: none;
}
.common-landing .sv-container .breadcrumbs li a {
  color: #362d2e;
}
.common-landing .sv-container .breadcrumbs li a:hover {
  color: #eb8102;
  text-decoration: none;
}
.common-landing .sv-container .content-landing-page {
  width: 75%;
  margin: 0 auto 50px auto;
}
@media (max-width: 767px) {
  .common-landing .sv-container .content-landing-page {
    width: 100%;
    padding: 0 30px;
  }
}
.common-landing .sv-container .content-landing-page > h1 {
  padding: 50px 0;
  text-align: center;
  font-size: 2.8em;
  line-height: 1.25em;
  font-family: "Semplicita" !important;
  font-weight: 700;
  letter-spacing: 0.085em;
  text-transform: uppercase;
  font-style: normal;
  color: #362d2e;
  text-rendering: auto;
  margin-top: 0;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .common-landing .sv-container .content-landing-page > h1 {
    font-size: 1.8em;
  }
}
.common-landing .sv-container .content-landing-page .content-text iframe {
  width: 100%;
  height: 570px;
}
@media (max-width: 767px) {
  .common-landing .sv-container .content-landing-page .content-text iframe {
    height: 320px;
  }
}
.common-landing .sv-container .content-landing-page .content-text h2 {
  font-family: "Semplicita" !important;
  font-size: 1rem;
  margin: 30px 0 30px 0;
}
.common-landing .sv-container .content-landing-page .content-text p {
  margin-bottom: 1em;
  font-size: inherit;
  line-height: 2;
}
.common-landing .sv-container .content-landing-page .content-text .list-ul {
  display: flex;
  flex-direction: column;
  margin: 90px 0;
}
.common-landing .sv-container .content-landing-page .content-text .list-ul ul {
  display: flex;
  flex-direction: column;
  margin: 25px auto;
}
.common-landing .sv-container .content-landing-page .content-text .list-ul ul li {
  margin-bottom: 16px;
  list-style: disc;
}
.common-landing .sv-container .content-landing-page .content-text #boot-care-table-1 {
  border: 1px solid #e7e7e7;
  border-collapse: collapse;
}
.common-landing .sv-container .content-landing-page .content-text #boot-care-table-1 td,
.common-landing .sv-container .content-landing-page .content-text #boot-care-table-1 th {
  border: 1px solid #e7e7e7;
  padding: 0.2em;
}
.common-landing .sv-container .content-landing-page .content-text #boot-care-table-1 td:nth-last-child(-n+3),
.common-landing .sv-container .content-landing-page .content-text #boot-care-table-1 th:nth-last-child(-n+3) {
  padding: 0.2em 0.4em;
}
.common-landing .sv-container .content-landing-page .content-text #boot-care-table-1 td:nth-of-type(1) {
  text-transform: uppercase;
}
.common-landing .sv-container .content-landing-page .content-text #boot-care-table-1 td:not(:nth-of-type(1)),
.common-landing .sv-container .content-landing-page .content-text #boot-care-table-1 th {
  text-align: center;
}
.common-landing .sv-container .content-landing-page .content-text #boot-care-table-1 th {
  font-size: 0.8em;
}
.common-landing .sv-container .content-landing-page .content-text #boot-care-table-1 tbody tr:nth-of-type(even) {
  background-color: rgba(0, 0, 0, 0.1);
}
.common-landing .sv-container .content-landing-page .content-text .text-box-list {
  margin: 100px auto 20px auto;
  max-width: 60%;
}
@media (max-width: 767px) {
  .common-landing .sv-container .content-landing-page .content-text .text-box-list {
    max-width: 100%;
  }
}
.common-landing .sv-container .content-landing-page .content-text .text-box-list .text-center {
  margin-top: 60px;
  margin-bottom: 60px;
}
.common-landing .sv-container .content-landing-page .content-text .text-box-list p {
  padding: 0 30px;
}
.common-landing .sv-container .content-landing-page .content-text .text-bottom {
  display: flex;
  flex-direction: column;
}
.common-landing .sv-container .content-landing-page .content-text .text-bottom .col-md-3 {
  margin-bottom: 30px;
}

.login__area {
  margin: 3% 0;
}
@media (max-width: 991px) {
  .login__area {
    margin-top: 30px;
  }
}
@media (max-width: 991px) {
  .login__area .login__box {
    margin-bottom: 30px;
  }
}
.login__area .login__box .login__register--text-area h3 {
  display: block;
  font-size: 15px;
  color: #2c2c2c;
  text-transform: uppercase;
  position: relative;
  font-family: "Jost";
  font-weight: 700;
  margin: 0;
  margin-bottom: 25px;
  cursor: default;
}
.login__area .login__box .login__register--text-area p {
  display: block;
  font-size: 13px;
  color: #2c2c2c;
  position: relative;
  font-weight: 400;
  margin: 0;
  margin-bottom: 25px;
  cursor: default;
}
.login__area .login__box.login__guest--box-area {
  margin-top: 60px;
  border-top: 1px solid #2c2c2c;
  padding-top: 60px;
  max-width: 93%;
  margin: 60px auto 0 auto;
}
@media (max-width: 991px) {
  .login__area .login__box.login__guest--box-area {
    padding-top: 45px;
    max-width: 100%;
    margin: 30px auto 80px auto;
  }
}
.login__area .login__box.login__guest--box-area .head__area {
  text-align: center;
}
.login__area .login__box.login__guest--box-area .login__guest--form-area {
  max-width: 600px;
  margin: 0 auto;
}

.head__area {
  display: flex;
  flex-direction: column;
}
.head__area h1,
.head__area h2,
.head__area h3,
.head__area h4,
.head__area h5,
.head__area h6 {
  display: block;
  font-size: 30px;
  color: #2c2c2c;
  text-transform: uppercase;
  position: relative;
  font-family: "Jost";
  font-weight: 700;
  white-space: nowrap;
  margin: 0;
  margin-bottom: 40px;
  cursor: default;
}
@media (max-width: 991px) {
  .head__area h1,
.head__area h2,
.head__area h3,
.head__area h4,
.head__area h5,
.head__area h6 {
    font-size: 20px;
    margin-bottom: 20px;
  }
}

.register__area {
  margin: 3% 0;
}
@media (max-width: 991px) {
  .register__area {
    margin-top: 30px;
  }
}
.register__area .head__area {
  display: flex;
  flex-direction: column;
}
.register__area .head__area h1,
.register__area .head__area h2,
.register__area .head__area h3,
.register__area .head__area h4,
.register__area .head__area h5,
.register__area .head__area h6 {
  display: block;
  font-size: 30px;
  color: #2c2c2c;
  text-transform: uppercase;
  position: relative;
  font-family: "Jost";
  font-weight: 700;
  white-space: nowrap;
  margin: 0;
  margin-bottom: 40px;
  cursor: default;
}
@media (max-width: 991px) {
  .register__area .head__area h1,
.register__area .head__area h2,
.register__area .head__area h3,
.register__area .head__area h4,
.register__area .head__area h5,
.register__area .head__area h6 {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 991px) {
  .register__area .register__box {
    margin-bottom: 30px;
  }
}
.register__area .register__box .register__register--text-area h3 {
  display: block;
  font-size: 15px;
  color: #2c2c2c;
  text-transform: uppercase;
  position: relative;
  font-family: "Jost";
  font-weight: 700;
  margin: 0;
  margin-bottom: 25px;
  cursor: default;
}
.register__area .register__box .register__register--text-area p {
  display: block;
  font-size: 13px;
  color: #2c2c2c;
  position: relative;
  font-weight: 400;
  margin: 0;
  margin-bottom: 25px;
  cursor: default;
}
.register__area .register__box.register__guest--box-area {
  margin-top: 60px;
  border-top: 1px solid #2c2c2c;
  padding-top: 60px;
  max-width: 93%;
  margin: 60px auto 0 auto;
}
@media (max-width: 991px) {
  .register__area .register__box.register__guest--box-area {
    padding-top: 45px;
    max-width: 100%;
    margin: 30px auto 80px auto;
  }
}
.register__area .register__box.register__guest--box-area .head__area {
  text-align: center;
}
.register__area .register__box.register__guest--box-area .register__guest--form-area {
  max-width: 600px;
  margin: 0 auto;
}

.dashboard__head-area {
  margin-bottom: 30px;
}
.dashboard__head-area .welcome {
  color: #2c2c2c;
  font-size: 16px;
  font-weight: 700;
  font-family: "Jost";
}
.dashboard__head-area a {
  color: #2c2c2c;
  font-size: 14px;
  font-weight: 400;
  font-family: "Jost";
}
.dashboard__head-area h1 {
  font-size: 24px;
  font-weight: 700;
  color: #2c2c2c;
  font-family: "Jost";
  margin: 0;
}

.dashboard__head-area .breadcrumb__area .breadcrumb .home {
  margin-right: 10px;
}
.dashboard__head-area .breadcrumb__area .breadcrumb .home::after {
  content: "/";
  font-size: 16px;
  font-family: "Jost";
  margin-left: 10px;
  position: relative;
  top: 2px;
  color: #2c2c2c;
}
.dashboard__head-area .breadcrumb__area .breadcrumb span {
  color: #2c2c2c;
  font-size: 14px;
  font-weight: 400;
  font-family: "Jost";
}
.dashboard__head-area .breadcrumb__area .back-area .icon {
  color: #2c2c2c;
}
.dashboard__head-area .breadcrumb__area .back-area .back {
  color: #2c2c2c;
}

#member__area {
  margin: 3% 0;
  padding: 0 10%;
}
@media (max-width: 1200px) {
  #member__area {
    padding: 0;
  }
}

.dashboard__area .member__box-area {
  border-top: 2px solid #2c2c2c;
  height: auto;
  padding: 30px 35px;
  color: #2c2c2c;
  font-family: "Jost";
  line-height: 1;
  cursor: pointer;
  background: white;
  margin-top: 2px;
  margin-left: 0;
  margin-bottom: 15px;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.23);
}
.dashboard__area .member__box-area a {
  display: flex;
}
.dashboard__area .member__box-area a .icon-area {
  margin-right: 15px;
}
.dashboard__area .member__box-area a .icon-area .icon {
  font-size: 30px;
  color: #2c2c2c;
}
.dashboard__area .member__box-area a .content-area {
  width: 100%;
}
.dashboard__area .member__box-area a .content-area h2 {
  font-size: 17px;
  font-weight: 700;
  color: #2c2c2c;
  font-family: "Jost";
  margin: 0;
  margin-bottom: 12px;
  padding-bottom: 9px;
  border-bottom: 1px solid #2c2c2c;
  width: 100%;
  display: block;
}
.dashboard__area .member__box-area:hover {
  border-color: #2c2c2c;
}
.dashboard__area .member__box-area:hover a .icon-area .icon {
  color: #2c2c2c;
}
.dashboard__area .member__box-area:hover a .content-area h2 {
  color: #2c2c2c;
  border-color: #2c2c2c;
}
.dashboard__inner--head-area {
  display: flex;
  flex-direction: column;
}
.dashboard__inner--head-area h1,
.dashboard__inner--head-area h2,
.dashboard__inner--head-area h3,
.dashboard__inner--head-area h4,
.dashboard__inner--head-area h5,
.dashboard__inner--head-area h6 {
  display: block;
  font-size: 20px;
  color: #2c2c2c;
  text-transform: uppercase;
  position: relative;
  font-family: "Jost";
  font-weight: 700;
  white-space: nowrap;
  margin: 0;
  margin-bottom: 20px;
  cursor: default;
}
@media (max-width: 991px) {
  .dashboard__inner--head-area h1,
.dashboard__inner--head-area h2,
.dashboard__inner--head-area h3,
.dashboard__inner--head-area h4,
.dashboard__inner--head-area h5,
.dashboard__inner--head-area h6 {
    font-size: 20px;
    margin-bottom: 20px;
  }
}

.personal__area .btn-change {
  width: auto !important;
}

.tracker-result .dashboard__head-area {
  display: none;
}

.coupon__area .coupon__box-area {
  border: 1px solid #2c2c2c;
  margin-bottom: 30px;
  padding: 0 15px;
}
.coupon__area .coupon__box-area .col-left {
  background: #2c2c2c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  padding: 7px 0;
}
.coupon__area .coupon__box-area .col-left .coupon__text-area {
  color: #fff;
  font-size: 30px;
  text-align: center;
  font-family: "Jost";
  font-style: italic;
  font-weight: 300;
  text-transform: uppercase;
  margin: 0;
}
.coupon__area .coupon__box-area .col-left .coupon__date-area {
  color: #fff;
  font-size: 13px;
  text-align: center;
  font-family: "Jost";
  font-weight: 300;
  margin: 0;
}
.coupon__area .coupon__box-area .col-right {
  padding-top: 6px;
  padding-bottom: 10px;
  padding-right: 48px;
}
.coupon__area .coupon__box-area .col-right .coupon__title-area {
  font-family: "Jost";
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 18px;
}
.coupon__area .coupon__box-area .col-right .coupon__desc-area {
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 15px;
}
.coupon__area .coupon__box-area .col-right .coupon__code-area {
  font-family: "Jost";
  font-weight: 400;
  font-size: 14px;
  border-bottom: 1px solid #2c2c2c;
  display: inline-block;
  cursor: pointer;
}
.coupon__area .coupon__box-area .col-right .coupon__code--copy-area {
  position: absolute;
  right: 6%;
  top: 37%;
  width: 25px;
  cursor: pointer;
}
.coupon__area .coupon__box-area .col-right .coupon__code--copy-area::before {
  content: "";
  width: 25px;
  height: 25px;
  display: block;
  background: #fff;
  border: 2px solid #2c2c2c;
  position: absolute;
}
.coupon__area .coupon__box-area .col-right .coupon__code--copy-area::after {
  content: "";
  width: 25px;
  height: 25px;
  display: block;
  background: #fff;
  border: 2px solid #2c2c2c;
  position: absolute;
  top: 6px;
  left: 5px;
}
.coupon__area .coupon__box-area .col-right .coupon__code--copy-area.js-active::before {
  border-color: #2c2c2c !important;
}
.coupon__area .coupon__box-area .col-right .coupon__code--copy-area.js-active::after {
  border-color: #2c2c2c !important;
}

.coupon-popup {
  max-width: 500px;
  margin: 0 auto;
  width: 100%;
  padding: 0 15px;
}
.coupon-popup .modal-content {
  width: 100%;
}
.coupon-popup .modal-content .coupon-text-wrap .coupon-title {
  font-family: "Jost";
  font-weight: 700;
  display: block;
  margin-bottom: 17px;
  font-size: 18px;
}
.coupon-popup .modal-content .coupon-text-wrap .coupon-code {
  font-family: "Jost";
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 9px;
  display: block;
}

.address__area ul:not(.address-settings) li {
  width: 100%;
  border-top: 2px solid #151515;
  margin-bottom: 10px;
  padding: 20px 0;
}
.address__area ul:not(.address-settings) li .address-info .address-head {
  margin-bottom: 20px;
}
.address__area ul:not(.address-settings) li .address-info .address-head .head-name {
  color: #151515;
  display: block;
  line-height: 17px;
  font-size: 17px;
  font-weight: 700;
  font-family: "Jost";
  margin-bottom: 10px;
}
.address__area ul:not(.address-settings) li .address-info .address-head .head-address {
  color: #151515;
  display: block;
  line-height: 17px;
  font-size: 15px;
  font-weight: 700;
  font-family: "Jost";
}
.address__area ul:not(.address-settings) li .address-info .address__info-area .address__info-text-area {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.address__area ul:not(.address-settings) li .address-info .address__info-area .address__info-text-area .icon {
  font-size: 25px;
  margin-right: 10px;
  margin-left: -5px;
  color: #cb9400;
}
.address__area ul:not(.address-settings) li .address-info .address__info-area .address__info-text-area .address__info-text .address-text {
  color: #151515;
  font-weight: 500;
  font-family: "Montserrat";
  font-size: 13px;
  line-height: 19px;
}
.address__area ul:not(.address-settings) li .address-info .address__info-area .address-cell .icon {
  font-size: 25px;
  margin-right: 10px;
  margin-left: -5px;
  color: #cb9400;
}
.address__area ul:not(.address-settings) li .address-info .address__info-area .address-cell .call {
  color: #151515;
  font-weight: 500;
  font-family: "Montserrat";
  font-size: 13px;
  line-height: 19px;
}
.address__area .address-settings {
  max-width: 50px;
  float: right;
  width: 100%;
  text-align: left;
}
.address__area .address-settings li {
  border: 0 !important;
  margin: 0;
  padding: 0 !important;
  padding-bottom: 6px !important;
  text-align: right;
}
.address__area .address-settings li:first-child {
  border-bottom: 1px solid black !important;
}
.address__area .address-settings li a .icon {
  font-size: 25px;
  margin-right: 10px;
  margin-right: -5px;
  color: #cb9400;
}

.order__list-area {
  margin: 20px 0;
}
.order__list-area ul li .mobile-head {
  display: none;
  float: left;
  font-size: 13px;
  color: #2c2c2c;
  line-height: 17px;
  font-weight: 700;
  font-family: "Jost";
  margin-bottom: 10px;
  width: 100%;
}
@media (max-width: 767px) {
  .order__list-area ul li .mobile-head {
    display: block;
  }
}
.order__list-area ul li.order-header .o-details {
  text-align: right;
}
.order__list-area ul li.order-header div {
  float: left;
  min-height: 1px;
  font-size: 17px;
  color: #2c2c2c;
  display: block;
  line-height: 17px;
  font-weight: 700;
  font-family: "Jost";
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .order__list-area ul li.order-header {
    display: none;
  }
}
.order__list-area ul li.order-content {
  position: relative;
  padding: 15px 0;
  background: #efefef;
  border: 1px solid #eee;
  margin-bottom: -1px;
  float: left;
  width: 100%;
}
@media (min-width: 767px) {
  .order__list-area ul li.order-content .o-details {
    text-align: right;
  }
  .order__list-area ul li.order-content .o-details a {
    color: #2c2c2c;
  }
}
.order__list-area ul li.order-content:nth-child(even) {
  background: #fff;
}
.order__list-area ul li.order-content div {
  float: left;
  color: #bbb;
  font-weight: 300;
  margin: 10px 0px;
  min-height: 1px;
  display: block;
  line-height: 17px;
  font-family: "Jost";
}
@media (max-width: 767px) {
  .order__list-area ul li.order-content div {
    padding: 0 10px;
  }
}

.box-colored-border {
  border-width: 1px;
  border-style: solid;
  border-image: conic-gradient(#2c2c2c, #007bff, #6f42c1, #ff1515, #fd7e14, #ffcc00, #2c2c2c) 1;
}

.box-border {
  border: 1px solid #ccc;
}

#member {
  padding-bottom: 64px;
}
#member > p {
  line-height: 24px;
  font-size: 1.6rem;
}
#member .dashboard {
  padding-top: 14px;
  padding-bottom: 14px;
}
#member .dashboard .dash-box {
  margin-bottom: 1rem;
}
#member .dashboard .dash-box .d-title {
  line-height: 32px;
  font-size: 23px;
  padding: 40px 40px 40px 0;
  margin-bottom: 5px;
}
#member .dashboard .dash-box .d-title i {
  font-size: 3.2rem;
}
#member .dashboard .dash-box .d-title a {
  font-size: 14px;
  color: #000;
  font-weight: 400;
  transition: color 0.15s ease-in-out;
}
#member .dashboard .dash-box .d-title a:hover {
  color: #2c2c2c;
  text-decoration: none;
}
#member .dashboard .dash-box .d-title a i {
  font-size: 3.5rem;
}
#member .dashboard .dash-box .d-title .info {
  font-size: 1.6rem;
}
#member .dashboard .dash-box .d-title .seperator {
  width: 1px;
  height: 20px;
  background: #f7f7f7;
}
#member .dashboard .dash-box .d-content {
  padding: 0 40px 40px;
}
#member .dashboard .dash-box .d-content ul {
  padding-top: 14px;
  padding-bottom: 14px;
}
#member .dashboard .dash-box .d-content ul li {
  letter-spacing: 0.5px;
  padding: 16px 24px;
}
#member .dashboard .dash-box .d-content ul li:not(.no-background) {
  background: #f7f7f7;
}
#member .dashboard .dash-box .d-content ul li + li {
  margin-top: 8px;
}
#member .dashboard .dash-box .d-content ul li .key {
  line-height: 16px;
  font-size: 14px;
  font-weight: 700;
}
#member .dashboard .dash-box .d-content ul li .key + .value {
  margin-top: 8px;
}
#member .dashboard .dash-box .d-content ul li .value {
  line-height: 24px;
  font-size: 16px;
  word-break: break-word;
}
#member .dashboard .dash-box .d-content ul li .value i {
  font-size: 22px;
}
#member .dashboard .dash-box .d-content ul li .value span {
  line-height: 32px;
  font-size: 22px;
}
#member .dashboard .dash-box .d-content ul li .value span.sub-title {
  font-size: 3.4rem;
  font-weight: 700;
}
#member .dashboard .dash-box .d-content ul li.info .value {
  color: #f7f7f7;
}
#member .dashboard .dash-box .d-content ul.summary-price-list li {
  padding: 0.75rem 16px;
}

.order-statusbar .order-statusbar-step {
  border-bottom: solid 2px #ccc;
  margin-bottom: 16px;
}
.order-statusbar .order-statusbar-step > i {
  right: 0;
  bottom: 0;
  transform: translate(50%, 50%);
  font-size: 40px;
  z-index: 9;
}
.order-statusbar .order-statusbar-step:before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  height: 3px;
  width: 0;
  background-color: #2c2c2c;
}
.order-statusbar .order-statusbar-step:after {
  color: #ccc;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 31px;
  font-size: 2.9rem;
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -15px;
  font-style: normal;
  font-weight: 400;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  content: "\f144";
  font-family: "icomoon" !important;
  font-variant: normal;
  text-decoration: none;
}
.order-statusbar .order-statusbar-step:first-of-type:after, .order-statusbar .order-statusbar-step.js-active:after {
  color: #2c2c2c;
}
.order-statusbar .order-statusbar-step:first-of-type:before {
  width: 50%;
}
.order-statusbar .order-statusbar-step:first-of-type.cancelled:before {
  width: 100%;
}
.order-statusbar .order-statusbar-step.js-active:before {
  width: 100%;
}
.order-statusbar .order-statusbar-step .inner-step {
  padding-bottom: 8px;
}
.order-statusbar .order-statusbar-step .inner-step i {
  font-size: 4rem;
  padding-bottom: 4px;
}
.order-statusbar .order-statusbar-step .inner-step .label {
  margin-bottom: 8px;
  display: block;
  padding: 0 4px;
  color: #908c8c;
  font-size: 1.4rem;
  line-height: 1.6rem;
  max-width: 100%;
}

.build__body--user-area .item-price .old-price {
  text-decoration: line-through;
  font-size: 16px;
  color: #362d2e;
  line-height: 1.2;
  text-align: right;
  font-weight: 500;
  display: block;
}
@media (max-width: 639px) {
  .build__body--user-area .item-price .old-price {
    font-size: 13px;
  }
}
.build__body--user-area .item-price .one-price {
  font-size: 1.14286em;
  padding-left: 0.65em;
  text-align: right;
  line-height: 1.2;
  color: #362d2e;
  font-weight: 500;
  letter-spacing: 0.05em;
  display: block;
}
@media (max-width: 639px) {
  .build__body--user-area .item-price .one-price {
    font-size: 13px;
  }
}
.build__body--user-area .item-price .new-price {
  color: #c03;
  font-size: 16px;
  line-height: 1.2;
  text-align: right;
  font-weight: 500;
  display: block;
}
@media (max-width: 639px) {
  .build__body--user-area .item-price .new-price {
    font-size: 13px;
  }
}
.build__body--user-area .item-total .total-price {
  color: #000;
  font-weight: 500;
}
.build__body--user-area .basket .basket-content .basket-item .item-image {
  width: 100%;
  max-width: 100%;
}

#frm-orderdetail .detail-list {
  overflow: hidden;
  margin-bottom: 20px;
}
#frm-orderdetail .detail-list ul li {
  width: 100%;
  float: left;
  padding: 10px 0;
}
#frm-orderdetail .detail-list ul li.detail-info {
  background: #f7f7f7;
  padding: 10px !important;
  position: relative;
}
#frm-orderdetail .detail-list ul li.detail-info:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #f1f1f1;
  position: absolute;
  top: -8px;
  left: 46px;
}
#frm-orderdetail .detail-list ul li p {
  margin-bottom: 5px;
}
#frm-orderdetail .detail-list ul li .item-image {
  width: 100%;
  max-width: 100%;
}
#frm-orderdetail .detail-list ul li .item-image a {
  width: 100%;
  max-width: 100%;
}
#frm-orderdetail .detail-list ul li .item-image a img {
  width: 100%;
  max-width: 100%;
}
#frm-orderdetail .detail-list ul li .item-detail .name {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 5px;
  display: block;
}
#frm-orderdetail .detail-list ul li .item-detail .name:hover {
  text-decoration: underline;
}
#frm-orderdetail .detail-list ul li .item-price .old-price {
  text-decoration: line-through;
  color: #f7f7f7;
  margin-right: 5px;
}
#frm-orderdetail .detail-list ul li .item-price .new-price {
  color: #ff1515;
  font-weight: 500;
}
#frm-orderdetail .detail-list ul li .item-price .one-price {
  color: #000;
  font-weight: 500;
}
#frm-orderdetail .detail-list ul li .item-total .total-price {
  color: #000;
  font-weight: 500;
}

.order-detail-info .title {
  line-height: 18px;
  font-size: 14px;
  margin-top: 32px;
  margin-bottom: 32px;
}

.summary-price-list li {
  line-height: 32px;
  font-size: 16px;
}
.summary-price-list li.total {
  font-size: 18px;
  border-top: 1px solid #efe0e0;
}

.box-colored-border {
  border-width: 1px;
  border-style: solid;
  border-image: conic-gradient(#2c2c2c, #007bff, #6f42c1, #ff1515, #fd7e14, #ffcc00, #2c2c2c) 1;
}

.box-border {
  border: 1px solid #ccc;
}

#member {
  padding-bottom: 64px;
}
#member > p {
  line-height: 24px;
  font-size: 1.6rem;
}
#member .dashboard {
  padding-top: 14px;
  padding-bottom: 14px;
}
#member .dashboard .dash-box {
  margin-bottom: 1rem;
}
#member .dashboard .dash-box .d-title {
  line-height: 32px;
  font-size: 23px;
  padding: 40px 40px 40px 0;
  margin-bottom: 5px;
}
#member .dashboard .dash-box .d-title i {
  font-size: 3.2rem;
}
#member .dashboard .dash-box .d-title a {
  font-size: 14px;
  color: #000;
  font-weight: 400;
  transition: color 0.15s ease-in-out;
}
#member .dashboard .dash-box .d-title a:hover {
  color: #2c2c2c;
  text-decoration: none;
}
#member .dashboard .dash-box .d-title a i {
  font-size: 3.5rem;
}
#member .dashboard .dash-box .d-title .info {
  font-size: 1.6rem;
}
#member .dashboard .dash-box .d-title .seperator {
  width: 1px;
  height: 20px;
  background: #f7f7f7;
}
#member .dashboard .dash-box .d-content {
  padding: 0 40px 40px;
}
#member .dashboard .dash-box .d-content ul {
  padding-top: 14px;
  padding-bottom: 14px;
}
#member .dashboard .dash-box .d-content ul li {
  letter-spacing: 0.5px;
  padding: 16px 24px;
}
#member .dashboard .dash-box .d-content ul li:not(.no-background) {
  background: #f7f7f7;
}
#member .dashboard .dash-box .d-content ul li + li {
  margin-top: 8px;
}
#member .dashboard .dash-box .d-content ul li .key {
  line-height: 16px;
  font-size: 14px;
  font-weight: 700;
}
#member .dashboard .dash-box .d-content ul li .key + .value {
  margin-top: 8px;
}
#member .dashboard .dash-box .d-content ul li .value {
  line-height: 24px;
  font-size: 16px;
  word-break: break-word;
}
#member .dashboard .dash-box .d-content ul li .value i {
  font-size: 22px;
}
#member .dashboard .dash-box .d-content ul li .value span {
  line-height: 32px;
  font-size: 22px;
}
#member .dashboard .dash-box .d-content ul li .value span.sub-title {
  font-size: 3.4rem;
  font-weight: 700;
}
#member .dashboard .dash-box .d-content ul li.info .value {
  color: #f7f7f7;
}
#member .dashboard .dash-box .d-content ul.summary-price-list li {
  padding: 0.75rem 16px;
}

.order-statusbar .order-statusbar-step {
  border-bottom: solid 2px #ccc;
  margin-bottom: 16px;
}
.order-statusbar .order-statusbar-step > i {
  right: 0;
  bottom: 0;
  transform: translate(50%, 50%);
  font-size: 40px;
  z-index: 9;
}
.order-statusbar .order-statusbar-step:before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  height: 3px;
  width: 0;
  background-color: #2c2c2c;
}
.order-statusbar .order-statusbar-step:after {
  color: #ccc;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 31px;
  font-size: 2.9rem;
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -15px;
  font-style: normal;
  font-weight: 400;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  content: "\f144";
  font-family: "icomoon" !important;
  font-variant: normal;
  text-decoration: none;
}
.order-statusbar .order-statusbar-step:first-of-type:after, .order-statusbar .order-statusbar-step.js-active:after {
  color: #2c2c2c;
}
.order-statusbar .order-statusbar-step:first-of-type:before {
  width: 50%;
}
.order-statusbar .order-statusbar-step:first-of-type.cancelled:before {
  width: 100%;
}
.order-statusbar .order-statusbar-step.js-active:before {
  width: 100%;
}
.order-statusbar .order-statusbar-step .inner-step {
  padding-bottom: 8px;
}
.order-statusbar .order-statusbar-step .inner-step i {
  font-size: 4rem;
  padding-bottom: 4px;
}
.order-statusbar .order-statusbar-step .inner-step .label {
  margin-bottom: 8px;
  display: block;
  padding: 0 4px;
  color: #908c8c;
  font-size: 1.4rem;
  line-height: 1.6rem;
  max-width: 100%;
}

.build__body--user-area .item-price .old-price {
  text-decoration: line-through;
  font-size: 16px;
  color: #362d2e;
  line-height: 1.2;
  text-align: right;
  font-weight: 500;
  display: block;
}
@media (max-width: 639px) {
  .build__body--user-area .item-price .old-price {
    font-size: 13px;
  }
}
.build__body--user-area .item-price .one-price {
  font-size: 1.14286em;
  padding-left: 0.65em;
  text-align: right;
  line-height: 1.2;
  color: #362d2e;
  font-weight: 500;
  letter-spacing: 0.05em;
  display: block;
}
@media (max-width: 639px) {
  .build__body--user-area .item-price .one-price {
    font-size: 13px;
  }
}
.build__body--user-area .item-price .new-price {
  color: #c03;
  font-size: 16px;
  line-height: 1.2;
  text-align: right;
  font-weight: 500;
  display: block;
}
@media (max-width: 639px) {
  .build__body--user-area .item-price .new-price {
    font-size: 13px;
  }
}
.build__body--user-area .item-total .total-price {
  color: #000;
  font-weight: 500;
}
.build__body--user-area .basket .basket-content .basket-item .item-image {
  width: 100%;
  max-width: 100%;
}

#frm-orderdetail .detail-list {
  overflow: hidden;
  margin-bottom: 20px;
}
#frm-orderdetail .detail-list ul li {
  width: 100%;
  float: left;
  padding: 10px 0;
}
#frm-orderdetail .detail-list ul li.detail-info {
  background: #f7f7f7;
  padding: 10px !important;
  position: relative;
}
#frm-orderdetail .detail-list ul li.detail-info:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #f1f1f1;
  position: absolute;
  top: -8px;
  left: 46px;
}
#frm-orderdetail .detail-list ul li p {
  margin-bottom: 5px;
}
#frm-orderdetail .detail-list ul li .item-image {
  width: 100%;
  max-width: 100%;
}
#frm-orderdetail .detail-list ul li .item-image a {
  width: 100%;
  max-width: 100%;
}
#frm-orderdetail .detail-list ul li .item-image a img {
  width: 100%;
  max-width: 100%;
}
#frm-orderdetail .detail-list ul li .item-detail .name {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 5px;
  display: block;
}
#frm-orderdetail .detail-list ul li .item-detail .name:hover {
  text-decoration: underline;
}
#frm-orderdetail .detail-list ul li .item-price .old-price {
  text-decoration: line-through;
  color: #f7f7f7;
  margin-right: 5px;
}
#frm-orderdetail .detail-list ul li .item-price .new-price {
  color: #ff1515;
  font-weight: 500;
}
#frm-orderdetail .detail-list ul li .item-price .one-price {
  color: #000;
  font-weight: 500;
}
#frm-orderdetail .detail-list ul li .item-total .total-price {
  color: #000;
  font-weight: 500;
}

.order-detail-info .title {
  line-height: 18px;
  font-size: 14px;
  margin-top: 32px;
  margin-bottom: 32px;
}

.summary-price-list li {
  line-height: 32px;
  font-size: 16px;
}
.summary-price-list li.total {
  font-size: 18px;
  border-top: 1px solid #efe0e0;
}

.order-detail .order-id {
  font-size: 20px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: 1.67px;
  color: #1d1f1d;
  margin: 0 0 30px 0;
}

.order__list-area {
  margin: 20px 0;
}
.order__list-area ul li .mobile-head {
  display: none;
  float: left;
  font-size: 13px;
  color: #2c2c2c;
  line-height: 17px;
  font-weight: 700;
  font-family: "Jost";
  margin-bottom: 10px;
  width: 100%;
}
@media (max-width: 767px) {
  .order__list-area ul li .mobile-head {
    display: block;
  }
}
.order__list-area ul li.order-header .o-details {
  text-align: right;
}
.order__list-area ul li.order-header div {
  float: left;
  min-height: 1px;
  font-size: 17px;
  color: #2c2c2c;
  display: block;
  line-height: 17px;
  font-weight: 700;
  font-family: "Jost";
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .order__list-area ul li.order-header {
    display: none;
  }
}
.order__list-area ul li.order-content {
  position: relative;
  padding: 15px 0;
  background: #efefef;
  border: 1px solid #eee;
  margin-bottom: -1px;
  float: left;
  width: 100%;
}
@media (min-width: 767px) {
  .order__list-area ul li.order-content .o-details {
    text-align: right;
  }
  .order__list-area ul li.order-content .o-details a {
    color: #2c2c2c;
  }
}
.order__list-area ul li.order-content:nth-child(even) {
  background: #fff;
}
.order__list-area ul li.order-content div {
  float: left;
  color: #bbb;
  font-weight: 300;
  margin: 10px 0px;
  min-height: 1px;
  display: block;
  line-height: 17px;
  font-family: "Jost";
}
@media (max-width: 767px) {
  .order__list-area ul li.order-content div {
    padding: 0 10px;
  }
}

.box-colored-border {
  border-width: 1px;
  border-style: solid;
  border-image: conic-gradient(#2c2c2c, #007bff, #6f42c1, #ff1515, #fd7e14, #ffcc00, #2c2c2c) 1;
}

.box-border {
  border: 1px solid #ccc;
}

#member {
  padding-bottom: 64px;
}
#member > p {
  line-height: 24px;
  font-size: 1.6rem;
}
#member .dashboard {
  padding-top: 14px;
  padding-bottom: 14px;
}
#member .dashboard .dash-box {
  margin-bottom: 1rem;
}
#member .dashboard .dash-box .d-title {
  line-height: 32px;
  font-size: 23px;
  padding: 40px 40px 40px 0;
  margin-bottom: 5px;
}
#member .dashboard .dash-box .d-title i {
  font-size: 3.2rem;
}
#member .dashboard .dash-box .d-title a {
  font-size: 14px;
  color: #000;
  font-weight: 400;
  transition: color 0.15s ease-in-out;
}
#member .dashboard .dash-box .d-title a:hover {
  color: #2c2c2c;
  text-decoration: none;
}
#member .dashboard .dash-box .d-title a i {
  font-size: 3.5rem;
}
#member .dashboard .dash-box .d-title .info {
  font-size: 1.6rem;
}
#member .dashboard .dash-box .d-title .seperator {
  width: 1px;
  height: 20px;
  background: #f7f7f7;
}
#member .dashboard .dash-box .d-content {
  padding: 0 40px 40px;
}
#member .dashboard .dash-box .d-content ul {
  padding-top: 14px;
  padding-bottom: 14px;
}
#member .dashboard .dash-box .d-content ul li {
  letter-spacing: 0.5px;
  padding: 16px 24px;
}
#member .dashboard .dash-box .d-content ul li:not(.no-background) {
  background: #f7f7f7;
}
#member .dashboard .dash-box .d-content ul li + li {
  margin-top: 8px;
}
#member .dashboard .dash-box .d-content ul li .key {
  line-height: 16px;
  font-size: 14px;
  font-weight: 700;
}
#member .dashboard .dash-box .d-content ul li .key + .value {
  margin-top: 8px;
}
#member .dashboard .dash-box .d-content ul li .value {
  line-height: 24px;
  font-size: 16px;
  word-break: break-word;
}
#member .dashboard .dash-box .d-content ul li .value i {
  font-size: 22px;
}
#member .dashboard .dash-box .d-content ul li .value span {
  line-height: 32px;
  font-size: 22px;
}
#member .dashboard .dash-box .d-content ul li .value span.sub-title {
  font-size: 3.4rem;
  font-weight: 700;
}
#member .dashboard .dash-box .d-content ul li.info .value {
  color: #f7f7f7;
}
#member .dashboard .dash-box .d-content ul.summary-price-list li {
  padding: 0.75rem 16px;
}

.order-statusbar .order-statusbar-step {
  border-bottom: solid 2px #ccc;
  margin-bottom: 16px;
}
.order-statusbar .order-statusbar-step > i {
  right: 0;
  bottom: 0;
  transform: translate(50%, 50%);
  font-size: 40px;
  z-index: 9;
}
.order-statusbar .order-statusbar-step:before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  height: 3px;
  width: 0;
  background-color: #2c2c2c;
}
.order-statusbar .order-statusbar-step:after {
  color: #ccc;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 31px;
  font-size: 2.9rem;
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -15px;
  font-style: normal;
  font-weight: 400;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  content: "\f144";
  font-family: "icomoon" !important;
  font-variant: normal;
  text-decoration: none;
}
.order-statusbar .order-statusbar-step:first-of-type:after, .order-statusbar .order-statusbar-step.js-active:after {
  color: #2c2c2c;
}
.order-statusbar .order-statusbar-step:first-of-type:before {
  width: 50%;
}
.order-statusbar .order-statusbar-step:first-of-type.cancelled:before {
  width: 100%;
}
.order-statusbar .order-statusbar-step.js-active:before {
  width: 100%;
}
.order-statusbar .order-statusbar-step .inner-step {
  padding-bottom: 8px;
}
.order-statusbar .order-statusbar-step .inner-step i {
  font-size: 4rem;
  padding-bottom: 4px;
}
.order-statusbar .order-statusbar-step .inner-step .label {
  margin-bottom: 8px;
  display: block;
  padding: 0 4px;
  color: #908c8c;
  font-size: 1.4rem;
  line-height: 1.6rem;
  max-width: 100%;
}

.build__body--user-area .item-price .old-price {
  text-decoration: line-through;
  font-size: 16px;
  color: #362d2e;
  line-height: 1.2;
  text-align: right;
  font-weight: 500;
  display: block;
}
@media (max-width: 639px) {
  .build__body--user-area .item-price .old-price {
    font-size: 13px;
  }
}
.build__body--user-area .item-price .one-price {
  font-size: 1.14286em;
  padding-left: 0.65em;
  text-align: right;
  line-height: 1.2;
  color: #362d2e;
  font-weight: 500;
  letter-spacing: 0.05em;
  display: block;
}
@media (max-width: 639px) {
  .build__body--user-area .item-price .one-price {
    font-size: 13px;
  }
}
.build__body--user-area .item-price .new-price {
  color: #c03;
  font-size: 16px;
  line-height: 1.2;
  text-align: right;
  font-weight: 500;
  display: block;
}
@media (max-width: 639px) {
  .build__body--user-area .item-price .new-price {
    font-size: 13px;
  }
}
.build__body--user-area .item-total .total-price {
  color: #000;
  font-weight: 500;
}
.build__body--user-area .basket .basket-content .basket-item .item-image {
  width: 100%;
  max-width: 100%;
}

#frm-orderdetail .detail-list {
  overflow: hidden;
  margin-bottom: 20px;
}
#frm-orderdetail .detail-list ul li {
  width: 100%;
  float: left;
  padding: 10px 0;
}
#frm-orderdetail .detail-list ul li.detail-info {
  background: #f7f7f7;
  padding: 10px !important;
  position: relative;
}
#frm-orderdetail .detail-list ul li.detail-info:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #f1f1f1;
  position: absolute;
  top: -8px;
  left: 46px;
}
#frm-orderdetail .detail-list ul li p {
  margin-bottom: 5px;
}
#frm-orderdetail .detail-list ul li .item-image {
  width: 100%;
  max-width: 100%;
}
#frm-orderdetail .detail-list ul li .item-image a {
  width: 100%;
  max-width: 100%;
}
#frm-orderdetail .detail-list ul li .item-image a img {
  width: 100%;
  max-width: 100%;
}
#frm-orderdetail .detail-list ul li .item-detail .name {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 5px;
  display: block;
}
#frm-orderdetail .detail-list ul li .item-detail .name:hover {
  text-decoration: underline;
}
#frm-orderdetail .detail-list ul li .item-price .old-price {
  text-decoration: line-through;
  color: #f7f7f7;
  margin-right: 5px;
}
#frm-orderdetail .detail-list ul li .item-price .new-price {
  color: #ff1515;
  font-weight: 500;
}
#frm-orderdetail .detail-list ul li .item-price .one-price {
  color: #000;
  font-weight: 500;
}
#frm-orderdetail .detail-list ul li .item-total .total-price {
  color: #000;
  font-weight: 500;
}

.order-detail-info .title {
  line-height: 18px;
  font-size: 14px;
  margin-top: 32px;
  margin-bottom: 32px;
}

.summary-price-list li {
  line-height: 32px;
  font-size: 16px;
}
.summary-price-list li.total {
  font-size: 18px;
  border-top: 1px solid #efe0e0;
}

.box-colored-border {
  border-width: 1px;
  border-style: solid;
  border-image: conic-gradient(#2c2c2c, #007bff, #6f42c1, #ff1515, #fd7e14, #ffcc00, #2c2c2c) 1;
}

.box-border {
  border: 1px solid #ccc;
}

#member {
  padding-bottom: 64px;
}
#member > p {
  line-height: 24px;
  font-size: 1.6rem;
}
#member .dashboard {
  padding-top: 14px;
  padding-bottom: 14px;
}
#member .dashboard .dash-box {
  margin-bottom: 1rem;
}
#member .dashboard .dash-box .d-title {
  line-height: 32px;
  font-size: 23px;
  padding: 40px 40px 40px 0;
  margin-bottom: 5px;
}
#member .dashboard .dash-box .d-title i {
  font-size: 3.2rem;
}
#member .dashboard .dash-box .d-title a {
  font-size: 14px;
  color: #000;
  font-weight: 400;
  transition: color 0.15s ease-in-out;
}
#member .dashboard .dash-box .d-title a:hover {
  color: #2c2c2c;
  text-decoration: none;
}
#member .dashboard .dash-box .d-title a i {
  font-size: 3.5rem;
}
#member .dashboard .dash-box .d-title .info {
  font-size: 1.6rem;
}
#member .dashboard .dash-box .d-title .seperator {
  width: 1px;
  height: 20px;
  background: #f7f7f7;
}
#member .dashboard .dash-box .d-content {
  padding: 0 40px 40px;
}
#member .dashboard .dash-box .d-content ul {
  padding-top: 14px;
  padding-bottom: 14px;
}
#member .dashboard .dash-box .d-content ul li {
  letter-spacing: 0.5px;
  padding: 16px 24px;
}
#member .dashboard .dash-box .d-content ul li:not(.no-background) {
  background: #f7f7f7;
}
#member .dashboard .dash-box .d-content ul li + li {
  margin-top: 8px;
}
#member .dashboard .dash-box .d-content ul li .key {
  line-height: 16px;
  font-size: 14px;
  font-weight: 700;
}
#member .dashboard .dash-box .d-content ul li .key + .value {
  margin-top: 8px;
}
#member .dashboard .dash-box .d-content ul li .value {
  line-height: 24px;
  font-size: 16px;
  word-break: break-word;
}
#member .dashboard .dash-box .d-content ul li .value i {
  font-size: 22px;
}
#member .dashboard .dash-box .d-content ul li .value span {
  line-height: 32px;
  font-size: 22px;
}
#member .dashboard .dash-box .d-content ul li .value span.sub-title {
  font-size: 3.4rem;
  font-weight: 700;
}
#member .dashboard .dash-box .d-content ul li.info .value {
  color: #f7f7f7;
}
#member .dashboard .dash-box .d-content ul.summary-price-list li {
  padding: 0.75rem 16px;
}

.order-statusbar .order-statusbar-step {
  border-bottom: solid 2px #ccc;
  margin-bottom: 16px;
}
.order-statusbar .order-statusbar-step > i {
  right: 0;
  bottom: 0;
  transform: translate(50%, 50%);
  font-size: 40px;
  z-index: 9;
}
.order-statusbar .order-statusbar-step:before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  height: 3px;
  width: 0;
  background-color: #2c2c2c;
}
.order-statusbar .order-statusbar-step:after {
  color: #ccc;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 31px;
  font-size: 2.9rem;
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -15px;
  font-style: normal;
  font-weight: 400;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  content: "\f144";
  font-family: "icomoon" !important;
  font-variant: normal;
  text-decoration: none;
}
.order-statusbar .order-statusbar-step:first-of-type:after, .order-statusbar .order-statusbar-step.js-active:after {
  color: #2c2c2c;
}
.order-statusbar .order-statusbar-step:first-of-type:before {
  width: 50%;
}
.order-statusbar .order-statusbar-step:first-of-type.cancelled:before {
  width: 100%;
}
.order-statusbar .order-statusbar-step.js-active:before {
  width: 100%;
}
.order-statusbar .order-statusbar-step .inner-step {
  padding-bottom: 8px;
}
.order-statusbar .order-statusbar-step .inner-step i {
  font-size: 4rem;
  padding-bottom: 4px;
}
.order-statusbar .order-statusbar-step .inner-step .label {
  margin-bottom: 8px;
  display: block;
  padding: 0 4px;
  color: #908c8c;
  font-size: 1.4rem;
  line-height: 1.6rem;
  max-width: 100%;
}

.build__body--user-area .item-price .old-price {
  text-decoration: line-through;
  font-size: 16px;
  color: #362d2e;
  line-height: 1.2;
  text-align: right;
  font-weight: 500;
  display: block;
}
@media (max-width: 639px) {
  .build__body--user-area .item-price .old-price {
    font-size: 13px;
  }
}
.build__body--user-area .item-price .one-price {
  font-size: 1.14286em;
  padding-left: 0.65em;
  text-align: right;
  line-height: 1.2;
  color: #362d2e;
  font-weight: 500;
  letter-spacing: 0.05em;
  display: block;
}
@media (max-width: 639px) {
  .build__body--user-area .item-price .one-price {
    font-size: 13px;
  }
}
.build__body--user-area .item-price .new-price {
  color: #c03;
  font-size: 16px;
  line-height: 1.2;
  text-align: right;
  font-weight: 500;
  display: block;
}
@media (max-width: 639px) {
  .build__body--user-area .item-price .new-price {
    font-size: 13px;
  }
}
.build__body--user-area .item-total .total-price {
  color: #000;
  font-weight: 500;
}
.build__body--user-area .basket .basket-content .basket-item .item-image {
  width: 100%;
  max-width: 100%;
}

#frm-orderdetail .detail-list {
  overflow: hidden;
  margin-bottom: 20px;
}
#frm-orderdetail .detail-list ul li {
  width: 100%;
  float: left;
  padding: 10px 0;
}
#frm-orderdetail .detail-list ul li.detail-info {
  background: #f7f7f7;
  padding: 10px !important;
  position: relative;
}
#frm-orderdetail .detail-list ul li.detail-info:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #f1f1f1;
  position: absolute;
  top: -8px;
  left: 46px;
}
#frm-orderdetail .detail-list ul li p {
  margin-bottom: 5px;
}
#frm-orderdetail .detail-list ul li .item-image {
  width: 100%;
  max-width: 100%;
}
#frm-orderdetail .detail-list ul li .item-image a {
  width: 100%;
  max-width: 100%;
}
#frm-orderdetail .detail-list ul li .item-image a img {
  width: 100%;
  max-width: 100%;
}
#frm-orderdetail .detail-list ul li .item-detail .name {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 5px;
  display: block;
}
#frm-orderdetail .detail-list ul li .item-detail .name:hover {
  text-decoration: underline;
}
#frm-orderdetail .detail-list ul li .item-price .old-price {
  text-decoration: line-through;
  color: #f7f7f7;
  margin-right: 5px;
}
#frm-orderdetail .detail-list ul li .item-price .new-price {
  color: #ff1515;
  font-weight: 500;
}
#frm-orderdetail .detail-list ul li .item-price .one-price {
  color: #000;
  font-weight: 500;
}
#frm-orderdetail .detail-list ul li .item-total .total-price {
  color: #000;
  font-weight: 500;
}

.order-detail-info .title {
  line-height: 18px;
  font-size: 14px;
  margin-top: 32px;
  margin-bottom: 32px;
}

.summary-price-list li {
  line-height: 32px;
  font-size: 16px;
}
.summary-price-list li.total {
  font-size: 18px;
  border-top: 1px solid #efe0e0;
}

.list__department-area {
  padding-top: 20px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .list__department-area {
    padding-top: 0px;
  }
}
.list__department-area .left-bar {
  max-width: 360px !important;
  width: 100%;
}
.list__department-area .list__department--inner-area {
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  /*        border-top: 1px solid $firstcolor;*/
}
@media (max-width: 767px) {
  .list__department-area .list__department--inner-area {
    padding-top: 0px;
  }
}
.list__department-area .list__department--inner-area .list__product-area {
  margin-bottom: 50px;
}

.list__breadcrumb-area {
  display: flex;
  flex-direction: column;
  margin: 20px 0;
}
.list__breadcrumb-area .list__breadcrumb--list-area {
  display: flex;
  white-space: nowrap;
  overflow: auto;
}
.list__breadcrumb-area .list__breadcrumb--list-area li::after {
  content: "/";
  padding-left: 5px;
  margin-right: 5px;
  font-size: 19px;
  line-height: 0;
  position: relative;
  display: inline-block;
  top: 2px;
}
.list__breadcrumb-area .list__breadcrumb--list-area li:last-child::after {
  display: none;
}
.list__breadcrumb-area .list__breadcrumb--list-area li a {
  color: #2c2c2c;
  font-family: "Jost";
  font-size: 15px;
  font-weight: 500;
  text-align: left;
  letter-spacing: 0.06571rem;
  text-transform: uppercase;
}
.list__breadcrumb-area .list__breadcrumb--list-area li span {
  color: #2c2c2c;
  font-family: "Jost";
  font-size: 15px;
  text-align: left;
  letter-spacing: 0.06571rem;
  font-weight: 700;
  padding-left: 5px;
  text-transform: uppercase;
  cursor: default;
}

.shop__head--views-area {
  position: relative;
  margin-bottom: 40px;
  width: 100%;
}
@media (max-width: 991px) {
  .shop__head--views-area {
    margin-bottom: 20px;
    margin-top: 15px !important;
  }
  .shop__head--views-area.c-height {
    margin-bottom: 0;
  }
  .shop__head--views-area.c-height .shop__container-fluid.none-bg {
    height: 100px !important;
  }
}
.shop__head--views-area .picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  width: 100%;
}
.shop__head--views-area .picture img {
  min-height: 220px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: left;
  object-position: left;
}
.shop__head--views-area .shop__container-fluid {
  z-index: 2;
  top: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.shop__head--views-area .shop__container-fluid.none-bgs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.shop__head--views-area .shop__container-fluid.none-bg {
  height: 150px;
}
.shop__head--views-area .shop__container-fluid.postions {
  position: absolute;
}
.shop__head--views-area .shop__views-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.shop__head--views-area .shop__views-title.none-bg {
  height: 150px;
}
@media (max-width: 767px) {
  .shop__head--views-area .shop__views-title {
    text-align: center;
  }
}
.shop__head--views-area .shop__views-title .shop__views-inner {
  position: absolute;
  left: 0px;
}
@media (max-width: 767px) {
  .shop__head--views-area .shop__views-title .shop__views-inner {
    left: 0;
    width: 100%;
    position: inherit;
  }
}
.shop__head--views-area .shop__views-title .shop__views-inner h1 {
  font-size: 38px;
  color: #2c2c2c;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 15px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .shop__head--views-area .shop__views-title .shop__views-inner h1 {
    font-size: 20px;
    margin: 0;
    text-align: left;
  }
}
.shop__head--views-area .shop__views-title .shop__views-inner h1 span {
  color: #2c2c2c;
}
@media (max-width: 767px) {
  .shop__head--views-area .shop__views-title .shop__views-inner ul {
    display: flex;
    align-items: center;
    justify-content: start;
  }
}
.shop__head--views-area .shop__views-title .shop__views-inner ul li {
  font-size: 16px;
  color: #2c2c2c;
  text-transform: capitalize;
  display: inline-block;
}
@media (max-width: 767px) {
  .shop__head--views-area .shop__views-title .shop__views-inner ul li {
    font-size: 14px;
  }
}
.shop__head--views-area .shop__views-title .shop__views-inner ul li i {
  margin: 0 6px;
}
.shop__head--views-area .shop__views-title .shop__views-inner ul li i::before {
  margin-left: 10px;
  font-size: 10px;
}
.shop__head--views-area .shop__views-title .shop__views-inner ul li i::before {
  margin-left: 0;
  font-size: 11px;
}
.shop__head--views-area .shop__views-title .shop__views-inner ul li a {
  color: #ababab;
}

.selected-filters {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px !important;
}
.selected-filters li {
  margin-right: 15px;
  margin-bottom: 15px;
}

.list__filter-area.vertical {
  max-width: 330px;
  padding-right: 40px;
}
@media (max-width: 767px) {
  .list__filter-area.vertical {
    padding-right: 15px;
  }
}
@media (max-width: 767px) {
  .list__filter-area {
    max-width: 100% !important;
    position: absolute;
    z-index: 10;
    background: #fff;
    left: 0;
    padding-right: 0;
    right: 0;
    top: 80px;
    padding: 0 15px;
    width: 100%;
    -webkit-box-shadow: 0px 12px 10px 0px rgba(0, 0, 0, 0.51);
    box-shadow: 0px 12px 10px 0px rgba(0, 0, 0, 0.51);
    display: none;
  }
}
.list__filter-area .list__filter--all--filters-area {
  margin-top: 18px;
}
.list__filter-area .list__filter--all--filters-area .list__filter--group-area {
  margin-bottom: 20px;
}
.list__filter-area .list__filter--all--filters-area .list__filter--group-area .list__filter--filter--head-area {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #ebeeee;
  margin-bottom: 12px;
  padding: 0 0 9px;
}
.list__filter-area .list__filter--all--filters-area .list__filter--group-area .list__filter--filter--head-area .list__filter--filter--head-title {
  color: #2c2c2c;
  font-weight: 500;
  font-size: 138.462%;
  margin-top: 2.3rem;
  margin-bottom: 2.3rem;
  margin: 0 0 7px 0;
  word-break: break-all;
  line-height: 1.1;
  font-family: "Jost";
  display: block;
  width: 100%;
}
.list__filter-area .list__filter--all--filters-area .list__filter--group-area .list__filter--filter--head-area .down-icon {
  position: absolute;
  right: 0;
  top: 2px;
  font-size: 20px;
  font-weight: 100;
  color: #2c2c2c;
  display: block;
}
.list__filter-area .list__filter--all--filters-area .list__filter--group-area .list__filter--filter--head-area .up-icon {
  position: absolute;
  right: 0;
  top: 2px;
  font-size: 20px;
  font-weight: 100;
  color: #2c2c2c;
  display: none;
}
.list__filter-area .list__filter--all--filters-area .list__filter--group-area .list__filter--filter--head-area.js-active .down-icon {
  display: none;
}
.list__filter-area .list__filter--all--filters-area .list__filter--group-area .list__filter--filter--head-area.js-active .up-icon {
  display: block;
}
.list__filter-area .list__filter--all--filters-area .list__filter--group-area .list__filter--filter--container-area .list__filter--filter--color-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.list__filter-area .list__filter--all--filters-area .list__filter--group-area .list__filter--filter--container-area .list__filter--filter--color-area li {
  width: 100%;
}
.list__filter-area .list__filter--all--filters-area .list__filter--group-area .list__filter--filter--container-area .list__filter--filter--color-area li input {
  position: absolute;
  width: 100%;
  height: 32px;
  top: 0;
}
.list__filter-area .list__filter--all--filters-area .list__filter--group-area .list__filter--filter--container-area .list__filter--filter--color-area li .list__filter-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  letter-spacing: 0.04em;
  line-height: 16px;
  padding: 7px 0;
  position: relative;
  color: #2c2c2c;
  cursor: pointer;
  list-style: none;
  font-size: 1em;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.list__filter-area .list__filter--all--filters-area .list__filter--group-area .list__filter--filter--container-area .list__filter--filter--color-area li .list__filter-option .list__filter-name span {
  font-size: 14px;
  margin-top: 1px;
  display: inline-block;
  margin-left: 2px;
  font-family: "Jost";
}
.list__filter-area .list__filter--all--filters-area .list__filter--group-area .list__filter--filter--container-area .list__filter--filter--color-area li .list__filter-option .list__filter-name::before {
  content: "";
  font-family: icomoon;
  border: 1px solid #2c2c2c;
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 19.14288px;
  height: 18.14288px;
  line-height: 1;
  margin-right: 0.35714em;
  vertical-align: text-top;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  float: left;
}
.list__filter-area .list__filter--all--filters-area .list__filter--group-area .list__filter--filter--container-area .list__filter--filter--color-area li .list__filter-option .list__filter-box {
  border: 1px solid #dedede;
  display: inline-block;
  height: 1.14286em;
  width: 2.14286em;
  min-width: 30px;
}
.list__filter-area .list__filter--all--filters-area .list__filter--group-area .list__filter--filter--container-area .list__filter--filter--color-area li .list__filter-option.js-selected .list__filter-name::before {
  content: "\f161";
  font-size: 11px;
  margin-right: 6px;
  padding-right: 2px;
  font-weight: 100;
  line-height: 9px;
  position: relative;
  text-align: center;
  padding-left: 2px;
  padding-top: 0.5px;
}
.list__filter-area .list__filter--all--filters-area .list__filter--group-area .list__filter--filter--container-area .list__filter--filter--size-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.list__filter-area .list__filter--all--filters-area .list__filter--group-area .list__filter--filter--container-area .list__filter--filter--size-area li {
  width: auto;
  margin-bottom: 8px;
}
.list__filter-area .list__filter--all--filters-area .list__filter--group-area .list__filter--filter--container-area .list__filter--filter--size-area li input {
  position: absolute;
  width: 100%;
  height: 32px;
  top: 0;
}
.list__filter-area .list__filter--all--filters-area .list__filter--group-area .list__filter--filter--container-area .list__filter--filter--size-area li .list__filter-option {
  margin: 0 5px 5px 0;
  width: auto;
  min-width: 65px;
  color: #2c2c2c;
  height: 36px;
  line-height: 35px;
  border: 1px solid #2c2c2c;
  cursor: pointer;
  display: block;
  text-align: center;
  font-size: 13px;
  margin-top: 1px;
  margin-left: 2px;
  font-family: Jost;
  padding: 0 3px;
}
.list__filter-area .list__filter--all--filters-area .list__filter--group-area .list__filter--filter--container-area .list__filter--filter--size-area li .list__filter-option.js-selected {
  background: #2c2c2c;
  color: #fff;
}
.list__filter-area .list__filter--all--filters-area .list__filter--group-area .list__filter--filter--container-area .list__filter--filter--size-area li .list__filter-option:hover {
  background: #2c2c2c;
  color: #fff;
}
.list__filter-area .list__filter--all--filters-area .list__filter--group-area .list__filter--filter--container-area .list__filter--filter--box-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.list__filter-area .list__filter--all--filters-area .list__filter--group-area .list__filter--filter--container-area .list__filter--filter--box-area li {
  width: 100%;
}
.list__filter-area .list__filter--all--filters-area .list__filter--group-area .list__filter--filter--container-area .list__filter--filter--box-area li input {
  position: absolute;
  width: 100%;
  height: 32px;
  top: 0;
}
.list__filter-area .list__filter--all--filters-area .list__filter--group-area .list__filter--filter--container-area .list__filter--filter--box-area li .list__filter-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  letter-spacing: 0.04em;
  line-height: 16px;
  padding: 7px 0;
  position: relative;
  color: #2c2c2c;
  cursor: pointer;
  list-style: none;
  font-size: 1em;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.list__filter-area .list__filter--all--filters-area .list__filter--group-area .list__filter--filter--container-area .list__filter--filter--box-area li .list__filter-option .list__filter-name span {
  font-size: 14px;
  margin-top: 1px;
  display: inline-block;
  margin-left: 2px;
  font-family: "Jost";
}
.list__filter-area .list__filter--all--filters-area .list__filter--group-area .list__filter--filter--container-area .list__filter--filter--box-area li .list__filter-option .list__filter-name::before {
  content: "";
  font-family: icomoon;
  border: 1px solid #2c2c2c;
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 19.14288px;
  height: 18.14288px;
  line-height: 1;
  margin-right: 0.35714em;
  vertical-align: text-top;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  float: left;
}
.list__filter-area .list__filter--all--filters-area .list__filter--group-area .list__filter--filter--container-area .list__filter--filter--box-area li .list__filter-option.js-selected .list__filter-name::before {
  content: "\f161";
  font-size: 11px;
  margin-right: 6px;
  padding-right: 2px;
  font-weight: 100;
  line-height: 9px;
  position: relative;
  text-align: center;
  padding-left: 2px;
  padding-top: 0.5px;
}

.no-product .head {
  text-align: center;
  margin-bottom: 24px;
  float: left;
  width: 100%;
}
@media (max-width: 639px) {
  .no-product .head {
    margin-bottom: 6px;
  }
}
.no-product .head h1 {
  margin-right: auto;
  margin-left: auto;
  color: #362d2e;
  float: none;
  margin-bottom: 15px;
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
}
@media (max-width: 639px) {
  .no-product .head h1 {
    margin-bottom: 8px;
  }
}
.no-product .head h2 {
  font-size: 1.14286em;
  letter-spacing: 0;
  font-weight: 700;
}
.no-product .empty-content {
  float: left;
  width: 100%;
  margin-bottom: 40px;
}
.no-product .empty-dep {
  padding: 30px 40px 40px;
  width: 78%;
  float: right;
}
@media (max-width: 639px) {
  .no-product .empty-dep {
    width: 100%;
    padding: 0px;
    margin-top: 50px;
  }
}
.no-product .empty-dep .tabs {
  float: left;
  width: 100%;
}
@media (max-width: 639px) {
  .no-product .empty-dep .tabs {
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media (max-width: 639px) {
  .no-product .empty-dep .tabs .item {
    width: 100%;
    margin-right: 10px;
  }
  .no-product .empty-dep .tabs .item:last-child {
    margin-right: 0px;
  }
}
.no-product .empty-dep .tabs .item.active a {
  border-bottom: 3px solid #eb8102;
}
.no-product .empty-dep .tabs .item a {
  background: #f5f4f2;
  border-bottom: 3px solid transparent;
  color: #362d2e;
  display: inline-block;
  float: left;
  font-family: "Jost";
  font-weight: 700;
  height: 60px;
  line-height: 1.25;
  margin: 0 0.5% 15px 0;
  padding: 16px 25px 10px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  padding: 16px 0 10px;
  line-height: 2.2;
  margin: 10px 0 30px;
  width: 50%;
}
@media (max-width: 639px) {
  .no-product .empty-dep .tabs .item a {
    width: 100%;
    padding: 0px 9px;
    line-height: 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.no-product .empty-dep .tabs-content {
  background: url("https://st-sv.mncdn.com/Content/img/line-bg.png") repeat-x;
  background-position: bottom;
  margin: 38px 0 38px;
  padding-bottom: 130px;
  float: left;
  width: 100%;
}
.no-product .empty-dep .tabs-content .item {
  text-align: center;
}
.no-product .empty-dep .tabs-content .item h3 {
  color: #2f2c2a;
  font-size: 28px;
  letter-spacing: 0.033em;
  line-height: 1.321;
  text-transform: uppercase;
  font-weight: 700;
}
.no-product .empty-dep .tabs-content .item h4 {
  color: #2f2c2a;
  font-size: 14px;
  letter-spacing: 0.06em;
  line-height: 2.071;
  font-family: "Jost";
  font-weight: 700;
  margin-top: 10px;
}

.list__choices-area {
  border-bottom: 1px solid #eee;
  padding: 9px;
  margin-bottom: 30px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
.list__choices-area .list__choices--grid--view-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 100%;
}
.list__choices-area .list__choices--grid--view-area .list__choices--grid--view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.list__choices-area .list__choices--grid--view-area .list__choices--grid--view li a {
  height: 21px;
  width: 21px;
  margin-right: 5px;
  text-align: center;
  line-height: 31px;
  padding: 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 17px;
  color: #9a9a9a;
  -webkit-transition: all ease 0.6s;
  -o-transition: all ease 0.6s;
  transition: all ease 0.6s;
}
.list__choices-area .list__choices--grid--view-area .list__choices--grid--view li a:hover, .list__choices-area .list__choices--grid--view-area .list__choices--grid--view li a.js-active {
  color: #2c2c2c;
}
.list__choices-area .list__choices--grid--view-area .list__choices--grid--view li a.single span {
  margin-top: 5px;
  display: block;
  font-size: 17px;
  margin-right: -1px;
}
.list__choices-area .list__choices--grid--view-area .list__choices--grid--view li a.double span {
  margin-top: 5px;
  display: block;
  font-size: 17px;
  margin-right: -1px;
}
.list__choices-area .list__choices--grid--view-area .list__choices--grid--view li a.triple span {
  margin-top: 5px;
  display: block;
  font-size: 17px;
  margin-right: -1px;
}
.list__choices-area .list__choices--grid--view-area .list__choices--grid--view li a.quad span {
  margin-top: 5px;
  display: block;
  font-size: 17px;
  margin-right: -1px;
}
.list__choices-area .list__choices--order--bay-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.list__choices-area .list__choices--order--bay-area .list__choices--order--bay-title {
  margin-right: 16px;
}
.list__choices-area .list__choices--order--bay-area .selectric-items {
  min-width: 150px !important;
  left: -54px;
}
.list__choices-area .list__choices--order--bay-area .selectric-wrapper ul li {
  white-space: nowrap;
}
.list__choices-area .list__choices--order--bay-area .m-filter-btn {
  display: block;
  font-size: 30px;
  margin-left: 5px;
  cursor: pointer;
  margin-right: -22px;
}

.p-item {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}
.p-item .p-info {
  padding-top: 25px;
}
.p-item .p-info .p-name a {
  color: #707070;
  letter-spacing: 0.1px;
  line-height: 1.7;
  font-size: 18px;
  font-weight: 400;
  font-family: Jost;
  font-style: normal;
  text-decoration: none;
}
.p-item .p-info .p-name a:hover {
  color: #2c2c2c;
  text-decoration: none;
}
.p-item .p-price {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.p-item .p-price .one-price {
  text-align: right;
  display: block;
  font-size: 20px;
  color: #2c2c2c;
  line-height: 1.5;
  font-family: Jost;
  font-style: normal;
  font-weight: 400;
}
.p-item .p-price .old-price {
  letter-spacing: 0;
  color: #707070;
  margin-left: 5px;
  font-size: 18px;
  text-decoration: line-through;
  line-height: 1.5;
  font-family: Jost;
  font-style: normal;
  font-weight: 400;
}
.p-item .p-price .new-price {
  font-size: 20px;
  letter-spacing: 0;
  color: #2c2c2c;
  margin-left: 5px;
  line-height: 1.5;
  font-family: Jost;
  font-style: normal;
  font-weight: 400;
}
.p-item .p-image {
  position: relative;
  overflow: hidden;
}
.p-item .p-image .p-picture {
  position: relative;
  display: block;
}
.p-item .p-image .p-picture img {
  width: 100%;
  height: auto;
  display: block;
  transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
}
.p-item .p-image .p-picture .first-picture {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all ease 0.7s;
  -o-transition: all ease 0.7s;
  transition: all ease 0.7s;
}
.p-item .p-image .p-picture .second-picture {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all ease 0.7s;
  -o-transition: all ease 0.7s;
  transition: all ease 0.7s;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.p-item .p-image .p-picture:hover .first-picture {
  visibility: hidden;
  opacity: 0;
}
.p-item .p-image .p-picture:hover .second-picture {
  visibility: visible;
  opacity: 1;
}
.p-item .p-image:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}
.p-item .p-action {
  bottom: auto;
  top: -30px;
  position: absolute;
  right: 10px;
  left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -o-transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}
.p-item .p-action a {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  border-radius: 0;
  background-color: #2c2c2c;
  color: #fff;
  font-family: Jost;
  font-style: normal;
  font-weight: 400;
  white-space: normal;
  letter-spacing: 0.04em;
  padding: 0;
  display: inline-block;
  font-size: 16px;
  vertical-align: middle;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(60px);
  -ms-transform: translateY(60px);
  transform: translateY(60px);
  -o-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  width: 44px;
  height: 44px;
  line-height: 44px;
  margin: 0 0 10px 0;
  border: 1px solid #2c2c2c;
  transform: translateY(-20px);
  -o-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -webkit-transition: 0.5s all ease-in-out;
  -o-transition: 0.5s all ease-in-out;
  transition: 0.5s all ease-in-out;
}
.p-item:hover .p-action {
  top: 30px;
}
.p-item:hover .p-action a {
  opacity: 1;
  visibility: visible;
}
.p-item:hover .p-action a:nth-child(1) {
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.p-item:hover .p-action a:nth-child(2) {
  -o-transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.p-item:hover .p-action a:nth-child(3) {
  -o-transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.p-item .p-image {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.p-item .p-image a {
  display: block;
  float: left;
}
.p-item .p-image .first-picture {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all ease 0.7s;
  -o-transition: all ease 0.7s;
  transition: all ease 0.7s;
}
.p-item .p-image .second-picture {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all ease 0.7s;
  -o-transition: all ease 0.7s;
  transition: all ease 0.7s;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.p-item .p-image:hover .first-picture {
  visibility: hidden;
  opacity: 0;
}
.p-item .p-image:hover .second-picture {
  visibility: visible;
  opacity: 1;
}

.p-state {
  position: absolute;
  right: 80px;
}

.p-badges {
  position: absolute;
  top: 0;
  z-index: 1;
}
.p-badges .badge {
  padding: 5px 10px;
  color: #fff;
  border-radius: 0;
  font-family: Jost;
}
.p-badges .badge.bestseller {
  background: #007bff;
}
.p-badges .badge.soon {
  background: #bbb;
}
.p-badges .badge.soldout {
  background: #333;
}
.p-badges .badge.new {
  background: #28a745;
}
.p-badges .badge.discount {
  background: #ff1515;
}

.p-item {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}
.p-item .p-info {
  padding-top: 25px;
}
.p-item .p-info .p-name a {
  color: #707070;
  letter-spacing: 0.1px;
  line-height: 1.7;
  font-size: 18px;
  font-weight: 400;
  font-family: Jost;
  font-style: normal;
  text-decoration: none;
}
.p-item .p-info .p-name a:hover {
  color: #2c2c2c;
  text-decoration: none;
}
.p-item .p-price {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.p-item .p-price .one-price {
  text-align: right;
  display: block;
  font-size: 20px;
  color: #2c2c2c;
  line-height: 1.5;
  font-family: Jost;
  font-style: normal;
  font-weight: 400;
}
.p-item .p-price .old-price {
  letter-spacing: 0;
  color: #707070;
  margin-left: 5px;
  font-size: 18px;
  text-decoration: line-through;
  line-height: 1.5;
  font-family: Jost;
  font-style: normal;
  font-weight: 400;
}
.p-item .p-price .new-price {
  font-size: 20px;
  letter-spacing: 0;
  color: #2c2c2c;
  margin-left: 5px;
  line-height: 1.5;
  font-family: Jost;
  font-style: normal;
  font-weight: 400;
}
.p-item .p-image {
  position: relative;
  overflow: hidden;
}
.p-item .p-image .p-picture {
  position: relative;
  display: block;
}
.p-item .p-image .p-picture img {
  width: 100%;
  height: auto;
  display: block;
  transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
}
.p-item .p-image .p-picture .first-picture {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all ease 0.7s;
  -o-transition: all ease 0.7s;
  transition: all ease 0.7s;
}
.p-item .p-image .p-picture .second-picture {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all ease 0.7s;
  -o-transition: all ease 0.7s;
  transition: all ease 0.7s;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.p-item .p-image .p-picture:hover .first-picture {
  visibility: hidden;
  opacity: 0;
}
.p-item .p-image .p-picture:hover .second-picture {
  visibility: visible;
  opacity: 1;
}
.p-item .p-image:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}
.p-item .p-action {
  bottom: auto;
  top: -30px;
  position: absolute;
  right: 10px;
  left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -o-transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}
.p-item .p-action a {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  border-radius: 0;
  background-color: #2c2c2c;
  color: #fff;
  font-family: Jost;
  font-style: normal;
  font-weight: 400;
  white-space: normal;
  letter-spacing: 0.04em;
  padding: 0;
  display: inline-block;
  font-size: 16px;
  vertical-align: middle;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(60px);
  -ms-transform: translateY(60px);
  transform: translateY(60px);
  -o-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  width: 44px;
  height: 44px;
  line-height: 44px;
  margin: 0 0 10px 0;
  border: 1px solid #2c2c2c;
  transform: translateY(-20px);
  -o-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -webkit-transition: 0.5s all ease-in-out;
  -o-transition: 0.5s all ease-in-out;
  transition: 0.5s all ease-in-out;
}
.p-item:hover .p-action {
  top: 30px;
}
.p-item:hover .p-action a {
  opacity: 1;
  visibility: visible;
}
.p-item:hover .p-action a:nth-child(1) {
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.p-item:hover .p-action a:nth-child(2) {
  -o-transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.p-item:hover .p-action a:nth-child(3) {
  -o-transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.icons {
  bottom: auto;
  position: absolute;
  text-align: right;
  width: 30px;
  height: 30px;
  right: 5px;
  top: 5px;
}
@media (max-width: 640px) {
  .icons {
    width: 30% !important;
    height: 30% !important;
  }
}
@media (min-width: 641px) {
  .icons {
    height: 72px;
    right: 0;
    top: 0;
    width: 72px;
  }
}
.icons img {
  height: 100%;
  width: 100%;
}

.p-item .p-others {
  position: relative;
  min-height: 20px;
  margin-bottom: 0;
  width: 100%;
  float: left;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: white;
  height: 28px;
}
.p-item .p-others .item-count {
  color: #362d2e;
  font-size: 1em;
  cursor: pointer;
  background: #fff;
  border: 1px solid #362d2e;
  float: left;
  line-height: 20px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 19%;
}
@media (max-width: 639px) {
  .p-item .p-others .item-count {
    height: 20px;
  }
}
.p-item .p-others-list {
  height: 28px;
  width: 100%;
}
.p-item .p-others-list.active {
  position: relative;
  z-index: 11;
  background-color: #fff;
  float: left;
  margin: 0;
  max-width: 81%;
  height: 24px;
  overflow: hidden;
}
@media (max-width: 639px) {
  .p-item .p-others-list.active {
    height: 20px;
  }
}
.p-item .p-others-list.active .slide-item {
  width: 23.5%;
}
.p-item .p-others-list.js-active {
  overflow: inherit;
  height: 100%;
}
.p-item .p-others-list img {
  width: 100%;
  height: auto;
}
.p-item .p-others-list .slick-slide {
  margin: 0 5px;
}
.p-item .p-others-list .slide-item {
  margin-right: 1.45%;
  margin-bottom: 1.45%;
  overflow: hidden;
  border: 1px solid #a1a0a0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  height: 20px;
  width: 18.5%;
}
@media (min-width: 40em) {
  .p-item .p-others-list .slide-item {
    height: 24px;
    margin-right: 1.45%;
  }
}
.p-item .p-others-list .slide-item a {
  outline: none;
}
.p-item .arrow-back {
  position: absolute;
  top: calc(50% - 15px);
  cursor: pointer;
}
.p-item .arrow-forward {
  position: absolute;
  top: calc(50% - 15px);
  right: 0;
  cursor: pointer;
}

.list__paging-area {
  margin-bottom: 50px;
}

.shop__product-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.shop__product-area .shop__body--product-area {
  width: 100%;
}
.shop__product-area .shop__body--product-area p {
  color: #777;
  font-size: 16px;
  margin-bottom: 20px;
}
.shop__product-area .shop__body--product-area .p-title {
  font-size: 22px;
  text-transform: inherit;
}
.shop__product-area .shop__body--product-area .product-img {
  position: relative;
  overflow: hidden;
}
.shop__product-area .shop__body--product-area .product-img img {
  width: 100%;
}
.shop__product-area .shop__body--product-area .product-img a img {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  width: 100%;
}
.shop__product-area .shop__body--product-area .product-img .slick-arrow {
  border-color: #2c2c2c;
}
.shop__product-area .shop__body--product-area .product-img .slick-arrow i {
  color: #2c2c2c;
}
.shop__product-area .shop__body--product-area .product-img .slick-arrow i::before {
  color: #2c2c2c;
}
.shop__product-area .shop__body--product-area .thumb-list .slick-slide {
  margin-right: 10px;
}
.shop__product-area .shop__body--product-area .thumb-list .slick-track {
  margin-left: inherit;
  margin-right: inherit;
}
.shop__product-area .shop__body--product-area .shop__product--detail-area {
  position: sticky;
  top: 0;
}
.shop__product-area .shop__body--product-area .shop__product--detail-area .p-name {
  font-size: 20px;
  color: #2c2c2c;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
  margin-bottom: 5px;
}
.shop__product-area .shop__body--product-area .shop__product--detail-area .p-name:hover {
  color: #000;
  text-decoration: none;
}
.shop__product-area .shop__body--product-area .shop__product--detail-area .p-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.shop__product-area .shop__body--product-area .shop__product--detail-area .p-price .p-price-inner .one-price {
  text-align: right;
  display: block;
  font-size: 20px;
  color: #2c2c2c;
  line-height: 1.5;
  font-family: Jost;
  font-style: normal;
  font-weight: 400;
}
.shop__product-area .shop__body--product-area .shop__product--detail-area .p-price .p-price-inner .old-price {
  letter-spacing: 0;
  color: #707070;
  margin-left: 5px;
  font-size: 18px;
  text-decoration: line-through;
  line-height: 1.5;
  font-family: Jost;
  font-style: normal;
  font-weight: 400;
}
.shop__product-area .shop__body--product-area .shop__product--detail-area .p-price .p-price-inner .new-price {
  font-size: 20px;
  letter-spacing: 0;
  color: #2c2c2c;
  margin-left: 5px;
  line-height: 1.5;
  font-family: Jost;
  font-style: normal;
  font-weight: 400;
}
.shop__product-area .shop__body--product-area .shop__product--detail-area .p-price .price-discoun {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #707070;
}
.shop__product-area .shop__body--product-area .shop__product--detail-area .p-color {
  padding: 22px 0;
  border-bottom: 1px solid #dcddda;
  border-top: 1px solid #dcddda;
  margin: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.shop__product-area .shop__body--product-area .shop__product--detail-area .p-color .pc-name {
  font-size: 16px;
  font-weight: 600;
  margin-right: 10px;
}
.shop__product-area .shop__body--product-area .shop__product--detail-area .p-color .pc-color {
  font-size: 16px;
  font-weight: 400;
}
.shop__product-area .shop__body--product-area .shop__product--detail-area .p-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 1px solid #dcddda;
}
.shop__product-area .shop__body--product-area .shop__product--detail-area .p-body .b-name {
  font-size: 1.23077rem;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 15px;
}
.shop__product-area .shop__body--product-area .shop__product--detail-area .p-body ul li a {
  text-transform: uppercase;
  border: 1px solid #2c2c2c;
  color: #2c2c2c;
  font-weight: 500;
  margin-top: 0;
  border-radius: 3px;
  font-size: 1.23077rem;
  height: 42px;
  line-height: 42px;
  margin: 0 8px 8px 0;
  width: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: revert;
  -ms-flex-align: revert;
  align-items: revert;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.shop__product-area .shop__body--product-area .shop__product--detail-area .p-body ul li a.js-active {
  background: #000;
  color: #fff;
}
.shop__product-area .shop__body--product-area .shop__product--detail-area .p-body ul li a.no-stock {
  color: #b1acac;
  border-color: #b1acac;
  background: #f5f4f2;
}
.shop__product-area .shop__body--product-area .shop__product--detail-area .body-table {
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 15px;
  margin-top: 30px;
  margin-right: 8px;
  cursor: pointer;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 17px;
  text-transform: uppercase;
}
.shop__product-area .shop__body--product-area .shop__product--detail-area .body-table span {
  margin-right: 8px;
  font-size: 18px;
}
.shop__product-area .shop__body--product-area .shop__product--detail-area .p-cargo {
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 15px;
  margin-top: 30px;
  margin-right: 8px;
  cursor: pointer;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 25px;
  text-transform: uppercase;
}
.shop__product-area .shop__body--product-area .shop__product--detail-area .p-cargo span {
  margin-right: 12px;
  font-size: 18px;
}
.shop__product-area .shop__body--product-area .shop__product--detail-area .shop__social-area {
  border-bottom: 1px solid #dcddda;
  padding-bottom: 15px;
  margin-bottom: 30px;
}
.shop__product-area .shop__body--product-area .shop__product--detail-area .shop__social-area ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-self: flex-start;
}
.shop__product-area .shop__body--product-area .shop__product--detail-area .shop__social-area ul li {
  display: block;
  width: 35px;
  height: 35px;
  line-height: 40px;
  margin: 0px 5px;
  background: #2c2c2c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-grid-column-align: center;
  justify-self: center;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.shop__product-area .shop__body--product-area .shop__product--detail-area .shop__social-area ul li:first-child {
  margin-left: 0;
}
.shop__product-area .shop__body--product-area .shop__product--detail-area .shop__social-area ul li:hover {
  background: #2c2c2c;
}
.shop__product-area .shop__body--product-area .shop__product--detail-area .shop__social-area ul li a {
  color: #fff;
  text-align: center;
  font-size: 18px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.shop__product-area .shop__body--product-area .shop__product--detail-area .p-stock-notice {
  padding: 20px;
  background: #f7f7f7;
  overflow: hidden;
}
.shop__product-area .shop__body--product-area .shop__product--detail-area .temp-hidden {
  display: none;
}
.shop__product-area .shop__body--product-area .shop__comment-area {
  border-top: 1px solid #eee;
  margin-top: 100px;
}
.shop__product-area .shop__body--product-area .shop__comment-area .shop__comment-title {
  font-size: 42px;
  line-height: 38px;
  text-align: center;
  display: block;
  margin-top: 48px;
  margin-bottom: 0;
  font-weight: 600;
}
.shop__product-area .shop__body--product-area .shop__comment-area .shop__comment--list-area {
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
  margin-top: 48px;
}
.shop__product-area .shop__body--product-area .shop__comment-area .shop__btn-comment {
  padding: 27px;
}
@media (max-width: 991px) {
  .shop__product-area .breadcrumb {
    overflow: auto;
    white-space: nowrap;
  }
}
.shop__product-area .breadcrumb li {
  font-size: 16px;
  color: #2c2c2c;
  text-transform: capitalize;
  display: inline-block;
}
.shop__product-area .breadcrumb li a {
  color: #ababab;
}
.shop__product-area .breadcrumb li a i {
  margin: 0 6px;
}
.shop__product-area .breadcrumb li a i::before {
  margin-left: 0;
  font-size: 11px;
}

.comment-style {
  max-width: 650px;
}
.comment-style .leave-a-reply {
  padding: 0;
  margin: 0;
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
}
.comment-style .leave-a-reply h3 {
  font-size: 23px;
  margin-bottom: 10px;
}
.comment-style .leave-a-reply p {
  font-size: 15px;
  margin-bottom: 30px;
}
.comment-style .leave-a-reply textarea {
  height: 160px !important;
}

.p-item {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}
.p-item .p-info {
  padding-top: 25px;
}
.p-item .p-info .p-name a {
  color: #707070;
  letter-spacing: 0.1px;
  line-height: 1.7;
  font-size: 18px;
  font-weight: 400;
  font-family: Jost;
  font-style: normal;
  text-decoration: none;
}
.p-item .p-info .p-name a:hover {
  color: #2c2c2c;
  text-decoration: none;
}
.p-item .p-price {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.p-item .p-price .one-price {
  text-align: right;
  display: block;
  font-size: 20px;
  color: #2c2c2c;
  line-height: 1.5;
  font-family: Jost;
  font-style: normal;
  font-weight: 400;
}
.p-item .p-price .old-price {
  letter-spacing: 0;
  color: #707070;
  margin-left: 5px;
  font-size: 18px;
  text-decoration: line-through;
  line-height: 1.5;
  font-family: Jost;
  font-style: normal;
  font-weight: 400;
}
.p-item .p-price .new-price {
  font-size: 20px;
  letter-spacing: 0;
  color: #2c2c2c;
  margin-left: 5px;
  line-height: 1.5;
  font-family: Jost;
  font-style: normal;
  font-weight: 400;
}
.p-item .p-image {
  position: relative;
  overflow: hidden;
}
.p-item .p-image .p-picture {
  position: relative;
  display: block;
}
.p-item .p-image .p-picture img {
  width: 100%;
  height: auto;
  display: block;
  transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
}
.p-item .p-image .p-picture .first-picture {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all ease 0.7s;
  -o-transition: all ease 0.7s;
  transition: all ease 0.7s;
}
.p-item .p-image .p-picture .second-picture {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all ease 0.7s;
  -o-transition: all ease 0.7s;
  transition: all ease 0.7s;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.p-item .p-image .p-picture:hover .first-picture {
  visibility: hidden;
  opacity: 0;
}
.p-item .p-image .p-picture:hover .second-picture {
  visibility: visible;
  opacity: 1;
}
.p-item .p-image:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}
.p-item .p-action {
  bottom: auto;
  top: -30px;
  position: absolute;
  right: 10px;
  left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -o-transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}
.p-item .p-action a {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  border-radius: 0;
  background-color: #2c2c2c;
  color: #fff;
  font-family: Jost;
  font-style: normal;
  font-weight: 400;
  white-space: normal;
  letter-spacing: 0.04em;
  padding: 0;
  display: inline-block;
  font-size: 16px;
  vertical-align: middle;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(60px);
  -ms-transform: translateY(60px);
  transform: translateY(60px);
  -o-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  width: 44px;
  height: 44px;
  line-height: 44px;
  margin: 0 0 10px 0;
  border: 1px solid #2c2c2c;
  transform: translateY(-20px);
  -o-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -webkit-transition: 0.5s all ease-in-out;
  -o-transition: 0.5s all ease-in-out;
  transition: 0.5s all ease-in-out;
}
.p-item:hover .p-action {
  top: 30px;
}
.p-item:hover .p-action a {
  opacity: 1;
  visibility: visible;
}
.p-item:hover .p-action a:nth-child(1) {
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.p-item:hover .p-action a:nth-child(2) {
  -o-transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.p-item:hover .p-action a:nth-child(3) {
  -o-transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.p-item .p-state {
  position: absolute;
  right: 80px;
}
.p-item .p-badges {
  position: absolute;
  top: 0;
  z-index: 1;
}
.p-item .p-badges .badge {
  padding: 5px 10px;
  color: #fff;
  border-radius: 0;
  font-family: Jost;
}
.p-item .p-badges .badge.bestseller {
  background: #007bff;
}
.p-item .p-badges .badge.soon {
  background: #bbb;
}
.p-item .p-badges .badge.soldout {
  background: #333;
}
.p-item .p-badges .badge.new {
  background: #28a745;
}
.p-item .p-badges .badge.discount {
  background: #ff1515;
}

.size-popup {
  max-width: 1000px;
}

.size-table-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  .size-table-wrap {
    display: block;
  }
}
@media (max-width: 991px) {
  .size-table-wrap .img img {
    width: 100%;
  }
}
.size-table-wrap .size-table-inner {
  width: 100%;
  padding: 0 50px;
}
@media (max-width: 991px) {
  .size-table-wrap .size-table-inner {
    padding: 0px;
  }
}
.size-table-wrap .size-table-inner .size-item .size-title {
  width: 100%;
}
.size-table-wrap .size-table-inner .size-item .size-title.js-active a::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.size-table-wrap .size-table-inner .size-item .size-title a {
  font-size: 17px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 3.33;
  letter-spacing: 1px;
  display: block;
  width: 100%;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.size-table-wrap .size-table-inner .size-item .size-title a::after {
  content: "\e906";
  font-family: "icomoon";
  float: revert;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.size-table-wrap .size-table-inner .size-item .size-list {
  display: none;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  overflow: hidden;
  width: 100%;
}
.size-table-wrap .size-table-inner .size-item .size-list.js-active {
  display: block;
}
.size-table-wrap .size-table-inner .size-item .size-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 20px 30px;
}
@media (max-width: 991px) {
  .size-table-wrap .size-table-inner .size-item .size-list ul {
    overflow: auto;
  }
}
.size-table-wrap .size-table-inner .size-item .size-list ul:nth-child(odd) {
  background: #f5f8f9;
}
.size-table-wrap .size-table-inner .size-item .size-list ul li {
  width: 100%;
  text-align: center;
}
.size-table-wrap .size-table-inner .size-item .size-list ul li:last-child {
  margin-right: 0px;
}
.size-table-wrap .size-table-inner .size-item .size-list ul li .title {
  font-size: 15px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 11px;
  letter-spacing: 0.92px;
  display: block;
  margin-bottom: 8px;
  height: 13px;
}
.size-table-wrap .size-table-inner .size-item .size-list ul li .sub {
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 11px;
  letter-spacing: 0.92px;
  display: block;
}
.size-table-wrap .size-table-inner .size-item .size-list ul li.title-list .title {
  height: auto;
}
.slide-item {
  position: relative;
}
.slide-item .btn-zooms {
  position: absolute;
  z-index: 999;
  font-size: 27px;
  right: 10px;
  bottom: 10px;
  display: block;
}
.slide-item .btn-zoom {
  display: block;
  position: absolute;
  z-index: 101;
  right: 5px;
  bottom: 5px;
}

.product__breadcrumb-area {
  display: flex;
  flex-direction: column;
  margin: 20px 0;
}
.product__breadcrumb-area .product__breadcrumb--product-area {
  display: flex;
  white-space: nowrap;
  overflow: auto;
}
.product__breadcrumb-area .product__breadcrumb--product-area li::after {
  content: "/";
  padding-left: 5px;
  margin-right: 5px;
  font-size: 19px;
  line-height: 0;
  position: relative;
  display: inline-block;
  top: 2px;
}
.product__breadcrumb-area .product__breadcrumb--product-area li:last-child::after {
  display: none;
}
.product__breadcrumb-area .product__breadcrumb--product-area li a {
  color: #2c2c2c;
  font-family: "Jost";
  font-size: 15px;
  font-weight: 500;
  text-align: left;
  letter-spacing: 0.06571rem;
  text-transform: uppercase;
}
.product__breadcrumb-area .product__breadcrumb--product-area li span {
  color: #2c2c2c;
  font-family: "Jost";
  font-size: 15px;
  text-align: left;
  letter-spacing: 0.06571rem;
  font-weight: 700;
  padding-left: 5px;
  text-transform: uppercase;
  cursor: default;
}

.product__info-area .product__info-name {
  line-height: 1.3;
  font-size: 184.615%;
  font-weight: 500;
  text-transform: none;
  margin-top: 0;
  font-family: "Jost";
  color: #2c2c2c;
  margin-bottom: 10px;
}
.product__info-area .product__info-rating {
  margin-bottom: 30px;
}
.product__info-area .product__info-rating .rating__head--count span {
  font-size: 12px;
  font-weight: 500;
  text-transform: none;
  font-family: "Jost";
  color: #2c2c2c;
  margin-left: 18px;
  margin-bottom: -3px;
}
.product__info-area .product__info-price {
  margin-bottom: 40px;
}
.product__info-area .product__info-price .product__info--new-price {
  font-size: 230.769%;
  font-weight: 500;
  font-family: "Jost";
  color: #2c2c2c;
  margin-right: 5px;
}
.product__info-area .product__info-price .product__info--old-price {
  font-size: 184.615%;
  color: #bbb;
  font-weight: 400;
  white-space: nowrap;
  text-decoration: line-through;
}
.product__info-area .product__info-price .product__info--price-ratio {
  font-size: 230.769%;
  font-weight: 700;
  font-family: "Jost";
  color: #2c2c2c;
  float: right;
}

.basket--discaount {
  font-size: 20px;
  border: 1px solid #af1111;
  padding: 11px 0;
  text-align: center;
  color: #000;
  max-width: 420px;
  font-weight: 700;
  margin-top: 15px;
}
.basket--discaount .product__info--new-price-basket {
  font-size: 28px;
  font-weight: 700;
  font-family: "Jost";
  color: #af1111;
}
.basket--discaount .product__info--price-ratio-basket {
  font-size: 28px;
  font-weight: 700;
  font-family: "Jost";
  color: #af1111;
}

.product__options-area .product__spec-area {
  display: none;
}
.product__options-area .product__color-area span {
  font-size: 15px;
  font-weight: 500;
  font-family: "Jost";
  color: #2c2c2c;
}
.product__options-area .product__color-area span strong {
  font-size: 15px;
  font-weight: 700;
  font-family: "Jost";
  color: #2c2c2c;
}
.product__options-area .product__body {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.product__options-area .product__body .product__size-options ul li {
  margin-right: 10px;
}
.product__options-area .product__body .product__size-options ul li a {
  padding: 7px 18px;
  cursor: pointer;
  color: #2c2c2c;
  text-transform: uppercase;
  border: 2px solid #dedede;
  font-size: 13px;
  text-align: center;
  font-weight: 600;
  display: block;
  overflow: hidden;
}
.product__options-area .product__body .product__size-options ul li a.js-active {
  border-color: #2c2c2c;
}
.product__options-area .product__body .product__size-options ul li a.no-stock {
  color: #d7d7d7;
  border-color: #d7d7d7;
  background: #f5f4f2;
  position: relative;
}
.product__options-area .product__body .product__size-options ul li a.no-stock::before {
  -webkit-transform: rotate(24deg);
  -ms-transform: rotate(24deg);
  transform: rotate(24deg);
  background: #d7d7d7;
  content: "";
  height: 1px;
  left: -3px;
  position: absolute;
  top: 50%;
  width: 110%;
}
.product__options-area .product__body .product__size-options ul li a.no-stock::after {
  -webkit-transform: rotate(-24deg);
  -ms-transform: rotate(-24deg);
  transform: rotate(-24deg);
  background: #d7d7d7;
  content: "";
  height: 1px;
  left: -3px;
  position: absolute;
  top: 50%;
  width: 110%;
}
.product__options-area .product__size-chart {
  display: flex;
  flex-direction: column;
}
.product__options-area .product__size-chart .product__size-title {
  line-height: 1.3;
  font-size: 15px;
  font-weight: 700;
  font-family: "Jost";
  color: #2c2c2c;
  margin-bottom: 10px;
  display: flex;
}
.product__options-area .product__size-chart .icon-help-empty {
  font-size: 17px;
  margin-left: 4px;
}
.product__options-area .product__info--desc--area {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  margin-bottom: 10px;
}
.product__options-area .product__info--desc--area li {
  display: flex;
  flex-direction: column;
}
.product__options-area .product__info--desc--area ul {
  border-bottom: 1px solid #2c2c2c;
  padding-bottom: 5px;
  margin-bottom: 5px;
  display: flex;
  flex-wrap: wrap;
}
.product__options-area .product__info--desc--area ul li {
  display: flex;
  flex-wrap: nowrap;
  width: 50%;
}
.product__options-area .product__info--desc--area ul li.product__info--desc-title {
  line-height: 1.3;
  font-size: 15px;
  font-weight: 700;
  font-family: "Jost";
  color: #2c2c2c;
  margin-bottom: 10px;
  display: flex;
  min-width: 150px;
  width: auto;
}
.product__options-area .product__info--desc--area ul li.product__info--desc-sub {
  line-height: 1.3;
  font-size: 13px;
  font-weight: 400;
  color: #2c2c2c;
  margin-bottom: 10px;
  font-family: "Jost";
}
.product__options-area .btn-add-basket {
  text-transform: uppercase;
  font-size: 15px;
}
.product__options-area .btn-favorite {
  border: 1px solid #dedede;
  font-size: 24px;
  padding: 15.5px 6px;
}
@media (max-width: 600px) {
  .product__options-area .btn-favorite {
    min-width: 60px;
  }
}
.product__options-area .btn-favorite:hover, .product__options-area .btn-favorite:focus {
  color: #2c2c2c;
  border-color: #2c2c2c;
}

.product__alternate {
  flex-direction: column;
  margin-bottom: 20px;
  padding: 0 0 7px 0;
  border-bottom: 1px solid #dcddda;
  margin: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product__alternate ul li {
  border: 1px solid #2c2c2c;
  margin-right: 15px;
  margin-bottom: 15px;
}
.product__alternate ul li.js-selected {
  border-color: #2c2c2c;
}
.product__alternate ul li a {
  display: block;
}
.product__alternate ul li a img {
  width: 58px;
  height: 58px;
}

.product__best--sale-area {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .product__best--sale-area {
    margin-bottom: 30px;
  }
}
.product__best--sale-area .block-title {
  font-size: 276.923%;
  font-weight: 700 !important;
  color: #111;
  text-align: center;
  font-family: "Jost";
  letter-spacing: 0;
}
@media (max-width: 991px) {
  .product__best--sale-area .block-title {
    font-size: 26px;
  }
}
.product__best--sale-area .block-sub-title {
  text-align: center;
  margin-bottom: 35px;
  letter-spacing: 0;
  font-weight: 400;
  font-family: "Jost";
}
.product__best--sale-area .slick-slide {
  margin: 0 15px;
}
.product__best--sale-area .slick-list {
  margin: 0 -15px;
}
.product__best--sale-area .product__pops--slider-area {
  position: relative;
}
.product__best--sale-area .product__pops--slider-area .product__pops--slider-wrap-area {
  position: relative;
}
.product__best--sale-area .product__pops--slider-area .product__pops--slider-wrap-area .slick-arrow {
  position: absolute;
  font-size: 26px;
  margin: 0;
  background: #fff;
  padding: 0 !important;
  line-height: 0;
  color: #2c2c2c;
  top: 50%;
  border: 1px solid #dedede;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  z-index: 10;
  display: none !important;
}
.product__best--sale-area .product__pops--slider-area .product__pops--slider-wrap-area .slick-arrow:hover {
  background: #2c2c2c;
  color: #fff;
}
.product__best--sale-area .product__pops--slider-area .product__pops--slider-wrap-area .arrow-prev {
  left: -26px;
}
.product__best--sale-area .product__pops--slider-area .product__pops--slider-wrap-area .arrow-next {
  right: -26px;
}
.product__best--sale-area .product__pops--slider-area .product__pops--slider-wrap-area .slick-dots {
  position: relative;
  bottom: 0px;
  left: 0;
  right: 0;
  top: 10px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.product__best--sale-area .product__pops--slider-area .product__pops--slider-wrap-area .slick-dots li {
  margin-right: 10px;
}
.product__best--sale-area .product__pops--slider-area .product__pops--slider-wrap-area .slick-dots li:last-child {
  margin-right: 0px;
}
.product__best--sale-area .product__pops--slider-area .product__pops--slider-wrap-area .slick-dots li.slick-active button {
  background: #2c2c2c;
}
.product__best--sale-area .product__pops--slider-area .product__pops--slider-wrap-area .slick-dots li button {
  border: 0;
  background-color: #2c2c2c;
  font-size: 0;
  width: 20px;
  height: 2px;
  display: block;
}
.product__best--sale-area .product__pops--slider-area .product__pops--slider-wrap-area .slick-dots li button:hover {
  background: #2c2c2c;
}
.product__best--sale-area:hover .product__pops--slider-area .product__pops--slider-wrap-area .slick-arrow {
  display: flex !important;
}
.product__best--sale-area .product__items-area {
  padding-bottom: 50px;
}

.product-heading {
  background: #f7f7f7;
  padding: 20px 0;
  margin-bottom: 20px;
}
.product-heading .product-breadcrumb li {
  margin-right: 5px;
}
.product-heading .product-breadcrumb li a:after {
  content: "›";
  padding-left: 5px;
  display: inline-block;
  color: #000;
  font-size: 16px;
  line-height: 1em;
}
.product-heading .product-breadcrumb li span {
  font-weight: 500;
}

.product__gallery-area {
  margin-bottom: 20px;
}

.product__gallery-area .product__main--gallery-area {
  margin-bottom: 20px;
  position: relative;
}
.product__gallery-area .product__main--gallery-area .slide-item {
  position: relative;
}
.product__gallery-area .product__main--gallery-area .product__area--image--list-area .product__area--main--image-area .product__area--img--item img {
  width: 100%;
}
.product__gallery-area .product__main--gallery-area .product__area--image--list-area .btn-zoom {
  position: absolute;
  z-index: 101;
  right: 5px;
  bottom: 5px;
}
.product__gallery-area .product__main--gallery-area .product__area--image--list-area .btn-zoom .svg-icon {
  top: 0;
}
.product__gallery-area .product__main--gallery-area .arrow-back {
  position: absolute;
  top: calc(50% - 15px);
  cursor: pointer;
  display: none !important;
}
.product__gallery-area .product__main--gallery-area .arrow-forward {
  position: absolute;
  top: calc(50% - 15px);
  right: 0;
  cursor: pointer;
  display: none !important;
}

.product__thumb--gallery-area .slide-item {
  position: relative;
  outline: none;
  cursor: pointer;
  float: left;
}
.product__thumb--gallery-area.vertical .slide-item {
  margin-bottom: 13px;
}
.product__thumb--gallery-area.vertical .arrow-up {
  text-align: center;
  cursor: pointer;
}
.product__thumb--gallery-area.vertical .arrow-down {
  text-align: center;
  cursor: pointer;
}
.product__thumb--gallery-area.horizontal {
  /* .slick-disabled {
          right: -16px;
          opacity: 0.5;
          color: $gray4;
          border-color: $gray4;
      }*/
}
.product__thumb--gallery-area.horizontal .slick-slide {
  margin-right: 15px;
}
.product__thumb--gallery-area.horizontal .arrow-up,
.product__thumb--gallery-area.horizontal .arrow-down {
  position: absolute;
  font-size: 26px;
  margin: 0;
  background: #fff;
  padding: 0 !important;
  line-height: 0;
  color: #151515;
  border: 1px solid #cccccc;
  width: 50px;
  height: 50px;
  z-index: 10;
  display: flex !important;
  align-items: center;
  justify-content: center;
  top: calc(50% - 29px);
  cursor: pointer;
}
@media (max-width: 1024px) {
  .product__thumb--gallery-area.horizontal .arrow-up,
.product__thumb--gallery-area.horizontal .arrow-down {
    display: none !important;
  }
}
.product__thumb--gallery-area.horizontal .arrow-up:hover,
.product__thumb--gallery-area.horizontal .arrow-down:hover {
  background: #2c2c2c;
  color: #fff;
}
.product__thumb--gallery-area.horizontal .arrow-up {
  left: 15px;
}
.product__thumb--gallery-area.horizontal .arrow-down {
  right: 15px;
}
.product__thumb--gallery-area.horizontal .slick-dots {
  position: relative;
  bottom: 0px;
  left: 0;
  right: 0;
  top: 20px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.product__thumb--gallery-area.horizontal .slick-dots li {
  margin-right: 10px;
}
.product__thumb--gallery-area.horizontal .slick-dots li:last-child {
  margin-right: 0px;
}
.product__thumb--gallery-area.horizontal .slick-dots li.slick-active button {
  background: #2c2c2c;
}
.product__thumb--gallery-area.horizontal .slick-dots li button {
  border: 0;
  background-color: #2c2c2c;
  font-size: 0;
  width: 20px;
  height: 2px;
  display: block;
}
.product__thumb--gallery-area.horizontal .slick-dots li button:hover {
  background: #2c2c2c;
}
.product__thumb--gallery-area .product__thumb--list-area img {
  width: 100%;
}
.product__thumb--gallery-area .product__thumb--list-area .slick-current .slide-item:after {
  content: "";
  width: 100%;
  height: 3px;
  background: #2c2c2c;
  position: absolute;
  bottom: 0;
}

.product__area .p-badges {
  position: absolute;
  top: 0;
  z-index: 1;
  right: 0;
}
.product__area .badge {
  padding: 7px 15px;
  color: #fff;
  border-radius: 0;
  font-family: "Jost";
  font-size: 17px;
  font-weight: 400;
}
.product__area .badge.bestseller {
  background: #007bff;
}
.product__area .badge.soon {
  background: #bbb;
}
.product__area .badge.soldout {
  background: #333;
}
.product__area .badge.new {
  background: #2c2c2c;
}
.product__area .badge.discount {
  background: #ff1515;
}

.product-details .p-options .p-body {
  width: 100%;
  display: block;
  overflow: hidden;
  margin: 10px 0 0;
}
.product-details .p-options .size-options ul {
  overflow: hidden;
  margin-bottom: 10px;
}
.product-details .p-options .size-options ul li {
  margin: 0 5px 5px 0;
}
.product-details .p-options .size-options ul li a {
  padding: 8px 0;
  border: 2px solid #333;
  display: block;
  width: 41px;
  text-align: center;
  color: #333;
}
.product-details .p-options .size-options ul li a:hover {
  border-color: #2c2c2c;
}
.product-details .p-options .size-options ul li a.no-stock {
  border-color: #bbb;
  color: #bbb;
}
.product-details .p-options .size-options ul li a.js-active {
  border-color: #2c2c2c;
}

.size-table-content {
  /*Beden Tablosu stilleri buraya yazılır.*/
}

.product__quantity {
  margin-bottom: 20px;
}
.product__quantity .product__quantity-options {
  display: flex;
  align-items: center;
}
.product__quantity .product__quantity-options .product__quantity-title {
  line-height: 1.3;
  font-size: 15px;
  font-weight: 700;
  font-family: "Jost";
  color: #2c2c2c;
  display: flex;
  margin-right: 10px;
}
.product__quantity .product__quantity-options .selectric-wrapper {
  width: 85px;
  font-size: 16px;
  font-weight: 700;
}

.p-stock-notice {
  padding: 20px;
  background: #f5f5f5;
  overflow: hidden;
}
.product__social-area ul li {
  margin-right: 10px;
}
.product__social-area ul li a.btn {
  border: 1px solid #dedede;
  margin-top: 20px;
  font-size: 24px;
  padding: 14px 6px;
}
@media (max-width: 600px) {
  .product__social-area ul li a.btn {
    min-width: 60px;
  }
}
.product__social-area ul li a.btn:hover, .product__social-area ul li a.btn:focus {
  color: #2c2c2c;
  border-color: #2c2c2c;
}

.product__features {
  overflow: hidden;
  width: 100%;
  padding-top: 90px;
  margin-top: 90px;
  margin-bottom: 50px;
  border-top: solid 1px #eee;
}
.product__features #product__detail-tabs p {
  margin-bottom: 25px;
}
.product__features #product__detail-tabs > ul {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media (max-width: 991px) {
  .product__features #product__detail-tabs > ul {
    align-items: initial;
    justify-content: inherit;
    white-space: nowrap;
    overflow: auto;
  }
}
.product__features #product__detail-tabs > ul li {
  overflow: initial;
  white-space: normal;
}
.product__features #product__detail-tabs > ul li a {
  display: inline-block;
  font-size: 184.615%;
  color: #bbb;
  margin: 0 20px;
  padding-bottom: 10px;
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  background: none;
  font-family: "Jost";
  font-weight: 700;
  white-space: nowrap;
  border: 0;
}
.product__features #product__detail-tabs > ul li a::after {
  display: block;
  content: "";
  position: absolute;
  width: 0;
  height: 1px;
  background: #2c2c2c;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}
.product__features #product__detail-tabs > ul li a:hover, .product__features #product__detail-tabs > ul li a.js-active {
  color: #2c2c2c;
}
.product__features #product__detail-tabs > ul li a:hover::after, .product__features #product__detail-tabs > ul li a.js-active::after {
  width: 60%;
}
.product__features #product__detail-tabs .product__info--desc-area {
  display: flex;
  flex-wrap: wrap;
}
.product__features #product__detail-tabs .product__info--desc-area li {
  width: 50%;
}
.product__features #product__detail-tabs .product__info--desc-area li.product__info--desc-title {
  line-height: 1.3;
  font-size: 15px;
  font-weight: 700;
  font-family: "Jost";
  color: #2c2c2c;
  margin-bottom: 10px;
  display: flex;
}
.product__features #product__detail-tabs .product__info--desc-area li.product__info--desc-sub {
  line-height: 1.3;
  font-size: 13px;
  font-weight: 400;
  color: #2c2c2c;
  margin-bottom: 10px;
  font-family: "Jost";
}
.product__features #product__detail-tabs .content {
  border: 0;
}

.shop__inst-area .col-md-2 {
  border-left: 1px solid #f1eaea;
  height: 100%;
}
.shop__inst-area .col-md-2:last-child {
  border-right: 1px solid #f1eaea;
}
@media (max-width: 991px) {
  .shop__inst-area .col-md-2 {
    border-right: 1px solid #f1eaea;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.shop__inst-area .inst-head {
  border-top: 1px solid #f1eaea;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
}
.shop__inst-area .inst-head img {
  width: 100%;
  max-width: 136px;
  padding: 7px 0;
}
.shop__inst-area .inst-section {
  display: flex;
  background: #ececec;
  justify-content: space-between;
  padding: 14px 6px;
}
.shop__inst-area .inst-section span {
  font-weight: 700;
}
.shop__inst-area ul > li {
  border-bottom: 1px solid #f1eaea;
  padding: 14px 6px;
}
.shop__inst-area ul > li:nth-child(2n) {
  background: rgba(241, 241, 241, 0.38);
}
.shop__inst-area ul > li ul {
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.shop__inst-area ul > li ul li {
  text-align: center;
  border-bottom: 0;
  padding: 0;
  background: 0;
}
.product-reviews {
  margin-bottom: 20px;
  width: 100%;
  float: left;
}

.rating__head-stars {
  float: left !important;
  position: relative;
  width: auto;
  white-space: nowrap;
}
.rating__head-stars ul {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  z-index: 2;
  background: #fff;
}
.rating__head-stars.small {
  min-height: 20px;
  width: 111px;
}
.rating__head-stars.small ul li {
  height: 20px;
  width: 20px;
  vertical-align: top;
  display: inline-block;
  float: none;
}
.rating__head-stars.small ul li:before {
  font-family: "icomoon";
  font-size: 18px;
  line-height: 20px;
}
.rating__head-stars.big {
  min-height: 40px;
  width: 210px;
}
.rating__head-stars.big ul li {
  height: 40px;
  width: 40px;
  vertical-align: top;
  display: inline-block;
  float: none;
}
.rating__head-stars.big ul li:before {
  font-family: "icomoon";
  font-size: 38px;
  line-height: 40px;
}
.rating__head-stars .rating__head--stars-empty {
  color: #f7f7f7;
}
.rating__head-stars .rating__head--stars-empty li:before {
  content: "\f005";
}
.rating__head-stars .rating__head--stars-filled {
  width: 50%;
  color: #2c2c2c;
}
.rating__head-stars .rating__head--stars-filled li:before {
  content: "\f005";
}

.write-review .w-header h2 {
  display: block;
  text-align: center;
  color: #000;
  margin-bottom: 0;
  margin-top: 20px;
  font-size: 50px;
  line-height: 55px;
}
.write-review .w-header p {
  font-size: 18px;
  text-align: center;
  line-height: 20px;
}

.thanks-review {
  display: none;
  margin: 20px 0;
}
.thanks-review p {
  font-size: 15px;
  text-align: center;
  line-height: 22px;
  margin-bottom: 20px;
}
.thanks-review .btn-return {
  width: 200px;
}

.all-reviews .r-head {
  text-align: center;
  margin-bottom: 20px;
}
.all-reviews .r-head h4 {
  color: #000;
  font-size: 32px;
  text-transform: uppercase;
  line-height: 36px;
}
.all-reviews .r-filter-result {
  display: none;
  font-size: 12px;
}
.all-reviews .r-filter-result span {
  margin: 10px 0;
  display: inline-block;
  color: #333;
}
.all-reviews .r-filter-result .btn-remove-filters {
  margin: 10px 0;
  display: inline-block;
  margin-left: 10px;
}
.all-reviews .r-filter-result .btn-remove-filters:hover {
  text-decoration: underline;
}
.all-reviews .r-actions {
  border-bottom: 1px solid #dedede !important;
  border-top: 1px solid #dedede !important;
  padding: 20px 0 !important;
  float: left;
  width: 100%;
}
.all-reviews .r-actions .heading {
  letter-spacing: 0;
  font-weight: 700;
  font-size: 14px;
  margin-right: 10px;
  line-height: 44px;
  display: inline-block;
  vertical-align: top;
}
.all-reviews .r-actions .heading p {
  margin: 0;
}
.all-reviews .r-actions .r-write .btn-write-review {
  float: right;
}
.all-reviews .r-summary {
  margin-top: 30px;
  overflow: hidden;
}
.all-reviews .r-summary .p-main-rating {
  width: 100%;
  float: left;
  text-align: center;
}
.all-reviews .r-summary .p-main-rating .r-stars.big {
  display: inline-block;
  float: none !important;
  margin-right: 5px;
}
.all-reviews .r-summary .p-main-rating .point {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
}
.all-reviews .r-summary .p-main-rating .point span {
  color: #2c2c2c;
  font-size: 33px;
  line-height: 42px;
  font-weight: 700;
}
.all-reviews .r-summary .p-rating-count {
  float: left;
  width: 100%;
  text-align: center;
}
.all-reviews .r-summary .p-rating-count span {
  text-transform: uppercase;
  font-size: 30px;
  line-height: 30px;
}
.all-reviews .r-summary .p-rating-recommend {
  float: left;
  width: 100%;
  color: #333;
  text-align: center;
  margin: 50px 0;
}
.all-reviews .r-summary .p-rating-recommend .percent {
  display: block;
  float: none;
  font-size: 48px;
  line-height: 50px;
  margin: 0;
  font-weight: 600;
}
.all-reviews .r-summary .p-rating-recommend .text {
  display: block;
  font-size: 18px;
  padding: 0 30px;
  line-height: 24px;
}
.all-reviews .r-reviews {
  margin-top: 30px;
  overflow: hidden;
}
.all-reviews .r-reviews .load-more {
  width: 100%;
  float: left;
  margin-bottom: 40px;
}
.all-reviews .r-reviews .load-more .btn-load-more {
  width: 300px;
  float: left;
}
.all-reviews .r-reviews .r-image-container {
  display: none;
  position: absolute;
  top: 1208px;
  left: 0;
  width: 50%;
  background: #fff;
  margin: 0 auto;
  right: 0;
  -webkit-box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.2);
  box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.2);
  z-index: 99;
}
.all-reviews .r-reviews .r-image-container a {
  position: absolute;
  width: 25px;
  height: 25px;
  background: #ededed;
  right: 0;
  top: -25px;
  border: 1px solid #d0d0d0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0;
  text-align: center;
}
.all-reviews .r-reviews .r-image-container a:after {
  content: "\e92f";
  font-family: "icomoon";
  font-size: 16px;
  line-height: 25px;
}
.all-reviews .r-reviews .r-image-container .image {
  width: 100%;
}
.all-reviews .r-reviews .r-image-container .image img {
  width: 100%;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 576px) {
  .r-actions .r-write .btn-write-review {
    float: none;
    margin-top: 20px;
    width: 100%;
  }
}
.review-form {
  position: relative;
  background: #fff;
  width: 100%;
  z-index: 999;
  display: block;
  overflow: hidden;
  padding: 20px 0;
  /* - - Stars - - */
  /* - - Stars - End - */
  /* - - Recommend - - */
  /* - - Recommend - End - */
  /* - - Options - - */
  /* - - Options - End - */
  /* - - Add Photos - - */
  /* - - Add Photos - End - */
  /* - - Reply - Current Review - - */
  /* - - Reply - Current Review -  End - */
}
.review-form .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
.review-form .form-check {
  padding: 0;
}
.review-form input {
  max-width: 350px;
}
.review-form textarea {
  max-width: 350px;
  height: 100px;
}
.review-form .left {
  text-align: right;
  width: 40%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 10px;
}
.review-form .left span {
  font-size: 14px;
  text-transform: capitalize;
  line-height: 40px;
}
.review-form .right {
  text-align: left;
  width: 60%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
}
.review-form .explanation {
  font-size: 12px;
  line-height: 20px;
  display: inline-block;
  margin-top: 5px;
}
.review-form hr {
  width: 100%;
  margin-bottom: 30px;
  border: none;
  border-bottom: 2px solid #dedede;
}
.review-form .guide {
  position: absolute;
  right: 0;
  bottom: 2px;
  color: #2c2c2c;
  font-size: 13px;
}
.review-form .guide:hover {
  text-decoration: underline;
}
.review-form .floated-popup {
  width: 400px;
  right: 0;
  left: inherit;
  top: 77px;
}
.review-form .r-stars-radio input[type=radio] {
  position: absolute;
  left: 13px;
  top: 14px;
  z-index: 1;
}
.review-form .r-stars-radio label {
  width: 40px;
  position: relative;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 0 !important;
  height: 40px;
  cursor: pointer;
  display: block;
  float: left;
  z-index: 2;
}
.review-form .r-stars-radio label:before {
  content: "\e90f";
  font-family: "icomoon";
  font-size: 38px;
  line-height: 40px;
  color: #2c2c2c;
}
.review-form .f-stars .selected {
  height: 40px;
  line-height: 40px;
  display: block;
  font-size: 14px;
  margin-left: 20px;
  float: left;
}
.review-form .f-stars .r-stars.big ul li {
  display: block;
  float: left;
}
.review-form .r-recommend-radio {
  margin-bottom: 5px;
  position: relative;
  overflow: hidden;
}
.review-form .r-recommend-radio input[type=radio] {
  position: absolute;
  left: 13px;
  top: 13px;
  z-index: 1;
}
.review-form .r-recommend-radio label {
  width: 80px;
  position: relative;
  top: 0;
  left: 0;
  height: 40px;
  cursor: pointer;
  display: block;
  float: left;
  line-height: 40px !important;
  text-align: center;
  margin-bottom: 0;
  border: 1px solid #dedede;
  background: #fff;
  z-index: 2;
}
.review-form .r-recommend-radio label.rec-2 {
  margin-left: -1px;
}
.review-form .r-recommend-radio label:hover {
  border-color: #2c2c2c;
  z-index: 2;
}
.review-form .r-recommend-radio label.js-selected {
  color: #2c2c2c;
  border-color: #2c2c2c;
  border-bottom: 3px solid #2c2c2c;
  z-index: 2;
}
.review-form .options .left span {
  line-height: 70px;
}
.review-form .options .js-selected {
  font-size: 13px;
}
.review-form .options .option {
  width: auto;
  display: inline-block;
}
.review-form .options .option:after {
  content: "";
  width: 100%;
  height: 3px;
  display: block;
  background: #dedede;
  margin-top: 18px;
}
.review-form .options .option .opt-circle {
  float: left;
  margin-right: 30px;
}
.review-form .options .option .opt-circle:nth-child(5) {
  margin-right: 0;
}
.review-form .options .option .opt-circle label {
  width: 22px;
  position: relative;
  font-size: 0 !important;
  height: 22px;
  cursor: pointer;
  display: block;
  float: left;
  border-radius: 40px;
  border: 8px solid #fff;
  margin-bottom: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  background: #fff;
  z-index: 2;
}
.review-form .options .option .opt-circle label:before {
  content: "";
  border: 2px solid #dedede;
  width: 22px;
  height: 22px;
  display: block;
  border-radius: 30px;
  top: -2px;
  left: -2px;
  position: absolute;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.review-form .options .option .opt-circle label:hover:before {
  border-color: #2c2c2c;
}
.review-form .options .option .opt-circle label.js-active:before {
  border-color: #2c2c2c;
}
.review-form .options .option .opt-circle label.js-active:after {
  border: 3px solid #fff;
  content: "";
  width: 22px;
  height: 22px;
  display: block;
  border-radius: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  background: #2c2c2c;
}
.review-form .options .option .opt-circle input[type=radio] {
  position: absolute;
  left: 13px;
  top: 13px;
  z-index: 1;
  /*
  width: 0;
  float: left;
  height: 0;
  opacity: 0;
  */
}
.review-form .options .option-text {
  float: left;
  width: 100%;
  position: relative;
  height: 20px;
}
.review-form .options .option-text span {
  position: absolute;
  color: #333;
  font-size: 12px;
  line-height: 20px;
  height: 20px;
  width: auto;
}
.review-form .options .option-text span.left {
  left: 0;
}
.review-form .options .option-text span.center {
  left: 0;
  right: 0;
  margin: 0 auto;
}
.review-form .options .option-text span.right {
  right: 0;
}
.review-form .f-photos .uploader {
  margin-bottom: 10px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #bbb;
  cursor: pointer;
  display: table;
  height: 70px;
  width: 70px;
  float: left;
}
.review-form .f-photos .uploader:after {
  content: "\e90d";
  font-family: "icomoon";
  width: 100px;
  text-align: center;
  width: 70px;
  height: 70px;
  display: block;
  line-height: 70px;
  font-size: 15px;
  color: #2c2c2c;
}
.review-form .f-photos #fileList {
  float: left;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  color: gray;
  font-size: 12px;
  overflow: auto;
  float: left;
  margin-left: 20px;
  width: calc(100% - 92px);
}
.review-form .f-photos #fileList .file {
  margin-bottom: 15px;
  float: left;
  margin-right: 10px;
}
.review-form .f-photos #fileList .file a {
  display: block;
  margin-top: 5px;
  font-size: 14px;
  color: #2c2c2c;
}
.review-form .f-photos #fileList .file a:hover {
  text-decoration: underline;
}
.review-form .f-photos #fileList .info {
  height: auto;
  min-height: 30px;
  display: block;
  overflow: hidden;
  border: 0;
  border: 1px solid #000;
  border-bottom: 2px solid #2c2c2c;
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 72px;
  width: 72px;
}
.review-form .f-photos #fileList img {
  width: 72px;
  height: 72px;
  margin-top: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.review-form .f-photos #fileList .filename {
  font-weight: normal;
  line-height: 26px;
  color: #bbb;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  text-align: left;
  padding-left: 25px;
  padding-right: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.review-form .f-photos #fileList .bar {
  height: 2px;
  width: 100%;
}
.review-form .f-photos #fileList .progress {
  height: 2px;
  background-color: #dedede;
}
.review-form .f-photos #fileList .status {
  font-size: 14px;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  width: 30px;
}
.review-form .f-photos #fileList span.success {
  color: #28a745;
}
.review-form .f-photos #fileList span.success:before {
  content: "\e90c";
  font-family: "icomoon" !important;
  position: absolute;
  left: 0;
  font-size: 24px;
  color: #fff;
  top: 10px;
  color: #28a745;
}
.review-form .f-photos #fileList span.error {
  color: #dc3545;
}
.review-form .f-photos #fileList span.error:before {
  content: "\e902";
  font-family: "icomoon" !important;
  position: absolute;
  left: 0;
  font-size: 24px;
  color: #fff;
  top: 10px;
  color: #dc3545;
}
.review-form .rev-item {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}
.review-form .rev-item .r-head {
  text-align: left;
  margin-bottom: 10px;
  overflow: hidden;
}
.review-form .rev-item .r-content {
  margin-bottom: 20px;
}
.review-form .rev-item .r-content .heading span {
  font-size: 17px;
  text-transform: uppercase;
  line-height: 20px;
  margin-bottom: 5px;
  display: inline-block;
}
.review-form .rev-item .r-content .text {
  margin-bottom: 10px;
}
.review-form .rev-item .r-content .text p {
  font-size: 14px;
  line-height: 22px;
}
.review-form .rev-item .r-content .text .author {
  margin-bottom: 5px;
}
.review-form .rev-item .r-content .text .author span {
  font-size: 15px;
  line-height: 24px;
}
.review-form .f-submit p {
  color: #333;
  font-size: 13px;
  display: block;
  width: 100%;
  clear: both;
  margin-top: 10px;
}

@media (max-width: 576px) {
  .review-form .left {
    text-align: center;
    width: 100%;
    padding: 0 20px;
  }
  .review-form .right {
    text-align: center;
    width: 100%;
    padding: 0 20px;
  }
}
.all-reviews .r-actions .r-filter {
  text-align: center;
}
.all-reviews .r-actions .r-filter .filter-list {
  position: relative;
  border: 1px solid #dedede;
  width: 150px;
  height: 44px;
  display: inline-block;
  cursor: pointer;
}
.all-reviews .r-actions .r-filter .filter-list > span {
  display: block;
  line-height: 44px;
  padding: 0 30px 0 10px;
  font-size: 14px;
}
.all-reviews .r-actions .r-filter .filter-list > span:after {
  content: "\e903";
  font-family: "icomoon";
  position: absolute;
  right: 10px;
}
.all-reviews .r-actions .r-filter .filter-list .js-active > span:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.all-reviews .r-actions .r-filter .filter-list ul {
  position: absolute;
  width: 220px;
  display: none;
  background: #fff;
  z-index: 20;
  border: 1px solid #dedede;
  padding: 10px 0;
  left: -1px;
  margin-top: 5px;
}
.all-reviews .r-actions .r-filter .filter-list ul li {
  display: block;
  width: 100%;
  float: left;
  padding: 5px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 24px;
  color: #bbb;
  cursor: pointer;
}
.all-reviews .r-actions .r-filter .filter-list ul li .stars {
  float: left;
  display: block;
  font-size: 13px;
  width: 50px;
  line-height: 14px;
}
.all-reviews .r-actions .r-filter .filter-list ul li .progress {
  float: left;
  display: block;
  width: calc(100% - 80px);
  height: 8px;
  margin: 2px 5px;
  background: #dedede;
  border-radius: 5px;
}
.all-reviews .r-actions .r-filter .filter-list ul li .progress span {
  display: block;
  width: 50%;
  height: 8px;
  background: #2c2c2c;
  border-radius: 5px;
}
.all-reviews .r-actions .r-filter .filter-list ul li .count {
  float: left;
  display: block;
  font-size: 14px;
  width: 20px;
  line-height: 14px;
}
.all-reviews .r-actions .r-filter .filter-list ul li:hover .stars {
  color: #2c2c2c;
}
.all-reviews .r-actions .r-filter .filter-list ul li:hover .progress {
  opacity: 0.6;
}
.all-reviews .r-actions .r-filter .filter-list ul li:hover .count {
  opacity: 0.6;
}

@media (max-width: 576px) {
  .all-reviews .r-actions .r-filter {
    text-align: left;
  }
  .all-reviews .r-actions .r-filter .filter-list {
    width: 100%;
  }
  .all-reviews .r-actions .r-filter .filter-list ul {
    width: 100%;
  }
}
.all-reviews .r-actions .r-sort {
  text-align: center;
}
.all-reviews .r-actions .r-sort .sort-list {
  display: inline-block;
  height: 44px;
}
.all-reviews .r-actions .r-sort .sort-list a {
  display: block;
  height: 44px;
  float: left;
  line-height: 44px;
  padding: 0 10px;
  border: 1px solid #dedede;
  font-size: 14px;
  color: #000;
  margin-left: -1px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.all-reviews .r-actions .r-sort .sort-list a:hover {
  border-color: #2c2c2c;
  text-decoration: underline;
  z-index: 2;
}
.all-reviews .r-actions .r-sort .sort-list a.js-active {
  border-color: #2c2c2c;
  text-decoration: underline;
  z-index: 2;
  border-bottom: 3px solid #2c2c2c;
}

@media (max-width: 576px) {
  .all-reviews .r-actions .r-sort {
    text-align: left;
  }
  .all-reviews .r-actions .r-sort .sort-list {
    display: block;
    width: 100%;
  }
  .all-reviews .r-actions .r-sort a {
    width: 33.33333%;
    text-align: center;
  }
}
.all-reviews .r-summary .p-rating-compatible {
  float: left;
  width: 100%;
}
.all-reviews .r-summary .p-rating-compatible .c-box {
  margin-bottom: 20px;
  float: left;
  width: 100%;
}
.all-reviews .r-summary .p-rating-compatible .c-box .head {
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  margin-bottom: 5px;
}
.all-reviews .r-summary .p-rating-compatible .c-box .bar {
  width: 100%;
  height: 9px;
  background: #dedede;
  border-radius: 5px;
  margin-bottom: 5px;
  position: relative;
}
.all-reviews .r-summary .p-rating-compatible .c-box .bar span {
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background: #fff;
  display: block;
  position: absolute;
  margin-top: 2px;
}
.all-reviews .r-summary .p-rating-compatible .c-box .bar span:nth-child(1) {
  left: 2px;
}
.all-reviews .r-summary .p-rating-compatible .c-box .bar span:nth-child(2) {
  left: calc(25% - 3px);
}
.all-reviews .r-summary .p-rating-compatible .c-box .bar span:nth-child(3) {
  left: calc(50% - 3px);
}
.all-reviews .r-summary .p-rating-compatible .c-box .bar span:nth-child(4) {
  left: calc(75% - 3px);
}
.all-reviews .r-summary .p-rating-compatible .c-box .bar span:nth-child(5) {
  left: calc(100% - 7px);
}
.all-reviews .r-summary .p-rating-compatible .c-box .bar .active {
  width: 10px;
  height: 7px;
  border-radius: 5px;
  background: #2c2c2c;
  position: absolute;
  border: 1px solid #fff;
  left: 0;
  -webkit-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
  -webkit-box-shadow: 0 0 4px rgb(251, 199, 64);
  box-shadow: 0 0 4px rgb(251, 199, 64);
}
.all-reviews .r-summary .p-rating-compatible .c-box .options {
  width: 100%;
  float: left;
  position: relative;
  height: 20px;
}
.all-reviews .r-summary .p-rating-compatible .c-box .options span {
  position: absolute;
  color: #bbb;
  font-size: 12px;
  line-height: 20px;
  height: 20px;
}
.all-reviews .r-summary .p-rating-compatible .c-box .options .left {
  left: 0;
}
.all-reviews .r-summary .p-rating-compatible .c-box .options .center {
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
.all-reviews .r-summary .p-rating-compatible .c-box .options .right {
  right: 0;
}

.all-reviews r-reviews {
  margin-top: 30px;
  position: relative;
}
.all-reviews .single-review {
  width: 100%;
  float: left;
  border-bottom: 3px solid #dedede;
  margin-bottom: 30px;
}
.all-reviews .single-review .r-head {
  text-align: left;
  margin-bottom: 10px;
  overflow: hidden;
}
.all-reviews .single-review .r-head .r-date {
  float: right;
  color: #bbb;
  text-transform: none;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}
.all-reviews .single-review .r-content {
  margin-bottom: 20px;
}
.all-reviews .single-review .r-content .heading span {
  font-size: 18px;
  text-transform: uppercase;
  line-height: 20px;
  margin-bottom: 5px;
  display: inline-block;
}
.all-reviews .single-review .r-content .text {
  margin-bottom: 10px;
}
.all-reviews .single-review .r-content .text p {
  font-size: 14px;
  line-height: 22px;
}
.all-reviews .single-review .r-content .r-images {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.all-reviews .single-review .r-content .r-images ul li {
  width: 80px;
  height: 80px;
  float: left;
  margin-right: 10px;
}
.all-reviews .single-review .r-content .r-images ul li a {
  display: block;
  overflow: hidden;
  height: 80px;
  width: 100%;
  border: 1px solid #dedede;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.all-reviews .single-review .r-content .r-images ul li a:hover {
  border-color: #2c2c2c;
}
.all-reviews .single-review .r-content .r-images ul li a img {
  width: 100%;
  height: 100%;
}
.all-reviews .single-review .r-content .recommend {
  margin-bottom: 10px;
}
.all-reviews .single-review .r-content .recommend span {
  font-size: 14px;
  color: #28a745;
  line-height: 20px;
}
.all-reviews .single-review .r-content .recommend span:before {
  content: "\e90c";
  font-family: "icomoon";
  margin-right: 5px;
}
.all-reviews .single-review .r-content .author {
  margin-bottom: 5px;
}
.all-reviews .single-review .r-content .author.verified span {
  font-size: 15px;
  line-height: 24px;
}
.all-reviews .single-review .r-content .author.verified span:after {
  content: " - Onaylanmış Alışveriş";
  font-size: 14px;
  color: #28a745;
}
.all-reviews .single-review .r-answer {
  background: #dedede;
  padding: 20px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.all-reviews .single-review .r-answer .heading span {
  color: #333;
  line-height: normal;
  display: block;
  font-size: 16px;
  line-height: 40px;
}
.all-reviews .single-review .r-answer .heading span:before {
  content: "\e91e";
  font-family: "icomoon";
  font-size: 40px;
  line-height: 40px;
  float: left;
  margin-right: 5px;
}
.all-reviews .single-review .r-answer .text p {
  font-size: 13px;
  color: #888;
}
.all-reviews .single-review .r-bottom {
  border-top: 1px solid #dedede;
  margin-top: 20px;
  padding: 20px 0;
  width: 100%;
  overflow: hidden;
}
.all-reviews .single-review .r-bottom .reply-comment {
  float: left;
}
.all-reviews .single-review .r-bottom .reply {
  float: left;
}
.all-reviews .single-review .r-bottom .reply a {
  font-size: 14px;
  color: #333;
  font-weight: normal;
  text-transform: none;
}
.all-reviews .single-review .r-bottom .reply a:hover {
  color: #2c2c2c;
}
.all-reviews .single-review .r-bottom .helpful {
  float: right;
}
.all-reviews .single-review .r-bottom .helpful > span {
  font-size: 14px;
  color: #000;
  text-transform: none;
}
.all-reviews .single-review .r-bottom .helpful a {
  display: inline-block;
  margin-left: 5px;
}
.all-reviews .single-review .r-bottom .helpful a.disable {
  pointer-events: none;
  opacity: 0.5;
}
.all-reviews .single-review .r-bottom .helpful a span.text {
  padding: 0;
  color: #333;
  font-weight: normal;
  text-transform: none;
  font-size: 14px;
  padding-right: 3px;
}
.all-reviews .single-review .r-bottom .helpful a span.count {
  font-size: 14px;
  color: #dedede;
}
.all-reviews .single-review .r-bottom .helpful a:hover span.text {
  color: #2c2c2c;
}
.all-reviews .single-review .r-bottom .read-comment {
  float: left;
  padding: 0 20px;
}
.all-reviews .single-review .r-bottom .read-comment .btn-read-comment {
  color: #000;
  font-weight: normal;
  font-size: 14px;
  position: relative;
}
.all-reviews .single-review .r-bottom .read-comment .btn-read-comment:after {
  content: "\e903";
  font-family: "icomoon";
  position: absolute;
  display: inline-block;
  margin-left: 10px;
}
.all-reviews .single-review .r-bottom .read-comment .btn-read-comment.js-active:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.all-reviews .single-review .comment-container {
  clear: both;
  float: left;
  width: 100%;
  max-height: 200px;
  overflow: hidden;
  /*overflow-y: auto;*/
  height: 0;
}
.all-reviews .single-review .comment-container ul {
  overflow: hidden;
  padding-top: 0;
  width: 100%;
  float: left;
  display: block;
}
.all-reviews .single-review .comment-container ul li.single-comment {
  display: block;
  width: 100%;
  float: left;
  margin-bottom: 10px;
  background: #dedede;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  font-size: 13px;
  color: #888;
  line-height: 20px;
}
.all-reviews .single-review .comment-container ul li.single-comment .head {
  float: left;
  width: 100%;
}
.all-reviews .single-review .comment-container ul li.single-comment .head .author {
  float: left;
}
.all-reviews .single-review .comment-container ul li.single-comment .head .date {
  float: right;
}
.all-reviews .single-review .comment-container ul li.single-comment .content {
  float: left;
  width: 100%;
}

@media (max-width: 576px) {
  .all-reviews .single-review .r-bottom .reply {
    float: right;
    margin-bottom: 5px;
  }
}
#quickadd .q-body {
  margin-bottom: 10px;
}
#quickadd .q-process {
  margin-bottom: 10px;
}

#basket__area {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  #basket__area .col-12.col-sm, #basket__area .col-12.col-sm-auto {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
#basket__area .head__area {
  margin-top: 30px;
}
#basket__area .basket__bottom-area {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-top: 15px;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  #basket__area .basket__bottom-area {
    flex-direction: column;
  }
}
#basket__area .basket__bottom-area .basket__info-text {
  font-family: "Jost";
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  margin-top: 0;
  color: #2c2c2c;
  margin-bottom: 0.5rem;
  display: block;
}
#basket__area .basket__btn-sale {
  font-family: "Jost";
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  margin-top: 0;
  color: #2c2c2c;
  text-decoration: underline;
  display: block;
  margin-bottom: 50px;
  display: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  #basket__area .col-md-2:not(.quantity-col) {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  #basket__area .quantity-col {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 11.666667% !important;
    flex: 0 0 11.666667% !important;
    max-width: 11.666667% !important;
  }
  #basket__area .quantity-col .item-quantity select {
    width: 100% !important;
  }
}

.emty-basket {
  max-width: 350px;
  margin: 92px auto;
  padding: 94px 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.emty-basket p {
  font-size: 21px;
  margin-bottom: 35px;
  font-family: "Philosopher";
}

.basket__items-area .basket__items--list-area .basket__items-area {
  border-bottom: 2px solid #2c2c2c;
  border-top: 0;
  font-size: 14px;
  padding: 15px 0;
}
.basket__items-area .basket__items--list-area .basket__items-area:first-child {
  border-top: 2px solid #2c2c2c;
}
.basket__items-area .basket__items--list-area .basket__items-area p {
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .basket__items-area .basket__items--list-area .basket__items-area .basket__items-image a img {
    max-width: 160px;
  }
}
@media (max-width: 767px) {
  .basket__items-area .basket__items--list-area .basket__items-area .basket__items-image a img {
    max-width: 100%;
    margin-bottom: 20px;
  }
}
.basket__items-area .basket__items--list-area .basket__items-area .basket__items-detail .basket__items-name {
  font-family: "Jost";
  font-weight: 700;
  font-size: 18px;
  line-height: 1.4;
  margin-top: 0;
  color: #2c2c2c;
  margin-bottom: 0.5rem;
  display: block;
}
.basket__items-area .basket__items--list-area .basket__items-area .basket__items-detail .basket__items-props .basket__items-code span {
  font-size: 14px;
  color: #2c2c2c;
  font-weight: normal;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.basket__items-area .basket__items--list-area .basket__items-area .basket__items-detail .basket__items-props .basket__items-code strong {
  font-size: 14px;
  color: #2c2c2c;
  font-weight: normal;
  letter-spacing: 0.05em;
  margin-right: 0.5em;
  text-transform: uppercase;
}
.basket__items-area .basket__items--list-area .basket__items-area .basket__items-detail .basket__items-props .basket__items--props--inner-area {
  margin-top: 10px;
  margin-bottom: 0.25em;
}
.basket__items-area .basket__items--list-area .basket__items-area .basket__items-detail .basket__items-props .basket__items--props--inner-area strong {
  font-size: 14px;
  color: #2c2c2c;
  font-weight: normal;
  margin-bottom: 0;
  margin-right: 0.5em;
  letter-spacing: 0.05em;
}
.basket__items-area .basket__items--list-area .basket__items-area .basket__items-detail .basket__items-props .basket__items--props--inner-area span {
  font-size: 14px;
  color: #2c2c2c;
  font-weight: normal;
  margin-bottom: 0;
  margin-right: 0.5em;
  letter-spacing: 0.05em;
}
.basket__items-area .basket__items--list-area .basket__items-area .basket__items-detail .basket__items-actions {
  color: #2c2c2c;
  font-size: 14px;
  margin: 1em 0;
  float: left;
}
@media (max-width: 1023px) {
  .basket__items-area .basket__items--list-area .basket__items-area .basket__items-detail .basket__items-actions ul li {
    margin-bottom: 15px;
  }
}
.basket__items-area .basket__items--list-area .basket__items-area .basket__items-detail .basket__items-actions ul li a .icon {
  font-size: 1.14286rem;
  margin: 0 3px 0 0;
  padding: 7px 0;
  vertical-align: text-bottom;
}
.basket__items-area .basket__items--list-area .basket__items-area .basket__items-detail .basket__items-actions ul li a .btn-link {
  font-size: 14px;
  color: #2c2c2c;
  line-height: 1.1;
  font-weight: bold;
  white-space: nowrap;
  letter-spacing: 0.05em;
  margin-right: 20px;
  font-family: "Jost";
}
.basket__items-area .basket__items--list-area .basket__items-area .basket__items-quantity select {
  padding: 0.39286rem;
  width: 50%;
  border-radius: 0;
  max-width: 72px;
}
@media (max-width: 1023px) {
  .basket__items-area .basket__items--list-area .basket__items-area .basket__items-quantity select {
    width: 100%;
    padding: 10px !important;
  }
}
.basket__items-area .basket__items--list-area .basket__items-area .basket__items-price .old-price {
  text-decoration: line-through;
  font-size: 16px;
  color: #2c2c2c;
  line-height: 1.2;
  text-align: right;
  font-weight: bold;
  display: block;
}
@media (max-width: 639px) {
  .basket__items-area .basket__items--list-area .basket__items-area .basket__items-price .old-price {
    font-size: 13px;
  }
}
.basket__items-area .basket__items--list-area .basket__items-area .basket__items-price .new-price {
  color: #c03;
  font-size: 16px;
  line-height: 1.2;
  text-align: right;
  font-weight: bold;
  display: block;
}
@media (max-width: 639px) {
  .basket__items-area .basket__items--list-area .basket__items-area .basket__items-price .new-price {
    font-size: 13px;
  }
}
.basket__items-area .basket__items--list-area .basket__items-area .basket__items-price .one-price {
  font-size: 1.14286em;
  padding-left: 0.65em;
  text-align: right;
  line-height: 1.2;
  color: #2c2c2c;
  font-weight: bold;
  letter-spacing: 0.05em;
  display: block;
}
@media (max-width: 639px) {
  .basket__items-area .basket__items--list-area .basket__items-area .basket__items-price .one-price {
    font-size: 13px;
  }
}
.basket__items-area .basket__items--list-area .basket__items-area .basket__items-total .total-price {
  color: #000;
  font-weight: 500;
}

.summary__area {
  max-width: 340px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .summary__area {
    margin-top: -28px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .summary__area {
    max-width: 250px;
  }
}
@media (max-width: 767px) {
  .summary__area {
    max-width: 100%;
    margin-bottom: 40px;
  }
}
.summary__area .summary__heading-area {
  display: block;
  font-size: 16px;
  color: #2c2c2c;
  text-transform: uppercase;
  position: relative;
  font-family: "Jost";
  font-weight: 700;
  white-space: nowrap;
  margin: 0;
  margin-bottom: 12px;
  line-height: 1;
}
.summary__area .summary__list-area {
  overflow: hidden;
}
.summary__area .summary__list-area ul {
  overflow: hidden;
  width: 100%;
  float: left;
  border-top: 1px solid #2c2c2c;
  border-bottom: 1px solid #2c2c2c;
}
.summary__area .summary__list-area ul li {
  padding: 0px 0 11px 0;
  width: 100%;
  float: left;
  color: #2c2c2c;
  font-size: 1em;
  font-family: "Jost";
}
.summary__area .summary__list-area ul li:first-child {
  padding-top: 14px;
}
.summary__area .summary__list-area ul li:last-child {
  padding-bottom: 14px;
}
.summary__area .summary__list-area ul li.summary__total-first {
  font-weight: bold;
}
.summary__area .summary__list-area ul li .summary__title {
  float: left;
  font-weight: 600;
}
.summary__area .summary__list-area ul li .summary__value {
  float: right;
  font-family: "Jost";
}
.summary__area .summary__list-area .summary__total {
  font-size: 1em;
  line-height: 1.3em;
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 18px;
  margin-top: 9px;
  color: #2c2c2c;
  font-family: "Jost";
}
.summary__area .summary__list-area .summary__total .summary__title {
  font-weight: bold;
}
.summary__area .summary__list-area .summary__total .summary__title .summary__desc {
  font-size: 1em;
  color: #2c2c2c;
  font-weight: 100;
}
.summary__area .summary__list-area .summary__total .summary__value {
  float: right;
  font-size: 1.28571em;
  font-weight: bold;
  color: #2c2c2c;
  margin-top: -5px;
}
.summary__area .summary-address {
  width: 100%;
  float: left;
  border-bottom: 1px solid #dedede;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.summary__area .summary-address span {
  display: block;
  width: 100%;
}
.summary__area .summary-address .head {
  color: #2c2c2c;
  font-family: "Jost";
  font-weight: bold;
}
.summary__area .gift {
  width: 100%;
  float: left;
  border-bottom: 1px solid #dedede;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.summary__area .gift .title {
  color: #2c2c2c;
  font-family: "Jost";
  font-weight: bold;
}
.summary__area .gift .value {
  float: right;
}
.summary__area .gift-note {
  width: 100%;
  float: left;
  border-bottom: 1px solid #dedede;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.summary__area .gift-note .head {
  color: #2c2c2c;
  font-family: "Jost";
  font-weight: bold;
}
.summary__area .gift-note .content p {
  display: block;
  width: 100%;
  margin-bottom: 5px;
  font-style: italic;
}
.summary__area .sale-note {
  width: 100%;
  float: left;
  border-bottom: 1px solid #dedede;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.summary__area .sale-note .head {
  color: #2c2c2c;
  font-family: "Jost";
  font-weight: bold;
}
.summary__area .sale-note .content p {
  display: block;
  width: 100%;
  margin-bottom: 5px;
  font-style: italic;
}
.shop__container-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0 80px;
  max-width: 100%;
}
@media (max-width: 1439px) {
  .shop__container-fluid {
    padding: 0 15px;
  }
}

.shop__summary-container {
  max-width: 340px;
  overflow: hidden;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .shop__summary-container {
    max-width: 250px;
  }
}
@media (min-width: 640px) and (max-width: 767px) {
  .shop__summary-container {
    max-width: 200px;
  }
}
@media (max-width: 639px) {
  .shop__summary-container {
    max-width: 100%;
  }
}
.shop__summary-container .shop__summary-content {
  overflow: hidden;
}
.shop__summary-container .shop__summary-content ul {
  overflow: hidden;
  width: 100%;
  float: left;
  border-top: 1px solid #a1a0a0;
  border-bottom: 1px solid #a1a0a0;
}
.shop__summary-container .shop__summary-content ul li {
  padding: 0 0 11px 0;
  width: 100%;
  float: left;
  color: #2c2c2c;
  font-size: 1em;
}
.shop__summary-container .shop__summary-content ul li:first-child {
  padding-top: 14px;
}
.shop__summary-container .shop__summary-content ul li:last-child {
  padding-bottom: 14px;
}
.shop__summary-container .shop__summary-content ul li.total-first {
  font-weight: 500;
}
.shop__summary-container .shop__summary-content ul li .summary__title {
  float: left;
}
.shop__summary-container .shop__summary-content ul li .summary__value {
  float: right;
}
.shop__summary-container .shop__summary-content .summary__total {
  color: #2c2c2c;
  font-size: 1em;
  line-height: 1.3em;
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 18px;
  margin-top: 9px;
}
.shop__summary-container .shop__summary-content .summary__total .summary__title {
  font-weight: 500;
}
.shop__summary-container .shop__summary-content .summary__total .summary__title .summary__desc {
  font-size: 1em;
  color: #2c2c2c;
  font-weight: 100;
}
.shop__summary-container .shop__summary-content .summary__total .summary__value {
  float: right;
  font-size: 1.28571em;
  font-weight: 500;
  color: #362d2e;
  margin-top: -5px;
}
.shop__summary-container .checkout-summar .summary-heading span {
  font-weight: 500;
  border-bottom: 1px solid #a1a0a0;
  text-transform: uppercase;
  font-size: 1rem;
  display: block;
  letter-spacing: 0.085em;
  line-height: 1.4;
  margin-top: 0;
  padding-bottom: 0.5rem;
}
.shop__summary-container .summary-address {
  background: #fff;
  color: #2c2c2c;
  font-size: 1em;
  padding: 15px 15px 5px 15px;
}
.shop__summary-container .summary-address span {
  display: block;
  width: 100%;
}
.shop__summary-container .summary-address .head {
  font-weight: 500;
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #2c2c2c;
  font-size: 1rem;
}
.shop__summary-container .gift {
  width: 100%;
  float: left;
  border-bottom: 1px solid #efefef;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.shop__summary-container .gift .title {
  float: left;
  font-weight: 500;
}
.shop__summary-container .gift .value {
  float: right;
}
.shop__summary-container .gift-note {
  width: 100%;
  float: left;
  border-bottom: 1px solid #efefef;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.shop__summary-container .gift-note .head {
  font-size: 13px;
  margin-bottom: 5px;
  font-weight: 500;
}
.shop__summary-container .gift-note .content p {
  display: block;
  width: 100%;
  margin-bottom: 5px;
  font-style: italic;
}

#summary img {
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}
#summary .summary-title {
  padding-top: 14px;
  padding-bottom: 14px;
}
#summary .summary-title h5 {
  font-size: 3.1rem;
  margin-top: 5px;
  font-weight: 400;
  letter-spacing: -4px;
}
@media (max-width: 767px) {
  #summary .summary-title h5 {
    font-size: 27px;
    letter-spacing: 0;
  }
}
#summary .summary-title a {
  line-height: 18px;
  font-size: 14px;
  color: #2c2c2c;
}
#summary .summary-details {
  padding-top: 14px;
  padding-bottom: 32px;
}
#summary .summary-details > .title {
  font-size: 2.2rem;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  #summary .summary-details > .title {
    font-size: 20px;
  }
}
#summary .summary-details .summary-info {
  line-height: 24px;
  font-size: 1.6rem;
  padding-top: 14px;
  padding-bottom: 14px;
}
#summary .summary-details .summary-info .title {
  font-weight: 600;
  margin-bottom: 5px;
  font-size: 17px;
}
#summary .summary-details .summary-info .content {
  color: #767676;
  padding-bottom: 40px;
  font-size: 14px;
}
#summary .summary-content {
  padding-top: 14px;
  border-top: 1px solid #d6d6d6;
}
#summary .summary-content > .title {
  font-size: 25px;
  padding-bottom: 14px;
  margin-bottom: 5px;
  margin-top: 20px;
}
#summary .basket-item {
  margin-bottom: 30px;
}
#summary .basket-item .item-price .old-price {
  text-decoration: line-through;
  font-size: 16px;
  color: #362d2e;
  line-height: 1.2;
  text-align: right;
  font-weight: 500;
  display: block;
}
@media (max-width: 767px) {
  #summary .basket-item .item-price .old-price {
    text-align: left;
  }
}
@media (max-width: 639px) {
  #summary .basket-item .item-price .old-price {
    font-size: 13px;
  }
}
#summary .basket-item .item-price .one-price {
  font-size: 20px;
  padding-left: 0.65em;
  text-align: right;
  line-height: 1.2;
  color: #362d2e;
  font-weight: 500;
  letter-spacing: 0.05em;
  display: block;
}
@media (max-width: 767px) {
  #summary .basket-item .item-price .one-price {
    text-align: left;
  }
}
@media (max-width: 639px) {
  #summary .basket-item .item-price .one-price {
    font-size: 13px;
  }
}
#summary .basket-item .item-price .new-price {
  color: #c03;
  font-size: 16px;
  line-height: 1.2;
  text-align: right;
  font-weight: 500;
  display: block;
}
@media (max-width: 767px) {
  #summary .basket-item .item-price .new-price {
    text-align: left;
  }
}
@media (max-width: 639px) {
  #summary .basket-item .item-price .new-price {
    font-size: 13px;
  }
}
#summary .basket-item .item-total .total-price {
  color: #000;
  font-weight: 500;
}
#summary .basket-item .basket-content {
  padding: 30px 0 20px 0 !important;
  border-top: 1px solid #d6d6d6 !important;
}
#summary .basket-item .basket-content:first-child {
  border-top: 0 !important;
  padding: 3px 0 20px 0 !important;
}
#summary .basket-item .basket-content:last-child {
  border: 0 !important;
}
@media (max-width: 767px) {
  #summary .basket-item .item-image {
    padding-right: 0;
  }
}
#summary .basket-item .item-details .item-price {
  font-size: 2.2rem;
  color: #767676;
  font-weight: 400;
}
@media (max-width: 767px) {
  #summary .basket-item .item-details .item-price {
    position: static !important;
    padding-top: 2px;
    padding-bottom: 2px;
  }
}
#summary .basket-summary > .summary-content {
  margin-top: 0;
}
#summary .basket-summary > .summary-content li {
  font-size: 16px;
  padding: 0;
  margin-bottom: 4px;
}
#summary .basket-summary > .summary-content li.total {
  font-size: 17px;
  font-weight: 600;
}
.cb-container p {
  margin-bottom: 3px !important;
  line-height: 16px;
}

.cb-container .product-item {
  padding: 20px 0.71429rem;
}

.cb-container .product-item .cb-image a img {
  max-width: 90px;
}

.cb-container .product-item .cb-info .cb-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cb-container .product-item .cb-info .cb-name a {
  font-size: 1em;
  color: #362d2e;
  line-height: 1.4;
  font-weight: 700;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cb-container .product-item .cb-info .cb-code {
  margin-bottom: 5px;
}

.cb-container .product-item .cb-info .cb-code strong {
  font-size: 14px;
  color: #362d2e;
  font-weight: 400;
  letter-spacing: 0.05em;
  margin-right: 0.5em;
  text-transform: uppercase;
}

.cb-container .product-item .cb-info .cb-code span {
  font-size: 14px;
  color: #362d2e;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.cb-container .product-item .cb-info .sb-info {
  margin-top: 10px;
  margin-bottom: 0.25em;
}

.cb-container .product-item .cb-info .sb-info p {
  margin-bottom: 5px;
}

.cb-container .product-item .cb-info .sb-info strong {
  font-size: 14px;
  color: #362d2e;
  font-weight: 400;
  letter-spacing: 0.05em;
  margin-right: 0.5em;
  line-height: 1.2;
}

.cb-container .product-item .cb-info .sb-info span {
  font-size: 14px;
  color: #362d2e;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.2;
}

.cb-container .product-item .cb-info .sb-info .cb-price {
  line-height: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.cb-container .product-item .cb-info .sb-info .cb-price .old-price {
  text-decoration: line-through;
  font-size: 0.88em;
  color: #362d2e;
  line-height: 1.2;
  text-align: right;
  font-weight: 500;
  display: block;
}

.cb-container .product-item .cb-info .sb-info .cb-price .new-price {
  color: #c03;
  font-size: 1em;
  line-height: 1.2;
  text-align: right;
  font-weight: 500;
  display: block;
}

.cb-container .product-item .cb-info .sb-info .cb-price .one-price {
  font-size: 1em;
  padding-left: 0.65em;
  text-align: right;
  line-height: 1.2;
  color: #362d2e;
  font-weight: 500;
  letter-spacing: 0.05em;
  display: block;
}

.summary__basket--coupon-area {
  border: 1px solid #2c2c2c;
  padding: 12px 15px;
  margin-bottom: 20px;
  margin-top: 15px;
}
.summary__basket--coupon-area .coupon__heading {
  display: flex;
  justify-content: space-between;
  height: 30px;
  cursor: pointer;
}
.summary__basket--coupon-area .coupon__heading .coupon__heading-title {
  font-size: 13px;
  color: #2c2c2c;
  text-transform: uppercase;
  position: relative;
  font-family: "Jost";
  font-weight: 700;
  white-space: nowrap;
  margin: 0;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.summary__basket--coupon-area .coupon__heading .coupon__heading-icon {
  font-size: 20px;
  color: #2c2c2c;
}
.summary__basket--coupon-area .coupon__heading .coupon__heading-icon .icon__up {
  display: none;
}
.summary__basket--coupon-area .coupon__heading.js-active .coupon__heading-icon .icon__down {
  display: none;
}
.summary__basket--coupon-area .coupon__heading.js-active .coupon__heading-icon .icon__up {
  display: block;
}
.summary__basket--coupon-area .coupon__box-area {
  display: none;
}
.summary__basket--coupon-area .coupon__box-area form {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.summary__basket--coupon-area .coupon__box-area form .form-group {
  width: 100%;
}
.summary__basket--coupon-area .coupon__box-area form .form-group input {
  border-right: 0;
}
.summary__basket--coupon-area .coupon__box-area form label.error {
  position: absolute;
  margin-top: -20px;
}
.summary__basket--coupon-area .coupon__box-area form .btn {
  min-width: auto;
  max-width: initial;
  padding: 14px 8px;
  height: 50px;
  margin-top: 2px;
  width: 120px;
}

#delivery__area .head__area {
  margin-top: 30px;
}

.order__delivery-options .order__cargo-select {
  display: flex;
  flex-direction: column;
  border: 1px solid #dedede;
  padding: 15px;
  min-height: 130px;
  margin-top: 30px;
  margin-bottom: 30px;
  border-radius: 5px;
}
.order__delivery-options .order__cargo-select .order__cargo-head {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
}
.order__delivery-options .order__cargo-select .order__cargo-head .order__cargo--head-box .order__cargo-title {
  font-size: 13px;
  color: #2c2c2c;
  text-transform: uppercase;
  position: relative;
  font-family: "Jost";
  font-weight: 400;
  margin-left: 15px;
}
.order__delivery-options .order__cargo-select .order__cargo-head .order__cargo--head-box .order__cargo-price {
  font-size: 13px;
  color: #2c2c2c;
  text-transform: uppercase;
  position: relative;
  font-family: "Jost";
  font-weight: 700;
  margin-left: 8px;
}
.order__delivery-options .order__cargo-select .order__cargo-explanation padding {
  display: block;
  font-size: 14px;
  color: #2c2c2c;
  position: relative;
  font-family: "Jost";
  font-weight: 400;
}

.order__delivery-gift--package-area {
  margin-bottom: 60px;
}
.order__delivery-gift--package-area .order__delivery--package-head {
  border: 1px solid #dedede;
  display: block;
  border-radius: 5px;
  padding: 15px;
}
.order__delivery-gift--package-area .order__delivery-note {
  border: 1px solid #dedede;
  display: block;
  border-radius: 5px;
  padding: 15px;
  margin-top: 10px;
}
.order__delivery-gift--package-area .order__delivery-note .order__delivery--note-area {
  padding-top: 10px;
}
.order__delivery-gift--package-area .order__delivery-note .order__delivery--note-area textarea {
  height: 120px;
  border: 1px solid #dedede;
}
.order__delivery-gift--package-area a .check-area {
  position: absolute;
  left: 0;
  top: 0;
}
.order__delivery-gift--package-area a .order__delivery-title {
  display: block;
  font-size: 13px;
  color: #151515;
  text-transform: uppercase;
  position: relative;
  font-family: "Jost";
  font-weight: 400;
  margin-left: 30px;
}

#remittance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.remittance .bank-account {
  margin-bottom: 20px;
  display: block;
  float: left;
  background: #fff;
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
  padding: 30px 0;
  padding-left: 1px;
}

.remittance .bank-account:first-child {
  padding-top: 0;
}

.remittance .bank-account li {
  width: 100%;
  float: left;
}

.remittance .bank-account li a {
  padding-left: 40px;
}

.remittance .bank-account li a img {
  max-height: 25px;
  max-width: 100px;
}

.remittance .bank-account li a .check-area {
  position: absolute;
  left: 0;
}

.remittance .bank-account li a .check-area .custom-check:before {
  border-radius: 50px;
  width: 20px;
  height: 20px;
}

.remittance .bank-account li a.js-checked .custom-check:after {
  content: "";
  width: 14px;
  height: 14px;
  background: #007bff;
  border-radius: 50px;
  top: 3px;
  left: 2.5px;
}

.remittance .transfer-price {
  margin-bottom: 20px;
  display: block;
  float: left;
}

.remittance .transfer-price li {
  width: 100%;
  float: left;
}

.remittance .transfer-price .tp-title {
  float: left;
  width: 120px;
}

.remittance .transfer-price .tp-title:after {
  content: ":";
  float: right;
  padding-right: 5px;
}

.remittance .transfer-price .tp-info {
  float: left;
}

.remittance .transfer-price .form {
  margin-top: 20px;
}

.delivery__address-area .order__address-heading {
  border-bottom: 1px solid #dedede;
  padding-bottom: 5px;
}
.delivery__address-area .order__address-heading .order__address-select-area ul li {
  width: 50%;
}
.delivery__address-area .order__address-heading .order__address-select-area ul li span {
  display: block;
  font-size: 14px;
  color: #2c2c2c;
  text-transform: uppercase;
  position: relative;
  font-family: "Jost";
  font-weight: 700;
  white-space: nowrap;
  text-align: center;
}
.delivery__address-area .order__address-list .order__single-address {
  border-bottom: 1px solid #dedede;
  padding: 14px 0;
}
.delivery__address-area .order__address-list .order__single-address .order__address-info .order__address-title {
  display: block;
  font-size: 13px;
  color: #2c2c2c;
  text-transform: uppercase;
  position: relative;
  font-family: "Jost";
  font-weight: 700;
  margin-bottom: 10px;
}
.delivery__address-area .order__address-list .order__single-address .order__address-info .order__address-desk {
  display: block;
  font-size: 14px;
  color: #2c2c2c;
  position: relative;
  font-family: "Jost";
  font-weight: 400;
}
.delivery__address-area .order__address-list .order__single-address .order__address-info .order__address-seeting ul li {
  text-align: center;
  width: 50%;
}
.delivery__address-area .order__address-list .order__single-address .order__address-info .order__address-seeting ul li a {
  display: inline-block;
  font-size: 14px;
  color: #2c2c2c;
  position: relative;
  font-family: "Jost";
  font-weight: 400;
  border-bottom: 1px solid #2c2c2c;
}
.delivery__address-area .order__address-list .order__single-address .order__address--select-list ul {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.delivery__address-area .order__address-list .order__single-address .order__address--select-list ul li {
  text-align: center;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
#payments-tab .content {
  padding: 20px 0;
}

.contracts .contract-container {
  margin-bottom: 20px;
  float: left;
  widtH: 100%;
}
.contracts .contract-head {
  font-size: 18px;
}
.contracts .contract-body {
  border: 1px solid #efefef;
  padding: 10px;
}
.contracts .contract-check {
  margin: 10px 0;
  float: left;
  width: 100%;
}
.contracts .contract-check .chk-contract {
  padding-left: 27px;
  display: block;
  margin-bottom: 10px;
}
.contracts .contract-check .chk-contract .check-area {
  position: absolute;
  top: 0;
  left: 0;
}

.credit-card .btn-all-installments {
  margin-top: 33px;
  display: inline-block;
}
.credit-card .payment-campaign ul li {
  width: 100%;
  float: left;
  border-bottom: 1px solid #f7f7f7;
  padding: 10px 0;
}
.credit-card .payment-campaign ul li span {
  display: block;
}
.credit-card .payment-campaign .b-img {
  float: left;
}
.credit-card .payment-campaign .b-ins {
  float: right;
  line-height: 30px;
}

.credit-card .payment-campaign ul li {
  width: 100%;
  float: left;
  border-bottom: 1px solid #f7f7f7;
  padding: 10px 0;
}
.credit-card .payment-campaign ul li span {
  display: block;
}
.credit-card .payment-campaign .b-img {
  float: left;
}
.credit-card .payment-campaign .b-ins {
  float: right;
  line-height: 30px;
}

.installment-list-popup {
  margin: 15px;
}
.installment-list-popup ul {
  height: 100%;
  font-weight: 500;
  border: 1px solid #efefef;
  margin-bottom: 0;
}
.installment-list-popup ul.Axess {
  color: #d2a112;
}
.installment-list-popup ul.Bonus, .installment-list-popup ul.garanti-bankasi {
  color: #76a735;
}
.installment-list-popup ul.Card {
  color: rgb(16, 57, 147);
}
.installment-list-popup ul.Maximum, .installment-list-popup ul.is-bankasi {
  color: rgb(236, 0, 140);
}
.installment-list-popup ul.World, .installment-list-popup ul.vakifbank {
  color: rgb(120, 43, 144);
}
.installment-list-popup ul.Cardfinans {
  color: rgb(0, 86, 164);
}
.installment-list-popup ul.DenizBonus {
  color: rgb(142, 199, 65);
}
.installment-list-popup ul.INGBank {
  color: rgb(238, 122, 47);
}
.installment-list-popup ul.other {
  color: #000;
}
.installment-list-popup ul li {
  float: left;
  width: 100%;
  min-height: 1px;
  font-size: 11px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #efefef;
  padding: 0 15px;
  list-style: none;
}
.installment-list-popup ul li img {
  width: auto;
  max-width: 150px;
  margin: 11px 0;
  height: 40px;
  object-fit: cover;
}
.installment-list-popup ul li:last-child {
  border: none;
}
.installment-list-popup ul li .left {
  float: left;
}
.installment-list-popup ul li .right {
  float: right;
}

.remittance .bank-account {
  margin-bottom: 20px;
  display: block;
  float: left;
}
.remittance .bank-account li {
  width: 100%;
  float: left;
}
.remittance .bank-account .ba-title {
  float: left;
  width: 120px;
}
.remittance .bank-account .ba-title:after {
  content: ":";
  float: right;
  padding-right: 5px;
}
.remittance .bank-account .ba-info {
  float: left;
}
.remittance .transfer-price {
  margin-bottom: 20px;
  display: block;
  float: left;
}
.remittance .transfer-price li {
  width: 100%;
  float: left;
}
.remittance .transfer-price .tp-title {
  float: left;
  width: 120px;
}
.remittance .transfer-price .tp-title:after {
  content: ":";
  float: right;
  padding-right: 5px;
}
.remittance .transfer-price .tp-info {
  float: left;
}
.remittance .transfer-price .form {
  margin-top: 20px;
}
.installment-options {
  display: block;
  float: left;
  background-color: #f7f7f7;
  border: 2px solid #dedede;
  padding: 10px;
}
.installment-options.axess {
  background-color: rgba(255, 193, 13, 0.2);
  border-color: rgb(255, 193, 13);
}
.installment-options.bonus {
  background-color: rgba(95, 174, 49, 0.2);
  border-color: rgb(95, 174, 49);
}
.installment-options.maximum {
  background-color: rgba(230, 0, 126, 0.2);
  border-color: rgb(230, 0, 126);
}
.installment-options.cardfinans {
  background-color: rgba(16, 57, 147, 0.2);
  border-color: rgb(16, 57, 147);
}
.installment-options.world {
  background-color: rgba(112, 31, 126, 0.2);
  border-color: rgb(112, 31, 126);
}
.installment-options.ingbank {
  background-color: rgba(238, 122, 47, 0.2);
  border-color: rgb(238, 122, 47);
}
.installment-options .installment-nav {
  width: 100%;
  float: left;
  margin-bottom: 0;
  border-bottom: 1px solid #fff;
  padding-bottom: 15px;
  list-style: none;
  text-align: center;
  display: block;
}
.installment-options .installment-nav li {
  display: block;
  width: 100%;
}
.installment-options .installment-nav li img {
  max-height: 36px;
  max-width: 100%;
}
.installment-options .installment-list .ins-options {
  float: left;
  width: 100%;
  color: #000;
  font-size: 13px;
  line-height: 17px;
  padding: 10px 0;
  cursor: pointer;
  border-bottom: 1px solid #fff;
}
.installment-options .installment-list .ins-options .ins-check {
  float: left;
  width: 17px;
  height: 17px;
  text-align: center;
}
.installment-options .installment-list .ins-options .ins-quantity {
  float: left;
  width: calc(20% - 17px);
  text-align: center;
}
.installment-options .installment-list .ins-options .ins-rate {
  float: left;
  width: 40%;
  text-align: center;
}
.installment-options .installment-list .ins-options .ins-total {
  float: left;
  width: 40%;
  text-align: center;
}

#checkout-steps {
  background: #f5f4f2;
  height: 40px;
  max-width: none;
  float: left;
  width: 100%;
}
#checkout-steps ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 1400px) {
  #checkout-steps ul {
    padding-left: 0.71429rem;
    padding-right: 0.71429rem;
  }
}
#checkout-steps ul li {
  display: inline-block;
  margin-right: 50px;
  line-height: 40px;
  padding: 0;
  position: relative;
}
@media (max-width: 400px) {
  #checkout-steps ul li {
    margin-right: 20px;
  }
}
#checkout-steps ul li:first-child::before {
  display: none;
}
#checkout-steps ul li::before {
  content: "⁄";
  font-size: 0.78571em;
  top: -1px;
  position: absolute;
  left: -25px;
}
@media (max-width: 400px) {
  #checkout-steps ul li::before {
    left: -15px;
  }
}
#checkout-steps ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#checkout-steps ul li a .step-no {
  padding: 6px;
  margin-right: 6px;
  line-height: 31px;
  color: #362d2e;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
}
#checkout-steps ul li a .step-name {
  padding: 6px;
  margin-right: 6px;
  line-height: 31px;
  color: #362d2e;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
}
#checkout-steps ul li a.js-done .step-no {
  color: green;
}
#checkout-steps ul li a.js-done .step-name {
  color: green;
}
.summary-container .checkout-summary .summary-heading span {
  font-weight: 700;
  border-bottom: 1px solid #a1a0a0;
  font-family: Semplicita, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 1rem;
  display: block;
  letter-spacing: 0.085em;
  line-height: 1.4;
  margin-top: 0;
  padding-bottom: 0.5rem;
}

.summary-basket .cb-container .product-item {
  padding: 20px 0.71429rem;
}
.summary-basket .cb-container .product-item .cb-info .cb-name a {
  font-size: 1em;
  color: #362d2e;
  line-height: 1.4;
  font-weight: bold;
  font-family: Semplicita, Arial, sans-serif;
  text-transform: uppercase;
}
.summary-basket .cb-container .product-item .cb-info .cb-code {
  margin-bottom: 5px;
}
.summary-basket .cb-container .product-item .cb-info .cb-code strong {
  font-size: 14px;
  color: #362d2e;
  font-weight: normal;
  letter-spacing: 0.05em;
  margin-right: 0.5em;
  text-transform: uppercase;
}
.summary-basket .cb-container .product-item .cb-info .cb-code span {
  font-size: 14px;
  color: #362d2e;
  font-weight: normal;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.summary-basket .cb-container .product-item .cb-info .sb-info {
  margin-top: 10px;
  margin-bottom: 0.25em;
}
.summary-basket .cb-container .product-item .cb-info .sb-info p {
  margin-bottom: 5px;
}
.summary-basket .cb-container .product-item .cb-info .sb-info strong {
  font-size: 14px;
  color: #362d2e;
  font-weight: normal;
  letter-spacing: 0.05em;
  margin-right: 0.5em;
  line-height: 1.2;
}
.summary-basket .cb-container .product-item .cb-info .sb-info span {
  font-size: 14px;
  color: #362d2e;
  font-weight: normal;
  letter-spacing: 0.05em;
  line-height: 1.2;
}
.summary-basket .cb-container .product-item .cb-info .sb-info .cb-price {
  line-height: 2;
}

/*# sourceMappingURL=style.css.map */