@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

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

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

img {
  display: block;
  max-width: 100%;
}

html {
  scroll-behavior: smooth;
}

body.block-body, html.block-body {
  overflow: hidden;
}

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

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

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

img {
  display: block;
  max-width: 100%;
}

html {
  scroll-behavior: smooth;
}

body.block-body, html.block-body {
  overflow: hidden;
}

/*primary*/
/*secondary*/
/*accent*/
/*regular*/
/*inversed*/
/*border*/
/*neutral*/
/*-- typography --*/
/*font families*/
@font-face {
  font-family: "icons";
  src: url("/assets/icons/icons.eot?2irrlh");
  src: url("/assets/icons/icons.eot?2irrlh#iefix") format("embedded-opentype"), url("/assets/icons/icons.ttf?2irrlh") format("truetype"), url("/assets/icons/icons.woff?2irrlh") format("woff"), url("/assets/icons/icons.svg?2irrlh#icons") 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: "icons" !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-]:before, [class*=" icon-"]:before {
  font-size: 16px;
}

.icon-vertical-align-center-2:before {
  content: "\e900";
  color: #3f505a;
}

.icon-upload-3:before {
  content: "\e901";
  color: #3f505a;
}

.icon-upload-2:before {
  content: "\e902";
  color: #3f505a;
}

.icon-shopping-bag-2:before {
  content: "\e903";
  color: #3f505a;
}

.icon-shield-2:before {
  content: "\e904";
  color: #3f505a;
}

.icon-share-2:before {
  content: "\e905";
  color: #3f505a;
}

.icon-right-arrow-2:before {
  content: "\e906";
  color: #3f505a;
}

.icon-right-arrow-1-2:before {
  content: "\e907";
  color: #3f505a;
}

.icon-right-alignment-2:before {
  content: "\e908";
  color: #3f505a;
}

.icon-right-alignment-1-2:before {
  content: "\e909";
  color: #3f505a;
}

.icon-presentation-board-2:before {
  content: "\e90a";
  color: #3f505a;
}

.icon-mute-2:before {
  content: "\e90b";
  color: #3f505a;
}

.icon-mobile-2:before {
  content: "\e90c";
  color: #3f505a;
}

.icon-medical-file-2:before {
  content: "\e90d";
  color: #3f505a;
}

.icon-list-format-2:before {
  content: "\e90e";
  color: #3f505a;
}

.icon-line-2:before {
  content: "\e90f";
  color: #3f505a;
}

.icon-left-arrow-2:before {
  content: "\e910";
  color: #3f505a;
}

.icon-left-alignment-2:before {
  content: "\e911";
  color: #3f505a;
}

.icon-left-alignment-1-2:before {
  content: "\e912";
  color: #3f505a;
}

.icon-horizontal-align-center-2:before {
  content: "\e913";
  color: #3f505a;
}

.icon-help-2:before {
  content: "\e914";
  color: #3f505a;
}

.icon-focus-2-2:before {
  content: "\e915";
  color: #3f505a;
}

.icon-eye-2:before {
  content: "\e916";
  color: #3f505a;
}

.icon-expand-2-2:before {
  content: "\e917";
  color: #3f505a;
}

.icon-expand-1-2:before {
  content: "\e918";
  color: #3f505a;
}

.icon-download-2:before {
  content: "\e919";
  color: #3f505a;
}

.icon-document-2-2:before {
  content: "\e91a";
  color: #3f505a;
}

.icon-direction-tool-2:before {
  content: "\e91b";
  color: #3f505a;
}

.icon-computer-2:before {
  content: "\e91c";
  color: #3f505a;
}

.icon-compress-2:before {
  content: "\e91d";
  color: #3f505a;
}

.icon-color-palette-2:before {
  content: "\e91e";
  color: #3f505a;
}

.icon-chip-2:before {
  content: "\e91f";
  color: #3f505a;
}

.icon-chat-info-2:before {
  content: "\e920";
  color: #3f505a;
}

.icon-calculation-2:before {
  content: "\e921";
  color: #3f505a;
}

.icon-bitcoin-2:before {
  content: "\e922";
  color: #3f505a;
}

.icon-bitcoin-1-2:before {
  content: "\e923";
  color: #3f505a;
}

.icon-bell-2:before {
  content: "\e924";
  color: #3f505a;
}

.icon-back-2:before {
  content: "\e925";
  color: #3f505a;
}

.icon-archive-2:before {
  content: "\e926";
  color: #3f505a;
}

.icon-american-football-2:before {
  content: "\e927";
  color: #3f505a;
}

.icon-account-2:before {
  content: "\e928";
  color: #3f505a;
}

.icon-zoom-out:before {
  content: "\e929";
  color: #3f505a;
}

.icon-zoom-in:before {
  content: "\e92a";
  color: #3f505a;
}

.icon-youtube:before {
  content: "\e92b";
  color: #3f505a;
}

.icon-yin-yang:before {
  content: "\e92c";
  color: #3f505a;
}

.icon-yen:before {
  content: "\e92d";
  color: #3f505a;
}

.icon-yen-coin:before {
  content: "\e92e";
  color: #3f505a;
}

.icon-wrap-text:before {
  content: "\e92f";
  color: #3f505a;
}

.icon-withdrawal:before {
  content: "\e930";
  color: #3f505a;
}

.icon-smile-wink:before {
  content: "\e931";
  color: #3f505a;
}

.icon-smile-wink-alt:before {
  content: "\e932";
  color: #3f505a;
}

.icon-smile-squint-wink:before {
  content: "\e933";
  color: #3f505a;
}

.icon-smile-squint-wink-alt:before {
  content: "\e934";
  color: #3f505a;
}

.icon-grin-tongue-wink:before {
  content: "\e935";
  color: #3f505a;
}

.icon-grin-tongue-wink-alt:before {
  content: "\e936";
  color: #3f505a;
}

.icon-windy:before {
  content: "\e937";
  color: #3f505a;
}

.icon-window-restore:before {
  content: "\e938";
  color: #3f505a;
}

.icon-wind:before {
  content: "\e939";
  color: #3f505a;
}

.icon-wind-1:before {
  content: "\e93a";
  color: #3f505a;
}

.icon-wifi:before {
  content: "\e93b";
  color: #3f505a;
}

.icon-wifi-off:before {
  content: "\e93c";
  color: #3f505a;
}

.icon-wheel-chair:before {
  content: "\e93d";
  color: #3f505a;
}

.icon-whatsapp:before {
  content: "\e93e";
  color: #3f505a;
}

.icon-weight-scale:before {
  content: "\e93f";
  color: #3f505a;
}

.icon-webcam:before {
  content: "\e940";
  color: #3f505a;
}

.icon-web:before {
  content: "\e941";
  color: #3f505a;
}

.icon-web-layout:before {
  content: "\e942";
  color: #3f505a;
}

.icon-web-layout-8:before {
  content: "\e943";
  color: #3f505a;
}

.icon-web-layout-7:before {
  content: "\e944";
  color: #3f505a;
}

.icon-web-layout-6:before {
  content: "\e945";
  color: #3f505a;
}

.icon-web-layout-5:before {
  content: "\e946";
  color: #3f505a;
}

.icon-web-layout-4:before {
  content: "\e947";
  color: #3f505a;
}

.icon-web-layout-3:before {
  content: "\e948";
  color: #3f505a;
}

.icon-web-layout-2:before {
  content: "\e949";
  color: #3f505a;
}

.icon-web-layout-1:before {
  content: "\e94a";
  color: #3f505a;
}

.icon-water:before {
  content: "\e94b";
  color: #3f505a;
}

.icon-water-glass:before {
  content: "\e94c";
  color: #3f505a;
}

.icon-water-drop:before {
  content: "\e94d";
  color: #3f505a;
}

.icon-watch:before {
  content: "\e94e";
  color: #3f505a;
}

.icon-warm-weather:before {
  content: "\e94f";
  color: #3f505a;
}

.icon-vuejs:before {
  content: "\e950";
  color: #3f505a;
}

.icon-vuejs-1:before {
  content: "\e951";
  color: #3f505a;
}

.icon-volume:before {
  content: "\e952";
  color: #3f505a;
}

.icon-volume-up:before {
  content: "\e953";
  color: #3f505a;
}

.icon-voicemail:before {
  content: "\e954";
  color: #3f505a;
}

.icon-voicemail-1:before {
  content: "\e955";
  color: #3f505a;
}

.icon-vk:before {
  content: "\e956";
  color: #3f505a;
}

.icon-vk-1:before {
  content: "\e957";
  color: #3f505a;
}

.icon-visual-studio:before {
  content: "\e958";
  color: #3f505a;
}

.icon-video-camera-prohibited:before {
  content: "\e959";
  color: #3f505a;
}

.icon-video-camera-438839-24526:before {
  content: "\e95a";
  color: #3f505a;
}

.icon-vibration:before {
  content: "\e95b";
  color: #3f505a;
}

.icon-vertical-resize:before {
  content: "\e95c";
  color: #3f505a;
}

.icon-vertical-resize-2:before {
  content: "\e95d";
  color: #3f505a;
}

.icon-vertical-resize-1:before {
  content: "\e95e";
  color: #3f505a;
}

.icon-vertical-panorama:before {
  content: "\e95f";
  color: #3f505a;
}

.icon-vertical-flip:before {
  content: "\e960";
  color: #3f505a;
}

.icon-vertical-flip-1:before {
  content: "\e961";
  color: #3f505a;
}

.icon-vertical-distribute-top:before {
  content: "\e962";
  color: #3f505a;
}

.icon-vertical-distribute-center:before {
  content: "\e963";
  color: #3f505a;
}

.icon-vertical-distribute-bottom:before {
  content: "\e964";
  color: #3f505a;
}

.icon-vertical-border:before {
  content: "\e965";
  color: #3f505a;
}

.icon-vertical-align-top:before {
  content: "\e966";
  color: #3f505a;
}

.icon-vertical-align-center:before {
  content: "\e967";
  color: #3f505a;
}

.icon-vertical-align-center-2-2:before {
  content: "\e968";
  color: #3f505a;
}

.icon-vertical-align-center-1:before {
  content: "\e969";
  color: #3f505a;
}

.icon-vertical-align-bottom:before {
  content: "\e96a";
  color: #3f505a;
}

.icon-users:before {
  content: "\e96b";
  color: #3f505a;
}

.icon-user-location:before {
  content: "\e96c";
  color: #3f505a;
}

.icon-upset-emoji-sad:before {
  content: "\e96d";
  color: #3f505a;
}

.icon-upper-right-arrow:before {
  content: "\e96e";
  color: #3f505a;
}

.icon-upper-left-arrow:before {
  content: "\e96f";
  color: #3f505a;
}

.icon-upper-arrow:before {
  content: "\e970";
  color: #3f505a;
}

.icon-upper-arrow-1:before {
  content: "\e971";
  color: #3f505a;
}

.icon-upload:before {
  content: "\e972";
  color: #3f505a;
}

.icon-upload-1:before {
  content: "\e973";
  color: #3f505a;
}

.icon-upload-image-438840-2452:before {
  content: "\e974";
  color: #3f505a;
}

.icon-upload-folder:before {
  content: "\e975";
  color: #3f505a;
}

.icon-upload-file:before {
  content: "\e976";
  color: #3f505a;
}

.icon-upload-file-1:before {
  content: "\e977";
  color: #3f505a;
}

.icon-upload-chat:before {
  content: "\e978";
  color: #3f505a;
}

.icon-upload-chat-bubble:before {
  content: "\e979";
  color: #3f505a;
}

.icon-up-chevron:before {
  content: "\e97a";
  color: #3f505a;
}

.icon-up-arrow:before {
  content: "\e97b";
  color: #3f505a;
}

.icon-up-arrow-1:before {
  content: "\e97c";
  color: #3f505a;
}

.icon-unlock:before {
  content: "\e97d";
  color: #3f505a;
}

.icon-unlock-key:before {
  content: "\e97e";
  color: #3f505a;
}

.icon-unlock-key-alt:before {
  content: "\e97f";
  color: #3f505a;
}

.icon-unlock-cloud:before {
  content: "\e980";
  color: #3f505a;
}

.icon-unite:before {
  content: "\e981";
  color: #3f505a;
}

.icon-underline:before {
  content: "\e982";
  color: #3f505a;
}

.icon-uncheck:before {
  content: "\e983";
  color: #3f505a;
}

.icon-typing:before {
  content: "\e984";
  color: #3f505a;
}

.icon-typing-1:before {
  content: "\e985";
  color: #3f505a;
}

.icon-twitter:before {
  content: "\e986";
  color: #3f505a;
}

.icon-twitter-1:before {
  content: "\e987";
  color: #3f505a;
}

.icon-tv:before {
  content: "\e988";
  color: #3f505a;
}

.icon-turn-up-right:before {
  content: "\e989";
  color: #3f505a;
}

.icon-turn-up-left:before {
  content: "\e98a";
  color: #3f505a;
}

.icon-turn-right-down:before {
  content: "\e98b";
  color: #3f505a;
}

.icon-turn-left-down:before {
  content: "\e98c";
  color: #3f505a;
}

.icon-turn-down-right:before {
  content: "\e98d";
  color: #3f505a;
}

.icon-turn-down-left:before {
  content: "\e98e";
  color: #3f505a;
}

.icon-tumblr:before {
  content: "\e98f";
  color: #3f505a;
}

.icon-tumblr-2:before {
  content: "\e990";
  color: #3f505a;
}

.icon-tumblr-1:before {
  content: "\e991";
  color: #3f505a;
}

.icon-truck:before {
  content: "\e992";
  color: #3f505a;
}

.icon-trees:before {
  content: "\e993";
  color: #3f505a;
}

.icon-trash:before {
  content: "\e994";
  color: #3f505a;
}

.icon-transform-tool:before {
  content: "\e995";
  color: #3f505a;
}

.icon-transform-tool-1:before {
  content: "\e996";
  color: #3f505a;
}

.icon-train:before {
  content: "\e997";
  color: #3f505a;
}

.icon-train-1:before {
  content: "\e998";
  color: #3f505a;
}

.icon-traffic-signal:before {
  content: "\e999";
  color: #3f505a;
}

.icon-traffic-cone-cone-pylon-work-in-process-no-entry:before {
  content: "\e99a";
  color: #3f505a;
}

.icon-trademark-trademark-sign-stamp-sign-symbol-trademark-circle:before {
  content: "\e99b";
  color: #3f505a;
}

.icon-trademark-sign-stamp-sign-symbol-trademark:before {
  content: "\e99c";
  color: #3f505a;
}

.icon-top-border:before {
  content: "\e99d";
  color: #3f505a;
}

.icon-top-alignment:before {
  content: "\e99e";
  color: #3f505a;
}

.icon-top-alignment-1:before {
  content: "\e99f";
  color: #3f505a;
}

.icon-toggle:before {
  content: "\e9a0";
  color: #3f505a;
}

.icon-toggle-1:before {
  content: "\e9a1";
  color: #3f505a;
}

.icon-ticket:before {
  content: "\e9a2";
  color: #3f505a;
}

.icon-thunder:before {
  content: "\e9a3";
  color: #3f505a;
}

.icon-three-dice:before {
  content: "\e9a4";
  color: #3f505a;
}

.icon-thermometer:before {
  content: "\e9a5";
  color: #3f505a;
}

.icon-th:before {
  content: "\e9a6";
  color: #3f505a;
}

.icon-text:before {
  content: "\e9a7";
  color: #3f505a;
}

.icon-text-strike-through:before {
  content: "\e9a8";
  color: #3f505a;
}

.icon-text-size:before {
  content: "\e9a9";
  color: #3f505a;
}

.icon-text-fields:before {
  content: "\e9aa";
  color: #3f505a;
}

.icon-tennis-ball:before {
  content: "\e9ab";
  color: #3f505a;
}

.icon-temperature:before {
  content: "\e9ac";
  color: #3f505a;
}

.icon-temperature-4:before {
  content: "\e9ad";
  color: #3f505a;
}

.icon-temperature-3:before {
  content: "\e9ae";
  color: #3f505a;
}

.icon-temperature-2:before {
  content: "\e9af";
  color: #3f505a;
}

.icon-temperature-1:before {
  content: "\e9b0";
  color: #3f505a;
}

.icon-telescope:before {
  content: "\e9b1";
  color: #3f505a;
}

.icon-telegram:before {
  content: "\e9b2";
  color: #3f505a;
}

.icon-telegram-1:before {
  content: "\e9b3";
  color: #3f505a;
}

.icon-tea-glass:before {
  content: "\e9b4";
  color: #3f505a;
}

.icon-taxi:before {
  content: "\e9b5";
  color: #3f505a;
}

.icon-target:before {
  content: "\e9b6";
  color: #3f505a;
}

.icon-tag:before {
  content: "\e9b7";
  color: #3f505a;
}

.icon-tag-3:before {
  content: "\e9b8";
  color: #3f505a;
}

.icon-tag-2:before {
  content: "\e9b9";
  color: #3f505a;
}

.icon-tag-1:before {
  content: "\e9ba";
  color: #3f505a;
}

.icon-table-lamp:before {
  content: "\e9bb";
  color: #3f505a;
}

.icon-tab:before {
  content: "\e9bc";
  color: #3f505a;
}

.icon-syringe:before {
  content: "\e9bd";
  color: #3f505a;
}

.icon-sync:before {
  content: "\e9be";
  color: #3f505a;
}

.icon-swimmer:before {
  content: "\e9bf";
  color: #3f505a;
}

.icon-swiggy:before {
  content: "\e9c0";
  color: #3f505a;
}

.icon-support:before {
  content: "\e9c1";
  color: #3f505a;
}

.icon-sunset:before {
  content: "\e9c2";
  color: #3f505a;
}

.icon-sun:before {
  content: "\e9c3";
  color: #3f505a;
}

.icon-sun-with-wind:before {
  content: "\e9c4";
  color: #3f505a;
}

.icon-subject:before {
  content: "\e9c5";
  color: #3f505a;
}

.icon-subdirectory-arrow:before {
  content: "\e9c6";
  color: #3f505a;
}

.icon-stretcher:before {
  content: "\e9c7";
  color: #3f505a;
}

.icon-storm-weather:before {
  content: "\e9c8";
  color: #3f505a;
}

.icon-storm-weather-2:before {
  content: "\e9c9";
  color: #3f505a;
}

.icon-storm-weather-1:before {
  content: "\e9ca";
  color: #3f505a;
}

.icon-stopwatch:before {
  content: "\e9cb";
  color: #3f505a;
}

.icon-stop:before {
  content: "\e9cc";
  color: #3f505a;
}

.icon-steering-wheel:before {
  content: "\e9cd";
  color: #3f505a;
}

.icon-start:before {
  content: "\e9ce";
  color: #3f505a;
}

.icon-star:before {
  content: "\e9cf";
  color: #3f505a;
}

.icon-star-shape:before {
  content: "\e9d0";
  color: #3f505a;
}

.icon-stamp:before {
  content: "\e9d1";
  color: #3f505a;
}

.icon-spoon:before {
  content: "\e9d2";
  color: #3f505a;
}

.icon-spin:before {
  content: "\e9d3";
  color: #3f505a;
}

.icon-sperm:before {
  content: "\e9d4";
  color: #3f505a;
}

.icon-space-bar:before {
  content: "\e9d5";
  color: #3f505a;
}

.icon-social-network:before {
  content: "\e9d6";
  color: #3f505a;
}

.icon-social-media:before {
  content: "\e9d7";
  color: #3f505a;
}

.icon-social-media-3:before {
  content: "\e9d8";
  color: #3f505a;
}

.icon-social-media-2:before {
  content: "\e9d9";
  color: #3f505a;
}

.icon-social-media-1:before {
  content: "\e9da";
  color: #3f505a;
}

.icon-snowflake:before {
  content: "\e9db";
  color: #3f505a;
}

.icon-snowflake-1:before {
  content: "\e9dc";
  color: #3f505a;
}

.icon-snapchat:before {
  content: "\e9dd";
  color: #3f505a;
}

.icon-snapchat-2:before {
  content: "\e9de";
  color: #3f505a;
}

.icon-snapchat-1:before {
  content: "\e9df";
  color: #3f505a;
}

.icon-slow-volume:before {
  content: "\e9e0";
  color: #3f505a;
}

.icon-slack:before {
  content: "\e9e1";
  color: #3f505a;
}

.icon-slack-1:before {
  content: "\e9e2";
  color: #3f505a;
}

.icon-skype:before {
  content: "\e9e3";
  color: #3f505a;
}

.icon-skype-1:before {
  content: "\e9e4";
  color: #3f505a;
}

.icon-skip-forward:before {
  content: "\e9e5";
  color: #3f505a;
}

.icon-skip-forward-2:before {
  content: "\e9e6";
  color: #3f505a;
}

.icon-skip-forward-1:before {
  content: "\e9e7";
  color: #3f505a;
}

.icon-skip-back:before {
  content: "\e9e8";
  color: #3f505a;
}

.icon-skip-back-2:before {
  content: "\e9e9";
  color: #3f505a;
}

.icon-skip-back-1:before {
  content: "\e9ea";
  color: #3f505a;
}

.icon-sitemap:before {
  content: "\e9eb";
  color: #3f505a;
}

.icon-signboard:before {
  content: "\e9ec";
  color: #3f505a;
}

.icon-sick-sad-sick-face-emoji-silent-squint:before {
  content: "\e9ed";
  color: #3f505a;
}

.icon-shuffle:before {
  content: "\e9ee";
  color: #3f505a;
}

.icon-shuffle-1:before {
  content: "\e9ef";
  color: #3f505a;
}

.icon-shrink:before {
  content: "\e9f0";
  color: #3f505a;
}

.icon-shrink-1:before {
  content: "\e9f1";
  color: #3f505a;
}

.icon-shrink-lines:before {
  content: "\e9f2";
  color: #3f505a;
}

.icon-show-chart:before {
  content: "\e9f3";
  color: #3f505a;
}

.icon-short-text:before {
  content: "\e9f4";
  color: #3f505a;
}

.icon-shopping-bag:before {
  content: "\e9f5";
  color: #3f505a;
}

.icon-shop:before {
  content: "\e9f6";
  color: #3f505a;
}

.icon-shop-2:before {
  content: "\e9f7";
  color: #3f505a;
}

.icon-shop-1:before {
  content: "\e9f8";
  color: #3f505a;
}

.icon-shipping-truck:before {
  content: "\e9f9";
  color: #3f505a;
}

.icon-shield:before {
  content: "\e9fa";
  color: #3f505a;
}

.icon-shield-slash:before {
  content: "\e9fb";
  color: #3f505a;
}

.icon-shield-question:before {
  content: "\e9fc";
  color: #3f505a;
}

.icon-shield-exclamation:before {
  content: "\e9fd";
  color: #3f505a;
}

.icon-shield-check:before {
  content: "\e9fe";
  color: #3f505a;
}

.icon-share:before {
  content: "\e9ff";
  color: #3f505a;
}

.icon-share-picture:before {
  content: "\ea00";
  color: #3f505a;
}

.icon-share-mail:before {
  content: "\ea01";
  color: #3f505a;
}

.icon-share-file:before {
  content: "\ea02";
  color: #3f505a;
}

.icon-share-cloud:before {
  content: "\ea03";
  color: #3f505a;
}

.icon-share-chat:before {
  content: "\ea04";
  color: #3f505a;
}

.icon-share-chat-1:before {
  content: "\ea05";
  color: #3f505a;
}

.icon-shape:before {
  content: "\ea06";
  color: #3f505a;
}

.icon-shape-6:before {
  content: "\ea07";
  color: #3f505a;
}

.icon-shape-5:before {
  content: "\ea08";
  color: #3f505a;
}

.icon-shape-4:before {
  content: "\ea09";
  color: #3f505a;
}

.icon-shape-3:before {
  content: "\ea0a";
  color: #3f505a;
}

.icon-shape-2:before {
  content: "\ea0b";
  color: #3f505a;
}

.icon-shape-1:before {
  content: "\ea0c";
  color: #3f505a;
}

.icon-setting:before {
  content: "\ea0d";
  color: #3f505a;
}

.icon-service-mark-symbol-sign-symbol-servicemark:before {
  content: "\ea0e";
  color: #3f505a;
}

.icon-server:before {
  content: "\ea0f";
  color: #3f505a;
}

.icon-server-2:before {
  content: "\ea10";
  color: #3f505a;
}

.icon-server-1:before {
  content: "\ea11";
  color: #3f505a;
}

.icon-server-connection:before {
  content: "\ea12";
  color: #3f505a;
}

.icon-server-connection-2:before {
  content: "\ea13";
  color: #3f505a;
}

.icon-server-connection-1:before {
  content: "\ea14";
  color: #3f505a;
}

.icon-send-mail:before {
  content: "\ea15";
  color: #3f505a;
}

.icon-send-mail-1:before {
  content: "\ea16";
  color: #3f505a;
}

.icon-selfie:before {
  content: "\ea17";
  color: #3f505a;
}

.icon-secure-location:before {
  content: "\ea18";
  color: #3f505a;
}

.icon-secure-chat:before {
  content: "\ea19";
  color: #3f505a;
}

.icon-secure-chat-1:before {
  content: "\ea1a";
  color: #3f505a;
}

.icon-search-message:before {
  content: "\ea1b";
  color: #3f505a;
}

.icon-search-mail:before {
  content: "\ea1c";
  color: #3f505a;
}

.icon-search-image:before {
  content: "\ea1d";
  color: #3f505a;
}

.icon-search-file:before {
  content: "\ea1e";
  color: #3f505a;
}

.icon-search-chat:before {
  content: "\ea1f";
  color: #3f505a;
}

.icon-search-clasic:before {
  content: "\ea20";
  color: #3f505a;
}

.icon-scroll-up:before {
  content: "\ea21";
  color: #3f505a;
}

.icon-screen:before {
  content: "\ea22";
  color: #3f505a;
}

.icon-school-bus:before {
  content: "\ea23";
  color: #3f505a;
}

.icon-school-bus-1:before {
  content: "\ea24";
  color: #3f505a;
}

.icon-school-bag:before {
  content: "\ea25";
  color: #3f505a;
}

.icon-scenery:before {
  content: "\ea26";
  color: #3f505a;
}

.icon-save:before {
  content: "\ea27";
  color: #3f505a;
}

.icon-save-1:before {
  content: "\ea28";
  color: #3f505a;
}

.icon-sad-upset-emoji-sad-squint:before {
  content: "\ea29";
  color: #3f505a;
}

.icon-sad-upset-emoji-sad-dizzy:before {
  content: "\ea2a";
  color: #3f505a;
}

.icon-sad-upset-emoji-frown:before {
  content: "\ea2b";
  color: #3f505a;
}

.icon-sad-sick-face-emoji-sick:before {
  content: "\ea2c";
  color: #3f505a;
}

.icon-sad-serious-emoji-squint:before {
  content: "\ea2d";
  color: #3f505a;
}

.icon-sad-serious-emoji-meh:before {
  content: "\ea2e";
  color: #3f505a;
}

.icon-sad-serious-emoji-meh-closed-eye:before {
  content: "\ea2f";
  color: #3f505a;
}

.icon-sad-serious-emoji-meh-alt:before {
  content: "\ea30";
  color: #3f505a;
}

.icon-sad-serious-emoji-dizzy-meh:before {
  content: "\ea31";
  color: #3f505a;
}

.icon-ruler:before {
  content: "\ea32";
  color: #3f505a;
}

.icon-ruler-1:before {
  content: "\ea33";
  color: #3f505a;
}

.icon-rss:before {
  content: "\ea34";
  color: #3f505a;
}

.icon-rss-interface:before {
  content: "\ea35";
  color: #3f505a;
}

.icon-rss-feed:before {
  content: "\ea36";
  color: #3f505a;
}

.icon-robot:before {
  content: "\ea37";
  color: #3f505a;
}

.icon-right-indent:before {
  content: "\ea38";
  color: #3f505a;
}

.icon-right-indent-1:before {
  content: "\ea39";
  color: #3f505a;
}

.icon-right-border:before {
  content: "\ea3a";
  color: #3f505a;
}

.icon-right-arrow:before {
  content: "\ea3b";
  color: #3f505a;
}

.icon-right-arrow-3:before {
  content: "\ea3c";
  color: #3f505a;
}

.icon-right-arrow-2-2:before {
  content: "\ea3d";
  color: #3f505a;
}

.icon-right-arrow-1:before {
  content: "\ea3e";
  color: #3f505a;
}

.icon-right-alignment:before {
  content: "\ea3f";
  color: #3f505a;
}

.icon-right-alignment-1:before {
  content: "\ea40";
  color: #3f505a;
}

.icon-rewind:before {
  content: "\ea41";
  color: #3f505a;
}

.icon-resize:before {
  content: "\ea42";
  color: #3f505a;
}

.icon-resize-5:before {
  content: "\ea43";
  color: #3f505a;
}

.icon-resize-4:before {
  content: "\ea44";
  color: #3f505a;
}

.icon-resize-3:before {
  content: "\ea45";
  color: #3f505a;
}

.icon-resize-2:before {
  content: "\ea46";
  color: #3f505a;
}

.icon-resize-1:before {
  content: "\ea47";
  color: #3f505a;
}

.icon-research:before {
  content: "\ea48";
  color: #3f505a;
}

.icon-reply:before {
  content: "\ea49";
  color: #3f505a;
}

.icon-reply-mail:before {
  content: "\ea4a";
  color: #3f505a;
}

.icon-repeat:before {
  content: "\ea4b";
  color: #3f505a;
}

.icon-repair-tool:before {
  content: "\ea4c";
  color: #3f505a;
}

.icon-reorder:before {
  content: "\ea4d";
  color: #3f505a;
}

.icon-remove:before {
  content: "\ea4e";
  color: #3f505a;
}

.icon-remove-mail:before {
  content: "\ea4f";
  color: #3f505a;
}

.icon-remove-location:before {
  content: "\ea50";
  color: #3f505a;
}

.icon-remove-image:before {
  content: "\ea51";
  color: #3f505a;
}

.icon-remove-folder:before {
  content: "\ea52";
  color: #3f505a;
}

.icon-remove-document:before {
  content: "\ea53";
  color: #3f505a;
}

.icon-remove-document-1:before {
  content: "\ea54";
  color: #3f505a;
}

.icon-remove-account:before {
  content: "\ea55";
  color: #3f505a;
}

.icon-reload:before {
  content: "\ea56";
  color: #3f505a;
}

.icon-reload-1:before {
  content: "\ea57";
  color: #3f505a;
}

.icon-reload-file:before {
  content: "\ea58";
  color: #3f505a;
}

.icon-reload-chat:before {
  content: "\ea59";
  color: #3f505a;
}

.icon-reload-chat-1:before {
  content: "\ea5a";
  color: #3f505a;
}

.icon-registered-symbol-trademark-registered-sign-registered:before {
  content: "\ea5b";
  color: #3f505a;
}

.icon-refresh-mail:before {
  content: "\ea5c";
  color: #3f505a;
}

.icon-refresh-cloud:before {
  content: "\ea5d";
  color: #3f505a;
}

.icon-reduce-brightness:before {
  content: "\ea5e";
  color: #3f505a;
}

.icon-recycle-bin:before {
  content: "\ea5f";
  color: #3f505a;
}

.icon-record:before {
  content: "\ea60";
  color: #3f505a;
}

.icon-receive-mail:before {
  content: "\ea61";
  color: #3f505a;
}

.icon-receive-mail-1:before {
  content: "\ea62";
  color: #3f505a;
}

.icon-reader:before {
  content: "\ea63";
  color: #3f505a;
}

.icon-react:before {
  content: "\ea64";
  color: #3f505a;
}

.icon-rainy-weather:before {
  content: "\ea65";
  color: #3f505a;
}

.icon-rainy-weather-7:before {
  content: "\ea66";
  color: #3f505a;
}

.icon-rainy-weather-6:before {
  content: "\ea67";
  color: #3f505a;
}

.icon-rainy-weather-5:before {
  content: "\ea68";
  color: #3f505a;
}

.icon-rainy-weather-4:before {
  content: "\ea69";
  color: #3f505a;
}

.icon-rainy-weather-3:before {
  content: "\ea6a";
  color: #3f505a;
}

.icon-rainy-weather-2:before {
  content: "\ea6b";
  color: #3f505a;
}

.icon-rainy-weather-1:before {
  content: "\ea6c";
  color: #3f505a;
}

.icon-rainbow:before {
  content: "\ea6d";
  color: #3f505a;
}

.icon-rain:before {
  content: "\ea6e";
  color: #3f505a;
}

.icon-rain-4:before {
  content: "\ea6f";
  color: #3f505a;
}

.icon-rain-3:before {
  content: "\ea70";
  color: #3f505a;
}

.icon-rain-2:before {
  content: "\ea71";
  color: #3f505a;
}

.icon-rain-1:before {
  content: "\ea72";
  color: #3f505a;
}

.icon-rain-protection:before {
  content: "\ea73";
  color: #3f505a;
}

.icon-raddit:before {
  content: "\ea74";
  color: #3f505a;
}

.icon-px:before {
  content: "\ea75";
  color: #3f505a;
}

.icon-puzzle:before {
  content: "\ea76";
  color: #3f505a;
}

.icon-purse:before {
  content: "\ea77";
  color: #3f505a;
}

.icon-pulse:before {
  content: "\ea78";
  color: #3f505a;
}

.icon-protected-mail:before {
  content: "\ea79";
  color: #3f505a;
}

.icon-protected-image:before {
  content: "\ea7a";
  color: #3f505a;
}

.icon-protected-file:before {
  content: "\ea7b";
  color: #3f505a;
}

.icon-profile:before {
  content: "\ea7c";
  color: #3f505a;
}

.icon-process:before {
  content: "\ea7d";
  color: #3f505a;
}

.icon-private-chat:before {
  content: "\ea7e";
  color: #3f505a;
}

.icon-printer:before {
  content: "\ea7f";
  color: #3f505a;
}

.icon-presentation:before {
  content: "\ea80";
  color: #3f505a;
}

.icon-presentation-board:before {
  content: "\ea81";
  color: #3f505a;
}

.icon-presentation-board-6:before {
  content: "\ea82";
  color: #3f505a;
}

.icon-presentation-board-5:before {
  content: "\ea83";
  color: #3f505a;
}

.icon-presentation-board-4:before {
  content: "\ea84";
  color: #3f505a;
}

.icon-presentation-board-3:before {
  content: "\ea85";
  color: #3f505a;
}

.icon-presentation-board-2-2:before {
  content: "\ea86";
  color: #3f505a;
}

.icon-presentation-board-1:before {
  content: "\ea87";
  color: #3f505a;
}

.icon-power-button:before {
  content: "\ea88";
  color: #3f505a;
}

.icon-pound:before {
  content: "\ea89";
  color: #3f505a;
}

.icon-pound-coin:before {
  content: "\ea8a";
  color: #3f505a;
}

.icon-postbox:before {
  content: "\ea8b";
  color: #3f505a;
}

.icon-pointer:before {
  content: "\ea8c";
  color: #3f505a;
}

.icon-podium:before {
  content: "\ea8d";
  color: #3f505a;
}

.icon-plus:before {
  content: "\ea8e";
  color: #3f505a;
}

.icon-plus-square:before {
  content: "\ea8f";
  color: #3f505a;
}

.icon-play:before {
  content: "\ea90";
  color: #3f505a;
}

.icon-play-presentation:before {
  content: "\ea91";
  color: #3f505a;
}

.icon-plane:before {
  content: "\ea92";
  color: #3f505a;
}

.icon-pizza:before {
  content: "\ea93";
  color: #3f505a;
}

.icon-pingpong:before {
  content: "\ea94";
  color: #3f505a;
}

.icon-pie-chart:before {
  content: "\ea95";
  color: #3f505a;
}

.icon-photo:before {
  content: "\ea96";
  color: #3f505a;
}

.icon-photo-editor:before {
  content: "\ea97";
  color: #3f505a;
}

.icon-petrol-pump:before {
  content: "\ea98";
  color: #3f505a;
}

.icon-perforator-drill-machine-construction-tool-construction-drill:before {
  content: "\ea99";
  color: #3f505a;
}

.icon-percentage:before {
  content: "\ea9a";
  color: #3f505a;
}

.icon-pencil:before {
  content: "\ea9b";
  color: #3f505a;
}

.icon-pen:before {
  content: "\ea9c";
  color: #3f505a;
}

.icon-paypal:before {
  content: "\ea9d";
  color: #3f505a;
}

.icon-pause:before {
  content: "\ea9e";
  color: #3f505a;
}

.icon-pause-1:before {
  content: "\ea9f";
  color: #3f505a;
}

.icon-pause-button:before {
  content: "\eaa0";
  color: #3f505a;
}

.icon-parking-sign-parking-park-parking-area-parking-square:before {
  content: "\eaa1";
  color: #3f505a;
}

.icon-parcel:before {
  content: "\eaa2";
  color: #3f505a;
}

.icon-paper-plane:before {
  content: "\eaa3";
  color: #3f505a;
}

.icon-panorama:before {
  content: "\eaa4";
  color: #3f505a;
}

.icon-panorama-1:before {
  content: "\eaa5";
  color: #3f505a;
}

.icon-paint-roller-paint-roller-color-roller-paint-tool:before {
  content: "\eaa6";
  color: #3f505a;
}

.icon-page-collection:before {
  content: "\eaa7";
  color: #3f505a;
}

.icon-package:before {
  content: "\eaa8";
  color: #3f505a;
}

.icon-p-sign-sign-symbol-parking-parking-sign-parking-circle:before {
  content: "\eaa9";
  color: #3f505a;
}

.icon-outgoing-call:before {
  content: "\eaaa";
  color: #3f505a;
}

.icon-out-border:before {
  content: "\eaab";
  color: #3f505a;
}

.icon-opera:before {
  content: "\eaac";
  color: #3f505a;
}

.icon-opera-1:before {
  content: "\eaad";
  color: #3f505a;
}

.icon-open-mail:before {
  content: "\eaae";
  color: #3f505a;
}

.icon-open-book:before {
  content: "\eaaf";
  color: #3f505a;
}

.icon-office-bag:before {
  content: "\eab0";
  color: #3f505a;
}

.icon-office-bag-7:before {
  content: "\eab1";
  color: #3f505a;
}

.icon-office-bag-6:before {
  content: "\eab2";
  color: #3f505a;
}

.icon-office-bag-5:before {
  content: "\eab3";
  color: #3f505a;
}

.icon-office-bag-4:before {
  content: "\eab4";
  color: #3f505a;
}

.icon-office-bag-3:before {
  content: "\eab5";
  color: #3f505a;
}

.icon-office-bag-2:before {
  content: "\eab6";
  color: #3f505a;
}

.icon-office-bag-1:before {
  content: "\eab7";
  color: #3f505a;
}

.icon-off-stopwatch:before {
  content: "\eab8";
  color: #3f505a;
}

.icon-ocean:before {
  content: "\eab9";
  color: #3f505a;
}

.icon-object-ungroup:before {
  content: "\eaba";
  color: #3f505a;
}

.icon-object-group:before {
  content: "\eabb";
  color: #3f505a;
}

.icon-notes:before {
  content: "\eabc";
  color: #3f505a;
}

.icon-not-available:before {
  content: "\eabd";
  color: #3f505a;
}

.icon-not-allow-photo:before {
  content: "\eabe";
  color: #3f505a;
}

.icon-not-allow-music:before {
  content: "\eabf";
  color: #3f505a;
}

.icon-none-border:before {
  content: "\eac0";
  color: #3f505a;
}

.icon-no-water-drop:before {
  content: "\eac1";
  color: #3f505a;
}

.icon-no-television:before {
  content: "\eac2";
  color: #3f505a;
}

.icon-no-schedule:before {
  content: "\eac3";
  color: #3f505a;
}

.icon-no-printer:before {
  content: "\eac4";
  color: #3f505a;
}

.icon-no-preview:before {
  content: "\eac5";
  color: #3f505a;
}

.icon-no-photo:before {
  content: "\eac6";
  color: #3f505a;
}

.icon-no-money:before {
  content: "\eac7";
  color: #3f505a;
}

.icon-no-mobile:before {
  content: "\eac8";
  color: #3f505a;
}

.icon-no-message:before {
  content: "\eac9";
  color: #3f505a;
}

.icon-no-lock:before {
  content: "\eaca";
  color: #3f505a;
}

.icon-no-location:before {
  content: "\eacb";
  color: #3f505a;
}

.icon-no-image:before {
  content: "\eacc";
  color: #3f505a;
}

.icon-no-handbag:before {
  content: "\eacd";
  color: #3f505a;
}

.icon-no-folder:before {
  content: "\eace";
  color: #3f505a;
}

.icon-no-flash:before {
  content: "\eacf";
  color: #3f505a;
}

.icon-no-filter:before {
  content: "\ead0";
  color: #3f505a;
}

.icon-no-drink:before {
  content: "\ead1";
  color: #3f505a;
}

.icon-no-documentlandscape:before {
  content: "\ead2";
  color: #3f505a;
}

.icon-no-document:before {
  content: "\ead3";
  color: #3f505a;
}

.icon-no-creative-commons-no-creative-commons-symbol-sign-symbol-closed-captioning-slash:before {
  content: "\ead4";
  color: #3f505a;
}

.icon-no-copyright-no-copyright-sign-sign-symbol-creative-commons-pd:before {
  content: "\ead5";
  color: #3f505a;
}

.icon-no-connection:before {
  content: "\ead6";
  color: #3f505a;
}

.icon-no-chatmessage:before {
  content: "\ead7";
  color: #3f505a;
}

.icon-no-caravoid-travelling:before {
  content: "\ead8";
  color: #3f505a;
}

.icon-no-camera:before {
  content: "\ead9";
  color: #3f505a;
}

.icon-no-call:before {
  content: "\eada";
  color: #3f505a;
}

.icon-no-bell:before {
  content: "\eadb";
  color: #3f505a;
}

.icon-night-weather:before {
  content: "\eadc";
  color: #3f505a;
}

.icon-next:before {
  content: "\eadd";
  color: #3f505a;
}

.icon-newspaper:before {
  content: "\eade";
  color: #3f505a;
}

.icon-network:before {
  content: "\eadf";
  color: #3f505a;
}

.icon-network-1:before {
  content: "\eae0";
  color: #3f505a;
}

.icon-navigation:before {
  content: "\eae1";
  color: #3f505a;
}

.icon-navigation-arrow:before {
  content: "\eae2";
  color: #3f505a;
}

.icon-mute:before {
  content: "\eae3";
  color: #3f505a;
}

.icon-music-tune:before {
  content: "\eae4";
  color: #3f505a;
}

.icon-music-sign:before {
  content: "\eae5";
  color: #3f505a;
}

.icon-multiple-image:before {
  content: "\eae6";
  color: #3f505a;
}

.icon-mouth-shut-no-words-out-of-words-zipped-mouth-emoji-silence:before {
  content: "\eae7";
  color: #3f505a;
}

.icon-mouse:before {
  content: "\eae8";
  color: #3f505a;
}

.icon-mountains:before {
  content: "\eae9";
  color: #3f505a;
}

.icon-mortarboard:before {
  content: "\eaea";
  color: #3f505a;
}

.icon-moonset:before {
  content: "\eaeb";
  color: #3f505a;
}

.icon-moon:before {
  content: "\eaec";
  color: #3f505a;
}

.icon-moon-with-wind:before {
  content: "\eaed";
  color: #3f505a;
}

.icon-monitor:before {
  content: "\eaee";
  color: #3f505a;
}

.icon-monitor-1:before {
  content: "\eaef";
  color: #3f505a;
}

.icon-money:before {
  content: "\eaf0";
  color: #3f505a;
}

.icon-money-2:before {
  content: "\eaf1";
  color: #3f505a;
}

.icon-money-1:before {
  content: "\eaf2";
  color: #3f505a;
}

.icon-money-withdrawal:before {
  content: "\eaf3";
  color: #3f505a;
}

.icon-modem:before {
  content: "\eaf4";
  color: #3f505a;
}

.icon-modem-1:before {
  content: "\eaf5";
  color: #3f505a;
}

.icon-moctail:before {
  content: "\eaf6";
  color: #3f505a;
}

.icon-mobile:before {
  content: "\eaf7";
  color: #3f505a;
}

.icon-mobile-1:before {
  content: "\eaf8";
  color: #3f505a;
}

.icon-minus:before {
  content: "\eaf9";
  color: #3f505a;
}

.icon-minus-2:before {
  content: "\eafa";
  color: #3f505a;
}

.icon-minus-1:before {
  content: "\eafb";
  color: #3f505a;
}

.icon-minus-path:before {
  content: "\eafc";
  color: #3f505a;
}

.icon-mic:before {
  content: "\eafd";
  color: #3f505a;
}

.icon-metro:before {
  content: "\eafe";
  color: #3f505a;
}

.icon-messages:before {
  content: "\eaff";
  color: #3f505a;
}

.icon-message:before {
  content: "\eb00";
  color: #3f505a;
}

.icon-message-1:before {
  content: "\eb01";
  color: #3f505a;
}

.icon-menu:before {
  content: "\eb02";
  color: #3f505a;
}

.icon-menu-1:before {
  content: "\eb03";
  color: #3f505a;
}

.icon-megaphone:before {
  content: "\eb04";
  color: #3f505a;
}

.icon-medium:before {
  content: "\eb05";
  color: #3f505a;
}

.icon-medium-volume:before {
  content: "\eb06";
  color: #3f505a;
}

.icon-medium-brightness:before {
  content: "\eb07";
  color: #3f505a;
}

.icon-medium-brightness-1:before {
  content: "\eb08";
  color: #3f505a;
}

.icon-medicine:before {
  content: "\eb09";
  color: #3f505a;
}

.icon-medicine-1:before {
  content: "\eb0a";
  color: #3f505a;
}

.icon-medicine-bottle:before {
  content: "\eb0b";
  color: #3f505a;
}

.icon-medical:before {
  content: "\eb0c";
  color: #3f505a;
}

.icon-medical-sign-board:before {
  content: "\eb0d";
  color: #3f505a;
}

.icon-medical-kit:before {
  content: "\eb0e";
  color: #3f505a;
}

.icon-medical-folder:before {
  content: "\eb0f";
  color: #3f505a;
}

.icon-medical-file:before {
  content: "\eb10";
  color: #3f505a;
}

.icon-medical-chat:before {
  content: "\eb11";
  color: #3f505a;
}

.icon-medical-chat-1:before {
  content: "\eb12";
  color: #3f505a;
}

.icon-medal:before {
  content: "\eb13";
  color: #3f505a;
}

.icon-measuring-tape-measurement-measurement-tool-tool-tape:before {
  content: "\eb14";
  color: #3f505a;
}

.icon-mathemetics-calculation:before {
  content: "\eb15";
  color: #3f505a;
}

.icon-master-card:before {
  content: "\eb16";
  color: #3f505a;
}

.icon-map:before {
  content: "\eb17";
  color: #3f505a;
}

.icon-male-symbol-gender-symbol-male-gender-sign-sign-symbol-mars:before {
  content: "\eb18";
  color: #3f505a;
}

.icon-magnifier:before {
  content: "\eb19";
  color: #3f505a;
}

.icon-luggage:before {
  content: "\eb1a";
  color: #3f505a;
}

.icon-lower-right-arrow:before {
  content: "\eb1b";
  color: #3f505a;
}

.icon-lower-left:before {
  content: "\eb1c";
  color: #3f505a;
}

.icon-low-brightness:before {
  content: "\eb1d";
  color: #3f505a;
}

.icon-love:before {
  content: "\eb1e";
  color: #3f505a;
}

.icon-love-chat:before {
  content: "\eb1f";
  color: #3f505a;
}

.icon-loud-speaker:before {
  content: "\eb20";
  color: #3f505a;
}

.icon-logout:before {
  content: "\eb21";
  color: #3f505a;
}

.icon-logout-1:before {
  content: "\eb22";
  color: #3f505a;
}

.icon-login:before {
  content: "\eb23";
  color: #3f505a;
}

.icon-login-1:before {
  content: "\eb24";
  color: #3f505a;
}

.icon-lock:before {
  content: "\eb25";
  color: #3f505a;
}

.icon-lock-open:before {
  content: "\eb26";
  color: #3f505a;
}

.icon-lock-mail:before {
  content: "\eb27";
  color: #3f505a;
}

.icon-lock-key:before {
  content: "\eb28";
  color: #3f505a;
}

.icon-lock-key-alt:before {
  content: "\eb29";
  color: #3f505a;
}

.icon-lock-gallary:before {
  content: "\eb2a";
  color: #3f505a;
}

.icon-lock-folder:before {
  content: "\eb2b";
  color: #3f505a;
}

.icon-lock-file:before {
  content: "\eb2c";
  color: #3f505a;
}

.icon-lock-cloud:before {
  content: "\eb2d";
  color: #3f505a;
}

.icon-lock-chat:before {
  content: "\eb2e";
  color: #3f505a;
}

.icon-lock-access:before {
  content: "\eb2f";
  color: #3f505a;
}

.icon-location:before {
  content: "\eb30";
  color: #3f505a;
}

.icon-location-2:before {
  content: "\eb31";
  color: #3f505a;
}

.icon-location-1:before {
  content: "\eb32";
  color: #3f505a;
}

.icon-location-pin:before {
  content: "\eb33";
  color: #3f505a;
}

.icon-location-pin-2:before {
  content: "\eb34";
  color: #3f505a;
}

.icon-location-pin-1:before {
  content: "\eb35";
  color: #3f505a;
}

.icon-location-info:before {
  content: "\eb36";
  color: #3f505a;
}

.icon-list:before {
  content: "\eb37";
  color: #3f505a;
}

.icon-list-format:before {
  content: "\eb38";
  color: #3f505a;
}

.icon-linkedin:before {
  content: "\eb39";
  color: #3f505a;
}

.icon-linkedin-1:before {
  content: "\eb3a";
  color: #3f505a;
}

.icon-link:before {
  content: "\eb3b";
  color: #3f505a;
}

.icon-link-1:before {
  content: "\eb3c";
  color: #3f505a;
}

.icon-line:before {
  content: "\eb3d";
  color: #3f505a;
}

.icon-line-spacing:before {
  content: "\eb3e";
  color: #3f505a;
}

.icon-lily-flower:before {
  content: "\eb3f";
  color: #3f505a;
}

.icon-like:before {
  content: "\eb40";
  color: #3f505a;
}

.icon-like-mail:before {
  content: "\eb41";
  color: #3f505a;
}

.icon-like-cloud:before {
  content: "\eb42";
  color: #3f505a;
}

.icon-light-bulb:before {
  content: "\eb43";
  color: #3f505a;
}

.icon-light-bulb-1:before {
  content: "\eb44";
  color: #3f505a;
}

.icon-lifebuoy:before {
  content: "\eb45";
  color: #3f505a;
}

.icon-library:before {
  content: "\eb46";
  color: #3f505a;
}

.icon-letter-box:before {
  content: "\eb47";
  color: #3f505a;
}

.icon-left-indent:before {
  content: "\eb48";
  color: #3f505a;
}

.icon-left-indent-1:before {
  content: "\eb49";
  color: #3f505a;
}

.icon-left-border:before {
  content: "\eb4a";
  color: #3f505a;
}

.icon-left-arrow:before {
  content: "\eb4b";
  color: #3f505a;
}

.icon-left-arrow-2-2:before {
  content: "\eb4c";
  color: #3f505a;
}

.icon-left-arrow-1:before {
  content: "\eb4d";
  color: #3f505a;
}

.icon-left-alignment:before {
  content: "\eb4e";
  color: #3f505a;
}

.icon-left-alignment-1:before {
  content: "\eb4f";
  color: #3f505a;
}

.icon-layers:before {
  content: "\eb50";
  color: #3f505a;
}

.icon-layer:before {
  content: "\eb51";
  color: #3f505a;
}

.icon-laptop:before {
  content: "\eb52";
  color: #3f505a;
}

.icon-laptop-connection:before {
  content: "\eb53";
  color: #3f505a;
}

.icon-landscape-text-files:before {
  content: "\eb54";
  color: #3f505a;
}

.icon-landscape-text-file:before {
  content: "\eb55";
  color: #3f505a;
}

.icon-landscape-document:before {
  content: "\eb56";
  color: #3f505a;
}

.icon-landscape-document-1:before {
  content: "\eb57";
  color: #3f505a;
}

.icon-landing:before {
  content: "\eb58";
  color: #3f505a;
}

.icon-label:before {
  content: "\eb59";
  color: #3f505a;
}

.icon-keyhole-square:before {
  content: "\eb5a";
  color: #3f505a;
}

.icon-keyhole-square-round:before {
  content: "\eb5b";
  color: #3f505a;
}

.icon-keyhole-circle:before {
  content: "\eb5c";
  color: #3f505a;
}

.icon-keyboard:before {
  content: "\eb5d";
  color: #3f505a;
}

.icon-keyboard-1:before {
  content: "\eb5e";
  color: #3f505a;
}

.icon-key:before {
  content: "\eb5f";
  color: #3f505a;
}

.icon-key-1:before {
  content: "\eb60";
  color: #3f505a;
}

.icon-justify-alignment:before {
  content: "\eb61";
  color: #3f505a;
}

.icon-java-script:before {
  content: "\eb62";
  color: #3f505a;
}

.icon-italic:before {
  content: "\eb63";
  color: #3f505a;
}

.icon-invoice:before {
  content: "\eb64";
  color: #3f505a;
}

.icon-invoice-1:before {
  content: "\eb65";
  color: #3f505a;
}

.icon-intersect:before {
  content: "\eb66";
  color: #3f505a;
}

.icon-internet:before {
  content: "\eb67";
  color: #3f505a;
}

.icon-intercom:before {
  content: "\eb68";
  color: #3f505a;
}

.icon-intercom-1:before {
  content: "\eb69";
  color: #3f505a;
}

.icon-instagram:before {
  content: "\eb6a";
  color: #3f505a;
}

.icon-instagram-1:before {
  content: "\eb6b";
  color: #3f505a;
}

.icon-inside-border:before {
  content: "\eb6c";
  color: #3f505a;
}

.icon-input-device:before {
  content: "\eb6d";
  color: #3f505a;
}

.icon-input-device-1:before {
  content: "\eb6e";
  color: #3f505a;
}

.icon-info-mail:before {
  content: "\eb6f";
  color: #3f505a;
}

.icon-info-cloud:before {
  content: "\eb70";
  color: #3f505a;
}

.icon-increase-money:before {
  content: "\eb71";
  color: #3f505a;
}

.icon-increase-brightness:before {
  content: "\eb72";
  color: #3f505a;
}

.icon-incoming-call:before {
  content: "\eb73";
  color: #3f505a;
}

.icon-image:before {
  content: "\eb74";
  color: #3f505a;
}

.icon-image-3:before {
  content: "\eb75";
  color: #3f505a;
}

.icon-image-2:before {
  content: "\eb76";
  color: #3f505a;
}

.icon-image-1:before {
  content: "\eb77";
  color: #3f505a;
}

.icon-image-sending-via-chat:before {
  content: "\eb78";
  color: #3f505a;
}

.icon-image-sending-via-chat-1:before {
  content: "\eb79";
  color: #3f505a;
}

.icon-image-resize:before {
  content: "\eb7a";
  color: #3f505a;
}

.icon-image-resize-1:before {
  content: "\eb7b";
  color: #3f505a;
}

.icon-image-reload:before {
  content: "\eb7c";
  color: #3f505a;
}

.icon-image-info:before {
  content: "\eb7d";
  color: #3f505a;
}

.icon-hyperlink:before {
  content: "\eb7e";
  color: #3f505a;
}

.icon-html:before {
  content: "\eb7f";
  color: #3f505a;
}

.icon-html-1:before {
  content: "\eb80";
  color: #3f505a;
}

.icon-house:before {
  content: "\eb81";
  color: #3f505a;
}

.icon-house-1:before {
  content: "\eb82";
  color: #3f505a;
}

.icon-hourglass:before {
  content: "\eb83";
  color: #3f505a;
}

.icon-horizontal-maximize:before {
  content: "\eb84";
  color: #3f505a;
}

.icon-horizontal-maximize-2:before {
  content: "\eb85";
  color: #3f505a;
}

.icon-horizontal-maximize-1:before {
  content: "\eb86";
  color: #3f505a;
}

.icon-horizontal-flip:before {
  content: "\eb87";
  color: #3f505a;
}

.icon-horizontal-flip-1:before {
  content: "\eb88";
  color: #3f505a;
}

.icon-horizontal-distribute-right:before {
  content: "\eb89";
  color: #3f505a;
}

.icon-horizontal-distribute-left:before {
  content: "\eb8a";
  color: #3f505a;
}

.icon-horizontal-distribute-center:before {
  content: "\eb8b";
  color: #3f505a;
}

.icon-horizontal-border:before {
  content: "\eb8c";
  color: #3f505a;
}

.icon-horizontal-alignment:before {
  content: "\eb8d";
  color: #3f505a;
}

.icon-horizontal-align-right:before {
  content: "\eb8e";
  color: #3f505a;
}

.icon-horizontal-align-left:before {
  content: "\eb8f";
  color: #3f505a;
}

.icon-horizontal-align-center:before {
  content: "\eb90";
  color: #3f505a;
}

.icon-horizontal-align-center-2-2:before {
  content: "\eb91";
  color: #3f505a;
}

.icon-horizontal-align-center-1:before {
  content: "\eb92";
  color: #3f505a;
}

.icon-history:before {
  content: "\eb93";
  color: #3f505a;
}

.icon-high-temperature:before {
  content: "\eb94";
  color: #3f505a;
}

.icon-high-temperature-1:before {
  content: "\eb95";
  color: #3f505a;
}

.icon-high-brightness:before {
  content: "\eb96";
  color: #3f505a;
}

.icon-hierarchy:before {
  content: "\eb97";
  color: #3f505a;
}

.icon-help:before {
  content: "\eb98";
  color: #3f505a;
}

.icon-help-mail:before {
  content: "\eb99";
  color: #3f505a;
}

.icon-help-location:before {
  content: "\eb9a";
  color: #3f505a;
}

.icon-help-folder:before {
  content: "\eb9b";
  color: #3f505a;
}

.icon-help-file:before {
  content: "\eb9c";
  color: #3f505a;
}

.icon-help-file-1:before {
  content: "\eb9d";
  color: #3f505a;
}

.icon-heart:before {
  content: "\eb9e";
  color: #3f505a;
}

.icon-heart-rate-machine:before {
  content: "\eb9f";
  color: #3f505a;
}

.icon-heart-beat:before {
  content: "\eba0";
  color: #3f505a;
}

.icon-health:before {
  content: "\eba1";
  color: #3f505a;
}

.icon-health-1:before {
  content: "\eba2";
  color: #3f505a;
}

.icon-headphone:before {
  content: "\eba3";
  color: #3f505a;
}

.icon-headphone-1:before {
  content: "\eba4";
  color: #3f505a;
}

.icon-hard-disk:before {
  content: "\eba5";
  color: #3f505a;
}

.icon-emoji-smile-dizzy:before {
  content: "\eba6";
  color: #3f505a;
}

.icon-emoji-smile-beam:before {
  content: "\eba7";
  color: #3f505a;
}

.icon-emoji-laughing:before {
  content: "\eba8";
  color: #3f505a;
}

.icon-emoji-grin:before {
  content: "\eba9";
  color: #3f505a;
}

.icon-happy-joyous-smiling-emoji-thrilled-emoji-nerd:before {
  content: "\ebaa";
  color: #3f505a;
}

.icon-happy-happy-face-smiley-emoji-smile:before {
  content: "\ebab";
  color: #3f505a;
}

.icon-handicap-symbol-patient-disability-wheelchair-accessible-icon-alt:before {
  content: "\ebac";
  color: #3f505a;
}

.icon-handicap-symbol-disability-handicap-wheelchair:before {
  content: "\ebad";
  color: #3f505a;
}

.icon-hand-watch:before {
  content: "\ebae";
  color: #3f505a;
}

.icon-hand-watch-1:before {
  content: "\ebaf";
  color: #3f505a;
}

.icon-hand-truck:before {
  content: "\ebb0";
  color: #3f505a;
}

.icon-hail:before {
  content: "\ebb1";
  color: #3f505a;
}

.icon-hail-during-night:before {
  content: "\ebb2";
  color: #3f505a;
}

.icon-growth:before {
  content: "\ebb3";
  color: #3f505a;
}

.icon-growth-graph:before {
  content: "\ebb4";
  color: #3f505a;
}

.icon-grid:before {
  content: "\ebb5";
  color: #3f505a;
}

.icon-grid-2:before {
  content: "\ebb6";
  color: #3f505a;
}

.icon-grid-1:before {
  content: "\ebb7";
  color: #3f505a;
}

.icon-grid-off:before {
  content: "\ebb8";
  color: #3f505a;
}

.icon-grid-layout:before {
  content: "\ebb9";
  color: #3f505a;
}

.icon-google:before {
  content: "\ebba";
  color: #3f505a;
}

.icon-google-play:before {
  content: "\ebbb";
  color: #3f505a;
}

.icon-google-hangouts:before {
  content: "\ebbc";
  color: #3f505a;
}

.icon-google-hangouts-alt:before {
  content: "\ebbd";
  color: #3f505a;
}

.icon-google-drive:before {
  content: "\ebbe";
  color: #3f505a;
}

.icon-golf-ball:before {
  content: "\ebbf";
  color: #3f505a;
}

.icon-goal:before {
  content: "\ebc0";
  color: #3f505a;
}

.icon-glass:before {
  content: "\ebc1";
  color: #3f505a;
}

.icon-glass-martini:before {
  content: "\ebc2";
  color: #3f505a;
}

.icon-github:before {
  content: "\ebc3";
  color: #3f505a;
}

.icon-github-1:before {
  content: "\ebc4";
  color: #3f505a;
}

.icon-gift:before {
  content: "\ebc5";
  color: #3f505a;
}

.icon-gambling:before {
  content: "\ebc6";
  color: #3f505a;
}

.icon-functions:before {
  content: "\ebc7";
  color: #3f505a;
}

.icon-full-brightness:before {
  content: "\ebc8";
  color: #3f505a;
}

.icon-forward:before {
  content: "\ebc9";
  color: #3f505a;
}

.icon-forward-mail:before {
  content: "\ebca";
  color: #3f505a;
}

.icon-format-text-direction-right-to-left:before {
  content: "\ebcb";
  color: #3f505a;
}

.icon-format-text-direction-left-to-right:before {
  content: "\ebcc";
  color: #3f505a;
}

.icon-fork:before {
  content: "\ebcd";
  color: #3f505a;
}

.icon-fork-1:before {
  content: "\ebce";
  color: #3f505a;
}

.icon-football-ball:before {
  content: "\ebcf";
  color: #3f505a;
}

.icon-folder:before {
  content: "\ebd0";
  color: #3f505a;
}

.icon-folder-1:before {
  content: "\ebd1";
  color: #3f505a;
}

.icon-folder-info:before {
  content: "\ebd2";
  color: #3f505a;
}

.icon-folder-info-1:before {
  content: "\ebd3";
  color: #3f505a;
}

.icon-focus:before {
  content: "\ebd4";
  color: #3f505a;
}

.icon-focus-3:before {
  content: "\ebd5";
  color: #3f505a;
}

.icon-focus-2:before {
  content: "\ebd6";
  color: #3f505a;
}

.icon-focus-1:before {
  content: "\ebd7";
  color: #3f505a;
}

.icon-flying:before {
  content: "\ebd8";
  color: #3f505a;
}

.icon-flight:before {
  content: "\ebd9";
  color: #3f505a;
}

.icon-fire:before {
  content: "\ebda";
  color: #3f505a;
}

.icon-filters:before {
  content: "\ebdb";
  color: #3f505a;
}

.icon-file:before {
  content: "\ebdc";
  color: #3f505a;
}

.icon-file-1:before {
  content: "\ebdd";
  color: #3f505a;
}

.icon-female-symbol-gender-sign-female-gendar-sign-sign-symbol-venus:before {
  content: "\ebde";
  color: #3f505a;
}

.icon-feedback:before {
  content: "\ebdf";
  color: #3f505a;
}

.icon-favorite:before {
  content: "\ebe0";
  color: #3f505a;
}

.icon-favorite-folder:before {
  content: "\ebe1";
  color: #3f505a;
}

.icon-favorite-file:before {
  content: "\ebe2";
  color: #3f505a;
}

.icon-favorite-chat:before {
  content: "\ebe3";
  color: #3f505a;
}

.icon-fast-message:before {
  content: "\ebe4";
  color: #3f505a;
}

.icon-fast-message-1:before {
  content: "\ebe5";
  color: #3f505a;
}

.icon-fast-forward:before {
  content: "\ebe6";
  color: #3f505a;
}

.icon-facebook:before {
  content: "\ebe7";
  color: #3f505a;
}

.icon-facebook-1:before {
  content: "\ebe8";
  color: #3f505a;
}

.icon-facebook-messenger:before {
  content: "\ebe9";
  color: #3f505a;
}

.icon-facebook-messenger-1:before {
  content: "\ebea";
  color: #3f505a;
}

.icon-eye:before {
  content: "\ebeb";
  color: #3f505a;
}

.icon-external-link:before {
  content: "\ebec";
  color: #3f505a;
}

.icon-exposure:before {
  content: "\ebed";
  color: #3f505a;
}

.icon-exposure-1:before {
  content: "\ebee";
  color: #3f505a;
}

.icon-expand:before {
  content: "\ebef";
  color: #3f505a;
}

.icon-expand-5:before {
  content: "\ebf0";
  color: #3f505a;
}

.icon-expand-4:before {
  content: "\ebf1";
  color: #3f505a;
}

.icon-expand-3:before {
  content: "\ebf2";
  color: #3f505a;
}

.icon-expand-2:before {
  content: "\ebf3";
  color: #3f505a;
}

.icon-expand-1:before {
  content: "\ebf4";
  color: #3f505a;
}

.icon-expand-right:before {
  content: "\ebf5";
  color: #3f505a;
}

.icon-exclude:before {
  content: "\ebf6";
  color: #3f505a;
}

.icon-exclamation-mark:before {
  content: "\ebf7";
  color: #3f505a;
}

.icon-exclamation-mark-3:before {
  content: "\ebf8";
  color: #3f505a;
}

.icon-exclamation-mark-2:before {
  content: "\ebf9";
  color: #3f505a;
}

.icon-exclamation-mark-1:before {
  content: "\ebfa";
  color: #3f505a;
}

.icon-euro:before {
  content: "\ebfb";
  color: #3f505a;
}

.icon-euro-coin:before {
  content: "\ebfc";
  color: #3f505a;
}

.icon-error-in-sync:before {
  content: "\ebfd";
  color: #3f505a;
}

.icon-equalizer:before {
  content: "\ebfe";
  color: #3f505a;
}

.icon-equalizer-1:before {
  content: "\ebff";
  color: #3f505a;
}

.icon-envelope:before {
  content: "\ec00";
  color: #3f505a;
}

.icon-enter:before {
  content: "\ec01";
  color: #3f505a;
}

.icon-emoji-face-thief-ninja:before {
  content: "\ec02";
  color: #3f505a;
}

.icon-emoji-face-smiley-angry:before {
  content: "\ec03";
  color: #3f505a;
}

.icon-edit:before {
  content: "\ec04";
  color: #3f505a;
}

.icon-edit-mail:before {
  content: "\ec05";
  color: #3f505a;
}

.icon-edit-location:before {
  content: "\ec06";
  color: #3f505a;
}

.icon-edit-file:before {
  content: "\ec07";
  color: #3f505a;
}

.icon-edit-chat:before {
  content: "\ec08";
  color: #3f505a;
}

.icon-edit-chat-1:before {
  content: "\ec09";
  color: #3f505a;
}

.icon-eclipsed:before {
  content: "\ec0a";
  color: #3f505a;
}

.icon-ear:before {
  content: "\ec0b";
  color: #3f505a;
}

.icon-dropbox:before {
  content: "\ec0c";
  color: #3f505a;
}

.icon-dribbble:before {
  content: "\ec0d";
  color: #3f505a;
}

.icon-drag-handle:before {
  content: "\ec0e";
  color: #3f505a;
}

.icon-download:before {
  content: "\ec0f";
  color: #3f505a;
}

.icon-download-1:before {
  content: "\ec10";
  color: #3f505a;
}

.icon-download-image:before {
  content: "\ec11";
  color: #3f505a;
}

.icon-download-folder:before {
  content: "\ec12";
  color: #3f505a;
}

.icon-download-file:before {
  content: "\ec13";
  color: #3f505a;
}

.icon-download-file-1:before {
  content: "\ec14";
  color: #3f505a;
}

.icon-download-chat:before {
  content: "\ec15";
  color: #3f505a;
}

.icon-download-chat-1:before {
  content: "\ec16";
  color: #3f505a;
}

.icon-down-growth:before {
  content: "\ec17";
  color: #3f505a;
}

.icon-down-chevron:before {
  content: "\ec18";
  color: #3f505a;
}

.icon-down-arrow:before {
  content: "\ec19";
  color: #3f505a;
}

.icon-down-arrow-2:before {
  content: "\ec1a";
  color: #3f505a;
}

.icon-down-arrow-1:before {
  content: "\ec1b";
  color: #3f505a;
}

.icon-double-chevron:before {
  content: "\ec1c";
  color: #3f505a;
}

.icon-double-chevron-1:before {
  content: "\ec1d";
  color: #3f505a;
}

.icon-double-bed:before {
  content: "\ec1e";
  color: #3f505a;
}

.icon-dollar:before {
  content: "\ec1f";
  color: #3f505a;
}

.icon-dollar-3:before {
  content: "\ec20";
  color: #3f505a;
}

.icon-dollar-2:before {
  content: "\ec21";
  color: #3f505a;
}

.icon-dollar-1:before {
  content: "\ec22";
  color: #3f505a;
}

.icon-dollar-coin:before {
  content: "\ec23";
  color: #3f505a;
}

.icon-documents:before {
  content: "\ec24";
  color: #3f505a;
}

.icon-documents-2:before {
  content: "\ec25";
  color: #3f505a;
}

.icon-documents-1:before {
  content: "\ec26";
  color: #3f505a;
}

.icon-document:before {
  content: "\ec27";
  color: #3f505a;
}

.icon-document-5:before {
  content: "\ec28";
  color: #3f505a;
}

.icon-document-4:before {
  content: "\ec29";
  color: #3f505a;
}

.icon-document-3:before {
  content: "\ec2a";
  color: #3f505a;
}

.icon-document-2:before {
  content: "\ec2b";
  color: #3f505a;
}

.icon-document-1:before {
  content: "\ec2c";
  color: #3f505a;
}

.icon-document-layout:before {
  content: "\ec2d";
  color: #3f505a;
}

.icon-document-layout-2:before {
  content: "\ec2e";
  color: #3f505a;
}

.icon-document-layout-1:before {
  content: "\ec2f";
  color: #3f505a;
}

.icon-document-info:before {
  content: "\ec30";
  color: #3f505a;
}

.icon-document-info-1:before {
  content: "\ec31";
  color: #3f505a;
}

.icon-dna:before {
  content: "\ec32";
  color: #3f505a;
}

.icon-dislike:before {
  content: "\ec33";
  color: #3f505a;
}

.icon-direction-tool:before {
  content: "\ec34";
  color: #3f505a;
}

.icon-direction-board:before {
  content: "\ec35";
  color: #3f505a;
}

.icon-direction-board-2:before {
  content: "\ec36";
  color: #3f505a;
}

.icon-direction-board-1:before {
  content: "\ec37";
  color: #3f505a;
}

.icon-dig-construction-tool-tool-shovel:before {
  content: "\ec38";
  color: #3f505a;
}

.icon-dice:before {
  content: "\ec39";
  color: #3f505a;
}

.icon-dice-3:before {
  content: "\ec3a";
  color: #3f505a;
}

.icon-dice-2:before {
  content: "\ec3b";
  color: #3f505a;
}

.icon-dice-1:before {
  content: "\ec3c";
  color: #3f505a;
}

.icon-dialpad:before {
  content: "\ec3d";
  color: #3f505a;
}

.icon-dialpad-1:before {
  content: "\ec3e";
  color: #3f505a;
}

.icon-diagonal-resize:before {
  content: "\ec3f";
  color: #3f505a;
}

.icon-diagonal-resize-1:before {
  content: "\ec40";
  color: #3f505a;
}

.icon-desert:before {
  content: "\ec41";
  color: #3f505a;
}

.icon-delete-user:before {
  content: "\ec42";
  color: #3f505a;
}

.icon-delete-photo:before {
  content: "\ec43";
  color: #3f505a;
}

.icon-delete-folder:before {
  content: "\ec44";
  color: #3f505a;
}

.icon-delete-file:before {
  content: "\ec45";
  color: #3f505a;
}

.icon-delete-file-1:before {
  content: "\ec46";
  color: #3f505a;
}

.icon-degree-celsius:before {
  content: "\ec47";
  color: #3f505a;
}

.icon-date:before {
  content: "\ec48";
  color: #3f505a;
}

.icon-database:before {
  content: "\ec49";
  color: #3f505a;
}

.icon-data-storage:before {
  content: "\ec4a";
  color: #3f505a;
}

.icon-dashboard:before {
  content: "\ec4b";
  color: #3f505a;
}

.icon-dashboard-1:before {
  content: "\ec4c";
  color: #3f505a;
}

.icon-cup:before {
  content: "\ec4d";
  color: #3f505a;
}

.icon-cube:before {
  content: "\ec4e";
  color: #3f505a;
}

.icon-crying-cry-sad-tear-depressed-face-with-tear-emoji-sad-crying:before {
  content: "\ec4f";
  color: #3f505a;
}

.icon-crying-cry-sad-tear-depressed-emoji-sad-cry:before {
  content: "\ec50";
  color: #3f505a;
}

.icon-crop:before {
  content: "\ec51";
  color: #3f505a;
}

.icon-crop-2:before {
  content: "\ec52";
  color: #3f505a;
}

.icon-crop-1:before {
  content: "\ec53";
  color: #3f505a;
}

.icon-crockery:before {
  content: "\ec54";
  color: #3f505a;
}

.icon-credit-card:before {
  content: "\ec55";
  color: #3f505a;
}

.icon-creative-commons-creative-commons-symbol-sign-symbol-closed-captioning:before {
  content: "\ec56";
  color: #3f505a;
}

.icon-corrupted-image:before {
  content: "\ec57";
  color: #3f505a;
}

.icon-copyright-sign-sign-symbol-copyright:before {
  content: "\ec58";
  color: #3f505a;
}

.icon-contrast:before {
  content: "\ec59";
  color: #3f505a;
}

.icon-construction-worker-worker-engineer-constructor:before {
  content: "\ec5a";
  color: #3f505a;
}

.icon-construction-tool-machine-tool-construction-jackhammer:before {
  content: "\ec5b";
  color: #3f505a;
}

.icon-construction-tool-construction-tool-trowel:before {
  content: "\ec5c";
  color: #3f505a;
}

.icon-construction-helmet-construction-hard-hat-construction-hat-worker-user-hard-hat-hard-hat:before {
  content: "\ec5d";
  color: #3f505a;
}

.icon-connection:before {
  content: "\ec5e";
  color: #3f505a;
}

.icon-connection-1:before {
  content: "\ec5f";
  color: #3f505a;
}

.icon-conical-flask:before {
  content: "\ec60";
  color: #3f505a;
}

.icon-conical-flask-1:before {
  content: "\ec61";
  color: #3f505a;
}

.icon-confused-face-confuse-sad-smirking-face-emoji-confused:before {
  content: "\ec62";
  color: #3f505a;
}

.icon-confuse-mouth-shut-no-words-out-of-words-silence-zipped-mouth-emoji:before {
  content: "\ec63";
  color: #3f505a;
}

.icon-computer:before {
  content: "\ec64";
  color: #3f505a;
}

.icon-computer-mouse:before {
  content: "\ec65";
  color: #3f505a;
}

.icon-computer-mouse-1:before {
  content: "\ec66";
  color: #3f505a;
}

.icon-compress:before {
  content: "\ec67";
  color: #3f505a;
}

.icon-comment:before {
  content: "\ec68";
  color: #3f505a;
}

.icon-comment-1:before {
  content: "\ec69";
  color: #3f505a;
}

.icon-color-palette:before {
  content: "\ec6a";
  color: #3f505a;
}

.icon-cold-weather:before {
  content: "\ec6b";
  color: #3f505a;
}

.icon-cold-weather-3:before {
  content: "\ec6c";
  color: #3f505a;
}

.icon-cold-weather-2:before {
  content: "\ec6d";
  color: #3f505a;
}

.icon-cold-weather-1:before {
  content: "\ec6e";
  color: #3f505a;
}

.icon-cold-temperature:before {
  content: "\ec6f";
  color: #3f505a;
}

.icon-coffee:before {
  content: "\ec70";
  color: #3f505a;
}

.icon-clouds:before {
  content: "\ec71";
  color: #3f505a;
}

.icon-cloud:before {
  content: "\ec72";
  color: #3f505a;
}

.icon-cloud-signal:before {
  content: "\ec73";
  color: #3f505a;
}

.icon-cloud-info:before {
  content: "\ec74";
  color: #3f505a;
}

.icon-cloud-drizzel:before {
  content: "\ec75";
  color: #3f505a;
}

.icon-cloud-drizzel-1:before {
  content: "\ec76";
  color: #3f505a;
}

.icon-cloud-connection:before {
  content: "\ec77";
  color: #3f505a;
}

.icon-cloud-connection-3:before {
  content: "\ec78";
  color: #3f505a;
}

.icon-cloud-connection-2:before {
  content: "\ec79";
  color: #3f505a;
}

.icon-cloud-connection-1:before {
  content: "\ec7a";
  color: #3f505a;
}

.icon-close:before {
  content: "\ec7b";
  color: #3f505a;
}

.icon-close-2:before {
  content: "\ec7c";
  color: #3f505a;
}

.icon-close-1:before {
  content: "\ec7d";
  color: #3f505a;
}

.icon-clock:before {
  content: "\ec7e";
  color: #3f505a;
}

.icon-clock-6:before {
  content: "\ec7f";
  color: #3f505a;
}

.icon-clock-5:before {
  content: "\ec80";
  color: #3f505a;
}

.icon-clock-4:before {
  content: "\ec81";
  color: #3f505a;
}

.icon-clock-3:before {
  content: "\ec82";
  color: #3f505a;
}

.icon-clock-2:before {
  content: "\ec83";
  color: #3f505a;
}

.icon-clock-1:before {
  content: "\ec84";
  color: #3f505a;
}

.icon-clipboard:before {
  content: "\ec85";
  color: #3f505a;
}

.icon-clipboard-3:before {
  content: "\ec86";
  color: #3f505a;
}

.icon-clipboard-2:before {
  content: "\ec87";
  color: #3f505a;
}

.icon-clipboard-1:before {
  content: "\ec88";
  color: #3f505a;
}

.icon-clapper-board:before {
  content: "\ec89";
  color: #3f505a;
}

.icon-circuit:before {
  content: "\ec8a";
  color: #3f505a;
}

.icon-circle-layer:before {
  content: "\ec8b";
  color: #3f505a;
}

.icon-chip:before {
  content: "\ec8c";
  color: #3f505a;
}

.icon-checked:before {
  content: "\ec8d";
  color: #3f505a;
}

.icon-check:before {
  content: "\ec8e";
  color: #3f505a;
}

.icon-chat:before {
  content: "\ec8f";
  color: #3f505a;
}

.icon-chat-7:before {
  content: "\ec90";
  color: #3f505a;
}

.icon-chat-6:before {
  content: "\ec91";
  color: #3f505a;
}

.icon-chat-5:before {
  content: "\ec92";
  color: #3f505a;
}

.icon-chat-4:before {
  content: "\ec93";
  color: #3f505a;
}

.icon-chat-3:before {
  content: "\ec94";
  color: #3f505a;
}

.icon-chat-2:before {
  content: "\ec95";
  color: #3f505a;
}

.icon-chat-1:before {
  content: "\ec96";
  color: #3f505a;
}

.icon-chat-support:before {
  content: "\ec97";
  color: #3f505a;
}

.icon-chat-signal:before {
  content: "\ec98";
  color: #3f505a;
}

.icon-chat-info:before {
  content: "\ec99";
  color: #3f505a;
}

.icon-chat-info-5:before {
  content: "\ec9a";
  color: #3f505a;
}

.icon-chat-info-4:before {
  content: "\ec9b";
  color: #3f505a;
}

.icon-chat-info-3:before {
  content: "\ec9c";
  color: #3f505a;
}

.icon-chat-info-2-2:before {
  content: "\ec9d";
  color: #3f505a;
}

.icon-chat-info-1:before {
  content: "\ec9e";
  color: #3f505a;
}

.icon-chat-bubble:before {
  content: "\ec9f";
  color: #3f505a;
}

.icon-chat-bubble-2:before {
  content: "\eca0";
  color: #3f505a;
}

.icon-chat-bubble-1:before {
  content: "\eca1";
  color: #3f505a;
}

.icon-charging-plug:before {
  content: "\eca2";
  color: #3f505a;
}

.icon-center-alignment:before {
  content: "\eca3";
  color: #3f505a;
}

.icon-center-alignment-1:before {
  content: "\eca4";
  color: #3f505a;
}

.icon-cells:before {
  content: "\eca5";
  color: #3f505a;
}

.icon-cd:before {
  content: "\eca6";
  color: #3f505a;
}

.icon-cash:before {
  content: "\eca7";
  color: #3f505a;
}

.icon-cash-bundle:before {
  content: "\eca8";
  color: #3f505a;
}

.icon-cart:before {
  content: "\eca9";
  color: #3f505a;
}

.icon-cart-1:before {
  content: "\ecaa";
  color: #3f505a;
}

.icon-caret:before {
  content: "\ecab";
  color: #3f505a;
}

.icon-card:before {
  content: "\ecac";
  color: #3f505a;
}

.icon-card-3:before {
  content: "\ecad";
  color: #3f505a;
}

.icon-card-2:before {
  content: "\ecae";
  color: #3f505a;
}

.icon-card-1:before {
  content: "\ecaf";
  color: #3f505a;
}

.icon-car:before {
  content: "\ecb0";
  color: #3f505a;
}

.icon-car-1:before {
  content: "\ecb1";
  color: #3f505a;
}

.icon-canoe:before {
  content: "\ecb2";
  color: #3f505a;
}

.icon-cancel:before {
  content: "\ecb3";
  color: #3f505a;
}

.icon-cancel-mail:before {
  content: "\ecb4";
  color: #3f505a;
}

.icon-cancel-cloud:before {
  content: "\ecb5";
  color: #3f505a;
}

.icon-camera-shutter:before {
  content: "\ecb6";
  color: #3f505a;
}

.icon-camera-shutter-1:before {
  content: "\ecb7";
  color: #3f505a;
}

.icon-camera-reel:before {
  content: "\ecb8";
  color: #3f505a;
}

.icon-camera-change:before {
  content: "\ecb9";
  color: #3f505a;
}

.icon-call:before {
  content: "\ecba";
  color: #3f505a;
}

.icon-call-6:before {
  content: "\ecbb";
  color: #3f505a;
}

.icon-call-5:before {
  content: "\ecbc";
  color: #3f505a;
}

.icon-call-4:before {
  content: "\ecbd";
  color: #3f505a;
}

.icon-call-3:before {
  content: "\ecbe";
  color: #3f505a;
}

.icon-call-2:before {
  content: "\ecbf";
  color: #3f505a;
}

.icon-call-1:before {
  content: "\ecc0";
  color: #3f505a;
}

.icon-call-cancel:before {
  content: "\ecc1";
  color: #3f505a;
}

.icon-calender:before {
  content: "\ecc2";
  color: #3f505a;
}

.icon-calendar:before {
  content: "\ecc3";
  color: #3f505a;
}

.icon-calculation:before {
  content: "\ecc4";
  color: #3f505a;
}

.icon-cable-car:before {
  content: "\ecc5";
  color: #3f505a;
}

.icon-business-chat:before {
  content: "\ecc6";
  color: #3f505a;
}

.icon-bus:before {
  content: "\ecc7";
  color: #3f505a;
}

.icon-building:before {
  content: "\ecc8";
  color: #3f505a;
}

.icon-buggy-concrete-concrete-trolley-construction-trolley-construction-wheel-barrow:before {
  content: "\ecc9";
  color: #3f505a;
}

.icon-bug:before {
  content: "\ecca";
  color: #3f505a;
}

.icon-brush:before {
  content: "\eccb";
  color: #3f505a;
}

.icon-broken-chain:before {
  content: "\eccc";
  color: #3f505a;
}

.icon-bring-object-to-front:before {
  content: "\eccd";
  color: #3f505a;
}

.icon-bring-object-to-bottom:before {
  content: "\ecce";
  color: #3f505a;
}

.icon-brick-wall-partition-brick-partition-construction-wall:before {
  content: "\eccf";
  color: #3f505a;
}

.icon-brain:before {
  content: "\ecd0";
  color: #3f505a;
}

.icon-box:before {
  content: "\ecd1";
  color: #3f505a;
}

.icon-bowling:before {
  content: "\ecd2";
  color: #3f505a;
}

.icon-bottom-border:before {
  content: "\ecd3";
  color: #3f505a;
}

.icon-bottom-alignment:before {
  content: "\ecd4";
  color: #3f505a;
}

.icon-bottom-alignment-1:before {
  content: "\ecd5";
  color: #3f505a;
}

.icon-border:before {
  content: "\ecd6";
  color: #3f505a;
}

.icon-border-style:before {
  content: "\ecd7";
  color: #3f505a;
}

.icon-books:before {
  content: "\ecd8";
  color: #3f505a;
}

.icon-bookmark-message:before {
  content: "\ecd9";
  color: #3f505a;
}

.icon-bookmark-mail:before {
  content: "\ecda";
  color: #3f505a;
}

.icon-bookmark-in-book:before {
  content: "\ecdb";
  color: #3f505a;
}

.icon-bookmark-document:before {
  content: "\ecdc";
  color: #3f505a;
}

.icon-bookmark-cloud:before {
  content: "\ecdd";
  color: #3f505a;
}

.icon-book:before {
  content: "\ecde";
  color: #3f505a;
}

.icon-book-2:before {
  content: "\ecdf";
  color: #3f505a;
}

.icon-book-1:before {
  content: "\ece0";
  color: #3f505a;
}

.icon-bolt:before {
  content: "\ece1";
  color: #3f505a;
}

.icon-bolt-tool-hardware-screw:before {
  content: "\ece2";
  color: #3f505a;
}

.icon-bold:before {
  content: "\ece3";
  color: #3f505a;
}

.icon-boat:before {
  content: "\ece4";
  color: #3f505a;
}

.icon-bluetooth:before {
  content: "\ece5";
  color: #3f505a;
}

.icon-blogger:before {
  content: "\ece6";
  color: #3f505a;
}

.icon-blogger-1:before {
  content: "\ece7";
  color: #3f505a;
}

.icon-block-forbidden-forbidden-sign-prohibited-prohibited-sign-restricted-restricted-sign-ban:before {
  content: "\ece8";
  color: #3f505a;
}

.icon-block-mail:before {
  content: "\ece9";
  color: #3f505a;
}

.icon-block-layers:before {
  content: "\ecea";
  color: #3f505a;
}

.icon-block-layers-1:before {
  content: "\eceb";
  color: #3f505a;
}

.icon-block-file:before {
  content: "\ecec";
  color: #3f505a;
}

.icon-block-display:before {
  content: "\eced";
  color: #3f505a;
}

.icon-block-display-1:before {
  content: "\ecee";
  color: #3f505a;
}

.icon-block-cloud:before {
  content: "\ecef";
  color: #3f505a;
}

.icon-block-chat:before {
  content: "\ecf0";
  color: #3f505a;
}

.icon-block-chat-1:before {
  content: "\ecf1";
  color: #3f505a;
}

.icon-black-berry:before {
  content: "\ecf2";
  color: #3f505a;
}

.icon-bitcoin:before {
  content: "\ecf3";
  color: #3f505a;
}

.icon-bitcoin-1:before {
  content: "\ecf4";
  color: #3f505a;
}

.icon-bill:before {
  content: "\ecf5";
  color: #3f505a;
}

.icon-bill-1:before {
  content: "\ecf6";
  color: #3f505a;
}

.icon-bell:before {
  content: "\ecf7";
  color: #3f505a;
}

.icon-behance:before {
  content: "\ecf8";
  color: #3f505a;
}

.icon-behance-1:before {
  content: "\ecf9";
  color: #3f505a;
}

.icon-bed:before {
  content: "\ecfa";
  color: #3f505a;
}

.icon-battery:before {
  content: "\ecfb";
  color: #3f505a;
}

.icon-battery-charging:before {
  content: "\ecfc";
  color: #3f505a;
}

.icon-bathtub:before {
  content: "\ecfd";
  color: #3f505a;
}

.icon-basketball:before {
  content: "\ecfe";
  color: #3f505a;
}

.icon-basket:before {
  content: "\ecff";
  color: #3f505a;
}

.icon-basket-ball:before {
  content: "\ed00";
  color: #3f505a;
}

.icon-baseball:before {
  content: "\ed01";
  color: #3f505a;
}

.icon-bars:before {
  content: "\ed02";
  color: #3f505a;
}

.icon-barricade-barrier-work-in-process-traffic-barrier:before {
  content: "\ed03";
  color: #3f505a;
}

.icon-barbell:before {
  content: "\ed04";
  color: #3f505a;
}

.icon-bar-graph:before {
  content: "\ed05";
  color: #3f505a;
}

.icon-bar-graph-7:before {
  content: "\ed06";
  color: #3f505a;
}

.icon-bar-graph-6:before {
  content: "\ed07";
  color: #3f505a;
}

.icon-bar-graph-5:before {
  content: "\ed08";
  color: #3f505a;
}

.icon-bar-graph-4:before {
  content: "\ed09";
  color: #3f505a;
}

.icon-bar-graph-3:before {
  content: "\ed0a";
  color: #3f505a;
}

.icon-bar-graph-2:before {
  content: "\ed0b";
  color: #3f505a;
}

.icon-bar-graph-1:before {
  content: "\ed0c";
  color: #3f505a;
}

.icon-bank:before {
  content: "\ed0d";
  color: #3f505a;
}

.icon-bandage:before {
  content: "\ed0e";
  color: #3f505a;
}

.icon-balance:before {
  content: "\ed0f";
  color: #3f505a;
}

.icon-badge:before {
  content: "\ed10";
  color: #3f505a;
}

.icon-backup:before {
  content: "\ed11";
  color: #3f505a;
}

.icon-backspace:before {
  content: "\ed12";
  color: #3f505a;
}

.icon-back:before {
  content: "\ed13";
  color: #3f505a;
}

.icon-baby-baby-face-smile-emoji-kid:before {
  content: "\ed14";
  color: #3f505a;
}

.icon-baby-carriage:before {
  content: "\ed15";
  color: #3f505a;
}

.icon-award:before {
  content: "\ed16";
  color: #3f505a;
}

.icon-avoid-synchronize:before {
  content: "\ed17";
  color: #3f505a;
}

.icon-auto-flash:before {
  content: "\ed18";
  color: #3f505a;
}

.icon-attach:before {
  content: "\ed19";
  color: #3f505a;
}

.icon-atomic-molecules:before {
  content: "\ed1a";
  color: #3f505a;
}

.icon-atm-card:before {
  content: "\ed1b";
  color: #3f505a;
}

.icon-asterisk:before {
  content: "\ed1c";
  color: #3f505a;
}

.icon-assistive-listening-systems:before {
  content: "\ed1d";
  color: #3f505a;
}

.icon-arrows:before {
  content: "\ed1e";
  color: #3f505a;
}

.icon-arrows-2:before {
  content: "\ed1f";
  color: #3f505a;
}

.icon-arrows-1:before {
  content: "\ed20";
  color: #3f505a;
}

.icon-arrow:before {
  content: "\ed21";
  color: #3f505a;
}

.icon-arrow-3:before {
  content: "\ed22";
  color: #3f505a;
}

.icon-arrow-2:before {
  content: "\ed23";
  color: #3f505a;
}

.icon-arrow-1:before {
  content: "\ed24";
  color: #3f505a;
}

.icon-archway:before {
  content: "\ed25";
  color: #3f505a;
}

.icon-archive:before {
  content: "\ed26";
  color: #3f505a;
}

.icon-archery:before {
  content: "\ed27";
  color: #3f505a;
}

.icon-approved-mail:before {
  content: "\ed28";
  color: #3f505a;
}

.icon-approved-cloud:before {
  content: "\ed29";
  color: #3f505a;
}

.icon-approvetick:before {
  content: "\ed2a";
  color: #3f505a;
}

.icon-approve:before {
  content: "\ed2b";
  color: #3f505a;
}

.icon-approve-user:before {
  content: "\ed2c";
  color: #3f505a;
}

.icon-approve-image:before {
  content: "\ed2d";
  color: #3f505a;
}

.icon-approve-folder:before {
  content: "\ed2e";
  color: #3f505a;
}

.icon-approve-file:before {
  content: "\ed2f";
  color: #3f505a;
}

.icon-approve-file-1:before {
  content: "\ed30";
  color: #3f505a;
}

.icon-approve-chat:before {
  content: "\ed31";
  color: #3f505a;
}

.icon-approve-chat-3:before {
  content: "\ed32";
  color: #3f505a;
}

.icon-approve-chat-2:before {
  content: "\ed33";
  color: #3f505a;
}

.icon-approve-chat-1:before {
  content: "\ed34";
  color: #3f505a;
}

.icon-apple:before {
  content: "\ed35";
  color: #3f505a;
}

.icon-apple-1:before {
  content: "\ed36";
  color: #3f505a;
}

.icon-annoyed-face-tired-face-tired-unamused-emoji-annoyed:before {
  content: "\ed37";
  color: #3f505a;
}

.icon-annoyed-face-annoyed-tired-face-tired-unamused-emoji-annoyed-alt:before {
  content: "\ed38";
  color: #3f505a;
}

.icon-annoyed-face-annoyed-tired-face-emoji-tired-unamused:before {
  content: "\ed39";
  color: #3f505a;
}

.icon-ankh:before {
  content: "\ed3a";
  color: #3f505a;
}

.icon-android:before {
  content: "\ed3b";
  color: #3f505a;
}

.icon-android-1:before {
  content: "\ed3c";
  color: #3f505a;
}

.icon-anchor:before {
  content: "\ed3d";
  color: #3f505a;
}

.icon-american-football:before {
  content: "\ed3e";
  color: #3f505a;
}

.icon-ambulance:before {
  content: "\ed3f";
  color: #3f505a;
}

.icon-amazon:before {
  content: "\ed40";
  color: #3f505a;
}

.icon-amazed-dumbfounded-surprised-shocked-emoji-surprise:before {
  content: "\ed41";
  color: #3f505a;
}

.icon-alignment:before {
  content: "\ed42";
  color: #3f505a;
}

.icon-align:before {
  content: "\ed43";
  color: #3f505a;
}

.icon-align-center:before {
  content: "\ed44";
  color: #3f505a;
}

.icon-alert-mail:before {
  content: "\ed45";
  color: #3f505a;
}

.icon-airplay:before {
  content: "\ed46";
  color: #3f505a;
}

.icon-aim:before {
  content: "\ed47";
  color: #3f505a;
}

.icon-age:before {
  content: "\ed48";
  color: #3f505a;
}

.icon-adobe:before {
  content: "\ed49";
  color: #3f505a;
}

.icon-adobe-1:before {
  content: "\ed4a";
  color: #3f505a;
}

.icon-adjust:before {
  content: "\ed4b";
  color: #3f505a;
}

.icon-adjust-2:before {
  content: "\ed4c";
  color: #3f505a;
}

.icon-adjust-1:before {
  content: "\ed4d";
  color: #3f505a;
}

.icon-addressat-the-rate:before {
  content: "\ed4e";
  color: #3f505a;
}

.icon-add-photo:before {
  content: "\ed4f";
  color: #3f505a;
}

.icon-add-new:before {
  content: "\ed50";
  color: #3f505a;
}

.icon-add-new-file:before {
  content: "\ed51";
  color: #3f505a;
}

.icon-add-mail:before {
  content: "\ed52";
  color: #3f505a;
}

.icon-add-location:before {
  content: "\ed53";
  color: #3f505a;
}

.icon-add-image:before {
  content: "\ed54";
  color: #3f505a;
}

.icon-add-folder:before {
  content: "\ed55";
  color: #3f505a;
}

.icon-add-document:before {
  content: "\ed56";
  color: #3f505a;
}

.icon-add-chat:before {
  content: "\ed57";
  color: #3f505a;
}

.icon-add-chat-1:before {
  content: "\ed58";
  color: #3f505a;
}

.icon-add-book:before {
  content: "\ed59";
  color: #3f505a;
}

.icon-add-account:before {
  content: "\ed5a";
  color: #3f505a;
}

.icon-account:before {
  content: "\ed5b";
  color: #3f505a;
}

.icon-account-1:before {
  content: "\ed5c";
  color: #3f505a;
}

.icon-account-info:before {
  content: "\ed5d";
  color: #3f505a;
}

.icon-rotate:before {
  content: "\ed5e";
  color: #3f505a;
}

.icon-uniED5F:before {
  content: "\ed5f";
  color: #3f505a;
}

.icon-1:before {
  content: "\ed60";
  color: #3f505a;
}

.icon-2:before {
  content: "\ed61";
  color: #3f505a;
}

.icon-3:before {
  content: "\ed62";
  color: #3f505a;
}

.icon-4:before {
  content: "\ed63";
  color: #3f505a;
}

.icon-5:before {
  content: "\ed64";
  color: #3f505a;
}

.icon-6:before {
  content: "\ed65";
  color: #3f505a;
}

.icon-7:before {
  content: "\ed66";
  color: #3f505a;
}

.icon-8:before {
  content: "\ed67";
  color: #3f505a;
}

/*font sizes*/
/*line heights*/
/*font weights*/
/*letter spacing*/
/*-- border width --*/
/*-- radius --*/
/*-- spacing --*/
/*-- effects --*/
body,
.body {
  font-family: "Montserrat";
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
  color: #1a1a1a;
  letter-spacing: -0.5px;
}

.display1 {
  font-size: 36px;
  line-height: 42px;
  font-weight: 700;
  letter-spacing: -0.75px;
  color: #1a1a1a;
}

.display2 {
  font-size: 27px;
  line-height: 35px;
  font-weight: 600;
  letter-spacing: -0.75px;
  color: #1a1a1a;
}

.display3 {
  font-size: 22.5px;
  line-height: 28px;
  font-weight: 700;
  letter-spacing: -0.75px;
  color: #1a1a1a;
}

h1,
.h1,
.product_page .product_intro .product_actions .product-price,
.vendors_list.flags .row_title,
.vendors_list .letter {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: -0.75px;
  color: #1a1a1a;
  margin-bottom: 8px;
}

h2,
.h2,
.esim_page .esim-instructions .instructions-title > span {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: -0.5px;
}

h3,
.h3,
.checkout_page .checkout_summary .product_card .product-quantity .product-price {
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.5px;
  color: #1a1a1a;
}

h4,
.h4 {
  font-size: 13px;
  line-height: 22px;
  font-weight: 600;
  letter-spacing: -0.5px;
}

h5,
.h5 {
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: -0.5px;
}

h6,
.h6 {
  font-size: 11px;
  line-height: 18px;
  font-weight: 700;
  letter-spacing: -0.5px;
}

small,
.small {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  letter-spacing: -0.5px;
  color: #1a1a1a;
}

strong,
.strong {
  font-weight: 700;
}

a {
  text-decoration: none;
  font-size: 13px;
  line-height: 22px;
  font-weight: 600;
  color: #168a4a;
  display: inline-flex;
  align-items: center;
}
a > * {
  color: #168a4a;
}
a [class^=icon-],
a [class*=" icon-"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
a [class^=icon-]:before,
a [class*=" icon-"]:before {
  color: #168a4a;
  line-height: 22px;
}

p {
  margin-bottom: 16px;
}

hr,
.hr {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #e6e9ed;
  border: none;
  margin: 0;
}

.font-size-smallest {
  font-size: 10px;
}

.font-size-smaller {
  font-size: 11px;
}

.font-size-small {
  font-size: 12px;
}

.font-size-regular {
  font-size: 13px;
}

.font-size-big {
  font-size: 15px;
}

.font-size-bigger {
  font-size: 16px;
}

.font-size-biggest {
  font-size: 18px;
}

@keyframes fade {
  0% {
    opacity: 0;
    margin-left: -15px;
  }
  100% {
    opacity: 1;
    margin-left: 0;
  }
}
@keyframes cross_fade {
  0% {
    opacity: 0.2;
  }
  16.66% {
    opacity: 1;
  }
  33.33% {
    opacity: 0.2;
  }
  100% {
    opacity: 0.2;
  }
}
@keyframes end_signal {
  0% {
    opacity: 1;
    margin-left: 0px;
  }
  100% {
    opacity: 0;
    margin-left: 15px;
  }
}
.clear_list, body > header .header_wrapper ul.header_actions, footer ul.footer_nav, .landing_page .landing-guest-greeting .landing-guest-greeting-why ul, .landing_page .landing-guest-greeting .landing-guest-greeting-cta ul.guest-cta, .main_nav ul, ul.sidebar_nav, .checkout_page .checkout_summary .checkout_summary_detailed, .details_list, .vendors_list ul.vendors_row, .tabs_wrapper .tabs_nav, .chips_list, .cards_list, .button_group {
  list-style: none;
  margin: 0;
  padding: 0;
}

.dont_select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.reset_font {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  text-align: left;
}

.text_left {
  text-align: left;
}
.text_left img {
  margin: auto;
}

.text_center {
  text-align: center;
}
.text_center img {
  margin: auto;
}

.text_right {
  text-align: right;
}
.text_right img {
  margin: auto;
}

.text_white {
  color: #ffffff !important;
}
.text_white h1, .text_white .h1, .text_white .product_page .product_intro .product_actions .product-price, .product_page .product_intro .product_actions .text_white .product-price, .text_white .vendors_list.flags .row_title, .vendors_list.flags .text_white .row_title, .text_white .vendors_list .letter, .vendors_list .text_white .letter, .text_white h2, .text_white .h2, .text_white .esim_page .esim-instructions .instructions-title > span, .esim_page .esim-instructions .text_white .instructions-title > span, .text_white h3, .text_white .h3, .text_white .checkout_page .checkout_summary .product_card .product-quantity .product-price, .checkout_page .checkout_summary .product_card .product-quantity .text_white .product-price, .text_white h4, .text_white .h4 {
  color: #ffffff !important;
}
.text_white p {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text_red {
  color: #f4333f !important;
}
.text_red h1, .text_red .h1, .text_red .product_page .product_intro .product_actions .product-price, .product_page .product_intro .product_actions .text_red .product-price, .text_red .vendors_list.flags .row_title, .vendors_list.flags .text_red .row_title, .text_red .vendors_list .letter, .vendors_list .text_red .letter, .text_red h2, .text_red .h2, .text_red .esim_page .esim-instructions .instructions-title > span, .esim_page .esim-instructions .text_red .instructions-title > span, .text_red h3, .text_red .h3, .text_red .checkout_page .checkout_summary .product_card .product-quantity .product-price, .checkout_page .checkout_summary .product_card .product-quantity .text_red .product-price, .text_red h4, .text_red .h4 {
  color: #f4333f;
}
.text_red p {
  color: #f4333f !important;
}

.columns_layout {
  width: 100%;
  display: flex;
  gap: 8px;
}
.columns_layout.flex_row {
  flex-direction: row;
  align-items: center;
}
.columns_layout.flex_column {
  flex-direction: column;
  justify-content: center;
}
.columns_layout.two_columns {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: stretch;
  margin-left: -6px;
  margin-right: -6px;
  margin-bottom: 0;
}
.columns_layout.two_columns > * {
  width: calc(50% - 12px);
  margin-left: 6px;
  margin-right: 6px;
  margin-bottom: 12px;
}
.columns_layout.three_columns {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: stretch;
  margin-left: -6px;
  margin-right: -6px;
  margin-bottom: 0;
}
.columns_layout.three_columns > * {
  width: calc(33.3333% - 12px);
  margin-left: 6px;
  margin-right: 6px;
  margin-bottom: 12px;
}
.columns_layout.four_columns {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: stretch;
  margin-left: -6px;
  margin-right: -6px;
  margin-bottom: 0;
}
.columns_layout.four_columns > * {
  width: calc(25% - 12px);
  margin-left: 6px;
  margin-right: 6px;
  margin-bottom: 12px;
}
.columns_layout.column_vertical_stretch {
  align-items: stretch;
}
.columns_layout.column_horizontal_stretch {
  justify-content: stretch;
}

button,
.button {
  appearance: none;
  -webkit-apparance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: "Montserrat";
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: -0.5px;
  text-align: center;
  white-space: nowrap;
  background-color: #168a4a;
  color: #ffffff;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 5px;
  padding: 8px 16px;
  cursor: pointer;
  transition: all 750ms cubic-bezier(0.08, 0.7, 0.35, 1.04);
  -webkit-transition: all 750ms cubic-bezier(0.08, 0.7, 0.35, 1.04);
  -moz-transition: all 750ms cubic-bezier(0.08, 0.7, 0.35, 1.04);
}
button [class^=icon-]:before,
button [class*=" icon-"]:before,
.button [class^=icon-]:before,
.button [class*=" icon-"]:before {
  color: #ffffff;
  line-height: 1;
  transition: all 750ms cubic-bezier(0.08, 0.7, 0.35, 1.04);
  -webkit-transition: all 750ms cubic-bezier(0.08, 0.7, 0.35, 1.04);
  -moz-transition: all 750ms cubic-bezier(0.08, 0.7, 0.35, 1.04);
}
button.icon_button,
.button.icon_button {
  padding: 8px;
}
button.disabled,
.button.disabled {
  opacity: 0.2;
  pointer-events: none;
}
button .count,
.button .count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 4px;
  border-radius: 5px;
  font-size: 80%;
  line-height: 1;
  background-color: #168a4a;
  color: #ffffff !important;
}
button.has_label,
.button.has_label {
  justify-content: space-between;
}
button.has_label small,
.button.has_label small {
  font-size: 13px;
  line-height: 20px;
}
button:hover,
.button:hover {
  background-color: #168a4a;
}
button:focus,
.button:focus {
  background-color: #168a4a;
}
button.font_size_smaller,
.button.font_size_smaller {
  font-size: 80%;
}
button.font_size_small,
.button.font_size_small {
  font-size: 90%;
}
button.font_size_big,
.button.font_size_big {
  font-size: 110%;
}
button.font_size_bigger,
.button.font_size_bigger {
  font-size: 120%;
}
button.font_size_biggest,
.button.font_size_biggest {
  font-size: 130%;
}
button.size_smaller,
.button.size_smaller {
  font-size: 11px;
  line-height: 16px;
  font-weight: 500;
  padding: 2px 8px;
  gap: 2px;
}
button.size_smaller [class^=icon-]:before,
button.size_smaller [class*=" icon-"]:before,
.button.size_smaller [class^=icon-]:before,
.button.size_smaller [class*=" icon-"]:before {
  font-size: 12px;
}
button.size_smaller.icon_button,
.button.size_smaller.icon_button {
  padding: 2px;
}
button.size_small,
.button.size_small {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  padding: 4px 12px;
}
button.size_small [class^=icon-]:before,
button.size_small [class*=" icon-"]:before,
.button.size_small [class^=icon-]:before,
.button.size_small [class*=" icon-"]:before {
  font-size: 16px;
}
button.size_small.icon_button,
.button.size_small.icon_button {
  padding: 4px;
}
button.size_regular,
.button.size_regular {
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  padding: 8px 16px;
  gap: 4px;
}
button.size_regular [class^=icon-]:before,
button.size_regular [class*=" icon-"]:before,
.button.size_regular [class^=icon-]:before,
.button.size_regular [class*=" icon-"]:before {
  font-size: 18px;
}
button.size_regular.icon_button,
.button.size_regular.icon_button {
  padding: 8px;
}
button.size_big,
.button.size_big {
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
  padding: 12px 24px;
  gap: 4px;
}
button.size_big [class^=icon-]:before,
button.size_big [class*=" icon-"]:before,
.button.size_big [class^=icon-]:before,
.button.size_big [class*=" icon-"]:before {
  font-size: 20px;
}
button.size_big.icon_button,
.button.size_big.icon_button {
  padding: 12px;
}
button.size_bigger,
.button.size_bigger {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  padding: 12px 32px;
  gap: 4px;
}
button.size_bigger [class^=icon-]:before,
button.size_bigger [class*=" icon-"]:before,
.button.size_bigger [class^=icon-]:before,
.button.size_bigger [class*=" icon-"]:before {
  font-size: 22px;
}
button.size_bigger.icon_button,
.button.size_bigger.icon_button {
  padding: 12px;
}
button.size_biggest,
.button.size_biggest {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  padding: 12px 40px;
  gap: 4px;
}
button.size_biggest [class^=icon-]:before,
button.size_biggest [class*=" icon-"]:before,
.button.size_biggest [class^=icon-]:before,
.button.size_biggest [class*=" icon-"]:before {
  font-size: 24px;
}
button.size_biggest.icon_button,
.button.size_biggest.icon_button {
  padding: 12px;
}
button.primary,
.button.primary {
  background-color: #168a4a;
  color: #ffffff;
  border-color: transparent;
}
button.primary > *,
.button.primary > * {
  color: #ffffff;
}
button.primary [class^=icon-]:before,
button.primary [class*=" icon-"]:before,
.button.primary [class^=icon-]:before,
.button.primary [class*=" icon-"]:before {
  color: #ffffff;
}
button.primary:hover,
.button.primary:hover {
  background-color: #168a4a;
}
button.primary:focus,
.button.primary:focus {
  background-color: #168a4a;
}
button.primary.outline,
.button.primary.outline {
  background-color: transparent;
  border-color: #168a4a;
  color: #168a4a;
}
button.primary.outline > *,
.button.primary.outline > * {
  color: #168a4a;
}
button.primary.outline [class^=icon-]:before,
button.primary.outline [class*=" icon-"]:before,
.button.primary.outline [class^=icon-]:before,
.button.primary.outline [class*=" icon-"]:before {
  color: #168a4a;
}
button.primary.outline:hover,
.button.primary.outline:hover {
  color: #ffffff;
  border-color: #168a4a;
  background-color: #168a4a;
}
button.primary.outline:hover > *,
.button.primary.outline:hover > * {
  color: #ffffff;
}
button.primary.outline:hover [class^=icon-]:before,
button.primary.outline:hover [class*=" icon-"]:before,
.button.primary.outline:hover [class^=icon-]:before,
.button.primary.outline:hover [class*=" icon-"]:before {
  color: #ffffff;
}
button.primary.outline:focus,
.button.primary.outline:focus {
  color: #168a4a;
  border-color: #168a4a;
  background-color: #f3f9f6;
}
button.primary.outline:focus > *,
.button.primary.outline:focus > * {
  color: #168a4a;
}
button.primary.outline:focus [class^=icon-]:before,
button.primary.outline:focus [class*=" icon-"]:before,
.button.primary.outline:focus [class^=icon-]:before,
.button.primary.outline:focus [class*=" icon-"]:before {
  color: #168a4a;
}
button.secondary,
.button.secondary {
  background-color: #168a4a;
  color: #ffffff;
}
button.secondary > *,
.button.secondary > * {
  color: #ffffff;
}
button.secondary [class^=icon-]:before,
button.secondary [class*=" icon-"]:before,
.button.secondary [class^=icon-]:before,
.button.secondary [class*=" icon-"]:before {
  color: #ffffff;
}
button.secondary:hover,
.button.secondary:hover {
  background-color: #168a4a;
}
button.secondary:focus,
.button.secondary:focus {
  background-color: #168a4a;
}
button.secondary.outline,
.button.secondary.outline {
  color: #168a4a;
  background-color: transparent;
  border-color: #168a4a;
}
button.secondary.outline > *,
.button.secondary.outline > * {
  color: #168a4a;
}
button.secondary.outline [class^=icon-]:before,
button.secondary.outline [class*=" icon-"]:before,
.button.secondary.outline [class^=icon-]:before,
.button.secondary.outline [class*=" icon-"]:before {
  color: #168a4a;
}
button.secondary.outline:hover,
.button.secondary.outline:hover {
  color: #ffffff;
  border-color: #168a4a;
  background-color: #168a4a;
}
button.secondary.outline:hover > *,
.button.secondary.outline:hover > * {
  color: #ffffff;
}
button.secondary.outline:hover [class^=icon-]:before,
button.secondary.outline:hover [class*=" icon-"]:before,
.button.secondary.outline:hover [class^=icon-]:before,
.button.secondary.outline:hover [class*=" icon-"]:before {
  color: #ffffff;
}
button.secondary.outline:focus,
.button.secondary.outline:focus {
  color: #168a4a;
  border-color: #168a4a;
  background-color: #f3f9f6;
}
button.secondary.outline:focus > *,
.button.secondary.outline:focus > * {
  color: #168a4a;
}
button.secondary.outline:focus [class^=icon-]:before,
button.secondary.outline:focus [class*=" icon-"]:before,
.button.secondary.outline:focus [class^=icon-]:before,
.button.secondary.outline:focus [class*=" icon-"]:before {
  color: #168a4a;
}
button.accent,
.button.accent {
  background-color: #1aa358;
  color: #ffffff;
}
button.accent > *,
.button.accent > * {
  color: #ffffff;
}
button.accent [class^=icon-]:before,
button.accent [class*=" icon-"]:before,
.button.accent [class^=icon-]:before,
.button.accent [class*=" icon-"]:before {
  color: #ffffff;
}
button.accent:hover,
.button.accent:hover {
  background-color: #1aa358;
}
button.accent:focus,
.button.accent:focus {
  background-color: #1aa358;
}
button.accent.outline,
.button.accent.outline {
  color: #1aa358;
  background-color: transparent;
  border-color: #1aa358;
}
button.accent.outline > *,
.button.accent.outline > * {
  color: #1aa358;
}
button.accent.outline [class^=icon-]:before,
button.accent.outline [class*=" icon-"]:before,
.button.accent.outline [class^=icon-]:before,
.button.accent.outline [class*=" icon-"]:before {
  color: #1aa358;
}
button.accent.outline:hover,
.button.accent.outline:hover {
  color: #ffffff;
  border-color: #1aa358;
  background-color: #1aa358;
}
button.accent.outline:hover > *,
.button.accent.outline:hover > * {
  color: #ffffff;
}
button.accent.outline:hover [class^=icon-]:before,
button.accent.outline:hover [class*=" icon-"]:before,
.button.accent.outline:hover [class^=icon-]:before,
.button.accent.outline:hover [class*=" icon-"]:before {
  color: #ffffff;
}
button.accent.outline:focus,
.button.accent.outline:focus {
  color: #1aa358;
  border-color: #1aa358;
  background-color: #f3f9f6;
}
button.accent.outline:focus > *,
.button.accent.outline:focus > * {
  color: #1aa358;
}
button.accent.outline:focus [class^=icon-]:before,
button.accent.outline:focus [class*=" icon-"]:before,
.button.accent.outline:focus [class^=icon-]:before,
.button.accent.outline:focus [class*=" icon-"]:before {
  color: #1aa358;
}
button.white,
.button.white {
  background-color: #ffffff;
  color: #168a4a;
}
button.white > *,
.button.white > * {
  color: #168a4a;
}
button.white [class^=icon-]:before,
button.white [class*=" icon-"]:before,
.button.white [class^=icon-]:before,
.button.white [class*=" icon-"]:before {
  color: #168a4a;
}
button.white:hover,
.button.white:hover {
  background-color: transparent;
  color: #ffffff;
  border-color: #ffffff;
}
button.white:hover > *,
.button.white:hover > * {
  color: #ffffff;
}
button.white:hover [class^=icon-]:before,
button.white:hover [class*=" icon-"]:before,
.button.white:hover [class^=icon-]:before,
.button.white:hover [class*=" icon-"]:before {
  color: #ffffff;
}
button.white:focus,
.button.white:focus {
  color: #ffffff;
  background-color: #168a4a;
  border-color: #168a4a;
}
button.white:focus > *,
.button.white:focus > * {
  color: #ffffff;
}
button.white:focus [class^=icon-]:before,
button.white:focus [class*=" icon-"]:before,
.button.white:focus [class^=icon-]:before,
.button.white:focus [class*=" icon-"]:before {
  color: #ffffff;
}
button.white.outline,
.button.white.outline {
  color: #ffffff;
  background-color: transparent;
  border-color: #ffffff;
}
button.white.outline > *,
.button.white.outline > * {
  color: #ffffff;
}
button.white.outline [class^=icon-]:before,
button.white.outline [class*=" icon-"]:before,
.button.white.outline [class^=icon-]:before,
.button.white.outline [class*=" icon-"]:before {
  color: #ffffff;
}
button.white.outline:hover,
.button.white.outline:hover {
  color: #168a4a;
  border-color: #ffffff;
  background-color: #ffffff;
}
button.white.outline:hover > *,
.button.white.outline:hover > * {
  color: #168a4a;
}
button.white.outline:hover [class^=icon-]:before,
button.white.outline:hover [class*=" icon-"]:before,
.button.white.outline:hover [class^=icon-]:before,
.button.white.outline:hover [class*=" icon-"]:before {
  color: #168a4a;
}
button.white.outline:focus,
.button.white.outline:focus {
  color: #ffffff;
  background-color: #168a4a;
  border-color: #168a4a;
}
button.white.outline:focus > *,
.button.white.outline:focus > * {
  color: #ffffff;
}
button.white.outline:focus [class^=icon-]:before,
button.white.outline:focus [class*=" icon-"]:before,
.button.white.outline:focus [class^=icon-]:before,
.button.white.outline:focus [class*=" icon-"]:before {
  color: #ffffff;
}
button.gray,
.button.gray {
  background-color: #e6e9ed;
  color: #1a1a1a;
  border-color: transparent;
}
button.gray > *,
.button.gray > * {
  color: #1a1a1a;
}
button.gray [class^=icon-]:before,
button.gray [class*=" icon-"]:before,
.button.gray [class^=icon-]:before,
.button.gray [class*=" icon-"]:before {
  color: #1a1a1a;
}
button.gray:hover,
.button.gray:hover {
  background-color: #168a4a;
}
button.gray:focus,
.button.gray:focus {
  background-color: #168a4a;
}
button.gray.active,
.button.gray.active {
  background-color: #d1e8db;
  color: #1a1a1a;
}
button.gray.active > *,
.button.gray.active > * {
  color: #1a1a1a;
}
button.gray.outline,
.button.gray.outline {
  background-color: transparent;
  border-color: #e6e9ed;
  color: #1a1a1a;
}
button.gray.outline > *,
.button.gray.outline > * {
  color: #1a1a1a;
}
button.gray.outline [class^=icon-]:before,
button.gray.outline [class*=" icon-"]:before,
.button.gray.outline [class^=icon-]:before,
.button.gray.outline [class*=" icon-"]:before {
  color: #1a1a1a;
}
button.gray.outline:hover,
.button.gray.outline:hover {
  color: #ffffff;
  border-color: #e6e9ed;
  background-color: #e6e9ed;
}
button.gray.outline:hover > *,
.button.gray.outline:hover > * {
  color: #1a1a1a;
}
button.gray.outline:hover [class^=icon-]:before,
button.gray.outline:hover [class*=" icon-"]:before,
.button.gray.outline:hover [class^=icon-]:before,
.button.gray.outline:hover [class*=" icon-"]:before {
  color: #1a1a1a;
}
button.gray.outline:focus,
.button.gray.outline:focus {
  color: #168a4a;
  border-color: #168a4a;
  background-color: #f3f9f6;
}
button.gray.outline:focus [class^=icon-]:before,
button.gray.outline:focus [class*=" icon-"]:before,
.button.gray.outline:focus [class^=icon-]:before,
.button.gray.outline:focus [class*=" icon-"]:before {
  color: #1a1a1a;
}
button.gray.outline.active,
.button.gray.outline.active {
  background-color: #d1e8db;
  color: #1a1a1a;
}
button.gray.outline.active > *,
.button.gray.outline.active > * {
  color: #1a1a1a;
}
button.login.apple,
.button.login.apple {
  background-color: #000;
  color: #fff;
}
button.login.apple:hover,
.button.login.apple:hover {
  background-color: #3a3a3a;
}
button.login.google,
.button.login.google {
  background-color: #fff;
  color: #000;
}
button.login.google:hover,
.button.login.google:hover {
  background-color: #d1d1d1;
}

.button_group {
  display: flex;
  gap: 12px;
}
.button_group.horizontal {
  flex-direction: row;
  align-items: center;
}
.button_group.vertical {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}
.button_group li {
  width: 100%;
}

.button_full_width {
  width: 100%;
}

input,
textarea,
select {
  appearance: none;
  -webkit-appearance: none;
  border-radius: 5px;
  border: none;
  background-color: #f3f9f6;
  padding: 8px 16px;
  display: block;
  width: 100%;
  font-family: "Montserrat";
  font-size: 13px;
  line-height: 22px;
  font-weight: 400;
  color: #1a1a1a;
  text-align: left;
  transition: all 100ms cubic-bezier(0.08, 0.7, 0.35, 1.04);
  -webkit-transition: all 100ms cubic-bezier(0.08, 0.7, 0.35, 1.04);
  -moz-transition: all 100ms cubic-bezier(0.08, 0.7, 0.35, 1.04);
}
input::placeholder,
textarea::placeholder,
select::placeholder {
  font-weight: 300;
  color: #1a1a1a;
}
input:focus, input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:active, input:-webkit-autofill:focus, input:is(:-webkit-autofill, :autofill),
textarea:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:active,
textarea:-webkit-autofill:focus,
textarea:is(:-webkit-autofill, :autofill),
select:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:active,
select:-webkit-autofill:focus,
select:is(:-webkit-autofill, :autofill) {
  background-color: #f3f9f6 !important;
  -webkit-text-fill-color: #1a1a1a;
  color: #1a1a1a !important;
  outline: none;
  -webkit-outline: none;
}
input:disabled,
textarea:disabled,
select:disabled {
  border: none;
  background-color: #d1e8db;
  color: #1a1a1a;
}
input.size_smaller,
textarea.size_smaller,
select.size_smaller {
  font-size: 11px;
  line-height: 18px;
  padding: 4px 8px;
}
input.size_small,
textarea.size_small,
select.size_small {
  font-size: 12px;
  line-height: 20px;
  padding: 4px 16px;
}
input.size_big,
textarea.size_big,
select.size_big {
  font-size: 15px;
  line-height: 24px;
}
input.size_bigger,
textarea.size_bigger,
select.size_bigger {
  font-size: 16px;
  line-height: 26px;
}
input.size_biggest,
textarea.size_biggest,
select.size_biggest {
  font-size: 18px;
  line-height: 28px;
}
input[type=checkbox], input[type=radio],
textarea[type=checkbox],
textarea[type=radio],
select[type=checkbox],
select[type=radio] {
  -webkit-appearance: none;
  appearance: none;
  background-color: #ffffff;
  margin: 0;
  padding: 0;
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e6e9ed;
  border-radius: 5px;
}
input[type=checkbox]:before, input[type=radio]:before,
textarea[type=checkbox]:before,
textarea[type=radio]:before,
select[type=checkbox]:before,
select[type=radio]:before {
  font-family: "icons";
  content: "\ec8e";
  color: #ffffff !important;
  opacity: 0;
  transition: all 0.25s cubic-bezier(0.08, 0.7, 0.35, 1.04);
  -webkit-transition: all 0.25s cubic-bezier(0.08, 0.7, 0.35, 1.04);
  -moz-transition: all 0.25s cubic-bezier(0.08, 0.7, 0.35, 1.04);
}
input[type=checkbox]:focus, input[type=checkbox]:-webkit-autofill, input[type=checkbox]:-webkit-autofill:hover, input[type=checkbox]:-webkit-autofill:active, input[type=checkbox]:-webkit-autofill:focus, input[type=checkbox]:is(:-webkit-autofill, :autofill), input[type=radio]:focus, input[type=radio]:-webkit-autofill, input[type=radio]:-webkit-autofill:hover, input[type=radio]:-webkit-autofill:active, input[type=radio]:-webkit-autofill:focus, input[type=radio]:is(:-webkit-autofill, :autofill),
textarea[type=checkbox]:focus,
textarea[type=checkbox]:-webkit-autofill,
textarea[type=checkbox]:-webkit-autofill:hover,
textarea[type=checkbox]:-webkit-autofill:active,
textarea[type=checkbox]:-webkit-autofill:focus,
textarea[type=checkbox]:is(:-webkit-autofill, :autofill),
textarea[type=radio]:focus,
textarea[type=radio]:-webkit-autofill,
textarea[type=radio]:-webkit-autofill:hover,
textarea[type=radio]:-webkit-autofill:active,
textarea[type=radio]:-webkit-autofill:focus,
textarea[type=radio]:is(:-webkit-autofill, :autofill),
select[type=checkbox]:focus,
select[type=checkbox]:-webkit-autofill,
select[type=checkbox]:-webkit-autofill:hover,
select[type=checkbox]:-webkit-autofill:active,
select[type=checkbox]:-webkit-autofill:focus,
select[type=checkbox]:is(:-webkit-autofill, :autofill),
select[type=radio]:focus,
select[type=radio]:-webkit-autofill,
select[type=radio]:-webkit-autofill:hover,
select[type=radio]:-webkit-autofill:active,
select[type=radio]:-webkit-autofill:focus,
select[type=radio]:is(:-webkit-autofill, :autofill) {
  background-color: #ffffff !important;
}
input[type=checkbox]:checked, input[type=radio]:checked,
textarea[type=checkbox]:checked,
textarea[type=radio]:checked,
select[type=checkbox]:checked,
select[type=radio]:checked {
  -webkit-appearance: none;
  appearance: none;
  color: #ffffff !important;
  background-color: #1aa358 !important;
  border-color: #1aa358;
}
input[type=checkbox]:checked:before, input[type=radio]:checked:before,
textarea[type=checkbox]:checked:before,
textarea[type=radio]:checked:before,
select[type=checkbox]:checked:before,
select[type=radio]:checked:before {
  -webkit-text-fill-color: #ffffff;
  color: #ffffff !important;
  opacity: 1;
}

select {
  position: relative;
}
select:before {
  content: "\ea3c";
  font-family: "icons";
  font-size: 16px;
  line-height: 1;
  color: #168a4a;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 16px;
}

.required_mark {
  color: #f4333f;
}

label {
  font-size: 13px;
  line-height: 28px;
  font-weight: 400;
  color: #1a1a1a;
}

.form-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  margin-top: 12px;
}
.form-item.no_margin {
  margin-top: 0;
}
.form-item:first-child {
  margin-top: 0;
}
.form-item label {
  display: block;
  line-height: 1;
}
.form-item.progress_bar {
  background-color: #e1f0e8;
  border-radius: 5px;
  padding: 8px;
  margin-top: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  color: #168a4a;
  white-space: nowrap;
}
.form-item.progress_bar .progress-bar-element {
  width: 100%;
  height: 8px;
  background-color: #d1e8db;
  border-radius: 5px;
  position: relative;
}
.form-item.progress_bar .progress-bar-element .progress-bar-value {
  height: 100%;
  background-color: #168a4a;
  border-radius: 5px;
  position: absolute;
  top: 0;
  bottom: 0;
}
.form-item.progress_bar [class^=icon-]:before,
.form-item.progress_bar [class*=" icon-"]:before {
  font-size: 14px;
  color: #168a4a;
}
.form-item.progress_bar.error {
  color: #1a1a1a;
}
.form-item.progress_bar.error .progress-bar-element {
  background-color: #fccccf;
}
.form-item.progress_bar.error .progress-bar-element .progress-bar-value {
  background-color: #f4333f;
}
.form-item.progress_bar.success {
  color: #1a1a1a;
}
.form-item.progress_bar.success .progress-bar-element {
  background-color: #bfebcf;
}
.form-item.progress_bar.success .progress-bar-element .progress-bar-value {
  background-color: #00ae41;
}
.form-item.progress_bar.warning {
  color: #1a1a1a;
}
.form-item.progress_bar.warning .progress-bar-element {
  background-color: #fceccc;
}
.form-item.progress_bar.warning .progress-bar-element .progress-bar-value {
  background-color: #ffc249;
}
.form-item.progress_bar.vertical {
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.form-item.vertical {
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.form-item.horizontal {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.form-item.form_checkbox {
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.form-item.error input,
.form-item.error textarea,
.form-item.error select {
  border: 1px solid #f4333f;
}
.form-item.error label,
.form-item.error small {
  color: #f4333f;
}

.card_title + .form-item {
  margin-top: 0;
}

.form_search {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
}

.card {
  background-color: #ffffff;
  border: 1px solid #e6e9ed;
  border-radius: 10px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  color: #1a1a1a;
}
.card > hr {
  background-color: #e6e9ed;
}
.card h1,
.card .h1,
.card .product_page .product_intro .product_actions .product-price,
.product_page .product_intro .product_actions .card .product-price,
.card .vendors_list.flags .row_title,
.vendors_list.flags .card .row_title,
.card .vendors_list .letter,
.vendors_list .card .letter,
.card h2,
.card .h2,
.card .esim_page .esim-instructions .instructions-title > span,
.esim_page .esim-instructions .card .instructions-title > span,
.card h3,
.card .h3,
.card .checkout_page .checkout_summary .product_card .product-quantity .product-price,
.checkout_page .checkout_summary .product_card .product-quantity .card .product-price {
  color: #1a1a1a;
  margin: 0;
}
.card h1 + p,
.card .h1 + p,
.card .product_page .product_intro .product_actions .product-price + p,
.product_page .product_intro .product_actions .card .product-price + p,
.card .vendors_list.flags .row_title + p,
.vendors_list.flags .card .row_title + p,
.card .vendors_list .letter + p,
.vendors_list .card .letter + p,
.card h2 + p,
.card .h2 + p,
.card .esim_page .esim-instructions .instructions-title > span + p,
.esim_page .esim-instructions .card .instructions-title > span + p,
.card h3 + p,
.card .h3 + p,
.card .checkout_page .checkout_summary .product_card .product-quantity .product-price + p,
.checkout_page .checkout_summary .product_card .product-quantity .card .product-price + p {
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
  color: #1a1a1a;
  margin: 0;
}
.card p {
  margin: 0;
}
.card form {
  width: 100%;
}
.card.small_padding {
  padding: 8px 16px;
}
.card.primary {
  background-color: #168a4a;
  color: #ffffff;
}
.card.primary > hr {
  background-color: #168a4a;
}
.card.primary label,
.card.primary .label {
  color: #ffffff;
}
.card.primary h1,
.card.primary .h1,
.card.primary .product_page .product_intro .product_actions .product-price,
.product_page .product_intro .product_actions .card.primary .product-price,
.card.primary .vendors_list.flags .row_title,
.vendors_list.flags .card.primary .row_title,
.card.primary .vendors_list .letter,
.vendors_list .card.primary .letter,
.card.primary h2,
.card.primary .h2,
.card.primary .esim_page .esim-instructions .instructions-title > span,
.esim_page .esim-instructions .card.primary .instructions-title > span,
.card.primary h3,
.card.primary .h3,
.card.primary .checkout_page .checkout_summary .product_card .product-quantity .product-price,
.checkout_page .checkout_summary .product_card .product-quantity .card.primary .product-price {
  color: #ffffff;
}
.card.primary h1 + p, .card.primary h1 + small,
.card.primary .h1 + p,
.card.primary .product_page .product_intro .product_actions .product-price + p,
.product_page .product_intro .product_actions .card.primary .product-price + p,
.card.primary .vendors_list.flags .row_title + p,
.vendors_list.flags .card.primary .row_title + p,
.card.primary .vendors_list .letter + p,
.vendors_list .card.primary .letter + p,
.card.primary .h1 + small,
.card.primary .product_page .product_intro .product_actions .product-price + small,
.product_page .product_intro .product_actions .card.primary .product-price + small,
.card.primary .vendors_list.flags .row_title + small,
.vendors_list.flags .card.primary .row_title + small,
.card.primary .vendors_list .letter + small,
.vendors_list .card.primary .letter + small,
.card.primary h2 + p,
.card.primary h2 + small,
.card.primary .h2 + p,
.card.primary .esim_page .esim-instructions .instructions-title > span + p,
.esim_page .esim-instructions .card.primary .instructions-title > span + p,
.card.primary .h2 + small,
.card.primary .esim_page .esim-instructions .instructions-title > span + small,
.esim_page .esim-instructions .card.primary .instructions-title > span + small,
.card.primary h3 + p,
.card.primary h3 + small,
.card.primary .h3 + p,
.card.primary .checkout_page .checkout_summary .product_card .product-quantity .product-price + p,
.checkout_page .checkout_summary .product_card .product-quantity .card.primary .product-price + p,
.card.primary .h3 + small,
.card.primary .checkout_page .checkout_summary .product_card .product-quantity .product-price + small,
.checkout_page .checkout_summary .product_card .product-quantity .card.primary .product-price + small {
  color: #ffffff;
}
.card.primary .card_title h1,
.card.primary .card_title .h1,
.card.primary .card_title .product_page .product_intro .product_actions .product-price,
.product_page .product_intro .product_actions .card.primary .card_title .product-price,
.card.primary .card_title .vendors_list.flags .row_title,
.vendors_list.flags .card.primary .card_title .row_title,
.card.primary .card_title .vendors_list .letter,
.vendors_list .card.primary .card_title .letter,
.card.primary .card_title h2,
.card.primary .card_title .h2,
.card.primary .card_title .esim_page .esim-instructions .instructions-title > span,
.esim_page .esim-instructions .card.primary .card_title .instructions-title > span,
.card.primary .card_title h3,
.card.primary .card_title .h3,
.card.primary .card_title .checkout_page .checkout_summary .product_card .product-quantity .product-price,
.checkout_page .checkout_summary .product_card .product-quantity .card.primary .card_title .product-price {
  color: #ffffff;
  margin: 0;
}
.card.primary .card_title h1 + p,
.card.primary .card_title h1 p + small,
.card.primary .card_title .h1 + p,
.card.primary .card_title .product_page .product_intro .product_actions .product-price + p,
.product_page .product_intro .product_actions .card.primary .card_title .product-price + p,
.card.primary .card_title .vendors_list.flags .row_title + p,
.vendors_list.flags .card.primary .card_title .row_title + p,
.card.primary .card_title .vendors_list .letter + p,
.vendors_list .card.primary .card_title .letter + p,
.card.primary .card_title .h1 p + small,
.card.primary .card_title .product_page .product_intro .product_actions .product-price p + small,
.product_page .product_intro .product_actions .card.primary .card_title .product-price p + small,
.card.primary .card_title .vendors_list.flags .row_title p + small,
.vendors_list.flags .card.primary .card_title .row_title p + small,
.card.primary .card_title .vendors_list .letter p + small,
.vendors_list .card.primary .card_title .letter p + small,
.card.primary .card_title h2 + p,
.card.primary .card_title h2 p + small,
.card.primary .card_title .h2 + p,
.card.primary .card_title .esim_page .esim-instructions .instructions-title > span + p,
.esim_page .esim-instructions .card.primary .card_title .instructions-title > span + p,
.card.primary .card_title .h2 p + small,
.card.primary .card_title .esim_page .esim-instructions .instructions-title > span p + small,
.esim_page .esim-instructions .card.primary .card_title .instructions-title > span p + small,
.card.primary .card_title h3 + p,
.card.primary .card_title h3 p + small,
.card.primary .card_title .h3 + p,
.card.primary .card_title .checkout_page .checkout_summary .product_card .product-quantity .product-price + p,
.checkout_page .checkout_summary .product_card .product-quantity .card.primary .card_title .product-price + p,
.card.primary .card_title .h3 p + small,
.card.primary .card_title .checkout_page .checkout_summary .product_card .product-quantity .product-price p + small,
.checkout_page .checkout_summary .product_card .product-quantity .card.primary .card_title .product-price p + small {
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
  color: #ffffff;
  margin: 0;
}
.card.primary [class^=icon-]:before,
.card.primary [class*=" icon-"]:before {
  color: #ffffff;
}
.card.secondary {
  background-color: #168a4a;
  color: #ffffff;
}
.card.secondary > hr {
  background-color: #168a4a;
}
.card.secondary label,
.card.secondary .label {
  color: #ffffff;
}
.card.secondary h1,
.card.secondary .h1,
.card.secondary .product_page .product_intro .product_actions .product-price,
.product_page .product_intro .product_actions .card.secondary .product-price,
.card.secondary .vendors_list.flags .row_title,
.vendors_list.flags .card.secondary .row_title,
.card.secondary .vendors_list .letter,
.vendors_list .card.secondary .letter,
.card.secondary h2,
.card.secondary .h2,
.card.secondary .esim_page .esim-instructions .instructions-title > span,
.esim_page .esim-instructions .card.secondary .instructions-title > span,
.card.secondary h3,
.card.secondary .h3,
.card.secondary .checkout_page .checkout_summary .product_card .product-quantity .product-price,
.checkout_page .checkout_summary .product_card .product-quantity .card.secondary .product-price {
  color: #ffffff;
}
.card.secondary h1 + p, .card.secondary h1 + small,
.card.secondary .h1 + p,
.card.secondary .product_page .product_intro .product_actions .product-price + p,
.product_page .product_intro .product_actions .card.secondary .product-price + p,
.card.secondary .vendors_list.flags .row_title + p,
.vendors_list.flags .card.secondary .row_title + p,
.card.secondary .vendors_list .letter + p,
.vendors_list .card.secondary .letter + p,
.card.secondary .h1 + small,
.card.secondary .product_page .product_intro .product_actions .product-price + small,
.product_page .product_intro .product_actions .card.secondary .product-price + small,
.card.secondary .vendors_list.flags .row_title + small,
.vendors_list.flags .card.secondary .row_title + small,
.card.secondary .vendors_list .letter + small,
.vendors_list .card.secondary .letter + small,
.card.secondary h2 + p,
.card.secondary h2 + small,
.card.secondary .h2 + p,
.card.secondary .esim_page .esim-instructions .instructions-title > span + p,
.esim_page .esim-instructions .card.secondary .instructions-title > span + p,
.card.secondary .h2 + small,
.card.secondary .esim_page .esim-instructions .instructions-title > span + small,
.esim_page .esim-instructions .card.secondary .instructions-title > span + small,
.card.secondary h3 + p,
.card.secondary h3 + small,
.card.secondary .h3 + p,
.card.secondary .checkout_page .checkout_summary .product_card .product-quantity .product-price + p,
.checkout_page .checkout_summary .product_card .product-quantity .card.secondary .product-price + p,
.card.secondary .h3 + small,
.card.secondary .checkout_page .checkout_summary .product_card .product-quantity .product-price + small,
.checkout_page .checkout_summary .product_card .product-quantity .card.secondary .product-price + small {
  color: #ffffff;
}
.card.secondary .card_title h1,
.card.secondary .card_title .h1,
.card.secondary .card_title .product_page .product_intro .product_actions .product-price,
.product_page .product_intro .product_actions .card.secondary .card_title .product-price,
.card.secondary .card_title .vendors_list.flags .row_title,
.vendors_list.flags .card.secondary .card_title .row_title,
.card.secondary .card_title .vendors_list .letter,
.vendors_list .card.secondary .card_title .letter,
.card.secondary .card_title h2,
.card.secondary .card_title .h2,
.card.secondary .card_title .esim_page .esim-instructions .instructions-title > span,
.esim_page .esim-instructions .card.secondary .card_title .instructions-title > span,
.card.secondary .card_title h3,
.card.secondary .card_title .h3,
.card.secondary .card_title .checkout_page .checkout_summary .product_card .product-quantity .product-price,
.checkout_page .checkout_summary .product_card .product-quantity .card.secondary .card_title .product-price {
  color: #ffffff;
  margin: 0;
}
.card.secondary .card_title h1 + p, .card.secondary .card_title h1 + small,
.card.secondary .card_title .h1 + p,
.card.secondary .card_title .product_page .product_intro .product_actions .product-price + p,
.product_page .product_intro .product_actions .card.secondary .card_title .product-price + p,
.card.secondary .card_title .vendors_list.flags .row_title + p,
.vendors_list.flags .card.secondary .card_title .row_title + p,
.card.secondary .card_title .vendors_list .letter + p,
.vendors_list .card.secondary .card_title .letter + p,
.card.secondary .card_title .h1 + small,
.card.secondary .card_title .product_page .product_intro .product_actions .product-price + small,
.product_page .product_intro .product_actions .card.secondary .card_title .product-price + small,
.card.secondary .card_title .vendors_list.flags .row_title + small,
.vendors_list.flags .card.secondary .card_title .row_title + small,
.card.secondary .card_title .vendors_list .letter + small,
.vendors_list .card.secondary .card_title .letter + small,
.card.secondary .card_title h2 + p,
.card.secondary .card_title h2 + small,
.card.secondary .card_title .h2 + p,
.card.secondary .card_title .esim_page .esim-instructions .instructions-title > span + p,
.esim_page .esim-instructions .card.secondary .card_title .instructions-title > span + p,
.card.secondary .card_title .h2 + small,
.card.secondary .card_title .esim_page .esim-instructions .instructions-title > span + small,
.esim_page .esim-instructions .card.secondary .card_title .instructions-title > span + small,
.card.secondary .card_title h3 + p,
.card.secondary .card_title h3 + small,
.card.secondary .card_title .h3 + p,
.card.secondary .card_title .checkout_page .checkout_summary .product_card .product-quantity .product-price + p,
.checkout_page .checkout_summary .product_card .product-quantity .card.secondary .card_title .product-price + p,
.card.secondary .card_title .h3 + small,
.card.secondary .card_title .checkout_page .checkout_summary .product_card .product-quantity .product-price + small,
.checkout_page .checkout_summary .product_card .product-quantity .card.secondary .card_title .product-price + small {
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
  color: #ffffff;
  margin: 0;
}
.card.secondary [class^=icon-]:before,
.card.secondary [class*=" icon-"]:before {
  color: #ffffff;
}
.card.accent {
  background-color: #1aa358;
  color: #ffffff;
}
.card.accent > hr {
  background-color: #1aa358;
}
.card.accent label,
.card.accent .label {
  color: #ffffff;
}
.card.accent h1,
.card.accent .h1,
.card.accent .product_page .product_intro .product_actions .product-price,
.product_page .product_intro .product_actions .card.accent .product-price,
.card.accent .vendors_list.flags .row_title,
.vendors_list.flags .card.accent .row_title,
.card.accent .vendors_list .letter,
.vendors_list .card.accent .letter,
.card.accent h2,
.card.accent .h2,
.card.accent .esim_page .esim-instructions .instructions-title > span,
.esim_page .esim-instructions .card.accent .instructions-title > span,
.card.accent h3,
.card.accent .h3,
.card.accent .checkout_page .checkout_summary .product_card .product-quantity .product-price,
.checkout_page .checkout_summary .product_card .product-quantity .card.accent .product-price {
  color: #ffffff;
}
.card.accent h1 + p, .card.accent h1 + small,
.card.accent .h1 + p,
.card.accent .product_page .product_intro .product_actions .product-price + p,
.product_page .product_intro .product_actions .card.accent .product-price + p,
.card.accent .vendors_list.flags .row_title + p,
.vendors_list.flags .card.accent .row_title + p,
.card.accent .vendors_list .letter + p,
.vendors_list .card.accent .letter + p,
.card.accent .h1 + small,
.card.accent .product_page .product_intro .product_actions .product-price + small,
.product_page .product_intro .product_actions .card.accent .product-price + small,
.card.accent .vendors_list.flags .row_title + small,
.vendors_list.flags .card.accent .row_title + small,
.card.accent .vendors_list .letter + small,
.vendors_list .card.accent .letter + small,
.card.accent h2 + p,
.card.accent h2 + small,
.card.accent .h2 + p,
.card.accent .esim_page .esim-instructions .instructions-title > span + p,
.esim_page .esim-instructions .card.accent .instructions-title > span + p,
.card.accent .h2 + small,
.card.accent .esim_page .esim-instructions .instructions-title > span + small,
.esim_page .esim-instructions .card.accent .instructions-title > span + small,
.card.accent h3 + p,
.card.accent h3 + small,
.card.accent .h3 + p,
.card.accent .checkout_page .checkout_summary .product_card .product-quantity .product-price + p,
.checkout_page .checkout_summary .product_card .product-quantity .card.accent .product-price + p,
.card.accent .h3 + small,
.card.accent .checkout_page .checkout_summary .product_card .product-quantity .product-price + small,
.checkout_page .checkout_summary .product_card .product-quantity .card.accent .product-price + small {
  color: #ffffff;
}
.card.accent .card_title h1,
.card.accent .card_title .h1,
.card.accent .card_title .product_page .product_intro .product_actions .product-price,
.product_page .product_intro .product_actions .card.accent .card_title .product-price,
.card.accent .card_title .vendors_list.flags .row_title,
.vendors_list.flags .card.accent .card_title .row_title,
.card.accent .card_title .vendors_list .letter,
.vendors_list .card.accent .card_title .letter,
.card.accent .card_title h2,
.card.accent .card_title .h2,
.card.accent .card_title .esim_page .esim-instructions .instructions-title > span,
.esim_page .esim-instructions .card.accent .card_title .instructions-title > span,
.card.accent .card_title h3,
.card.accent .card_title .h3,
.card.accent .card_title .checkout_page .checkout_summary .product_card .product-quantity .product-price,
.checkout_page .checkout_summary .product_card .product-quantity .card.accent .card_title .product-price {
  color: #ffffff;
  margin: 0;
}
.card.accent .card_title h1 + p, .card.accent .card_title h1 + small,
.card.accent .card_title .h1 + p,
.card.accent .card_title .product_page .product_intro .product_actions .product-price + p,
.product_page .product_intro .product_actions .card.accent .card_title .product-price + p,
.card.accent .card_title .vendors_list.flags .row_title + p,
.vendors_list.flags .card.accent .card_title .row_title + p,
.card.accent .card_title .vendors_list .letter + p,
.vendors_list .card.accent .card_title .letter + p,
.card.accent .card_title .h1 + small,
.card.accent .card_title .product_page .product_intro .product_actions .product-price + small,
.product_page .product_intro .product_actions .card.accent .card_title .product-price + small,
.card.accent .card_title .vendors_list.flags .row_title + small,
.vendors_list.flags .card.accent .card_title .row_title + small,
.card.accent .card_title .vendors_list .letter + small,
.vendors_list .card.accent .card_title .letter + small,
.card.accent .card_title h2 + p,
.card.accent .card_title h2 + small,
.card.accent .card_title .h2 + p,
.card.accent .card_title .esim_page .esim-instructions .instructions-title > span + p,
.esim_page .esim-instructions .card.accent .card_title .instructions-title > span + p,
.card.accent .card_title .h2 + small,
.card.accent .card_title .esim_page .esim-instructions .instructions-title > span + small,
.esim_page .esim-instructions .card.accent .card_title .instructions-title > span + small,
.card.accent .card_title h3 + p,
.card.accent .card_title h3 + small,
.card.accent .card_title .h3 + p,
.card.accent .card_title .checkout_page .checkout_summary .product_card .product-quantity .product-price + p,
.checkout_page .checkout_summary .product_card .product-quantity .card.accent .card_title .product-price + p,
.card.accent .card_title .h3 + small,
.card.accent .card_title .checkout_page .checkout_summary .product_card .product-quantity .product-price + small,
.checkout_page .checkout_summary .product_card .product-quantity .card.accent .card_title .product-price + small {
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
  color: #ffffff;
  margin: 0;
}
.card.accent [class^=icon-]:before,
.card.accent [class*=" icon-"]:before {
  color: #ffffff;
}
.card.intro_card form {
  display: flex;
  flex-direction: row;
  gap: 8px;
  position: relative;
  width: 100%;
}
.card.intro_card form input[type=search] {
  padding-left: 36px;
}
.card.intro_card form .icon-search-clasic {
  position: absolute;
  left: 16px;
  top: 50%;
  margin-top: -8px;
}
.card.intro_card form .icon-search-clasic:before {
  font-size: 16px;
  color: #1a1a1a;
}
.card.count_card {
  flex-direction: row;
  gap: 4px;
}
.card.count_card .count {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #168a4a;
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  color: #ffffff;
}
.card.count_card .icon-right-arrow-2-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border-radius: 5px;
  background-color: #1aa358;
  margin-left: auto;
}
.card.count_card .icon-right-arrow-2-2:before {
  font-size: 16px;
  line-height: 16px;
  color: #ffffff;
}
.card .card_title {
  width: 100%;
  padding-bottom: 12px;
  border-bottom: 1px solid #e6e9ed;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.card .card_title h2,
.card .card_title .h2,
.card .card_title .esim_page .esim-instructions .instructions-title > span,
.esim_page .esim-instructions .card .card_title .instructions-title > span,
.card .card_title h3,
.card .card_title .h3,
.card .card_title .checkout_page .checkout_summary .product_card .product-quantity .product-price,
.checkout_page .checkout_summary .product_card .product-quantity .card .card_title .product-price,
.card .card_title h4,
.card .card_title .h4 {
  flex-grow: 1;
  line-height: 1;
  color: #1a1a1a;
}
.card.product_card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 0;
}
.card.product_card.no_link {
  padding: 16px;
}
.card.product_card.no_link.small_padding {
  padding: 8px 16px;
}
.card.product_card.no_link .card-wrapper:before {
  content: none;
}
.card.product_card > a {
  display: flex;
  padding: 16px;
}
.card.product_card .card-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  position: relative;
}
@media all and (min-width: 1200px) {
  .card.product_card .card-wrapper {
    align-items: stretch;
    justify-content: center;
  }
}
.card.product_card .card-wrapper:before {
  content: "\ea3c";
  font-family: "icons";
  font-size: 16px;
  line-height: 1;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 16px;
}
.card.product_card .card-image {
  width: 50px;
}
.card.product_card .card-image img {
  width: 100%;
  height: auto;
}
.card.product_card .card-image.small_image {
  width: 20px;
}
.card.product_card .card-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #168a4a;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card.product_card .card-icon img {
  height: 20px;
  width: auto;
  max-width: 20px;
}
.card.product_card .card-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  flex-grow: 1;
  position: relative;
}
@media all and (min-width: 1200px) {
  .card.product_card .card-content {
    justify-content: center;
  }
}
.card.product_card .card-content h3 {
  line-height: 1;
  margin: 0;
  margin-top: 2px;
  color: #1a1a1a;
}
.card.product_card .card-content p.card-price {
  font-size: 15px;
  line-height: 1;
  font-weight: 700;
  margin: 0;
  margin-top: 8px;
}
.card.category_card {
  align-items: center;
  gap: 12px;
  padding: 0;
}
.card.category_card.no_link {
  padding: 16px;
}
.card.category_card.no_link.small_padding {
  padding: 8px 16px;
}
.card.category_card.no_link .card-wrapper:before {
  content: none;
}
.card.category_card > a {
  display: flex;
  width: 100%;
  padding: 16px;
}
.card.category_card .card-wrapper {
  flex-direction: column;
  justify-content: center;
}
.card.category_card .card-wrapper .card-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #168a4a;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media all and (min-width: 1200px) {
  .card.category_card .card-wrapper .card-icon {
    width: 48px;
    height: 48px;
  }
}
.card.category_card .card-wrapper .card-content h3 {
  text-align: center;
  line-height: 1.1;
  margin-top: 4px;
}
.card.recommendation_card {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.card.recommendation_card .card-image {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #168a4a;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card.recommendation_card .card-title {
  flex-grow: 1;
  margin-left: -4px;
  margin-right: 4px;
}
.card.recommendation_card .card-title small {
  display: block;
}
.card hr + .form-item {
  margin-top: 0;
}

.cards_list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: auto;
}
.cards_list > * {
  width: 100%;
}
@media all and (min-width: 991px) {
  .cards_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: stretch;
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: 0;
  }
  .cards_list > * {
    width: calc(50% - 8px);
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 8px;
  }
  .cards_list {
    gap: 0;
    align-items: flex-start;
  }
}
@media all and (min-width: 1200px) {
  .cards_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: stretch;
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: 0;
  }
  .cards_list > * {
    width: calc(33.33% - 8px);
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 8px;
  }
  .cards_list {
    gap: 0;
    align-items: flex-start;
  }
}
.cards_list.two_columns {
  width: auto;
  gap: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: stretch;
  margin-left: -4px;
  margin-right: -4px;
  margin-bottom: 0;
}
.cards_list.two_columns > * {
  width: calc(50% - 8px);
  margin-left: 4px;
  margin-right: 4px;
  margin-bottom: 8px;
}
@media all and (min-width: 1200px) {
  .cards_list.two_columns {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: stretch;
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: 0;
  }
  .cards_list.two_columns > * {
    width: calc(20% - 8px);
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 8px;
  }
}
.cards_list.auto_columns > * {
  width: 100%;
}
@media all and (min-width: 990px) {
  .cards_list.auto_columns > * {
    width: auto;
  }
}
.cards_list.no_columns > * {
  width: 100%;
}

@media all and (min-width: 1200px) {
  .category_card .card-wrapper {
    gap: 4px;
  }
}
@media all and (min-width: 1200px) {
  .category_card .card-wrapper .card-image img {
    width: 20px;
    height: 20px;
  }
}

.active_card .card-intro,
.esim_card .card-intro {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.active_card .card-intro .card-title,
.esim_card .card-intro .card-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.active_card .card-intro .card-title img,
.esim_card .card-intro .card-title img {
  width: 22px;
  height: 22px;
  border-radius: 5px;
  border: 1px solid #e6e9ed;
}
.active_card .card-intro .card-title .back,
.esim_card .card-intro .card-title .back {
  display: block;
}
.active_card .card-intro .card-title .back span,
.esim_card .card-intro .card-title .back span {
  display: block;
}
.active_card .card-intro .card-title .back span:before,
.esim_card .card-intro .card-title .back span:before {
  color: #168a4a;
  font-size: 24px;
}
.active_card .progress-bar .progress-bar-element,
.esim_card .progress-bar .progress-bar-element {
  width: 100%;
}
.active_card .button_group,
.esim_card .button_group {
  width: 100%;
}
.active_card .button_group .rate,
.esim_card .button_group .rate {
  width: 100%;
}

.chip {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  border-radius: 5px;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  background-color: #e1f0e8;
  color: #1a1a1a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chip label {
  font-size: 10px;
  line-height: 100%;
  font-weight: 500;
  opacity: 0.65;
}
.chip [class^=icon-]:before,
.chip [class*=" icon-"]:before {
  font-size: 14px;
  line-height: 1;
}
.chip.smaller {
  padding: 2px 8px;
  font-weight: 600;
}
.chip.text_primary {
  color: #168a4a;
}
.chip.text_primary [class^=icon-]:before,
.chip.text_primary [class*=" icon-"]:before {
  color: #168a4a;
}
.chip.darker {
  background-color: #d1e8db;
}
.chip.warning {
  background-color: #ffc249;
  color: #fdfaf6;
}
.chip.warning [class^=icon-]:before,
.chip.warning [class*=" icon-"]:before {
  color: #fdfaf6;
}
.chip.warning * {
  color: #fdfaf6;
}
.chip.success {
  background-color: #00ae41;
  color: #c3ecb1;
}
.chip.success [class^=icon-]:before,
.chip.success [class*=" icon-"]:before {
  color: #c3ecb1;
}
.chip.success * {
  color: #c3ecb1;
}
.chip.success.light {
  background-color: #f2fbf5;
  color: #1a1a1a;
}
.chip.success.light label {
  color: #1a1a1a;
}
.chip.error {
  background-color: #f4333f;
  color: #fbd4cf;
}
.chip.error [class^=icon-]:before,
.chip.error [class*=" icon-"]:before {
  color: #fbd4cf;
}
.chip.error * {
  color: #fbd4cf;
}
.chip.warning {
  background-color: #ffc249;
  color: #fdfaf6;
}
.chip.warning [class^=icon-]:before,
.chip.warning [class*=" icon-"]:before {
  color: #fdfaf6;
}
.chip.warning * {
  color: #fdfaf6;
}
.chip.primary {
  background-color: #168a4a;
  color: #ffffff;
}
.chip.primary [class^=icon-]:before,
.chip.primary [class*=" icon-"]:before {
  color: #ffffff;
}
.chip.primary * {
  color: #ffffff;
}
.chip.secondary {
  background-color: #168a4a;
  color: #ffffff;
}
.chip.secondary [class^=icon-]:before,
.chip.secondary [class*=" icon-"]:before {
  color: #ffffff;
}
.chip.secondary * {
  color: #ffffff;
}
.chip.accent {
  background-color: #1aa358;
  color: #ffffff;
}
.chip.accent [class^=icon-]:before,
.chip.accent [class*=" icon-"]:before {
  color: #ffffff;
}
.chip.accent * {
  color: #ffffff;
}

.chips_list {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}
.chips_list .chip {
  display: flex;
}

.bubble {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  padding: 12px;
  padding-left: 32px;
  border-radius: 5px;
  background-color: #f3f9f6;
  position: relative;
}
.bubble:before {
  content: "";
  font-family: "icons";
  font-size: 16px;
  color: #1a1a1a;
  position: absolute;
  top: 12px;
  left: 12px;
}
.bubble.info-bubble {
  background-color: #d1e8db;
}
.bubble.info-bubble:before {
  content: "\e920";
}
.bubble.date-bubble {
  background-color: #d1e8db;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.bubble.date-bubble:before {
  content: "\ec48";
  line-height: 16px;
  color: #1a1a1a;
  position: static;
}
.bubble.warning {
  background-color: #fceccc;
  color: #1a1a1a;
}
.bubble.warning [class^=icon-]:not(.icon-right-arrow):before,
.bubble.warning [class*=" icon-"]:not(.icon-right-arrow):before {
  color: #1a1a1a;
}

.tabs_wrapper {
  display: flex;
  flex-direction: column;
  align-items: normal;
  gap: 16px;
}
.tabs_wrapper .tabs_nav {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #168a4a;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.tabs_wrapper .tabs_nav li {
  display: flex;
  width: 100%;
}
.tabs_wrapper .tabs_nav li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 4px;
  width: 100%;
  text-align: center;
  line-height: 1;
}
.tabs_wrapper .tabs_nav li > a.active {
  background-color: #168a4a;
  color: #ffffff;
}
.tabs_wrapper .tabs_content {
  width: 100%;
}
.tabs_wrapper .tabs_content .tabs_pane {
  display: none;
}
.tabs_wrapper .tabs_content .tabs_pane.active {
  display: block;
}
.tabs_wrapper.text_tabs .tabs_nav {
  border: none;
  border-bottom: 1px solid #e6e9ed;
  border-radius: 0;
  gap: 24px;
}
.tabs_wrapper.text_tabs .tabs_nav li {
  width: auto;
}
.tabs_wrapper.text_tabs .tabs_nav li > a {
  font-size: 13px;
  line-height: 1;
  font-weight: 400;
  color: #1a1a1a;
  padding: 8px 0;
  border-bottom: 1px solid transparent;
}
.tabs_wrapper.text_tabs .tabs_nav li > a.active {
  color: #168a4a;
  background-color: transparent;
  border-color: #168a4a;
}

body.fixed {
  overflow: hidden;
}

html.fixed {
  overflow: hidden;
}

body.modal_on .modal {
  opacity: 1;
  visibility: visible;
}
body.modal_on .modal .modal-content {
  transform: translateY(0) translateX(-50%);
}
@media all and (min-width: 1200px) {
  body.modal_on .modal .modal-content {
    transform: translateY(-50%) translateX(-50%);
  }
}

.modal {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  transition: all 15ms cubic-bezier(0.08, 0.7, 0.35, 1.04);
  -webkit-transition: all 15ms cubic-bezier(0.08, 0.7, 0.35, 1.04);
  -moz-transition: all 15ms cubic-bezier(0.08, 0.7, 0.35, 1.04);
  opacity: 0;
  visibility: hidden;
}
.modal .modal-backdrop {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e1f0e8;
  opacity: 0.8;
}
.modal .modal-content {
  width: 100%;
  max-height: 100%;
  overflow: auto;
  max-width: 752px;
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: 0;
  padding: 12px;
  transition: all 15ms cubic-bezier(0.08, 0.7, 0.35, 1.04);
  -webkit-transition: all 15ms cubic-bezier(0.08, 0.7, 0.35, 1.04);
  -moz-transition: all 15ms cubic-bezier(0.08, 0.7, 0.35, 1.04);
  transform: translateY(100%) translateX(-50%);
}
@media all and (min-width: 1200px) {
  .modal .modal-content {
    top: 50%;
    left: 50%;
    max-width: 1000px;
    position: relative;
  }
}
.modal .modal-content .card {
  position: relative;
  padding-top: 40px;
}
.modal .modal-content .card h1 {
  margin-bottom: 0;
}
.modal .modal-content .card .modal-close {
  position: absolute;
  z-index: 3;
  top: 16px;
  right: 16px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #f3f9f6;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.modal .modal-content .card .modal-close:before {
  color: #1a1a1a;
  font-size: 16px;
}

.loader {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9999;
  transform: translateX(-50%) translateY(-50%);
  transition: all 15ms cubic-bezier(0.08, 0.7, 0.35, 1.04);
  -webkit-transition: all 15ms cubic-bezier(0.08, 0.7, 0.35, 1.04);
  -moz-transition: all 15ms cubic-bezier(0.08, 0.7, 0.35, 1.04);
  opacity: 0;
  visibility: hidden;
}
.loader img {
  height: 32px;
}

.list_loader {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.list_loader .loader-icon {
  flex-direction: column;
  background-color: transparent;
  white-space: nowrap;
}
.list_loader .loader-icon img {
  height: 32px;
}

.loader-icon {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border-radius: 50%;
}
.loader-icon img {
  height: 32px;
}

body.loading .loader {
  opacity: 1;
  visibility: visible;
}
body.loading h1 {
  margin: 0;
  margin-top: 8px;
  color: #ffffff;
}

.vendors_list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.vendors_list .letter {
  display: block;
  color: #1a1a1a;
  margin: 0;
  margin-bottom: -8px;
}
.vendors_list ul.vendors_row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.vendors_list ul.vendors_row li a {
  display: flex;
  align-items: center;
  gap: 12px;
}
.vendors_list ul.vendors_row li a hr {
  background-color: #e6e9ed;
}
.vendors_list.vertical ul.vendors_row {
  flex-direction: column;
}
.vendors_list.vertical ul.vendors_row li a {
  flex-direction: row;
  padding: 8px 16px;
  position: relative;
}
.vendors_list.vertical ul.vendors_row li a img {
  height: 32px;
}
.vendors_list.vertical ul.vendors_row li a:before {
  content: "\ea3c";
  font-family: "icons";
  font-size: 16px;
  line-height: 1;
  color: #168a4a;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 16px;
}
.vendors_list.flags .row_title {
  margin-bottom: 0;
  margin-left: 16px;
}
.vendors_list.flags ul.vendors_row li a img {
  width: 24px;
  height: 24px;
  border: 1px solid #e6e9ed;
  border-radius: 5px;
}
.vendors_list.horizontal ul.vendors_row {
  gap: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: stretch;
  margin-left: -4px;
  margin-right: -4px;
  margin-bottom: 0;
}
.vendors_list.horizontal ul.vendors_row > * {
  width: calc(50% - 8px);
  margin-left: 4px;
  margin-right: 4px;
  margin-bottom: 8px;
}
@media all and (min-width: 1200px) {
  .vendors_list.horizontal ul.vendors_row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: stretch;
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: 0;
  }
  .vendors_list.horizontal ul.vendors_row > * {
    width: calc(33.33% - 8px);
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 8px;
  }
}
.vendors_list.horizontal ul.vendors_row li a {
  flex-direction: column;
  text-align: center;
}
.vendors_list.horizontal ul.vendors_row li a > h3 {
  line-height: 1;
}
.vendors_list.horizontal ul.vendors_row li a img {
  height: 40px;
}
.vendors_list.horizontal.flags ul.vendors_row li a img {
  width: 40px;
}
.vendors_list.horizontal.flags ul.vendors_row li a .region_wrapper {
  background-color: #f3f9f6;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vendors_list.horizontal.flags ul.vendors_row li a .region_wrapper svg {
  width: 30px;
}
.vendors_list.horizontal.flags ul.vendors_row li a .region_wrapper svg path {
  color: #1a1a1a;
}
.vendors_list.horizontal.flags ul.vendors_row li a .region_wrapper img {
  border: none;
}

.details_list {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}
.details_list li {
  display: flex;
  flex-direction: row;
}
.details_list li span {
  width: 80px;
  color: #1a1a1a;
}
.details_list li strong {
  flex-grow: 1;
  color: #1a1a1a;
  font-weight: 600;
}

.toast {
  position: fixed;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 9999;
  max-width: 600px;
  margin: auto;
  border-radius: 10px;
  padding: 16px;
  padding-bottom: 20px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  background-color: #d1e8db;
  box-shadow: -1px 3px 3px 0px rgba(0, 0, 0, 0.21);
  overflow: hidden;
}
.toast .toast_content {
  width: 100%;
}
.toast .toast_content p:last-child {
  margin-bottom: 0;
}
.toast .toast_close {
  padding: 8px;
  cursor: pointer;
}
.toast .toast_bar {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: 5px;
  background-color: #168a4a;
}
.toast .toast_bar_wrapper {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  display: block;
  height: 5px;
  background-color: #e6e9ed;
}
.toast.success {
  background-color: #00ae41;
  color: #ffffff;
}
.toast.success h2,
.toast.success .h2,
.toast.success .esim_page .esim-instructions .instructions-title > span,
.esim_page .esim-instructions .toast.success .instructions-title > span,
.toast.success h3,
.toast.success .h3,
.toast.success .checkout_page .checkout_summary .product_card .product-quantity .product-price,
.checkout_page .checkout_summary .product_card .product-quantity .toast.success .product-price,
.toast.success h4,
.toast.success .h4,
.toast.success h5,
.toast.success .h5,
.toast.success h6,
.toast.success .h6 {
  color: #ffffff;
}
.toast.success .toast_close .icon-close-2:before {
  color: #ffffff;
}
.toast.success .toast_bar_wrapper {
  background-color: #80d7a0;
}
.toast.success .toast_bar {
  background-color: #f2fbf5;
}
.toast.error {
  background-color: #f4333f;
  color: #ffffff;
}
.toast.error h2,
.toast.error .h2,
.toast.error .esim_page .esim-instructions .instructions-title > span,
.esim_page .esim-instructions .toast.error .instructions-title > span,
.toast.error h3,
.toast.error .h3,
.toast.error .checkout_page .checkout_summary .product_card .product-quantity .product-price,
.checkout_page .checkout_summary .product_card .product-quantity .toast.error .product-price,
.toast.error h4,
.toast.error .h4,
.toast.error h5,
.toast.error .h5,
.toast.error h6,
.toast.error .h6 {
  color: #ffffff;
}
.toast.error .toast_close .icon-close-2:before {
  color: #ffffff;
}
.toast.error .toast_bar_wrapper {
  background-color: #f9999f;
}
.toast.error .toast_bar {
  background-color: #fddee0;
}
.toast.warning {
  background-color: #ffc249;
  color: #ffffff;
}
.toast.warning h2,
.toast.warning .h2,
.toast.warning .esim_page .esim-instructions .instructions-title > span,
.esim_page .esim-instructions .toast.warning .instructions-title > span,
.toast.warning h3,
.toast.warning .h3,
.toast.warning .checkout_page .checkout_summary .product_card .product-quantity .product-price,
.checkout_page .checkout_summary .product_card .product-quantity .toast.warning .product-price,
.toast.warning h4,
.toast.warning .h4,
.toast.warning h5,
.toast.warning .h5,
.toast.warning h6,
.toast.warning .h6 {
  color: #ffffff;
}
.toast.warning .toast_close .icon-close-2:before {
  color: #ffffff;
}
.toast.warning .toast_bar_wrapper {
  background-color: #f9d99a;
}
.toast.warning .toast_bar {
  background-color: #fefbf5;
}

.mini_cart {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #168a4a;
  color: #ffffff;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 16px;
  right: 16px;
  cursor: pointer;
}
.mini_cart .icon-shopping-bag-2:before {
  font-size: 24px;
  color: #ffffff;
}
.mini_cart .notification-bubble {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #f4333f;
  font-size: 10px;
  line-height: 100%;
  font-weight: 700;
  color: #ffffff;
  position: absolute;
  top: -2px;
  right: -2px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.instruction_steps {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 2px;
  row-gap: 4px;
}
.instruction_steps li {
  margin-right: 11px;
  position: relative;
}
.instruction_steps li:before {
  content: "\e906";
  font-family: "icons";
  font-size: 14px;
  color: #1a1a1a;
  position: absolute;
  left: 100%;
}
.instruction_steps li:last-child {
  margin-right: 0;
}
.instruction_steps li:last-child:before {
  content: none;
}

.product_page .product_intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 0 16px;
}
.product_page .product_intro .product_short_description {
  font-size: 15px;
  line-height: 18px;
  font-weight: 500;
}
.product_page .product_intro .product_short_description p:last-child {
  margin-bottom: 0;
}
.product_page .product_intro .product_actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
  width: 100%;
}
.product_page .product_intro .product_actions .product-price {
  color: #168a4a;
  min-width: 100px;
  margin: 0;
}
.product_page .product_intro .product_actions .product_add {
  flex-grow: 1;
}
.product_page .product_intro .product_actions .product_add .button {
  width: 100%;
}
@media all and (min-width: 1200px) {
  .product_page .product_intro .product_actions .product_add .button {
    width: auto;
  }
}
.product_page .product_details {
  background-color: #ffffff;
  padding: 16px 28px;
  margin-left: -12px;
  margin-right: -12px;
  width: calc(100% + 24px);
  font-size: 12px;
  line-height: 16px;
}
@media all and (min-width: 1200px) {
  .product_page .product_details {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    border: 1px solid #e6e9ed;
    border-radius: 10px;
    padding: 16px;
    font-size: 13px;
    line-height: 22px;
  }
}

@media all and (min-width: 1200px) {
  .checkout_page {
    position: relative;
    padding-left: 50%;
  }
}
.checkout_page .checkout_summary {
  margin-bottom: 4px;
}
@media all and (min-width: 1200px) {
  .checkout_page .checkout_summary {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(50% - 16px);
  }
}
.checkout_page .checkout_summary h2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.checkout_page .checkout_summary h2 .vendor-image {
  display: inline-flex;
  align-items: center;
  padding: 4px;
  border-radius: 5px;
  background-color: #ffffff;
  margin-right: 4px;
}
.checkout_page .checkout_summary h2 .vendor-image img {
  width: 25px;
}
.checkout_page .checkout_summary > .cards_list {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
@media all and (min-width: 1200px) {
  .checkout_page .checkout_summary > .cards_list > .card {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.checkout_page .checkout_summary .checkout_summary_detailed {
  width: 100%;
}
.checkout_page .checkout_summary .checkout_summary_detailed li {
  line-height: 20px;
  font-weight: 500;
  color: #ffffff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.checkout_page .checkout_summary .checkout_summary_detailed strong {
  color: #ffffff;
  font-weight: 700;
}
.checkout_page .checkout_summary .checkout_summary_detailed.total {
  font-size: 16px;
}
.checkout_page .checkout_summary .card_title {
  border: none;
  padding: 0;
}
.checkout_page .checkout_summary .product_card {
  gap: 8px;
}
.checkout_page .checkout_summary .product_card .card-wrapper {
  align-items: center;
}
.checkout_page .checkout_summary .product_card .product-quantity {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  width: 100%;
}
.checkout_page .checkout_summary .product_card .product-quantity .product-price {
  color: #168a4a;
  line-height: 1;
  flex-grow: 1;
}
.checkout_page .checkout_summary .product_card .product-quantity .form-item {
  width: auto;
  margin: 0;
}
.checkout_page .checkout_summary .product_card .product-quantity .form-item input[type=number] {
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
}
.checkout_page .checkout_summary .product_card .product-quantity .form-item input::-webkit-outer-spin-button,
.checkout_page .checkout_summary .product_card .product-quantity .form-item input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.checkout_page .checkout_summary .product_card .product-quantity .form-item {
  /* Firefox */
}
.checkout_page .checkout_summary .product_card .product-quantity .form-item input[type=number] {
  -moz-appearance: textfield;
}
.checkout_page .checkout_payment {
  font-size: 12px;
  line-height: 18px;
}
.checkout_page .checkout_details small {
  padding-left: 20px;
  margin-top: -12px;
}

.esim_page .page_intro ul.cards_list {
  width: 100%;
}
.esim_page .page_intro ul.cards_list h2,
.esim_page .page_intro ul.cards_list h3 {
  color: #1a1a1a;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.esim_page .esim-instructions-intro {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.esim_page .esim-instructions-intro h1 {
  margin-bottom: 0;
  width: 100%;
}
.esim_page .esim-instructions-intro a {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  line-height: 22px;
  color: #168a4a;
}
.esim_page .esim-instructions-intro a > span:before {
  font-size: 13px;
  color: #168a4a;
}
.esim_page .esim-instructions {
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
}
.esim_page .esim-instructions p {
  margin: 0;
}
.esim_page .esim-instructions .instructions-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.esim_page .esim-instructions .instructions-title > span {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #1aa358;
  color: #ffffff !important;
}
.esim_page .esim-instructions .instructions-title h2 {
  width: calc(100% - 40px);
}
.esim_page .instructions-codes {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 8px;
  width: 100%;
}
.esim_page .esim-data {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.esim_page .esim-data img {
  width: 100px;
  height: auto;
}
@media all and (min-width: 500px) {
  .esim_page .esim-data img {
    width: 200px;
  }
}
.esim_page .esim-cta .button {
  width: auto;
}
.esim_page .esim-cta > :first-child {
  width: 100%;
}
.esim_page .esim-cta .button {
  text-wrap: nowrap;
}
.esim_page .card.processing .card-intro,
.esim_page .card.processing .card-data,
.esim_page .card.processing .card-cta {
  opacity: 50%;
}
.esim_page .card.processing .esim-loading {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: #1a1a1a;
}
.esim_page .card.processing .esim-loading img {
  width: 24px;
}
.esim_page .card.installed .icon-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  background-color: #00ae41;
  border-radius: 50%;
}
.esim_page .card.installed .icon-check:before {
  font-size: 12px;
  line-height: 12px;
  color: #ffffff;
}
.esim_page .esim_usage {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: stretch;
}
.esim_page .esim_usage + .bubble {
  width: 100%;
}

body {
  background-color: #f3f9f6;
}

html.nav_open,
body.nav_open {
  overflow: hidden;
}

header {
  display: flex;
  flex-direction: row;
}

#main {
  width: 100%;
  max-width: 720px;
  padding: 24px 12px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media all and (min-width: 1200px) {
  #main {
    max-width: 1200px;
  }
}

.container {
  padding-left: 16px;
  padding-right: 16px;
}

.page_intro {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

header #back {
  font-size: 15px;
  line-height: 1;
  font-weight: 600;
  color: #168a4a;
  margin: 0;
}
header #back [class^=icon-]:before,
header #back [class*=" icon-"]:before {
  color: #168a4a;
  font-size: 24px;
  line-height: 1;
}
header h1#back > a {
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  color: #1a1a1a;
}

.page_wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.page_wrapper > .container > h1 {
  margin-bottom: 0;
}
.page_wrapper > .container > h1 + p {
  margin-bottom: 0;
}

.content_section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media all and (min-width: 1200px) {
  .content_section {
    flex-direction: row;
    gap: 16px;
  }
}
.content_section .content_sidebar {
  width: 328px;
  flex-shrink: 0;
}
@media all and (max-width: 1200px) {
  .content_section .content_sidebar {
    width: 100%;
  }
}
.content_section .content_main {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: #ffffff;
  border-radius: 25px;
  border: 1px solid #e6e9ed;
  padding: 24px;
}
@media all and (max-width: 1200px) {
  .content_section .content_main {
    width: 100%;
  }
}
@media all and (max-width: 768px) {
  .content_section .content_main {
    padding: 16px;
  }
}

@keyframes fade {
  0% {
    opacity: 0;
    margin-left: -15px;
  }
  100% {
    opacity: 1;
    margin-left: 0;
  }
}
@keyframes cross_fade {
  0% {
    opacity: 0.2;
  }
  16.66% {
    opacity: 1;
  }
  33.33% {
    opacity: 0.2;
  }
  100% {
    opacity: 0.2;
  }
}
@keyframes end_signal {
  0% {
    opacity: 1;
    margin-left: 0px;
  }
  100% {
    opacity: 0;
    margin-left: 15px;
  }
}
.clear_list, body > header .header_wrapper ul.header_actions, footer ul.footer_nav, .landing_page .landing-guest-greeting .landing-guest-greeting-why ul, .landing_page .landing-guest-greeting .landing-guest-greeting-cta ul.guest-cta, .main_nav ul, ul.sidebar_nav, .button_group, .cards_list, .chips_list, .tabs_wrapper .tabs_nav, .vendors_list ul.vendors_row, .details_list, .checkout_page .checkout_summary .checkout_summary_detailed {
  list-style: none;
  margin: 0;
  padding: 0;
}

.dont_select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.reset_font {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  text-align: left;
}

.text_left {
  text-align: left;
}
.text_left img {
  margin: auto;
}

.text_center {
  text-align: center;
}
.text_center img {
  margin: auto;
}

.text_right {
  text-align: right;
}
.text_right img {
  margin: auto;
}

.text_white {
  color: #ffffff !important;
}
.text_white h1, .text_white .h1, .text_white .vendors_list .letter, .vendors_list .text_white .letter, .text_white .vendors_list.flags .row_title, .vendors_list.flags .text_white .row_title, .text_white .product_page .product_intro .product_actions .product-price, .product_page .product_intro .product_actions .text_white .product-price, .text_white h2, .text_white .h2, .text_white .esim_page .esim-instructions .instructions-title > span, .esim_page .esim-instructions .text_white .instructions-title > span, .text_white h3, .text_white .h3, .text_white .checkout_page .checkout_summary .product_card .product-quantity .product-price, .checkout_page .checkout_summary .product_card .product-quantity .text_white .product-price, .text_white h4, .text_white .h4 {
  color: #ffffff !important;
}
.text_white p {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text_red {
  color: #f4333f !important;
}
.text_red h1, .text_red .h1, .text_red .vendors_list .letter, .vendors_list .text_red .letter, .text_red .vendors_list.flags .row_title, .vendors_list.flags .text_red .row_title, .text_red .product_page .product_intro .product_actions .product-price, .product_page .product_intro .product_actions .text_red .product-price, .text_red h2, .text_red .h2, .text_red .esim_page .esim-instructions .instructions-title > span, .esim_page .esim-instructions .text_red .instructions-title > span, .text_red h3, .text_red .h3, .text_red .checkout_page .checkout_summary .product_card .product-quantity .product-price, .checkout_page .checkout_summary .product_card .product-quantity .text_red .product-price, .text_red h4, .text_red .h4 {
  color: #f4333f;
}
.text_red p {
  color: #f4333f !important;
}

.columns_layout {
  width: 100%;
  display: flex;
  gap: 8px;
}
.columns_layout.flex_row {
  flex-direction: row;
  align-items: center;
}
.columns_layout.flex_column {
  flex-direction: column;
  justify-content: center;
}
.columns_layout.two_columns {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: stretch;
  margin-left: -6px;
  margin-right: -6px;
  margin-bottom: 0;
}
.columns_layout.two_columns > * {
  width: calc(50% - 12px);
  margin-left: 6px;
  margin-right: 6px;
  margin-bottom: 12px;
}
.columns_layout.three_columns {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: stretch;
  margin-left: -6px;
  margin-right: -6px;
  margin-bottom: 0;
}
.columns_layout.three_columns > * {
  width: calc(33.3333% - 12px);
  margin-left: 6px;
  margin-right: 6px;
  margin-bottom: 12px;
}
.columns_layout.four_columns {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: stretch;
  margin-left: -6px;
  margin-right: -6px;
  margin-bottom: 0;
}
.columns_layout.four_columns > * {
  width: calc(25% - 12px);
  margin-left: 6px;
  margin-right: 6px;
  margin-bottom: 12px;
}
.columns_layout.column_vertical_stretch {
  align-items: stretch;
}
.columns_layout.column_horizontal_stretch {
  justify-content: stretch;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(-16px / 2);
  margin-right: calc(-16px / 2);
  row-gap: 8px;
}

[class^=col-],
[class*=" col-"] {
  box-sizing: border-box;
  padding-left: calc(16px / 2);
  padding-right: calc(16px / 2);
  width: 100%;
}

.col {
  flex: 1 0 0%;
  box-sizing: border-box;
  padding-left: calc(16px / 2);
  padding-right: calc(16px / 2);
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  box-sizing: border-box;
  padding-left: calc(16px / 2);
  padding-right: calc(16px / 2);
}

@media (max-width: 575px) {
  .col-xs-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-xs-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xs-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xs-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-xs-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-xs-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xs-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-xs-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-xs-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xs-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-xs-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-xs-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
.col-1 {
  flex: 0 0 auto;
  width: 8.3333333333%;
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .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: 1 0 0%;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .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: 1 0 0%;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .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: 1 0 0%;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .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%;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.6666666667%;
  }
}
button,
.button {
  appearance: none;
  -webkit-apparance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: "Montserrat";
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: -0.5px;
  text-align: center;
  white-space: nowrap;
  background-color: #168a4a;
  color: #ffffff;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 5px;
  padding: 8px 16px;
  cursor: pointer;
  transition: all 750ms cubic-bezier(0.08, 0.7, 0.35, 1.04);
  -webkit-transition: all 750ms cubic-bezier(0.08, 0.7, 0.35, 1.04);
  -moz-transition: all 750ms cubic-bezier(0.08, 0.7, 0.35, 1.04);
}
button [class^=icon-]:before,
button [class*=" icon-"]:before,
.button [class^=icon-]:before,
.button [class*=" icon-"]:before {
  color: #ffffff;
  line-height: 1;
  transition: all 750ms cubic-bezier(0.08, 0.7, 0.35, 1.04);
  -webkit-transition: all 750ms cubic-bezier(0.08, 0.7, 0.35, 1.04);
  -moz-transition: all 750ms cubic-bezier(0.08, 0.7, 0.35, 1.04);
}
button.icon_button,
.button.icon_button {
  padding: 8px;
}
button.disabled,
.button.disabled {
  opacity: 0.2;
  pointer-events: none;
}
button .count,
.button .count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 4px;
  border-radius: 5px;
  font-size: 80%;
  line-height: 1;
  background-color: #168a4a;
  color: #ffffff !important;
}
button.has_label,
.button.has_label {
  justify-content: space-between;
}
button.has_label small,
.button.has_label small {
  font-size: 13px;
  line-height: 20px;
}
button:hover,
.button:hover {
  background-color: #168a4a;
}
button:focus,
.button:focus {
  background-color: #168a4a;
}
button.font_size_smaller,
.button.font_size_smaller {
  font-size: 80%;
}
button.font_size_small,
.button.font_size_small {
  font-size: 90%;
}
button.font_size_big,
.button.font_size_big {
  font-size: 110%;
}
button.font_size_bigger,
.button.font_size_bigger {
  font-size: 120%;
}
button.font_size_biggest,
.button.font_size_biggest {
  font-size: 130%;
}
button.size_smaller,
.button.size_smaller {
  font-size: 11px;
  line-height: 16px;
  font-weight: 500;
  padding: 2px 8px;
  gap: 2px;
}
button.size_smaller [class^=icon-]:before,
button.size_smaller [class*=" icon-"]:before,
.button.size_smaller [class^=icon-]:before,
.button.size_smaller [class*=" icon-"]:before {
  font-size: 12px;
}
button.size_smaller.icon_button,
.button.size_smaller.icon_button {
  padding: 2px;
}
button.size_small,
.button.size_small {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  padding: 4px 12px;
}
button.size_small [class^=icon-]:before,
button.size_small [class*=" icon-"]:before,
.button.size_small [class^=icon-]:before,
.button.size_small [class*=" icon-"]:before {
  font-size: 16px;
}
button.size_small.icon_button,
.button.size_small.icon_button {
  padding: 4px;
}
button.size_regular,
.button.size_regular {
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  padding: 8px 16px;
  gap: 4px;
}
button.size_regular [class^=icon-]:before,
button.size_regular [class*=" icon-"]:before,
.button.size_regular [class^=icon-]:before,
.button.size_regular [class*=" icon-"]:before {
  font-size: 18px;
}
button.size_regular.icon_button,
.button.size_regular.icon_button {
  padding: 8px;
}
button.size_big,
.button.size_big {
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
  padding: 12px 24px;
  gap: 4px;
}
button.size_big [class^=icon-]:before,
button.size_big [class*=" icon-"]:before,
.button.size_big [class^=icon-]:before,
.button.size_big [class*=" icon-"]:before {
  font-size: 20px;
}
button.size_big.icon_button,
.button.size_big.icon_button {
  padding: 12px;
}
button.size_bigger,
.button.size_bigger {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  padding: 12px 32px;
  gap: 4px;
}
button.size_bigger [class^=icon-]:before,
button.size_bigger [class*=" icon-"]:before,
.button.size_bigger [class^=icon-]:before,
.button.size_bigger [class*=" icon-"]:before {
  font-size: 22px;
}
button.size_bigger.icon_button,
.button.size_bigger.icon_button {
  padding: 12px;
}
button.size_biggest,
.button.size_biggest {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  padding: 12px 40px;
  gap: 4px;
}
button.size_biggest [class^=icon-]:before,
button.size_biggest [class*=" icon-"]:before,
.button.size_biggest [class^=icon-]:before,
.button.size_biggest [class*=" icon-"]:before {
  font-size: 24px;
}
button.size_biggest.icon_button,
.button.size_biggest.icon_button {
  padding: 12px;
}
button.primary,
.button.primary {
  background-color: #168a4a;
  color: #ffffff;
  border-color: transparent;
}
button.primary > *,
.button.primary > * {
  color: #ffffff;
}
button.primary [class^=icon-]:before,
button.primary [class*=" icon-"]:before,
.button.primary [class^=icon-]:before,
.button.primary [class*=" icon-"]:before {
  color: #ffffff;
}
button.primary:hover,
.button.primary:hover {
  background-color: #168a4a;
}
button.primary:focus,
.button.primary:focus {
  background-color: #168a4a;
}
button.primary.outline,
.button.primary.outline {
  background-color: transparent;
  border-color: #168a4a;
  color: #168a4a;
}
button.primary.outline > *,
.button.primary.outline > * {
  color: #168a4a;
}
button.primary.outline [class^=icon-]:before,
button.primary.outline [class*=" icon-"]:before,
.button.primary.outline [class^=icon-]:before,
.button.primary.outline [class*=" icon-"]:before {
  color: #168a4a;
}
button.primary.outline:hover,
.button.primary.outline:hover {
  color: #ffffff;
  border-color: #168a4a;
  background-color: #168a4a;
}
button.primary.outline:hover > *,
.button.primary.outline:hover > * {
  color: #ffffff;
}
button.primary.outline:hover [class^=icon-]:before,
button.primary.outline:hover [class*=" icon-"]:before,
.button.primary.outline:hover [class^=icon-]:before,
.button.primary.outline:hover [class*=" icon-"]:before {
  color: #ffffff;
}
button.primary.outline:focus,
.button.primary.outline:focus {
  color: #168a4a;
  border-color: #168a4a;
  background-color: #f3f9f6;
}
button.primary.outline:focus > *,
.button.primary.outline:focus > * {
  color: #168a4a;
}
button.primary.outline:focus [class^=icon-]:before,
button.primary.outline:focus [class*=" icon-"]:before,
.button.primary.outline:focus [class^=icon-]:before,
.button.primary.outline:focus [class*=" icon-"]:before {
  color: #168a4a;
}
button.secondary,
.button.secondary {
  background-color: #168a4a;
  color: #ffffff;
}
button.secondary > *,
.button.secondary > * {
  color: #ffffff;
}
button.secondary [class^=icon-]:before,
button.secondary [class*=" icon-"]:before,
.button.secondary [class^=icon-]:before,
.button.secondary [class*=" icon-"]:before {
  color: #ffffff;
}
button.secondary:hover,
.button.secondary:hover {
  background-color: #168a4a;
}
button.secondary:focus,
.button.secondary:focus {
  background-color: #168a4a;
}
button.secondary.outline,
.button.secondary.outline {
  color: #168a4a;
  background-color: transparent;
  border-color: #168a4a;
}
button.secondary.outline > *,
.button.secondary.outline > * {
  color: #168a4a;
}
button.secondary.outline [class^=icon-]:before,
button.secondary.outline [class*=" icon-"]:before,
.button.secondary.outline [class^=icon-]:before,
.button.secondary.outline [class*=" icon-"]:before {
  color: #168a4a;
}
button.secondary.outline:hover,
.button.secondary.outline:hover {
  color: #ffffff;
  border-color: #168a4a;
  background-color: #168a4a;
}
button.secondary.outline:hover > *,
.button.secondary.outline:hover > * {
  color: #ffffff;
}
button.secondary.outline:hover [class^=icon-]:before,
button.secondary.outline:hover [class*=" icon-"]:before,
.button.secondary.outline:hover [class^=icon-]:before,
.button.secondary.outline:hover [class*=" icon-"]:before {
  color: #ffffff;
}
button.secondary.outline:focus,
.button.secondary.outline:focus {
  color: #168a4a;
  border-color: #168a4a;
  background-color: #f3f9f6;
}
button.secondary.outline:focus > *,
.button.secondary.outline:focus > * {
  color: #168a4a;
}
button.secondary.outline:focus [class^=icon-]:before,
button.secondary.outline:focus [class*=" icon-"]:before,
.button.secondary.outline:focus [class^=icon-]:before,
.button.secondary.outline:focus [class*=" icon-"]:before {
  color: #168a4a;
}
button.accent,
.button.accent {
  background-color: #1aa358;
  color: #ffffff;
}
button.accent > *,
.button.accent > * {
  color: #ffffff;
}
button.accent [class^=icon-]:before,
button.accent [class*=" icon-"]:before,
.button.accent [class^=icon-]:before,
.button.accent [class*=" icon-"]:before {
  color: #ffffff;
}
button.accent:hover,
.button.accent:hover {
  background-color: #1aa358;
}
button.accent:focus,
.button.accent:focus {
  background-color: #1aa358;
}
button.accent.outline,
.button.accent.outline {
  color: #1aa358;
  background-color: transparent;
  border-color: #1aa358;
}
button.accent.outline > *,
.button.accent.outline > * {
  color: #1aa358;
}
button.accent.outline [class^=icon-]:before,
button.accent.outline [class*=" icon-"]:before,
.button.accent.outline [class^=icon-]:before,
.button.accent.outline [class*=" icon-"]:before {
  color: #1aa358;
}
button.accent.outline:hover,
.button.accent.outline:hover {
  color: #ffffff;
  border-color: #1aa358;
  background-color: #1aa358;
}
button.accent.outline:hover > *,
.button.accent.outline:hover > * {
  color: #ffffff;
}
button.accent.outline:hover [class^=icon-]:before,
button.accent.outline:hover [class*=" icon-"]:before,
.button.accent.outline:hover [class^=icon-]:before,
.button.accent.outline:hover [class*=" icon-"]:before {
  color: #ffffff;
}
button.accent.outline:focus,
.button.accent.outline:focus {
  color: #1aa358;
  border-color: #1aa358;
  background-color: #f3f9f6;
}
button.accent.outline:focus > *,
.button.accent.outline:focus > * {
  color: #1aa358;
}
button.accent.outline:focus [class^=icon-]:before,
button.accent.outline:focus [class*=" icon-"]:before,
.button.accent.outline:focus [class^=icon-]:before,
.button.accent.outline:focus [class*=" icon-"]:before {
  color: #1aa358;
}
button.white,
.button.white {
  background-color: #ffffff;
  color: #168a4a;
}
button.white > *,
.button.white > * {
  color: #168a4a;
}
button.white [class^=icon-]:before,
button.white [class*=" icon-"]:before,
.button.white [class^=icon-]:before,
.button.white [class*=" icon-"]:before {
  color: #168a4a;
}
button.white:hover,
.button.white:hover {
  background-color: transparent;
  color: #ffffff;
  border-color: #ffffff;
}
button.white:hover > *,
.button.white:hover > * {
  color: #ffffff;
}
button.white:hover [class^=icon-]:before,
button.white:hover [class*=" icon-"]:before,
.button.white:hover [class^=icon-]:before,
.button.white:hover [class*=" icon-"]:before {
  color: #ffffff;
}
button.white:focus,
.button.white:focus {
  color: #ffffff;
  background-color: #168a4a;
  border-color: #168a4a;
}
button.white:focus > *,
.button.white:focus > * {
  color: #ffffff;
}
button.white:focus [class^=icon-]:before,
button.white:focus [class*=" icon-"]:before,
.button.white:focus [class^=icon-]:before,
.button.white:focus [class*=" icon-"]:before {
  color: #ffffff;
}
button.white.outline,
.button.white.outline {
  color: #ffffff;
  background-color: transparent;
  border-color: #ffffff;
}
button.white.outline > *,
.button.white.outline > * {
  color: #ffffff;
}
button.white.outline [class^=icon-]:before,
button.white.outline [class*=" icon-"]:before,
.button.white.outline [class^=icon-]:before,
.button.white.outline [class*=" icon-"]:before {
  color: #ffffff;
}
button.white.outline:hover,
.button.white.outline:hover {
  color: #168a4a;
  border-color: #ffffff;
  background-color: #ffffff;
}
button.white.outline:hover > *,
.button.white.outline:hover > * {
  color: #168a4a;
}
button.white.outline:hover [class^=icon-]:before,
button.white.outline:hover [class*=" icon-"]:before,
.button.white.outline:hover [class^=icon-]:before,
.button.white.outline:hover [class*=" icon-"]:before {
  color: #168a4a;
}
button.white.outline:focus,
.button.white.outline:focus {
  color: #ffffff;
  background-color: #168a4a;
  border-color: #168a4a;
}
button.white.outline:focus > *,
.button.white.outline:focus > * {
  color: #ffffff;
}
button.white.outline:focus [class^=icon-]:before,
button.white.outline:focus [class*=" icon-"]:before,
.button.white.outline:focus [class^=icon-]:before,
.button.white.outline:focus [class*=" icon-"]:before {
  color: #ffffff;
}
button.gray,
.button.gray {
  background-color: #e6e9ed;
  color: #1a1a1a;
  border-color: transparent;
}
button.gray > *,
.button.gray > * {
  color: #1a1a1a;
}
button.gray [class^=icon-]:before,
button.gray [class*=" icon-"]:before,
.button.gray [class^=icon-]:before,
.button.gray [class*=" icon-"]:before {
  color: #1a1a1a;
}
button.gray:hover,
.button.gray:hover {
  background-color: #168a4a;
}
button.gray:focus,
.button.gray:focus {
  background-color: #168a4a;
}
button.gray.active,
.button.gray.active {
  background-color: #d1e8db;
  color: #1a1a1a;
}
button.gray.active > *,
.button.gray.active > * {
  color: #1a1a1a;
}
button.gray.outline,
.button.gray.outline {
  background-color: transparent;
  border-color: #e6e9ed;
  color: #1a1a1a;
}
button.gray.outline > *,
.button.gray.outline > * {
  color: #1a1a1a;
}
button.gray.outline [class^=icon-]:before,
button.gray.outline [class*=" icon-"]:before,
.button.gray.outline [class^=icon-]:before,
.button.gray.outline [class*=" icon-"]:before {
  color: #1a1a1a;
}
button.gray.outline:hover,
.button.gray.outline:hover {
  color: #ffffff;
  border-color: #e6e9ed;
  background-color: #e6e9ed;
}
button.gray.outline:hover > *,
.button.gray.outline:hover > * {
  color: #1a1a1a;
}
button.gray.outline:hover [class^=icon-]:before,
button.gray.outline:hover [class*=" icon-"]:before,
.button.gray.outline:hover [class^=icon-]:before,
.button.gray.outline:hover [class*=" icon-"]:before {
  color: #1a1a1a;
}
button.gray.outline:focus,
.button.gray.outline:focus {
  color: #168a4a;
  border-color: #168a4a;
  background-color: #f3f9f6;
}
button.gray.outline:focus [class^=icon-]:before,
button.gray.outline:focus [class*=" icon-"]:before,
.button.gray.outline:focus [class^=icon-]:before,
.button.gray.outline:focus [class*=" icon-"]:before {
  color: #1a1a1a;
}
button.gray.outline.active,
.button.gray.outline.active {
  background-color: #d1e8db;
  color: #1a1a1a;
}
button.gray.outline.active > *,
.button.gray.outline.active > * {
  color: #1a1a1a;
}
button.login.apple,
.button.login.apple {
  background-color: #000;
  color: #fff;
}
button.login.apple:hover,
.button.login.apple:hover {
  background-color: #3a3a3a;
}
button.login.google,
.button.login.google {
  background-color: #fff;
  color: #000;
}
button.login.google:hover,
.button.login.google:hover {
  background-color: #d1d1d1;
}

.button_group {
  display: flex;
  gap: 12px;
}
.button_group.horizontal {
  flex-direction: row;
  align-items: center;
}
.button_group.vertical {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}
.button_group li {
  width: 100%;
}

.button_full_width {
  width: 100%;
}

input,
textarea,
select {
  appearance: none;
  -webkit-appearance: none;
  border-radius: 5px;
  border: none;
  background-color: #f3f9f6;
  padding: 8px 16px;
  display: block;
  width: 100%;
  font-family: "Montserrat";
  font-size: 13px;
  line-height: 22px;
  font-weight: 400;
  color: #1a1a1a;
  text-align: left;
  transition: all 100ms cubic-bezier(0.08, 0.7, 0.35, 1.04);
  -webkit-transition: all 100ms cubic-bezier(0.08, 0.7, 0.35, 1.04);
  -moz-transition: all 100ms cubic-bezier(0.08, 0.7, 0.35, 1.04);
}
input::placeholder,
textarea::placeholder,
select::placeholder {
  font-weight: 300;
  color: #1a1a1a;
}
input:focus, input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:active, input:-webkit-autofill:focus, input:is(:-webkit-autofill, :autofill),
textarea:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:active,
textarea:-webkit-autofill:focus,
textarea:is(:-webkit-autofill, :autofill),
select:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:active,
select:-webkit-autofill:focus,
select:is(:-webkit-autofill, :autofill) {
  background-color: #f3f9f6 !important;
  -webkit-text-fill-color: #1a1a1a;
  color: #1a1a1a !important;
  outline: none;
  -webkit-outline: none;
}
input:disabled,
textarea:disabled,
select:disabled {
  border: none;
  background-color: #d1e8db;
  color: #1a1a1a;
}
input.size_smaller,
textarea.size_smaller,
select.size_smaller {
  font-size: 11px;
  line-height: 18px;
  padding: 4px 8px;
}
input.size_small,
textarea.size_small,
select.size_small {
  font-size: 12px;
  line-height: 20px;
  padding: 4px 16px;
}
input.size_big,
textarea.size_big,
select.size_big {
  font-size: 15px;
  line-height: 24px;
}
input.size_bigger,
textarea.size_bigger,
select.size_bigger {
  font-size: 16px;
  line-height: 26px;
}
input.size_biggest,
textarea.size_biggest,
select.size_biggest {
  font-size: 18px;
  line-height: 28px;
}
input[type=checkbox], input[type=radio],
textarea[type=checkbox],
textarea[type=radio],
select[type=checkbox],
select[type=radio] {
  -webkit-appearance: none;
  appearance: none;
  background-color: #ffffff;
  margin: 0;
  padding: 0;
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e6e9ed;
  border-radius: 5px;
}
input[type=checkbox]:before, input[type=radio]:before,
textarea[type=checkbox]:before,
textarea[type=radio]:before,
select[type=checkbox]:before,
select[type=radio]:before {
  font-family: "icons";
  content: "\ec8e";
  color: #ffffff !important;
  opacity: 0;
  transition: all 0.25s cubic-bezier(0.08, 0.7, 0.35, 1.04);
  -webkit-transition: all 0.25s cubic-bezier(0.08, 0.7, 0.35, 1.04);
  -moz-transition: all 0.25s cubic-bezier(0.08, 0.7, 0.35, 1.04);
}
input[type=checkbox]:focus, input[type=checkbox]:-webkit-autofill, input[type=checkbox]:-webkit-autofill:hover, input[type=checkbox]:-webkit-autofill:active, input[type=checkbox]:-webkit-autofill:focus, input[type=checkbox]:is(:-webkit-autofill, :autofill), input[type=radio]:focus, input[type=radio]:-webkit-autofill, input[type=radio]:-webkit-autofill:hover, input[type=radio]:-webkit-autofill:active, input[type=radio]:-webkit-autofill:focus, input[type=radio]:is(:-webkit-autofill, :autofill),
textarea[type=checkbox]:focus,
textarea[type=checkbox]:-webkit-autofill,
textarea[type=checkbox]:-webkit-autofill:hover,
textarea[type=checkbox]:-webkit-autofill:active,
textarea[type=checkbox]:-webkit-autofill:focus,
textarea[type=checkbox]:is(:-webkit-autofill, :autofill),
textarea[type=radio]:focus,
textarea[type=radio]:-webkit-autofill,
textarea[type=radio]:-webkit-autofill:hover,
textarea[type=radio]:-webkit-autofill:active,
textarea[type=radio]:-webkit-autofill:focus,
textarea[type=radio]:is(:-webkit-autofill, :autofill),
select[type=checkbox]:focus,
select[type=checkbox]:-webkit-autofill,
select[type=checkbox]:-webkit-autofill:hover,
select[type=checkbox]:-webkit-autofill:active,
select[type=checkbox]:-webkit-autofill:focus,
select[type=checkbox]:is(:-webkit-autofill, :autofill),
select[type=radio]:focus,
select[type=radio]:-webkit-autofill,
select[type=radio]:-webkit-autofill:hover,
select[type=radio]:-webkit-autofill:active,
select[type=radio]:-webkit-autofill:focus,
select[type=radio]:is(:-webkit-autofill, :autofill) {
  background-color: #ffffff !important;
}
input[type=checkbox]:checked, input[type=radio]:checked,
textarea[type=checkbox]:checked,
textarea[type=radio]:checked,
select[type=checkbox]:checked,
select[type=radio]:checked {
  -webkit-appearance: none;
  appearance: none;
  color: #ffffff !important;
  background-color: #1aa358 !important;
  border-color: #1aa358;
}
input[type=checkbox]:checked:before, input[type=radio]:checked:before,
textarea[type=checkbox]:checked:before,
textarea[type=radio]:checked:before,
select[type=checkbox]:checked:before,
select[type=radio]:checked:before {
  -webkit-text-fill-color: #ffffff;
  color: #ffffff !important;
  opacity: 1;
}

select {
  position: relative;
}
select:before {
  content: "\ea3c";
  font-family: "icons";
  font-size: 16px;
  line-height: 1;
  color: #168a4a;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 16px;
}

.required_mark {
  color: #f4333f;
}

label {
  font-size: 13px;
  line-height: 28px;
  font-weight: 400;
  color: #1a1a1a;
}

.form-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  margin-top: 12px;
}
.form-item.no_margin {
  margin-top: 0;
}
.form-item:first-child {
  margin-top: 0;
}
.form-item label {
  display: block;
  line-height: 1;
}
.form-item.progress_bar {
  background-color: #e1f0e8;
  border-radius: 5px;
  padding: 8px;
  margin-top: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  color: #168a4a;
  white-space: nowrap;
}
.form-item.progress_bar .progress-bar-element {
  width: 100%;
  height: 8px;
  background-color: #d1e8db;
  border-radius: 5px;
  position: relative;
}
.form-item.progress_bar .progress-bar-element .progress-bar-value {
  height: 100%;
  background-color: #168a4a;
  border-radius: 5px;
  position: absolute;
  top: 0;
  bottom: 0;
}
.form-item.progress_bar [class^=icon-]:before,
.form-item.progress_bar [class*=" icon-"]:before {
  font-size: 14px;
  color: #168a4a;
}
.form-item.progress_bar.error {
  color: #1a1a1a;
}
.form-item.progress_bar.error .progress-bar-element {
  background-color: #fccccf;
}
.form-item.progress_bar.error .progress-bar-element .progress-bar-value {
  background-color: #f4333f;
}
.form-item.progress_bar.success {
  color: #1a1a1a;
}
.form-item.progress_bar.success .progress-bar-element {
  background-color: #bfebcf;
}
.form-item.progress_bar.success .progress-bar-element .progress-bar-value {
  background-color: #00ae41;
}
.form-item.progress_bar.warning {
  color: #1a1a1a;
}
.form-item.progress_bar.warning .progress-bar-element {
  background-color: #fceccc;
}
.form-item.progress_bar.warning .progress-bar-element .progress-bar-value {
  background-color: #ffc249;
}
.form-item.progress_bar.vertical {
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.form-item.vertical {
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.form-item.horizontal {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.form-item.form_checkbox {
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.form-item.error input,
.form-item.error textarea,
.form-item.error select {
  border: 1px solid #f4333f;
}
.form-item.error label,
.form-item.error small {
  color: #f4333f;
}

.card_title + .form-item {
  margin-top: 0;
}

.form_search {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
}

.card {
  background-color: #ffffff;
  border: 1px solid #e6e9ed;
  border-radius: 10px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  color: #1a1a1a;
}
.card > hr {
  background-color: #e6e9ed;
}
.card h1,
.card .h1,
.card .vendors_list .letter,
.vendors_list .card .letter,
.card .vendors_list.flags .row_title,
.vendors_list.flags .card .row_title,
.card .product_page .product_intro .product_actions .product-price,
.product_page .product_intro .product_actions .card .product-price,
.card h2,
.card .h2,
.card .esim_page .esim-instructions .instructions-title > span,
.esim_page .esim-instructions .card .instructions-title > span,
.card h3,
.card .h3,
.card .checkout_page .checkout_summary .product_card .product-quantity .product-price,
.checkout_page .checkout_summary .product_card .product-quantity .card .product-price {
  color: #1a1a1a;
  margin: 0;
}
.card h1 + p,
.card .h1 + p,
.card .vendors_list .letter + p,
.vendors_list .card .letter + p,
.card .vendors_list.flags .row_title + p,
.vendors_list.flags .card .row_title + p,
.card .product_page .product_intro .product_actions .product-price + p,
.product_page .product_intro .product_actions .card .product-price + p,
.card h2 + p,
.card .h2 + p,
.card .esim_page .esim-instructions .instructions-title > span + p,
.esim_page .esim-instructions .card .instructions-title > span + p,
.card h3 + p,
.card .h3 + p,
.card .checkout_page .checkout_summary .product_card .product-quantity .product-price + p,
.checkout_page .checkout_summary .product_card .product-quantity .card .product-price + p {
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
  color: #1a1a1a;
  margin: 0;
}
.card p {
  margin: 0;
}
.card form {
  width: 100%;
}
.card.small_padding {
  padding: 8px 16px;
}
.card.primary {
  background-color: #168a4a;
  color: #ffffff;
}
.card.primary > hr {
  background-color: #168a4a;
}
.card.primary label,
.card.primary .label {
  color: #ffffff;
}
.card.primary h1,
.card.primary .h1,
.card.primary .vendors_list .letter,
.vendors_list .card.primary .letter,
.card.primary .vendors_list.flags .row_title,
.vendors_list.flags .card.primary .row_title,
.card.primary .product_page .product_intro .product_actions .product-price,
.product_page .product_intro .product_actions .card.primary .product-price,
.card.primary h2,
.card.primary .h2,
.card.primary .esim_page .esim-instructions .instructions-title > span,
.esim_page .esim-instructions .card.primary .instructions-title > span,
.card.primary h3,
.card.primary .h3,
.card.primary .checkout_page .checkout_summary .product_card .product-quantity .product-price,
.checkout_page .checkout_summary .product_card .product-quantity .card.primary .product-price {
  color: #ffffff;
}
.card.primary h1 + p, .card.primary h1 + small,
.card.primary .h1 + p,
.card.primary .vendors_list .letter + p,
.vendors_list .card.primary .letter + p,
.card.primary .vendors_list.flags .row_title + p,
.vendors_list.flags .card.primary .row_title + p,
.card.primary .product_page .product_intro .product_actions .product-price + p,
.product_page .product_intro .product_actions .card.primary .product-price + p,
.card.primary .h1 + small,
.card.primary .vendors_list .letter + small,
.vendors_list .card.primary .letter + small,
.card.primary .vendors_list.flags .row_title + small,
.vendors_list.flags .card.primary .row_title + small,
.card.primary .product_page .product_intro .product_actions .product-price + small,
.product_page .product_intro .product_actions .card.primary .product-price + small,
.card.primary h2 + p,
.card.primary h2 + small,
.card.primary .h2 + p,
.card.primary .esim_page .esim-instructions .instructions-title > span + p,
.esim_page .esim-instructions .card.primary .instructions-title > span + p,
.card.primary .h2 + small,
.card.primary .esim_page .esim-instructions .instructions-title > span + small,
.esim_page .esim-instructions .card.primary .instructions-title > span + small,
.card.primary h3 + p,
.card.primary h3 + small,
.card.primary .h3 + p,
.card.primary .checkout_page .checkout_summary .product_card .product-quantity .product-price + p,
.checkout_page .checkout_summary .product_card .product-quantity .card.primary .product-price + p,
.card.primary .h3 + small,
.card.primary .checkout_page .checkout_summary .product_card .product-quantity .product-price + small,
.checkout_page .checkout_summary .product_card .product-quantity .card.primary .product-price + small {
  color: #ffffff;
}
.card.primary .card_title h1,
.card.primary .card_title .h1,
.card.primary .card_title .vendors_list .letter,
.vendors_list .card.primary .card_title .letter,
.card.primary .card_title .vendors_list.flags .row_title,
.vendors_list.flags .card.primary .card_title .row_title,
.card.primary .card_title .product_page .product_intro .product_actions .product-price,
.product_page .product_intro .product_actions .card.primary .card_title .product-price,
.card.primary .card_title h2,
.card.primary .card_title .h2,
.card.primary .card_title .esim_page .esim-instructions .instructions-title > span,
.esim_page .esim-instructions .card.primary .card_title .instructions-title > span,
.card.primary .card_title h3,
.card.primary .card_title .h3,
.card.primary .card_title .checkout_page .checkout_summary .product_card .product-quantity .product-price,
.checkout_page .checkout_summary .product_card .product-quantity .card.primary .card_title .product-price {
  color: #ffffff;
  margin: 0;
}
.card.primary .card_title h1 + p,
.card.primary .card_title h1 p + small,
.card.primary .card_title .h1 + p,
.card.primary .card_title .vendors_list .letter + p,
.vendors_list .card.primary .card_title .letter + p,
.card.primary .card_title .vendors_list.flags .row_title + p,
.vendors_list.flags .card.primary .card_title .row_title + p,
.card.primary .card_title .product_page .product_intro .product_actions .product-price + p,
.product_page .product_intro .product_actions .card.primary .card_title .product-price + p,
.card.primary .card_title .h1 p + small,
.card.primary .card_title .vendors_list .letter p + small,
.vendors_list .card.primary .card_title .letter p + small,
.card.primary .card_title .vendors_list.flags .row_title p + small,
.vendors_list.flags .card.primary .card_title .row_title p + small,
.card.primary .card_title .product_page .product_intro .product_actions .product-price p + small,
.product_page .product_intro .product_actions .card.primary .card_title .product-price p + small,
.card.primary .card_title h2 + p,
.card.primary .card_title h2 p + small,
.card.primary .card_title .h2 + p,
.card.primary .card_title .esim_page .esim-instructions .instructions-title > span + p,
.esim_page .esim-instructions .card.primary .card_title .instructions-title > span + p,
.card.primary .card_title .h2 p + small,
.card.primary .card_title .esim_page .esim-instructions .instructions-title > span p + small,
.esim_page .esim-instructions .card.primary .card_title .instructions-title > span p + small,
.card.primary .card_title h3 + p,
.card.primary .card_title h3 p + small,
.card.primary .card_title .h3 + p,
.card.primary .card_title .checkout_page .checkout_summary .product_card .product-quantity .product-price + p,
.checkout_page .checkout_summary .product_card .product-quantity .card.primary .card_title .product-price + p,
.card.primary .card_title .h3 p + small,
.card.primary .card_title .checkout_page .checkout_summary .product_card .product-quantity .product-price p + small,
.checkout_page .checkout_summary .product_card .product-quantity .card.primary .card_title .product-price p + small {
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
  color: #ffffff;
  margin: 0;
}
.card.primary [class^=icon-]:before,
.card.primary [class*=" icon-"]:before {
  color: #ffffff;
}
.card.secondary {
  background-color: #168a4a;
  color: #ffffff;
}
.card.secondary > hr {
  background-color: #168a4a;
}
.card.secondary label,
.card.secondary .label {
  color: #ffffff;
}
.card.secondary h1,
.card.secondary .h1,
.card.secondary .vendors_list .letter,
.vendors_list .card.secondary .letter,
.card.secondary .vendors_list.flags .row_title,
.vendors_list.flags .card.secondary .row_title,
.card.secondary .product_page .product_intro .product_actions .product-price,
.product_page .product_intro .product_actions .card.secondary .product-price,
.card.secondary h2,
.card.secondary .h2,
.card.secondary .esim_page .esim-instructions .instructions-title > span,
.esim_page .esim-instructions .card.secondary .instructions-title > span,
.card.secondary h3,
.card.secondary .h3,
.card.secondary .checkout_page .checkout_summary .product_card .product-quantity .product-price,
.checkout_page .checkout_summary .product_card .product-quantity .card.secondary .product-price {
  color: #ffffff;
}
.card.secondary h1 + p, .card.secondary h1 + small,
.card.secondary .h1 + p,
.card.secondary .vendors_list .letter + p,
.vendors_list .card.secondary .letter + p,
.card.secondary .vendors_list.flags .row_title + p,
.vendors_list.flags .card.secondary .row_title + p,
.card.secondary .product_page .product_intro .product_actions .product-price + p,
.product_page .product_intro .product_actions .card.secondary .product-price + p,
.card.secondary .h1 + small,
.card.secondary .vendors_list .letter + small,
.vendors_list .card.secondary .letter + small,
.card.secondary .vendors_list.flags .row_title + small,
.vendors_list.flags .card.secondary .row_title + small,
.card.secondary .product_page .product_intro .product_actions .product-price + small,
.product_page .product_intro .product_actions .card.secondary .product-price + small,
.card.secondary h2 + p,
.card.secondary h2 + small,
.card.secondary .h2 + p,
.card.secondary .esim_page .esim-instructions .instructions-title > span + p,
.esim_page .esim-instructions .card.secondary .instructions-title > span + p,
.card.secondary .h2 + small,
.card.secondary .esim_page .esim-instructions .instructions-title > span + small,
.esim_page .esim-instructions .card.secondary .instructions-title > span + small,
.card.secondary h3 + p,
.card.secondary h3 + small,
.card.secondary .h3 + p,
.card.secondary .checkout_page .checkout_summary .product_card .product-quantity .product-price + p,
.checkout_page .checkout_summary .product_card .product-quantity .card.secondary .product-price + p,
.card.secondary .h3 + small,
.card.secondary .checkout_page .checkout_summary .product_card .product-quantity .product-price + small,
.checkout_page .checkout_summary .product_card .product-quantity .card.secondary .product-price + small {
  color: #ffffff;
}
.card.secondary .card_title h1,
.card.secondary .card_title .h1,
.card.secondary .card_title .vendors_list .letter,
.vendors_list .card.secondary .card_title .letter,
.card.secondary .card_title .vendors_list.flags .row_title,
.vendors_list.flags .card.secondary .card_title .row_title,
.card.secondary .card_title .product_page .product_intro .product_actions .product-price,
.product_page .product_intro .product_actions .card.secondary .card_title .product-price,
.card.secondary .card_title h2,
.card.secondary .card_title .h2,
.card.secondary .card_title .esim_page .esim-instructions .instructions-title > span,
.esim_page .esim-instructions .card.secondary .card_title .instructions-title > span,
.card.secondary .card_title h3,
.card.secondary .card_title .h3,
.card.secondary .card_title .checkout_page .checkout_summary .product_card .product-quantity .product-price,
.checkout_page .checkout_summary .product_card .product-quantity .card.secondary .card_title .product-price {
  color: #ffffff;
  margin: 0;
}
.card.secondary .card_title h1 + p, .card.secondary .card_title h1 + small,
.card.secondary .card_title .h1 + p,
.card.secondary .card_title .vendors_list .letter + p,
.vendors_list .card.secondary .card_title .letter + p,
.card.secondary .card_title .vendors_list.flags .row_title + p,
.vendors_list.flags .card.secondary .card_title .row_title + p,
.card.secondary .card_title .product_page .product_intro .product_actions .product-price + p,
.product_page .product_intro .product_actions .card.secondary .card_title .product-price + p,
.card.secondary .card_title .h1 + small,
.card.secondary .card_title .vendors_list .letter + small,
.vendors_list .card.secondary .card_title .letter + small,
.card.secondary .card_title .vendors_list.flags .row_title + small,
.vendors_list.flags .card.secondary .card_title .row_title + small,
.card.secondary .card_title .product_page .product_intro .product_actions .product-price + small,
.product_page .product_intro .product_actions .card.secondary .card_title .product-price + small,
.card.secondary .card_title h2 + p,
.card.secondary .card_title h2 + small,
.card.secondary .card_title .h2 + p,
.card.secondary .card_title .esim_page .esim-instructions .instructions-title > span + p,
.esim_page .esim-instructions .card.secondary .card_title .instructions-title > span + p,
.card.secondary .card_title .h2 + small,
.card.secondary .card_title .esim_page .esim-instructions .instructions-title > span + small,
.esim_page .esim-instructions .card.secondary .card_title .instructions-title > span + small,
.card.secondary .card_title h3 + p,
.card.secondary .card_title h3 + small,
.card.secondary .card_title .h3 + p,
.card.secondary .card_title .checkout_page .checkout_summary .product_card .product-quantity .product-price + p,
.checkout_page .checkout_summary .product_card .product-quantity .card.secondary .card_title .product-price + p,
.card.secondary .card_title .h3 + small,
.card.secondary .card_title .checkout_page .checkout_summary .product_card .product-quantity .product-price + small,
.checkout_page .checkout_summary .product_card .product-quantity .card.secondary .card_title .product-price + small {
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
  color: #ffffff;
  margin: 0;
}
.card.secondary [class^=icon-]:before,
.card.secondary [class*=" icon-"]:before {
  color: #ffffff;
}
.card.accent {
  background-color: #1aa358;
  color: #ffffff;
}
.card.accent > hr {
  background-color: #1aa358;
}
.card.accent label,
.card.accent .label {
  color: #ffffff;
}
.card.accent h1,
.card.accent .h1,
.card.accent .vendors_list .letter,
.vendors_list .card.accent .letter,
.card.accent .vendors_list.flags .row_title,
.vendors_list.flags .card.accent .row_title,
.card.accent .product_page .product_intro .product_actions .product-price,
.product_page .product_intro .product_actions .card.accent .product-price,
.card.accent h2,
.card.accent .h2,
.card.accent .esim_page .esim-instructions .instructions-title > span,
.esim_page .esim-instructions .card.accent .instructions-title > span,
.card.accent h3,
.card.accent .h3,
.card.accent .checkout_page .checkout_summary .product_card .product-quantity .product-price,
.checkout_page .checkout_summary .product_card .product-quantity .card.accent .product-price {
  color: #ffffff;
}
.card.accent h1 + p, .card.accent h1 + small,
.card.accent .h1 + p,
.card.accent .vendors_list .letter + p,
.vendors_list .card.accent .letter + p,
.card.accent .vendors_list.flags .row_title + p,
.vendors_list.flags .card.accent .row_title + p,
.card.accent .product_page .product_intro .product_actions .product-price + p,
.product_page .product_intro .product_actions .card.accent .product-price + p,
.card.accent .h1 + small,
.card.accent .vendors_list .letter + small,
.vendors_list .card.accent .letter + small,
.card.accent .vendors_list.flags .row_title + small,
.vendors_list.flags .card.accent .row_title + small,
.card.accent .product_page .product_intro .product_actions .product-price + small,
.product_page .product_intro .product_actions .card.accent .product-price + small,
.card.accent h2 + p,
.card.accent h2 + small,
.card.accent .h2 + p,
.card.accent .esim_page .esim-instructions .instructions-title > span + p,
.esim_page .esim-instructions .card.accent .instructions-title > span + p,
.card.accent .h2 + small,
.card.accent .esim_page .esim-instructions .instructions-title > span + small,
.esim_page .esim-instructions .card.accent .instructions-title > span + small,
.card.accent h3 + p,
.card.accent h3 + small,
.card.accent .h3 + p,
.card.accent .checkout_page .checkout_summary .product_card .product-quantity .product-price + p,
.checkout_page .checkout_summary .product_card .product-quantity .card.accent .product-price + p,
.card.accent .h3 + small,
.card.accent .checkout_page .checkout_summary .product_card .product-quantity .product-price + small,
.checkout_page .checkout_summary .product_card .product-quantity .card.accent .product-price + small {
  color: #ffffff;
}
.card.accent .card_title h1,
.card.accent .card_title .h1,
.card.accent .card_title .vendors_list .letter,
.vendors_list .card.accent .card_title .letter,
.card.accent .card_title .vendors_list.flags .row_title,
.vendors_list.flags .card.accent .card_title .row_title,
.card.accent .card_title .product_page .product_intro .product_actions .product-price,
.product_page .product_intro .product_actions .card.accent .card_title .product-price,
.card.accent .card_title h2,
.card.accent .card_title .h2,
.card.accent .card_title .esim_page .esim-instructions .instructions-title > span,
.esim_page .esim-instructions .card.accent .card_title .instructions-title > span,
.card.accent .card_title h3,
.card.accent .card_title .h3,
.card.accent .card_title .checkout_page .checkout_summary .product_card .product-quantity .product-price,
.checkout_page .checkout_summary .product_card .product-quantity .card.accent .card_title .product-price {
  color: #ffffff;
  margin: 0;
}
.card.accent .card_title h1 + p, .card.accent .card_title h1 + small,
.card.accent .card_title .h1 + p,
.card.accent .card_title .vendors_list .letter + p,
.vendors_list .card.accent .card_title .letter + p,
.card.accent .card_title .vendors_list.flags .row_title + p,
.vendors_list.flags .card.accent .card_title .row_title + p,
.card.accent .card_title .product_page .product_intro .product_actions .product-price + p,
.product_page .product_intro .product_actions .card.accent .card_title .product-price + p,
.card.accent .card_title .h1 + small,
.card.accent .card_title .vendors_list .letter + small,
.vendors_list .card.accent .card_title .letter + small,
.card.accent .card_title .vendors_list.flags .row_title + small,
.vendors_list.flags .card.accent .card_title .row_title + small,
.card.accent .card_title .product_page .product_intro .product_actions .product-price + small,
.product_page .product_intro .product_actions .card.accent .card_title .product-price + small,
.card.accent .card_title h2 + p,
.card.accent .card_title h2 + small,
.card.accent .card_title .h2 + p,
.card.accent .card_title .esim_page .esim-instructions .instructions-title > span + p,
.esim_page .esim-instructions .card.accent .card_title .instructions-title > span + p,
.card.accent .card_title .h2 + small,
.card.accent .card_title .esim_page .esim-instructions .instructions-title > span + small,
.esim_page .esim-instructions .card.accent .card_title .instructions-title > span + small,
.card.accent .card_title h3 + p,
.card.accent .card_title h3 + small,
.card.accent .card_title .h3 + p,
.card.accent .card_title .checkout_page .checkout_summary .product_card .product-quantity .product-price + p,
.checkout_page .checkout_summary .product_card .product-quantity .card.accent .card_title .product-price + p,
.card.accent .card_title .h3 + small,
.card.accent .card_title .checkout_page .checkout_summary .product_card .product-quantity .product-price + small,
.checkout_page .checkout_summary .product_card .product-quantity .card.accent .card_title .product-price + small {
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
  color: #ffffff;
  margin: 0;
}
.card.accent [class^=icon-]:before,
.card.accent [class*=" icon-"]:before {
  color: #ffffff;
}
.card.intro_card form {
  display: flex;
  flex-direction: row;
  gap: 8px;
  position: relative;
  width: 100%;
}
.card.intro_card form input[type=search] {
  padding-left: 36px;
}
.card.intro_card form .icon-search-clasic {
  position: absolute;
  left: 16px;
  top: 50%;
  margin-top: -8px;
}
.card.intro_card form .icon-search-clasic:before {
  font-size: 16px;
  color: #1a1a1a;
}
.card.count_card {
  flex-direction: row;
  gap: 4px;
}
.card.count_card .count {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #168a4a;
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  color: #ffffff;
}
.card.count_card .icon-right-arrow-2-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border-radius: 5px;
  background-color: #1aa358;
  margin-left: auto;
}
.card.count_card .icon-right-arrow-2-2:before {
  font-size: 16px;
  line-height: 16px;
  color: #ffffff;
}
.card .card_title {
  width: 100%;
  padding-bottom: 12px;
  border-bottom: 1px solid #e6e9ed;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.card .card_title h2,
.card .card_title .h2,
.card .card_title .esim_page .esim-instructions .instructions-title > span,
.esim_page .esim-instructions .card .card_title .instructions-title > span,
.card .card_title h3,
.card .card_title .h3,
.card .card_title .checkout_page .checkout_summary .product_card .product-quantity .product-price,
.checkout_page .checkout_summary .product_card .product-quantity .card .card_title .product-price,
.card .card_title h4,
.card .card_title .h4 {
  flex-grow: 1;
  line-height: 1;
  color: #1a1a1a;
}
.card.product_card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 0;
}
.card.product_card.no_link {
  padding: 16px;
}
.card.product_card.no_link.small_padding {
  padding: 8px 16px;
}
.card.product_card.no_link .card-wrapper:before {
  content: none;
}
.card.product_card > a {
  display: flex;
  padding: 16px;
}
.card.product_card .card-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  position: relative;
}
@media all and (min-width: 1200px) {
  .card.product_card .card-wrapper {
    align-items: stretch;
    justify-content: center;
  }
}
.card.product_card .card-wrapper:before {
  content: "\ea3c";
  font-family: "icons";
  font-size: 16px;
  line-height: 1;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 16px;
}
.card.product_card .card-image {
  width: 50px;
}
.card.product_card .card-image img {
  width: 100%;
  height: auto;
}
.card.product_card .card-image.small_image {
  width: 20px;
}
.card.product_card .card-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #168a4a;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card.product_card .card-icon img {
  height: 20px;
  width: auto;
  max-width: 20px;
}
.card.product_card .card-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  flex-grow: 1;
  position: relative;
}
@media all and (min-width: 1200px) {
  .card.product_card .card-content {
    justify-content: center;
  }
}
.card.product_card .card-content h3 {
  line-height: 1;
  margin: 0;
  margin-top: 2px;
  color: #1a1a1a;
}
.card.product_card .card-content p.card-price {
  font-size: 15px;
  line-height: 1;
  font-weight: 700;
  margin: 0;
  margin-top: 8px;
}
.card.category_card {
  align-items: center;
  gap: 12px;
  padding: 0;
}
.card.category_card.no_link {
  padding: 16px;
}
.card.category_card.no_link.small_padding {
  padding: 8px 16px;
}
.card.category_card.no_link .card-wrapper:before {
  content: none;
}
.card.category_card > a {
  display: flex;
  width: 100%;
  padding: 16px;
}
.card.category_card .card-wrapper {
  flex-direction: column;
  justify-content: center;
}
.card.category_card .card-wrapper .card-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #168a4a;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media all and (min-width: 1200px) {
  .card.category_card .card-wrapper .card-icon {
    width: 48px;
    height: 48px;
  }
}
.card.category_card .card-wrapper .card-content h3 {
  text-align: center;
  line-height: 1.1;
  margin-top: 4px;
}
.card.recommendation_card {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.card.recommendation_card .card-image {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #168a4a;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card.recommendation_card .card-title {
  flex-grow: 1;
  margin-left: -4px;
  margin-right: 4px;
}
.card.recommendation_card .card-title small {
  display: block;
}
.card hr + .form-item {
  margin-top: 0;
}

.cards_list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: auto;
}
.cards_list > * {
  width: 100%;
}
@media all and (min-width: 991px) {
  .cards_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: stretch;
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: 0;
  }
  .cards_list > * {
    width: calc(50% - 8px);
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 8px;
  }
  .cards_list {
    gap: 0;
    align-items: flex-start;
  }
}
@media all and (min-width: 1200px) {
  .cards_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: stretch;
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: 0;
  }
  .cards_list > * {
    width: calc(33.33% - 8px);
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 8px;
  }
  .cards_list {
    gap: 0;
    align-items: flex-start;
  }
}
.cards_list.two_columns {
  width: auto;
  gap: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: stretch;
  margin-left: -4px;
  margin-right: -4px;
  margin-bottom: 0;
}
.cards_list.two_columns > * {
  width: calc(50% - 8px);
  margin-left: 4px;
  margin-right: 4px;
  margin-bottom: 8px;
}
@media all and (min-width: 1200px) {
  .cards_list.two_columns {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: stretch;
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: 0;
  }
  .cards_list.two_columns > * {
    width: calc(20% - 8px);
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 8px;
  }
}
.cards_list.auto_columns > * {
  width: 100%;
}
@media all and (min-width: 990px) {
  .cards_list.auto_columns > * {
    width: auto;
  }
}
.cards_list.no_columns > * {
  width: 100%;
}

@media all and (min-width: 1200px) {
  .category_card .card-wrapper {
    gap: 4px;
  }
}
@media all and (min-width: 1200px) {
  .category_card .card-wrapper .card-image img {
    width: 20px;
    height: 20px;
  }
}

.active_card .card-intro,
.esim_card .card-intro {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.active_card .card-intro .card-title,
.esim_card .card-intro .card-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.active_card .card-intro .card-title img,
.esim_card .card-intro .card-title img {
  width: 22px;
  height: 22px;
  border-radius: 5px;
  border: 1px solid #e6e9ed;
}
.active_card .card-intro .card-title .back,
.esim_card .card-intro .card-title .back {
  display: block;
}
.active_card .card-intro .card-title .back span,
.esim_card .card-intro .card-title .back span {
  display: block;
}
.active_card .card-intro .card-title .back span:before,
.esim_card .card-intro .card-title .back span:before {
  color: #168a4a;
  font-size: 24px;
}
.active_card .progress-bar .progress-bar-element,
.esim_card .progress-bar .progress-bar-element {
  width: 100%;
}
.active_card .button_group,
.esim_card .button_group {
  width: 100%;
}
.active_card .button_group .rate,
.esim_card .button_group .rate {
  width: 100%;
}

.chip {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  border-radius: 5px;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  background-color: #e1f0e8;
  color: #1a1a1a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chip label {
  font-size: 10px;
  line-height: 100%;
  font-weight: 500;
  opacity: 0.65;
}
.chip [class^=icon-]:before,
.chip [class*=" icon-"]:before {
  font-size: 14px;
  line-height: 1;
}
.chip.smaller {
  padding: 2px 8px;
  font-weight: 600;
}
.chip.text_primary {
  color: #168a4a;
}
.chip.text_primary [class^=icon-]:before,
.chip.text_primary [class*=" icon-"]:before {
  color: #168a4a;
}
.chip.darker {
  background-color: #d1e8db;
}
.chip.warning {
  background-color: #ffc249;
  color: #fdfaf6;
}
.chip.warning [class^=icon-]:before,
.chip.warning [class*=" icon-"]:before {
  color: #fdfaf6;
}
.chip.warning * {
  color: #fdfaf6;
}
.chip.success {
  background-color: #00ae41;
  color: #c3ecb1;
}
.chip.success [class^=icon-]:before,
.chip.success [class*=" icon-"]:before {
  color: #c3ecb1;
}
.chip.success * {
  color: #c3ecb1;
}
.chip.success.light {
  background-color: #f2fbf5;
  color: #1a1a1a;
}
.chip.success.light label {
  color: #1a1a1a;
}
.chip.error {
  background-color: #f4333f;
  color: #fbd4cf;
}
.chip.error [class^=icon-]:before,
.chip.error [class*=" icon-"]:before {
  color: #fbd4cf;
}
.chip.error * {
  color: #fbd4cf;
}
.chip.warning {
  background-color: #ffc249;
  color: #fdfaf6;
}
.chip.warning [class^=icon-]:before,
.chip.warning [class*=" icon-"]:before {
  color: #fdfaf6;
}
.chip.warning * {
  color: #fdfaf6;
}
.chip.primary {
  background-color: #168a4a;
  color: #ffffff;
}
.chip.primary [class^=icon-]:before,
.chip.primary [class*=" icon-"]:before {
  color: #ffffff;
}
.chip.primary * {
  color: #ffffff;
}
.chip.secondary {
  background-color: #168a4a;
  color: #ffffff;
}
.chip.secondary [class^=icon-]:before,
.chip.secondary [class*=" icon-"]:before {
  color: #ffffff;
}
.chip.secondary * {
  color: #ffffff;
}
.chip.accent {
  background-color: #1aa358;
  color: #ffffff;
}
.chip.accent [class^=icon-]:before,
.chip.accent [class*=" icon-"]:before {
  color: #ffffff;
}
.chip.accent * {
  color: #ffffff;
}

.chips_list {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}
.chips_list .chip {
  display: flex;
}

.bubble {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  padding: 12px;
  padding-left: 32px;
  border-radius: 5px;
  background-color: #f3f9f6;
  position: relative;
}
.bubble:before {
  content: "";
  font-family: "icons";
  font-size: 16px;
  color: #1a1a1a;
  position: absolute;
  top: 12px;
  left: 12px;
}
.bubble.info-bubble {
  background-color: #d1e8db;
}
.bubble.info-bubble:before {
  content: "\e920";
}
.bubble.date-bubble {
  background-color: #d1e8db;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.bubble.date-bubble:before {
  content: "\ec48";
  line-height: 16px;
  color: #1a1a1a;
  position: static;
}
.bubble.warning {
  background-color: #fceccc;
  color: #1a1a1a;
}
.bubble.warning [class^=icon-]:not(.icon-right-arrow):before,
.bubble.warning [class*=" icon-"]:not(.icon-right-arrow):before {
  color: #1a1a1a;
}

.tabs_wrapper {
  display: flex;
  flex-direction: column;
  align-items: normal;
  gap: 16px;
}
.tabs_wrapper .tabs_nav {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #168a4a;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.tabs_wrapper .tabs_nav li {
  display: flex;
  width: 100%;
}
.tabs_wrapper .tabs_nav li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 4px;
  width: 100%;
  text-align: center;
  line-height: 1;
}
.tabs_wrapper .tabs_nav li > a.active {
  background-color: #168a4a;
  color: #ffffff;
}
.tabs_wrapper .tabs_content {
  width: 100%;
}
.tabs_wrapper .tabs_content .tabs_pane {
  display: none;
}
.tabs_wrapper .tabs_content .tabs_pane.active {
  display: block;
}
.tabs_wrapper.text_tabs .tabs_nav {
  border: none;
  border-bottom: 1px solid #e6e9ed;
  border-radius: 0;
  gap: 24px;
}
.tabs_wrapper.text_tabs .tabs_nav li {
  width: auto;
}
.tabs_wrapper.text_tabs .tabs_nav li > a {
  font-size: 13px;
  line-height: 1;
  font-weight: 400;
  color: #1a1a1a;
  padding: 8px 0;
  border-bottom: 1px solid transparent;
}
.tabs_wrapper.text_tabs .tabs_nav li > a.active {
  color: #168a4a;
  background-color: transparent;
  border-color: #168a4a;
}

body.fixed {
  overflow: hidden;
}

html.fixed {
  overflow: hidden;
}

body.modal_on .modal {
  opacity: 1;
  visibility: visible;
}
body.modal_on .modal .modal-content {
  transform: translateY(0) translateX(-50%);
}
@media all and (min-width: 1200px) {
  body.modal_on .modal .modal-content {
    transform: translateY(-50%) translateX(-50%);
  }
}

.modal {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  transition: all 15ms cubic-bezier(0.08, 0.7, 0.35, 1.04);
  -webkit-transition: all 15ms cubic-bezier(0.08, 0.7, 0.35, 1.04);
  -moz-transition: all 15ms cubic-bezier(0.08, 0.7, 0.35, 1.04);
  opacity: 0;
  visibility: hidden;
}
.modal .modal-backdrop {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e1f0e8;
  opacity: 0.8;
}
.modal .modal-content {
  width: 100%;
  max-height: 100%;
  overflow: auto;
  max-width: 752px;
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: 0;
  padding: 12px;
  transition: all 15ms cubic-bezier(0.08, 0.7, 0.35, 1.04);
  -webkit-transition: all 15ms cubic-bezier(0.08, 0.7, 0.35, 1.04);
  -moz-transition: all 15ms cubic-bezier(0.08, 0.7, 0.35, 1.04);
  transform: translateY(100%) translateX(-50%);
}
@media all and (min-width: 1200px) {
  .modal .modal-content {
    top: 50%;
    left: 50%;
    max-width: 1000px;
    position: relative;
  }
}
.modal .modal-content .card {
  position: relative;
  padding-top: 40px;
}
.modal .modal-content .card h1 {
  margin-bottom: 0;
}
.modal .modal-content .card .modal-close {
  position: absolute;
  z-index: 3;
  top: 16px;
  right: 16px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #f3f9f6;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.modal .modal-content .card .modal-close:before {
  color: #1a1a1a;
  font-size: 16px;
}

.loader {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9999;
  transform: translateX(-50%) translateY(-50%);
  transition: all 15ms cubic-bezier(0.08, 0.7, 0.35, 1.04);
  -webkit-transition: all 15ms cubic-bezier(0.08, 0.7, 0.35, 1.04);
  -moz-transition: all 15ms cubic-bezier(0.08, 0.7, 0.35, 1.04);
  opacity: 0;
  visibility: hidden;
}
.loader img {
  height: 32px;
}

.list_loader {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.list_loader .loader-icon {
  flex-direction: column;
  background-color: transparent;
  white-space: nowrap;
}
.list_loader .loader-icon img {
  height: 32px;
}

.loader-icon {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border-radius: 50%;
}
.loader-icon img {
  height: 32px;
}

body.loading .loader {
  opacity: 1;
  visibility: visible;
}
body.loading h1 {
  margin: 0;
  margin-top: 8px;
  color: #ffffff;
}

.vendors_list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.vendors_list .letter {
  display: block;
  color: #1a1a1a;
  margin: 0;
  margin-bottom: -8px;
}
.vendors_list ul.vendors_row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.vendors_list ul.vendors_row li a {
  display: flex;
  align-items: center;
  gap: 12px;
}
.vendors_list ul.vendors_row li a hr {
  background-color: #e6e9ed;
}
.vendors_list.vertical ul.vendors_row {
  flex-direction: column;
}
.vendors_list.vertical ul.vendors_row li a {
  flex-direction: row;
  padding: 8px 16px;
  position: relative;
}
.vendors_list.vertical ul.vendors_row li a img {
  height: 32px;
}
.vendors_list.vertical ul.vendors_row li a:before {
  content: "\ea3c";
  font-family: "icons";
  font-size: 16px;
  line-height: 1;
  color: #168a4a;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 16px;
}
.vendors_list.flags .row_title {
  margin-bottom: 0;
  margin-left: 16px;
}
.vendors_list.flags ul.vendors_row li a img {
  width: 24px;
  height: 24px;
  border: 1px solid #e6e9ed;
  border-radius: 5px;
}
.vendors_list.horizontal ul.vendors_row {
  gap: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: stretch;
  margin-left: -4px;
  margin-right: -4px;
  margin-bottom: 0;
}
.vendors_list.horizontal ul.vendors_row > * {
  width: calc(50% - 8px);
  margin-left: 4px;
  margin-right: 4px;
  margin-bottom: 8px;
}
@media all and (min-width: 1200px) {
  .vendors_list.horizontal ul.vendors_row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: stretch;
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: 0;
  }
  .vendors_list.horizontal ul.vendors_row > * {
    width: calc(33.33% - 8px);
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 8px;
  }
}
.vendors_list.horizontal ul.vendors_row li a {
  flex-direction: column;
  text-align: center;
}
.vendors_list.horizontal ul.vendors_row li a > h3 {
  line-height: 1;
}
.vendors_list.horizontal ul.vendors_row li a img {
  height: 40px;
}
.vendors_list.horizontal.flags ul.vendors_row li a img {
  width: 40px;
}
.vendors_list.horizontal.flags ul.vendors_row li a .region_wrapper {
  background-color: #f3f9f6;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vendors_list.horizontal.flags ul.vendors_row li a .region_wrapper svg {
  width: 30px;
}
.vendors_list.horizontal.flags ul.vendors_row li a .region_wrapper svg path {
  color: #1a1a1a;
}
.vendors_list.horizontal.flags ul.vendors_row li a .region_wrapper img {
  border: none;
}

.details_list {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}
.details_list li {
  display: flex;
  flex-direction: row;
}
.details_list li span {
  width: 80px;
  color: #1a1a1a;
}
.details_list li strong {
  flex-grow: 1;
  color: #1a1a1a;
  font-weight: 600;
}

.toast {
  position: fixed;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 9999;
  max-width: 600px;
  margin: auto;
  border-radius: 10px;
  padding: 16px;
  padding-bottom: 20px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  background-color: #d1e8db;
  box-shadow: -1px 3px 3px 0px rgba(0, 0, 0, 0.21);
  overflow: hidden;
}
.toast .toast_content {
  width: 100%;
}
.toast .toast_content p:last-child {
  margin-bottom: 0;
}
.toast .toast_close {
  padding: 8px;
  cursor: pointer;
}
.toast .toast_bar {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: 5px;
  background-color: #168a4a;
}
.toast .toast_bar_wrapper {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  display: block;
  height: 5px;
  background-color: #e6e9ed;
}
.toast.success {
  background-color: #00ae41;
  color: #ffffff;
}
.toast.success h2,
.toast.success .h2,
.toast.success .esim_page .esim-instructions .instructions-title > span,
.esim_page .esim-instructions .toast.success .instructions-title > span,
.toast.success h3,
.toast.success .h3,
.toast.success .checkout_page .checkout_summary .product_card .product-quantity .product-price,
.checkout_page .checkout_summary .product_card .product-quantity .toast.success .product-price,
.toast.success h4,
.toast.success .h4,
.toast.success h5,
.toast.success .h5,
.toast.success h6,
.toast.success .h6 {
  color: #ffffff;
}
.toast.success .toast_close .icon-close-2:before {
  color: #ffffff;
}
.toast.success .toast_bar_wrapper {
  background-color: #80d7a0;
}
.toast.success .toast_bar {
  background-color: #f2fbf5;
}
.toast.error {
  background-color: #f4333f;
  color: #ffffff;
}
.toast.error h2,
.toast.error .h2,
.toast.error .esim_page .esim-instructions .instructions-title > span,
.esim_page .esim-instructions .toast.error .instructions-title > span,
.toast.error h3,
.toast.error .h3,
.toast.error .checkout_page .checkout_summary .product_card .product-quantity .product-price,
.checkout_page .checkout_summary .product_card .product-quantity .toast.error .product-price,
.toast.error h4,
.toast.error .h4,
.toast.error h5,
.toast.error .h5,
.toast.error h6,
.toast.error .h6 {
  color: #ffffff;
}
.toast.error .toast_close .icon-close-2:before {
  color: #ffffff;
}
.toast.error .toast_bar_wrapper {
  background-color: #f9999f;
}
.toast.error .toast_bar {
  background-color: #fddee0;
}
.toast.warning {
  background-color: #ffc249;
  color: #ffffff;
}
.toast.warning h2,
.toast.warning .h2,
.toast.warning .esim_page .esim-instructions .instructions-title > span,
.esim_page .esim-instructions .toast.warning .instructions-title > span,
.toast.warning h3,
.toast.warning .h3,
.toast.warning .checkout_page .checkout_summary .product_card .product-quantity .product-price,
.checkout_page .checkout_summary .product_card .product-quantity .toast.warning .product-price,
.toast.warning h4,
.toast.warning .h4,
.toast.warning h5,
.toast.warning .h5,
.toast.warning h6,
.toast.warning .h6 {
  color: #ffffff;
}
.toast.warning .toast_close .icon-close-2:before {
  color: #ffffff;
}
.toast.warning .toast_bar_wrapper {
  background-color: #f9d99a;
}
.toast.warning .toast_bar {
  background-color: #fefbf5;
}

.mini_cart {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #168a4a;
  color: #ffffff;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 16px;
  right: 16px;
  cursor: pointer;
}
.mini_cart .icon-shopping-bag-2:before {
  font-size: 24px;
  color: #ffffff;
}
.mini_cart .notification-bubble {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #f4333f;
  font-size: 10px;
  line-height: 100%;
  font-weight: 700;
  color: #ffffff;
  position: absolute;
  top: -2px;
  right: -2px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.instruction_steps {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 2px;
  row-gap: 4px;
}
.instruction_steps li {
  margin-right: 11px;
  position: relative;
}
.instruction_steps li:before {
  content: "\e906";
  font-family: "icons";
  font-size: 14px;
  color: #1a1a1a;
  position: absolute;
  left: 100%;
}
.instruction_steps li:last-child {
  margin-right: 0;
}
.instruction_steps li:last-child:before {
  content: none;
}

ul.sidebar_nav li.active > a {
  background-color: #d1e8db;
  color: #168a4a;
}
ul.sidebar_nav li a {
  display: block;
  padding: 8px 16px;
  color: #1a1a1a;
  border-radius: 10px;
}
ul.sidebar_nav li a:hover {
  background-color: #d1e8db;
}

@media all and (max-width: 767px) {
  .main_nav {
    transition: all 0.25s cubic-bezier(0.08, 0.7, 0.35, 1.04);
    -webkit-transition: all 0.25s cubic-bezier(0.08, 0.7, 0.35, 1.04);
    -moz-transition: all 0.25s cubic-bezier(0.08, 0.7, 0.35, 1.04);
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9998;
    width: 100%;
    height: 100%;
    background-color: #168a4a;
    padding: 0;
    padding-bottom: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.main_nav ul {
  display: flex;
  flex-direction: row;
  gap: 0;
}
@media all and (max-width: 767px) {
  .main_nav ul {
    flex-direction: column;
    width: 100%;
    max-height: 100%;
    overflow: auto;
  }
}
.main_nav ul li {
  position: relative;
}
.main_nav ul li a {
  display: block;
  padding: 8px 16px;
  color: #ffffff;
}
@media all and (max-width: 767px) {
  .main_nav ul li a {
    padding: 16px;
    font-size: 18px;
    font-weight: 400;
    border-top: 1px solid #168a4a;
  }
}
.main_nav ul li a:hover {
  color: #ffffff;
}
.main_nav ul li.active > a {
  color: #ffffff;
}
.main_nav ul li.has_dropdown > a {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.main_nav ul li.has_dropdown > a:after {
  content: "\ec1b";
  font-family: "icons";
}
@media all and (max-width: 767px) {
  .main_nav ul li.has_dropdown > a:after {
    content: none;
  }
}
@media all and (max-width: 767px) {
  .main_nav ul li.has_dropdown > a {
    font-size: 13px;
    color: #ffffff;
    padding-bottom: 0;
  }
}
@media all and (min-width: 768px) {
  .main_nav ul li.has_dropdown:hover > a + .dropdown {
    display: block;
  }
}
@media all and (max-width: 767px) {
  .main_nav ul li:first-child > a {
    border-top: none;
  }
}
.main_nav .dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #ffffff;
  padding: 8px 0;
  border: 1px solid #e6e9ed;
  border-radius: 10px;
  min-width: 300px;
}
@media all and (max-width: 767px) {
  .main_nav .dropdown {
    display: block;
    position: static;
    background-color: transparent;
    border: none;
    border-radius: 0;
    min-width: auto;
  }
}
.main_nav .dropdown a {
  color: #1a1a1a;
}
.main_nav .dropdown a:hover {
  color: #168a4a;
}
@media all and (max-width: 767px) {
  .main_nav .dropdown a {
    font-size: 15px;
    color: #ffffff;
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: none;
  }
  .main_nav .dropdown a:hover {
    color: #ffffff;
  }
}

.product_page .product_intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 0 16px;
}
.product_page .product_intro .product_short_description {
  font-size: 15px;
  line-height: 18px;
  font-weight: 500;
}
.product_page .product_intro .product_short_description p:last-child {
  margin-bottom: 0;
}
.product_page .product_intro .product_actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
  width: 100%;
}
.product_page .product_intro .product_actions .product-price {
  color: #168a4a;
  min-width: 100px;
  margin: 0;
}
.product_page .product_intro .product_actions .product_add {
  flex-grow: 1;
}
.product_page .product_intro .product_actions .product_add .button {
  width: 100%;
}
@media all and (min-width: 1200px) {
  .product_page .product_intro .product_actions .product_add .button {
    width: auto;
  }
}
.product_page .product_details {
  background-color: #ffffff;
  padding: 16px 28px;
  margin-left: -12px;
  margin-right: -12px;
  width: calc(100% + 24px);
  font-size: 12px;
  line-height: 16px;
}
@media all and (min-width: 1200px) {
  .product_page .product_details {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    border: 1px solid #e6e9ed;
    border-radius: 10px;
    padding: 16px;
    font-size: 13px;
    line-height: 22px;
  }
}

@media all and (min-width: 1200px) {
  .checkout_page {
    position: relative;
    padding-left: 50%;
  }
}
.checkout_page .checkout_summary {
  margin-bottom: 4px;
}
@media all and (min-width: 1200px) {
  .checkout_page .checkout_summary {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(50% - 16px);
  }
}
.checkout_page .checkout_summary h2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.checkout_page .checkout_summary h2 .vendor-image {
  display: inline-flex;
  align-items: center;
  padding: 4px;
  border-radius: 5px;
  background-color: #ffffff;
  margin-right: 4px;
}
.checkout_page .checkout_summary h2 .vendor-image img {
  width: 25px;
}
.checkout_page .checkout_summary > .cards_list {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
@media all and (min-width: 1200px) {
  .checkout_page .checkout_summary > .cards_list > .card {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.checkout_page .checkout_summary .checkout_summary_detailed {
  width: 100%;
}
.checkout_page .checkout_summary .checkout_summary_detailed li {
  line-height: 20px;
  font-weight: 500;
  color: #ffffff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.checkout_page .checkout_summary .checkout_summary_detailed strong {
  color: #ffffff;
  font-weight: 700;
}
.checkout_page .checkout_summary .checkout_summary_detailed.total {
  font-size: 16px;
}
.checkout_page .checkout_summary .card_title {
  border: none;
  padding: 0;
}
.checkout_page .checkout_summary .product_card {
  gap: 8px;
}
.checkout_page .checkout_summary .product_card .card-wrapper {
  align-items: center;
}
.checkout_page .checkout_summary .product_card .product-quantity {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  width: 100%;
}
.checkout_page .checkout_summary .product_card .product-quantity .product-price {
  color: #168a4a;
  line-height: 1;
  flex-grow: 1;
}
.checkout_page .checkout_summary .product_card .product-quantity .form-item {
  width: auto;
  margin: 0;
}
.checkout_page .checkout_summary .product_card .product-quantity .form-item input[type=number] {
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
}
.checkout_page .checkout_summary .product_card .product-quantity .form-item input::-webkit-outer-spin-button,
.checkout_page .checkout_summary .product_card .product-quantity .form-item input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.checkout_page .checkout_summary .product_card .product-quantity .form-item {
  /* Firefox */
}
.checkout_page .checkout_summary .product_card .product-quantity .form-item input[type=number] {
  -moz-appearance: textfield;
}
.checkout_page .checkout_payment {
  font-size: 12px;
  line-height: 18px;
}
.checkout_page .checkout_details small {
  padding-left: 20px;
  margin-top: -12px;
}

.esim_page .page_intro ul.cards_list {
  width: 100%;
}
.esim_page .page_intro ul.cards_list h2,
.esim_page .page_intro ul.cards_list h3 {
  color: #1a1a1a;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.esim_page .esim-instructions-intro {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.esim_page .esim-instructions-intro h1 {
  margin-bottom: 0;
  width: 100%;
}
.esim_page .esim-instructions-intro a {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  line-height: 22px;
  color: #168a4a;
}
.esim_page .esim-instructions-intro a > span:before {
  font-size: 13px;
  color: #168a4a;
}
.esim_page .esim-instructions {
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
}
.esim_page .esim-instructions p {
  margin: 0;
}
.esim_page .esim-instructions .instructions-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.esim_page .esim-instructions .instructions-title > span {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #1aa358;
  color: #ffffff !important;
}
.esim_page .esim-instructions .instructions-title h2 {
  width: calc(100% - 40px);
}
.esim_page .instructions-codes {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 8px;
  width: 100%;
}
.esim_page .esim-data {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.esim_page .esim-data img {
  width: 100px;
  height: auto;
}
@media all and (min-width: 500px) {
  .esim_page .esim-data img {
    width: 200px;
  }
}
.esim_page .esim-cta .button {
  width: auto;
}
.esim_page .esim-cta > :first-child {
  width: 100%;
}
.esim_page .esim-cta .button {
  text-wrap: nowrap;
}
.esim_page .card.processing .card-intro,
.esim_page .card.processing .card-data,
.esim_page .card.processing .card-cta {
  opacity: 50%;
}
.esim_page .card.processing .esim-loading {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: #1a1a1a;
}
.esim_page .card.processing .esim-loading img {
  width: 24px;
}
.esim_page .card.installed .icon-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  background-color: #00ae41;
  border-radius: 50%;
}
.esim_page .card.installed .icon-check:before {
  font-size: 12px;
  line-height: 12px;
  color: #ffffff;
}
.esim_page .esim_usage {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: stretch;
}
.esim_page .esim_usage + .bubble {
  width: 100%;
}

.landing_page .landing-guest-greeting {
  background-color: #ffffff;
  border-radius: 25px;
  border: 1px solid #e6e9ed;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
  flex-grow: 1;
}
@media all and (max-width: 1200px) {
  .landing_page .landing-guest-greeting {
    flex-direction: column;
  }
}
.landing_page .landing-guest-greeting .landing-guest-greeting-cta {
  background-color: #168a4a;
  color: #ffffff;
  padding: 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media all and (max-width: 991px) {
  .landing_page .landing-guest-greeting .landing-guest-greeting-cta {
    padding: 24px;
  }
}
@media all and (max-width: 500px) {
  .landing_page .landing-guest-greeting .landing-guest-greeting-cta {
    padding: 24px 16px;
  }
}
.landing_page .landing-guest-greeting .landing-guest-greeting-cta h1,
.landing_page .landing-guest-greeting .landing-guest-greeting-cta .h1,
.landing_page .landing-guest-greeting .landing-guest-greeting-cta .vendors_list .letter,
.vendors_list .landing_page .landing-guest-greeting .landing-guest-greeting-cta .letter,
.landing_page .landing-guest-greeting .landing-guest-greeting-cta .vendors_list.flags .row_title,
.vendors_list.flags .landing_page .landing-guest-greeting .landing-guest-greeting-cta .row_title,
.landing_page .landing-guest-greeting .landing-guest-greeting-cta .product_page .product_intro .product_actions .product-price,
.product_page .product_intro .product_actions .landing_page .landing-guest-greeting .landing-guest-greeting-cta .product-price,
.landing_page .landing-guest-greeting .landing-guest-greeting-cta h2,
.landing_page .landing-guest-greeting .landing-guest-greeting-cta .h2,
.landing_page .landing-guest-greeting .landing-guest-greeting-cta .esim_page .esim-instructions .instructions-title > span,
.esim_page .esim-instructions .landing_page .landing-guest-greeting .landing-guest-greeting-cta .instructions-title > span,
.landing_page .landing-guest-greeting .landing-guest-greeting-cta h3,
.landing_page .landing-guest-greeting .landing-guest-greeting-cta .h3,
.landing_page .landing-guest-greeting .landing-guest-greeting-cta .checkout_page .checkout_summary .product_card .product-quantity .product-price,
.checkout_page .checkout_summary .product_card .product-quantity .landing_page .landing-guest-greeting .landing-guest-greeting-cta .product-price,
.landing_page .landing-guest-greeting .landing-guest-greeting-cta h4,
.landing_page .landing-guest-greeting .landing-guest-greeting-cta .h4,
.landing_page .landing-guest-greeting .landing-guest-greeting-cta h5,
.landing_page .landing-guest-greeting .landing-guest-greeting-cta .h5,
.landing_page .landing-guest-greeting .landing-guest-greeting-cta h6,
.landing_page .landing-guest-greeting .landing-guest-greeting-cta .h6 {
  color: #ffffff;
}
.landing_page .landing-guest-greeting .landing-guest-greeting-cta ul.guest-cta {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
@media all and (max-width: 500px) {
  .landing_page .landing-guest-greeting .landing-guest-greeting-cta ul.guest-cta {
    flex-direction: column;
    gap: 8px;
  }
}
@media all and (max-width: 500px) {
  .landing_page .landing-guest-greeting .landing-guest-greeting-cta ul.guest-cta li a.button.login {
    width: 100%;
  }
}
.landing_page .landing-guest-greeting .landing-guest-greeting-why {
  padding: 48px;
  width: 420px;
}
@media all and (max-width: 1200px) {
  .landing_page .landing-guest-greeting .landing-guest-greeting-why {
    width: 100%;
  }
}
@media all and (max-width: 991px) {
  .landing_page .landing-guest-greeting .landing-guest-greeting-why {
    padding: 24px;
  }
}
@media all and (max-width: 500px) {
  .landing_page .landing-guest-greeting .landing-guest-greeting-why {
    padding: 24px 16px;
  }
}
.landing_page .landing-guest-greeting .landing-guest-greeting-why ul li .icon-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  background-color: #00ae41;
  border-radius: 50%;
}
.landing_page .landing-guest-greeting .landing-guest-greeting-why ul li .icon-check:before {
  font-size: 12px;
  line-height: 12px;
  color: #ffffff;
}

.account_page .account-menu {
  background-color: #e1f0e8;
  border-radius: 25px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media all and (max-width: 768px) {
  .account_page .account-menu {
    padding: 16px;
  }
}
.account_page .account-menu .account-login {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.account_page .account-menu .account-login .account-photo {
  width: 48px;
  height: 48px;
  border-radius: 15px;
  overflow: hidden;
}
.account_page .account-menu .account-login .account-photo img {
  max-width: 100%;
  object-fit: fill;
}
.account_page .account-menu .account-login .account-info p {
  margin: 0;
}

.state_page .page_content {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
@media all and (max-width: 767px) {
  .state_page .page_content {
    padding: 16px;
  }
}
.state_page .page_content h1,
.state_page .page_content h2,
.state_page .page_content h3,
.state_page .page_content h4,
.state_page .page_content h5,
.state_page .page_content h6 {
  color: #ffffff;
  margin-bottom: 0;
}
.state_page .page_content .state_icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
}
.state_page .page_content .state_icon > span:before {
  font-size: 24px;
  color: #ffffff;
}
.state_page.success {
  background-color: #00ae41;
  color: #c3ecb1;
}
.state_page.success .state_icon {
  background-color: #80d7a0;
}
.state_page.error {
  background-color: #f4333f;
  color: #fbd4cf;
}
.state_page.error .state_icon {
  background-color: #f9999f;
}

body {
  background-color: #f3f9f6;
}

html.nav_open,
body.nav_open {
  overflow: hidden;
}

header {
  display: flex;
  flex-direction: row;
}

#main {
  width: 100%;
  max-width: 720px;
  padding: 24px 12px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media all and (min-width: 1200px) {
  #main {
    max-width: 1200px;
  }
}

.container {
  padding-left: 16px;
  padding-right: 16px;
}

.page_intro {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

header #back {
  font-size: 15px;
  line-height: 1;
  font-weight: 600;
  color: #168a4a;
  margin: 0;
}
header #back [class^=icon-]:before,
header #back [class*=" icon-"]:before {
  color: #168a4a;
  font-size: 24px;
  line-height: 1;
}
header h1#back > a {
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  color: #1a1a1a;
}

.page_wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.page_wrapper > .container > h1 {
  margin-bottom: 0;
}
.page_wrapper > .container > h1 + p {
  margin-bottom: 0;
}

.content_section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media all and (min-width: 1200px) {
  .content_section {
    flex-direction: row;
    gap: 16px;
  }
}
.content_section .content_sidebar {
  width: 328px;
  flex-shrink: 0;
}
@media all and (max-width: 1200px) {
  .content_section .content_sidebar {
    width: 100%;
  }
}
.content_section .content_main {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: #ffffff;
  border-radius: 25px;
  border: 1px solid #e6e9ed;
  padding: 24px;
}
@media all and (max-width: 1200px) {
  .content_section .content_main {
    width: 100%;
  }
}
@media all and (max-width: 768px) {
  .content_section .content_main {
    padding: 16px;
  }
}

footer {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #1a1a1a;
  padding-top: 8px;
  border-top: 1px solid #e6e9ed;
}
@media all and (min-width: 990px) {
  footer {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 0;
  }
}
@media all and (max-width: 768px) {
  footer {
    padding-left: 16px;
    padding-right: 16px;
  }
}
footer p {
  margin: 0;
}
footer ul.footer_nav {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media all and (min-width: 990px) {
  footer ul.footer_nav {
    flex-direction: row;
    align-items: center;
    gap: 8px;
    order: 1;
  }
}
footer ul.footer_nav li a {
  color: #1a1a1a;
}
footer ul.footer_nav li a:hover {
  color: #168a4a;
}

body > header {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9998;
  background-color: #168a4a;
  padding: 8px 0;
}
body > header .header_wrapper {
  width: 100%;
  max-width: 720px;
  padding: 0 12px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: row;
  gap: 16px;
}
@media all and (min-width: 1200px) {
  body > header .header_wrapper {
    max-width: 1200px;
  }
}
body > header .header_wrapper [class^=icon-]:before, body > header .header_wrapper [class*=" icon-"]:before {
  font-size: 18px;
  color: #ffffff;
}
body > header .header_wrapper .menu-toggle {
  width: 32px;
  position: relative;
  cursor: pointer;
  padding: 4px;
  transition: all 0.15s cubic-bezier(0.08, 0.7, 0.35, 1.04);
  -webkit-transition: all 0.15s cubic-bezier(0.08, 0.7, 0.35, 1.04);
  -moz-transition: all 0.15s cubic-bezier(0.08, 0.7, 0.35, 1.04);
}
@media all and (min-width: 767px) {
  body > header .header_wrapper .menu-toggle {
    display: none;
  }
}
body > header .header_wrapper .menu-toggle span {
  display: block;
  height: 3px;
  width: 100%;
  background-color: #ffffff;
  margin: 4px 0;
  border-radius: 5px;
  transition: all 0.15s cubic-bezier(0.08, 0.7, 0.35, 1.04);
  -webkit-transition: all 0.15s cubic-bezier(0.08, 0.7, 0.35, 1.04);
  -moz-transition: all 0.15s cubic-bezier(0.08, 0.7, 0.35, 1.04);
  transform-origin: 2px 1px;
  -webkit-transform-origin: 2px 1px;
  -moz-transform-origin: 2px 1px;
}
body > header .header_wrapper .menu-toggle.opened {
  background-color: transparent;
}
body > header .header_wrapper .menu-toggle.opened span {
  background-color: #ffffff;
}
body > header .header_wrapper .menu-toggle.opened span:first-child {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}
body > header .header_wrapper .menu-toggle.opened span:first-child + span {
  opacity: 0;
}
body > header .header_wrapper .menu-toggle.opened span:first-child + span + span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
}
body > header .header_wrapper .menu-toggle.opened + img + .main_nav {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  opacity: 1;
  visibility: visible;
}
body > header .header_wrapper #logo {
  height: 34px;
}
body > header .header_wrapper ul.header_actions {
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin-left: auto;
}
body > header .header_wrapper ul.header_actions li > a {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: #168a4a;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  object-fit: fill;
}
body > header .header_wrapper ul.header_actions li .mini_cart {
  position: relative;
  top: auto;
  right: auto;
  width: 34px;
  height: 34px;
  background-color: #168a4a;
}/*# sourceMappingURL=main.css.map */