/* --- FONTS --- */
@import url("https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i");
@font-face {
  font-family: 'BrandonGrotesque-Bold';
  src: url("../fonts/BrandonGrotesque-Bold.eot");
  src: url("../fonts/BrandonGrotesque-Bold.eot") format("embedded-opentype"), url("../fonts/BrandonGrotesque-Bold.woff2") format("woff2"), url("../fonts/BrandonGrotesque-Bold.woff") format("woff"), url("../fonts/BrandonGrotesque-Bold.ttf") format("truetype"), url("../fonts/BrandonGrotesque-Bold.svg") format("svg"); }

html {
  font-size: 14px; }

body {
  font-family: 'PT Sans', sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
  margin: 0;
  overflow-x: hidden;
  width: 100%; }

header,
footer,
section {
  display: block; }

ul {
  list-style: none;
  margin-bottom: 0px;
  padding-left: 0px; }
  ul li {
    display: inline-block; }
    ul li a {
      text-decoration: none; }

a {
  color: #333333; }
  a:hover, a:active, a:focus {
    color: #337ab7;
    text-decoration: none; }

input:focus, input:active,
button:focus,
button:active,
textarea:focus,
textarea:active {
  outline: 0px !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background: #f8f9fa;
  opacity: 1; }

ul.list-block {
  list-style: none;
  padding-left: 0; }
  ul.list-block li {
    display: block; }

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

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

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

.padding-top-0 {
  padding-top: 0px !important; }

.padding-bottom-0 {
  padding-bottom: 0px !important; }

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

.margin-right-0 {
  margin-right: 0px !important; }

.margin-left-0 {
  margin-left: 0px !important; }

.margin-top-0 {
  margin-top: 0px !important; }

.margin-bottom-0 {
  margin-bottom: 0px !important; }

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

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

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

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

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

.padding-5 {
  padding: 5px !important; }

.padding-right-5 {
  padding-right: 5px !important; }

.padding-left-5 {
  padding-left: 5px !important; }

.padding-top-5 {
  padding-top: 5px !important; }

.padding-bottom-5 {
  padding-bottom: 5px !important; }

.margin-5 {
  margin: 5px !important; }

.margin-right-5 {
  margin-right: 5px !important; }

.margin-left-5 {
  margin-left: 5px !important; }

.margin-top-5 {
  margin-top: 5px !important; }

.margin-bottom-5 {
  margin-bottom: 5px !important; }

.border-5 {
  border: 5px !important; }

.border-top-5 {
  border-top: 5px !important; }

.border-bottom-5 {
  border-bottom: 5px !important; }

.border-left-5 {
  border-left: 5px !important; }

.border-right-5 {
  border-right: 5px !important; }

.padding-10 {
  padding: 10px !important; }

.padding-right-10 {
  padding-right: 10px !important; }

.padding-left-10 {
  padding-left: 10px !important; }

.padding-top-10 {
  padding-top: 10px !important; }

.padding-bottom-10 {
  padding-bottom: 10px !important; }

.margin-10 {
  margin: 10px !important; }

.margin-right-10 {
  margin-right: 10px !important; }

.margin-left-10 {
  margin-left: 10px !important; }

.margin-top-10 {
  margin-top: 10px !important; }

.margin-bottom-10 {
  margin-bottom: 10px !important; }

.border-10 {
  border: 10px !important; }

.border-top-10 {
  border-top: 10px !important; }

.border-bottom-10 {
  border-bottom: 10px !important; }

.border-left-10 {
  border-left: 10px !important; }

.border-right-10 {
  border-right: 10px !important; }

.padding-15 {
  padding: 15px !important; }

.padding-right-15 {
  padding-right: 15px !important; }

.padding-left-15 {
  padding-left: 15px !important; }

.padding-top-15 {
  padding-top: 15px !important; }

.padding-bottom-15 {
  padding-bottom: 15px !important; }

.margin-15 {
  margin: 15px !important; }

.margin-right-15 {
  margin-right: 15px !important; }

.margin-left-15 {
  margin-left: 15px !important; }

.margin-top-15 {
  margin-top: 15px !important; }

.margin-bottom-15 {
  margin-bottom: 15px !important; }

.border-15 {
  border: 15px !important; }

.border-top-15 {
  border-top: 15px !important; }

.border-bottom-15 {
  border-bottom: 15px !important; }

.border-left-15 {
  border-left: 15px !important; }

.border-right-15 {
  border-right: 15px !important; }

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

/*
	App Sprite
--------------------------- */
/* ----- Search bar----- */
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot?i02qun");
  src: url("../fonts/icomoon/icomoon.eot?i02qun#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?i02qun") format("truetype"), url("../fonts/icomoon/icomoon.woff?i02qun") format("woff"), url("../fonts/icomoon/icomoon.svg?i02qun#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="ion-"], [class*=" ion-"] {
  display: inline-block;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ion-alert:before {
  content: "\e900"; }

.ion-alert-circled:before {
  content: "\e901"; }

.ion-android-add:before {
  content: "\e902"; }

.ion-android-add-circle:before {
  content: "\e903"; }

.ion-android-alarm-clock:before {
  content: "\e904"; }

.ion-android-alert:before {
  content: "\e905"; }

.ion-android-apps:before {
  content: "\e906"; }

.ion-android-archive:before {
  content: "\e907"; }

.ion-android-arrow-back:before {
  content: "\e908"; }

.ion-android-arrow-down:before {
  content: "\e909"; }

.ion-android-arrow-dropdown:before {
  content: "\e90a"; }

.ion-android-arrow-dropdown-circle:before {
  content: "\e90b"; }

.ion-android-arrow-dropleft:before {
  content: "\e90c"; }

.ion-android-arrow-dropleft-circle:before {
  content: "\e90d"; }

.ion-android-arrow-dropright:before {
  content: "\e90e"; }

.ion-android-arrow-dropright-circle:before {
  content: "\e90f"; }

.ion-android-arrow-dropup:before {
  content: "\e910"; }

.ion-android-arrow-dropup-circle:before {
  content: "\e911"; }

.ion-android-arrow-forward:before {
  content: "\e912"; }

.ion-android-arrow-up:before {
  content: "\e913"; }

.ion-android-attach:before {
  content: "\e914"; }

.ion-android-bar:before {
  content: "\e915"; }

.ion-android-bicycle:before {
  content: "\e916"; }

.ion-android-boat:before {
  content: "\e917"; }

.ion-android-bookmark:before {
  content: "\e918"; }

.ion-android-bulb:before {
  content: "\e919"; }

.ion-android-bus:before {
  content: "\e91a"; }

.ion-android-calendar:before {
  content: "\e91b"; }

.ion-android-call:before {
  content: "\e91c"; }

.ion-android-camera:before {
  content: "\e91d"; }

.ion-android-cancel:before {
  content: "\e91e"; }

.ion-android-car:before {
  content: "\e91f"; }

.ion-android-cart:before {
  content: "\e920"; }

.ion-android-chat:before {
  content: "\e921"; }

.ion-android-checkbox:before {
  content: "\e922"; }

.ion-android-checkbox-blank:before {
  content: "\e923"; }

.ion-android-checkbox-outline:before {
  content: "\e924"; }

.ion-android-checkbox-outline-blank:before {
  content: "\e925"; }

.ion-android-checkmark-circle:before {
  content: "\e926"; }

.ion-android-clipboard:before {
  content: "\e927"; }

.ion-android-close:before {
  content: "\e928"; }

.ion-android-cloud:before {
  content: "\e929"; }

.ion-android-cloud-circle:before {
  content: "\e92a"; }

.ion-android-cloud-done:before {
  content: "\e92b"; }

.ion-android-cloud-outline:before {
  content: "\e92c"; }

.ion-android-color-palette:before {
  content: "\e92d"; }

.ion-android-compass:before {
  content: "\e92e"; }

.ion-android-contact:before {
  content: "\e92f"; }

.ion-android-contacts:before {
  content: "\e930"; }

.ion-android-contract:before {
  content: "\e931"; }

.ion-android-create:before {
  content: "\e932"; }

.ion-android-delete:before {
  content: "\e933"; }

.ion-android-desktop:before {
  content: "\e934"; }

.ion-android-document:before {
  content: "\e935"; }

.ion-android-done:before {
  content: "\e936"; }

.ion-android-done-all:before {
  content: "\e937"; }

.ion-android-download:before {
  content: "\e938"; }

.ion-android-drafts:before {
  content: "\e939"; }

.ion-android-exit:before {
  content: "\e93a"; }

.ion-android-expand:before {
  content: "\e93b"; }

.ion-android-favorite:before {
  content: "\e93c"; }

.ion-android-favorite-outline:before {
  content: "\e93d"; }

.ion-android-film:before {
  content: "\e93e"; }

.ion-android-folder:before {
  content: "\e93f"; }

.ion-android-folder-open:before {
  content: "\e940"; }

.ion-android-funnel:before {
  content: "\e941"; }

.ion-android-globe:before {
  content: "\e942"; }

.ion-android-hand:before {
  content: "\e943"; }

.ion-android-hangout:before {
  content: "\e944"; }

.ion-android-happy:before {
  content: "\e945"; }

.ion-android-home:before {
  content: "\e946"; }

.ion-android-image:before {
  content: "\e947"; }

.ion-android-laptop:before {
  content: "\e948"; }

.ion-android-list:before {
  content: "\e949"; }

.ion-android-locate:before {
  content: "\e94a"; }

.ion-android-lock:before {
  content: "\e94b"; }

.ion-android-mail:before {
  content: "\e94c"; }

.ion-android-map:before {
  content: "\e94d"; }

.ion-android-menu:before {
  content: "\e94e"; }

.ion-android-microphone:before {
  content: "\e94f"; }

.ion-android-microphone-off:before {
  content: "\e950"; }

.ion-android-more-horizontal:before {
  content: "\e951"; }

.ion-android-more-vertical:before {
  content: "\e952"; }

.ion-android-navigate:before {
  content: "\e953"; }

.ion-android-notifications:before {
  content: "\e954"; }

.ion-android-notifications-none:before {
  content: "\e955"; }

.ion-android-notifications-off:before {
  content: "\e956"; }

.ion-android-open:before {
  content: "\e957"; }

.ion-android-options:before {
  content: "\e958"; }

.ion-android-people:before {
  content: "\e959"; }

.ion-android-person:before {
  content: "\e95a"; }

.ion-android-person-add:before {
  content: "\e95b"; }

.ion-android-phone-landscape:before {
  content: "\e95c"; }

.ion-android-phone-portrait:before {
  content: "\e95d"; }

.ion-android-pin:before {
  content: "\e95e"; }

.ion-android-plane:before {
  content: "\e95f"; }

.ion-android-playstore:before {
  content: "\e960"; }

.ion-android-print:before {
  content: "\e961"; }

.ion-android-radio-button-off:before {
  content: "\e962"; }

.ion-android-radio-button-on:before {
  content: "\e963"; }

.ion-android-refresh:before {
  content: "\e964"; }

.ion-android-remove:before {
  content: "\e965"; }

.ion-android-remove-circle:before {
  content: "\e966"; }

.ion-android-restaurant:before {
  content: "\e967"; }

.ion-android-sad:before {
  content: "\e968"; }

.ion-android-search:before {
  content: "\e969"; }

.ion-android-send:before {
  content: "\e96a"; }

.ion-android-settings:before {
  content: "\e96b"; }

.ion-android-share:before {
  content: "\e96c"; }

.ion-android-share-alt:before {
  content: "\e96d"; }

.ion-android-star:before {
  content: "\e96e"; }

.ion-android-star-half:before {
  content: "\e96f"; }

.ion-android-star-outline:before {
  content: "\e970"; }

.ion-android-stopwatch:before {
  content: "\e971"; }

.ion-android-subway:before {
  content: "\e972"; }

.ion-android-sunny:before {
  content: "\e973"; }

.ion-android-sync:before {
  content: "\e974"; }

.ion-android-textsms:before {
  content: "\e975"; }

.ion-android-time:before {
  content: "\e976"; }

.ion-android-train:before {
  content: "\e977"; }

.ion-android-unlock:before {
  content: "\e978"; }

.ion-android-upload:before {
  content: "\e979"; }

.ion-android-volume-down:before {
  content: "\e97a"; }

.ion-android-volume-mute:before {
  content: "\e97b"; }

.ion-android-volume-off:before {
  content: "\e97c"; }

.ion-android-volume-up:before {
  content: "\e97d"; }

.ion-android-walk:before {
  content: "\e97e"; }

.ion-android-warning:before {
  content: "\e97f"; }

.ion-android-watch:before {
  content: "\e980"; }

.ion-android-wifi:before {
  content: "\e981"; }

.ion-aperture:before {
  content: "\e982"; }

.ion-archive:before {
  content: "\e983"; }

.ion-arrow-down-a:before {
  content: "\e984"; }

.ion-arrow-down-b:before {
  content: "\e985"; }

.ion-arrow-down-c:before {
  content: "\e986"; }

.ion-arrow-expand:before {
  content: "\e987"; }

.ion-arrow-graph-down-left:before {
  content: "\e988"; }

.ion-arrow-graph-down-right:before {
  content: "\e989"; }

.ion-arrow-graph-up-left:before {
  content: "\e98a"; }

.ion-arrow-graph-up-right:before {
  content: "\e98b"; }

.ion-arrow-left-a:before {
  content: "\e98c"; }

.ion-arrow-left-b:before {
  content: "\e98d"; }

.ion-arrow-left-c:before {
  content: "\e98e"; }

.ion-arrow-move:before {
  content: "\e98f"; }

.ion-arrow-resize:before {
  content: "\e990"; }

.ion-arrow-return-left:before {
  content: "\e991"; }

.ion-arrow-return-right:before {
  content: "\e992"; }

.ion-arrow-right-a:before {
  content: "\e993"; }

.ion-arrow-right-b:before {
  content: "\e994"; }

.ion-arrow-right-c:before {
  content: "\e995"; }

.ion-arrow-shrink:before {
  content: "\e996"; }

.ion-arrow-swap:before {
  content: "\e997"; }

.ion-arrow-up-a:before {
  content: "\e998"; }

.ion-arrow-up-b:before {
  content: "\e999"; }

.ion-arrow-up-c:before {
  content: "\e99a"; }

.ion-asterisk:before {
  content: "\e99b"; }

.ion-at:before {
  content: "\e99c"; }

.ion-backspace:before {
  content: "\e99d"; }

.ion-backspace-outline:before {
  content: "\e99e"; }

.ion-bag:before {
  content: "\e99f"; }

.ion-battery-charging:before {
  content: "\e9a0"; }

.ion-battery-empty:before {
  content: "\e9a1"; }

.ion-battery-full:before {
  content: "\e9a2"; }

.ion-battery-half:before {
  content: "\e9a3"; }

.ion-battery-low:before {
  content: "\e9a4"; }

.ion-beaker:before {
  content: "\e9a5"; }

.ion-beer:before {
  content: "\e9a6"; }

.ion-bluetooth:before {
  content: "\e9a7"; }

.ion-bonfire:before {
  content: "\e9a8"; }

.ion-bookmark:before {
  content: "\e9a9"; }

.ion-bowtie:before {
  content: "\e9aa"; }

.ion-briefcase:before {
  content: "\e9ab"; }

.ion-bug:before {
  content: "\e9ac"; }

.ion-calculator:before {
  content: "\e9ad"; }

.ion-calendar:before {
  content: "\e9ae"; }

.ion-camera:before {
  content: "\e9af"; }

.ion-card:before {
  content: "\e9b0"; }

.ion-cash:before {
  content: "\e9b1"; }

.ion-chatbox:before {
  content: "\e9b2"; }

.ion-chatboxes:before {
  content: "\e9b3"; }

.ion-chatbox-working:before {
  content: "\e9b4"; }

.ion-chatbubble:before {
  content: "\e9b5"; }

.ion-chatbubbles:before {
  content: "\e9b6"; }

.ion-chatbubble-working:before {
  content: "\e9b7"; }

.ion-checkmark:before {
  content: "\e9b8"; }

.ion-checkmark-circled:before {
  content: "\e9b9"; }

.ion-checkmark-round:before {
  content: "\e9ba"; }

.ion-chevron-down:before {
  content: "\e9bb"; }

.ion-chevron-left:before {
  content: "\e9bc"; }

.ion-chevron-right:before {
  content: "\e9bd"; }

.ion-chevron-up:before {
  content: "\e9be"; }

.ion-clipboard:before {
  content: "\e9bf"; }

.ion-clock:before {
  content: "\e9c0"; }

.ion-close:before {
  content: "\e9c1"; }

.ion-close-circled:before {
  content: "\e9c2"; }

.ion-closed-captioning:before {
  content: "\e9c3"; }

.ion-close-round:before {
  content: "\e9c4"; }

.ion-cloud:before {
  content: "\e9c5"; }

.ion-code:before {
  content: "\e9c6"; }

.ion-code-download:before {
  content: "\e9c7"; }

.ion-code-working:before {
  content: "\e9c8"; }

.ion-coffee:before {
  content: "\e9c9"; }

.ion-compass:before {
  content: "\e9ca"; }

.ion-compose:before {
  content: "\e9cb"; }

.ion-connection-bars:before {
  content: "\e9cc"; }

.ion-contrast:before {
  content: "\e9cd"; }

.ion-crop:before {
  content: "\e9ce"; }

.ion-cube:before {
  content: "\e9cf"; }

.ion-disc:before {
  content: "\e9d0"; }

.ion-document:before {
  content: "\e9d1"; }

.ion-document-text:before {
  content: "\e9d2"; }

.ion-drag:before {
  content: "\e9d3"; }

.ion-earth:before {
  content: "\e9d4"; }

.ion-easel:before {
  content: "\e9d5"; }

.ion-edit:before {
  content: "\e9d6"; }

.ion-egg:before {
  content: "\e9d7"; }

.ion-eject:before {
  content: "\e9d8"; }

.ion-email:before {
  content: "\e9d9"; }

.ion-email-unread:before {
  content: "\e9da"; }

.ion-erlenmeyer-flask:before {
  content: "\e9db"; }

.ion-erlenmeyer-flask-bubbles:before {
  content: "\e9dc"; }

.ion-eye:before {
  content: "\e9dd"; }

.ion-eye-disabled:before {
  content: "\e9de"; }

.ion-female:before {
  content: "\e9df"; }

.ion-filing:before {
  content: "\e9e0"; }

.ion-film-marker:before {
  content: "\e9e1"; }

.ion-fireball:before {
  content: "\e9e2"; }

.ion-flag:before {
  content: "\e9e3"; }

.ion-flame:before {
  content: "\e9e4"; }

.ion-flash:before {
  content: "\e9e5"; }

.ion-flash-off:before {
  content: "\e9e6"; }

.ion-folder:before {
  content: "\e9e7"; }

.ion-fork:before {
  content: "\e9e8"; }

.ion-fork-repo:before {
  content: "\e9e9"; }

.ion-forward:before {
  content: "\e9ea"; }

.ion-funnel:before {
  content: "\e9eb"; }

.ion-gear-a:before {
  content: "\e9ec"; }

.ion-gear-b:before {
  content: "\e9ed"; }

.ion-grid:before {
  content: "\e9ee"; }

.ion-hammer:before {
  content: "\e9ef"; }

.ion-happy:before {
  content: "\e9f0"; }

.ion-happy-outline:before {
  content: "\e9f1"; }

.ion-headphone:before {
  content: "\e9f2"; }

.ion-heart:before {
  content: "\e9f3"; }

.ion-heart-broken:before {
  content: "\e9f4"; }

.ion-help:before {
  content: "\e9f5"; }

.ion-help-buoy:before {
  content: "\e9f6"; }

.ion-help-circled:before {
  content: "\e9f7"; }

.ion-home:before {
  content: "\e9f8"; }

.ion-icecream:before {
  content: "\e9f9"; }

.ion-image:before {
  content: "\e9fa"; }

.ion-images:before {
  content: "\e9fb"; }

.ion-information:before {
  content: "\e9fc"; }

.ion-information-circled:before {
  content: "\e9fd"; }

.ion-ionic:before {
  content: "\e9fe"; }

.ion-ios-alarm:before {
  content: "\e9ff"; }

.ion-ios-alarm-outline:before {
  content: "\ea00"; }

.ion-ios-albums:before {
  content: "\ea01"; }

.ion-ios-albums-outline:before {
  content: "\ea02"; }

.ion-ios-americanfootball:before {
  content: "\ea03"; }

.ion-ios-americanfootball-outline:before {
  content: "\ea04"; }

.ion-ios-analytics:before {
  content: "\ea05"; }

.ion-ios-analytics-outline:before {
  content: "\ea06"; }

.ion-ios-arrow-back:before {
  content: "\ea07"; }

.ion-ios-arrow-down:before {
  content: "\ea08"; }

.ion-ios-arrow-forward:before {
  content: "\ea09"; }

.ion-ios-arrow-left:before {
  content: "\ea0a"; }

.ion-ios-arrow-right:before {
  content: "\ea0b"; }

.ion-ios-arrow-thin-down:before {
  content: "\ea0c"; }

.ion-ios-arrow-thin-left:before {
  content: "\ea0d"; }

.ion-ios-arrow-thin-right:before {
  content: "\ea0e"; }

.ion-ios-arrow-thin-up:before {
  content: "\ea0f"; }

.ion-ios-arrow-up:before {
  content: "\ea10"; }

.ion-ios-at:before {
  content: "\ea11"; }

.ion-ios-at-outline:before {
  content: "\ea12"; }

.ion-ios-barcode:before {
  content: "\ea13"; }

.ion-ios-barcode-outline:before {
  content: "\ea14"; }

.ion-ios-baseball:before {
  content: "\ea15"; }

.ion-ios-baseball-outline:before {
  content: "\ea16"; }

.ion-ios-basketball:before {
  content: "\ea17"; }

.ion-ios-basketball-outline:before {
  content: "\ea18"; }

.ion-ios-bell:before {
  content: "\ea19"; }

.ion-ios-bell-outline:before {
  content: "\ea1a"; }

.ion-ios-body:before {
  content: "\ea1b"; }

.ion-ios-body-outline:before {
  content: "\ea1c"; }

.ion-ios-bolt:before {
  content: "\ea1d"; }

.ion-ios-bolt-outline:before {
  content: "\ea1e"; }

.ion-ios-book:before {
  content: "\ea1f"; }

.ion-ios-bookmarks:before {
  content: "\ea20"; }

.ion-ios-bookmarks-outline:before {
  content: "\ea21"; }

.ion-ios-book-outline:before {
  content: "\ea22"; }

.ion-ios-box:before {
  content: "\ea23"; }

.ion-ios-box-outline:before {
  content: "\ea24"; }

.ion-ios-briefcase:before {
  content: "\ea25"; }

.ion-ios-briefcase-outline:before {
  content: "\ea26"; }

.ion-ios-browsers:before {
  content: "\ea27"; }

.ion-ios-browsers-outline:before {
  content: "\ea28"; }

.ion-ios-calculator:before {
  content: "\ea29"; }

.ion-ios-calculator-outline:before {
  content: "\ea2a"; }

.ion-ios-calendar:before {
  content: "\ea2b"; }

.ion-ios-calendar-outline:before {
  content: "\ea2c"; }

.ion-ios-camera:before {
  content: "\ea2d"; }

.ion-ios-camera-outline:before {
  content: "\ea2e"; }

.ion-ios-cart:before {
  content: "\ea2f"; }

.ion-ios-cart-outline:before {
  content: "\ea30"; }

.ion-ios-chatboxes:before {
  content: "\ea31"; }

.ion-ios-chatboxes-outline:before {
  content: "\ea32"; }

.ion-ios-chatbubble:before {
  content: "\ea33"; }

.ion-ios-chatbubble-outline:before {
  content: "\ea34"; }

.ion-ios-checkmark:before {
  content: "\ea35"; }

.ion-ios-checkmark-empty:before {
  content: "\ea36"; }

.ion-ios-checkmark-outline:before {
  content: "\ea37"; }

.ion-ios-circle-filled:before {
  content: "\ea38"; }

.ion-ios-circle-outline:before {
  content: "\ea39"; }

.ion-ios-clock:before {
  content: "\ea3a"; }

.ion-ios-clock-outline:before {
  content: "\ea3b"; }

.ion-ios-close:before {
  content: "\ea3c"; }

.ion-ios-close-empty:before {
  content: "\ea3d"; }

.ion-ios-close-outline:before {
  content: "\ea3e"; }

.ion-ios-cloud:before {
  content: "\ea3f"; }

.ion-ios-cloud-download:before {
  content: "\ea40"; }

.ion-ios-cloud-download-outline:before {
  content: "\ea41"; }

.ion-ios-cloud-outline:before {
  content: "\ea42"; }

.ion-ios-cloud-upload:before {
  content: "\ea43"; }

.ion-ios-cloud-upload-outline:before {
  content: "\ea44"; }

.ion-ios-cloudy:before {
  content: "\ea45"; }

.ion-ios-cloudy-night:before {
  content: "\ea46"; }

.ion-ios-cloudy-night-outline:before {
  content: "\ea47"; }

.ion-ios-cloudy-outline:before {
  content: "\ea48"; }

.ion-ios-cog:before {
  content: "\ea49"; }

.ion-ios-cog-outline:before {
  content: "\ea4a"; }

.ion-ios-color-filter:before {
  content: "\ea4b"; }

.ion-ios-color-filter-outline:before {
  content: "\ea4c"; }

.ion-ios-color-wand:before {
  content: "\ea4d"; }

.ion-ios-color-wand-outline:before {
  content: "\ea4e"; }

.ion-ios-compose:before {
  content: "\ea4f"; }

.ion-ios-compose-outline:before {
  content: "\ea50"; }

.ion-ios-contact:before {
  content: "\ea51"; }

.ion-ios-contact-outline:before {
  content: "\ea52"; }

.ion-ios-copy:before {
  content: "\ea53"; }

.ion-ios-copy-outline:before {
  content: "\ea54"; }

.ion-ios-crop:before {
  content: "\ea55"; }

.ion-ios-crop-strong:before {
  content: "\ea56"; }

.ion-ios-download:before {
  content: "\ea57"; }

.ion-ios-download-outline:before {
  content: "\ea58"; }

.ion-ios-drag:before {
  content: "\ea59"; }

.ion-ios-email:before {
  content: "\ea5a"; }

.ion-ios-email-outline:before {
  content: "\ea5b"; }

.ion-ios-eye:before {
  content: "\ea5c"; }

.ion-ios-eye-outline:before {
  content: "\ea5d"; }

.ion-ios-fastforward:before {
  content: "\ea5e"; }

.ion-ios-fastforward-outline:before {
  content: "\ea5f"; }

.ion-ios-filing:before {
  content: "\ea60"; }

.ion-ios-filing-outline:before {
  content: "\ea61"; }

.ion-ios-film:before {
  content: "\ea62"; }

.ion-ios-film-outline:before {
  content: "\ea63"; }

.ion-ios-flag:before {
  content: "\ea64"; }

.ion-ios-flag-outline:before {
  content: "\ea65"; }

.ion-ios-flame:before {
  content: "\ea66"; }

.ion-ios-flame-outline:before {
  content: "\ea67"; }

.ion-ios-flask:before {
  content: "\ea68"; }

.ion-ios-flask-outline:before {
  content: "\ea69"; }

.ion-ios-flower:before {
  content: "\ea6a"; }

.ion-ios-flower-outline:before {
  content: "\ea6b"; }

.ion-ios-folder:before {
  content: "\ea6c"; }

.ion-ios-folder-outline:before {
  content: "\ea6d"; }

.ion-ios-football:before {
  content: "\ea6e"; }

.ion-ios-football-outline:before {
  content: "\ea6f"; }

.ion-ios-game-controller-a:before {
  content: "\ea70"; }

.ion-ios-game-controller-a-outline:before {
  content: "\ea71"; }

.ion-ios-game-controller-b:before {
  content: "\ea72"; }

.ion-ios-game-controller-b-outline:before {
  content: "\ea73"; }

.ion-ios-gear:before {
  content: "\ea74"; }

.ion-ios-gear-outline:before {
  content: "\ea75"; }

.ion-ios-glasses:before {
  content: "\ea76"; }

.ion-ios-glasses-outline:before {
  content: "\ea77"; }

.ion-ios-grid-view:before {
  content: "\ea78"; }

.ion-ios-grid-view-outline:before {
  content: "\ea79"; }

.ion-ios-heart:before {
  content: "\ea7a"; }

.ion-ios-heart-outline:before {
  content: "\ea7b"; }

.ion-ios-help:before {
  content: "\ea7c"; }

.ion-ios-help-empty:before {
  content: "\ea7d"; }

.ion-ios-help-outline:before {
  content: "\ea7e"; }

.ion-ios-home:before {
  content: "\ea7f"; }

.ion-ios-home-outline:before {
  content: "\ea80"; }

.ion-ios-infinite:before {
  content: "\ea81"; }

.ion-ios-infinite-outline:before {
  content: "\ea82"; }

.ion-ios-information:before {
  content: "\ea83"; }

.ion-ios-information-empty:before {
  content: "\ea84"; }

.ion-ios-information-outline:before {
  content: "\ea85"; }

.ion-ios-ionic-outline:before {
  content: "\ea86"; }

.ion-ios-keypad:before {
  content: "\ea87"; }

.ion-ios-keypad-outline:before {
  content: "\ea88"; }

.ion-ios-lightbulb:before {
  content: "\ea89"; }

.ion-ios-lightbulb-outline:before {
  content: "\ea8a"; }

.ion-ios-list:before {
  content: "\ea8b"; }

.ion-ios-list-outline:before {
  content: "\ea8c"; }

.ion-ios-location:before {
  content: "\ea8d"; }

.ion-ios-location-outline:before {
  content: "\ea8e"; }

.ion-ios-locked:before {
  content: "\ea8f"; }

.ion-ios-locked-outline:before {
  content: "\ea90"; }

.ion-ios-loop:before {
  content: "\ea91"; }

.ion-ios-loop-strong:before {
  content: "\ea92"; }

.ion-ios-medical:before {
  content: "\ea93"; }

.ion-ios-medical-outline:before {
  content: "\ea94"; }

.ion-ios-medkit:before {
  content: "\ea95"; }

.ion-ios-medkit-outline:before {
  content: "\ea96"; }

.ion-ios-mic:before {
  content: "\ea97"; }

.ion-ios-mic-off:before {
  content: "\ea98"; }

.ion-ios-mic-outline:before {
  content: "\ea99"; }

.ion-ios-minus:before {
  content: "\ea9a"; }

.ion-ios-minus-empty:before {
  content: "\ea9b"; }

.ion-ios-minus-outline:before {
  content: "\ea9c"; }

.ion-ios-monitor:before {
  content: "\ea9d"; }

.ion-ios-monitor-outline:before {
  content: "\ea9e"; }

.ion-ios-moon:before {
  content: "\ea9f"; }

.ion-ios-moon-outline:before {
  content: "\eaa0"; }

.ion-ios-more:before {
  content: "\eaa1"; }

.ion-ios-more-outline:before {
  content: "\eaa2"; }

.ion-ios-musical-note:before {
  content: "\eaa3"; }

.ion-ios-musical-notes:before {
  content: "\eaa4"; }

.ion-ios-navigate:before {
  content: "\eaa5"; }

.ion-ios-navigate-outline:before {
  content: "\eaa6"; }

.ion-ios-nutrition:before {
  content: "\eaa7"; }

.ion-ios-nutrition-outline:before {
  content: "\eaa8"; }

.ion-ios-paper:before {
  content: "\eaa9"; }

.ion-ios-paper-outline:before {
  content: "\eaaa"; }

.ion-ios-paperplane:before {
  content: "\eaab"; }

.ion-ios-paperplane-outline:before {
  content: "\eaac"; }

.ion-ios-partlysunny:before {
  content: "\eaad"; }

.ion-ios-partlysunny-outline:before {
  content: "\eaae"; }

.ion-ios-pause:before {
  content: "\eaaf"; }

.ion-ios-pause-outline:before {
  content: "\eab0"; }

.ion-ios-paw:before {
  content: "\eab1"; }

.ion-ios-paw-outline:before {
  content: "\eab2"; }

.ion-ios-people:before {
  content: "\eab3"; }

.ion-ios-people-outline:before {
  content: "\eab4"; }

.ion-ios-person:before {
  content: "\eab5"; }

.ion-ios-personadd:before {
  content: "\eab6"; }

.ion-ios-personadd-outline:before {
  content: "\eab7"; }

.ion-ios-person-outline:before {
  content: "\eab8"; }

.ion-ios-photos:before {
  content: "\eab9"; }

.ion-ios-photos-outline:before {
  content: "\eaba"; }

.ion-ios-pie:before {
  content: "\eabb"; }

.ion-ios-pie-outline:before {
  content: "\eabc"; }

.ion-ios-pint:before {
  content: "\eabd"; }

.ion-ios-pint-outline:before {
  content: "\eabe"; }

.ion-ios-play:before {
  content: "\eabf"; }

.ion-ios-play-outline:before {
  content: "\eac0"; }

.ion-ios-plus:before {
  content: "\eac1"; }

.ion-ios-plus-empty:before {
  content: "\eac2"; }

.ion-ios-plus-outline:before {
  content: "\eac3"; }

.ion-ios-pricetag:before {
  content: "\eac4"; }

.ion-ios-pricetag-outline:before {
  content: "\eac5"; }

.ion-ios-pricetags:before {
  content: "\eac6"; }

.ion-ios-pricetags-outline:before {
  content: "\eac7"; }

.ion-ios-printer:before {
  content: "\eac8"; }

.ion-ios-printer-outline:before {
  content: "\eac9"; }

.ion-ios-pulse:before {
  content: "\eaca"; }

.ion-ios-pulse-strong:before {
  content: "\eacb"; }

.ion-ios-rainy:before {
  content: "\eacc"; }

.ion-ios-rainy-outline:before {
  content: "\eacd"; }

.ion-ios-recording:before {
  content: "\eace"; }

.ion-ios-recording-outline:before {
  content: "\eacf"; }

.ion-ios-redo:before {
  content: "\ead0"; }

.ion-ios-redo-outline:before {
  content: "\ead1"; }

.ion-ios-refresh:before {
  content: "\ead2"; }

.ion-ios-refresh-empty:before {
  content: "\ead3"; }

.ion-ios-refresh-outline:before {
  content: "\ead4"; }

.ion-ios-reload:before {
  content: "\ead5"; }

.ion-ios-reverse-camera:before {
  content: "\ead6"; }

.ion-ios-reverse-camera-outline:before {
  content: "\ead7"; }

.ion-ios-rewind:before {
  content: "\ead8"; }

.ion-ios-rewind-outline:before {
  content: "\ead9"; }

.ion-ios-rose:before {
  content: "\eada"; }

.ion-ios-rose-outline:before {
  content: "\eadb"; }

.ion-ios-search:before {
  content: "\eadc"; }

.ion-ios-search-strong:before {
  content: "\eadd"; }

.ion-ios-settings:before {
  content: "\eade"; }

.ion-ios-settings-strong:before {
  content: "\eadf"; }

.ion-ios-shuffle:before {
  content: "\eae0"; }

.ion-ios-shuffle-strong:before {
  content: "\eae1"; }

.ion-ios-skipbackward:before {
  content: "\eae2"; }

.ion-ios-skipbackward-outline:before {
  content: "\eae3"; }

.ion-ios-skipforward:before {
  content: "\eae4"; }

.ion-ios-skipforward-outline:before {
  content: "\eae5"; }

.ion-ios-snowy:before {
  content: "\eae6"; }

.ion-ios-speedometer:before {
  content: "\eae7"; }

.ion-ios-speedometer-outline:before {
  content: "\eae8"; }

.ion-ios-star:before {
  content: "\eae9"; }

.ion-ios-star-half:before {
  content: "\eaea"; }

.ion-ios-star-outline:before {
  content: "\eaeb"; }

.ion-ios-stopwatch:before {
  content: "\eaec"; }

.ion-ios-stopwatch-outline:before {
  content: "\eaed"; }

.ion-ios-sunny:before {
  content: "\eaee"; }

.ion-ios-sunny-outline:before {
  content: "\eaef"; }

.ion-ios-telephone:before {
  content: "\eaf0"; }

.ion-ios-telephone-outline:before {
  content: "\eaf1"; }

.ion-ios-tennisball:before {
  content: "\eaf2"; }

.ion-ios-tennisball-outline:before {
  content: "\eaf3"; }

.ion-ios-thunderstorm:before {
  content: "\eaf4"; }

.ion-ios-thunderstorm-outline:before {
  content: "\eaf5"; }

.ion-ios-time:before {
  content: "\eaf6"; }

.ion-ios-time-outline:before {
  content: "\eaf7"; }

.ion-ios-timer:before {
  content: "\eaf8"; }

.ion-ios-timer-outline:before {
  content: "\eaf9"; }

.ion-ios-toggle:before {
  content: "\eafa"; }

.ion-ios-toggle-outline:before {
  content: "\eafb"; }

.ion-ios-trash:before {
  content: "\eafc"; }

.ion-ios-trash-outline:before {
  content: "\eafd"; }

.ion-ios-undo:before {
  content: "\eafe"; }

.ion-ios-undo-outline:before {
  content: "\eaff"; }

.ion-ios-unlocked:before {
  content: "\eb00"; }

.ion-ios-unlocked-outline:before {
  content: "\eb01"; }

.ion-ios-upload:before {
  content: "\eb02"; }

.ion-ios-upload-outline:before {
  content: "\eb03"; }

.ion-ios-videocam:before {
  content: "\eb04"; }

.ion-ios-videocam-outline:before {
  content: "\eb05"; }

.ion-ios-volume-high:before {
  content: "\eb06"; }

.ion-ios-volume-low:before {
  content: "\eb07"; }

.ion-ios-wineglass:before {
  content: "\eb08"; }

.ion-ios-wineglass-outline:before {
  content: "\eb09"; }

.ion-ios-world:before {
  content: "\eb0a"; }

.ion-ios-world-outline:before {
  content: "\eb0b"; }

.ion-ipad:before {
  content: "\eb0c"; }

.ion-iphone:before {
  content: "\eb0d"; }

.ion-ipod:before {
  content: "\eb0e"; }

.ion-jet:before {
  content: "\eb0f"; }

.ion-key:before {
  content: "\eb10"; }

.ion-knife:before {
  content: "\eb11"; }

.ion-laptop:before {
  content: "\eb12"; }

.ion-leaf:before {
  content: "\eb13"; }

.ion-levels:before {
  content: "\eb14"; }

.ion-lightbulb:before {
  content: "\eb15"; }

.ion-link:before {
  content: "\eb16"; }

.ion-load-a:before {
  content: "\eb17"; }

.ion-load-b:before {
  content: "\eb18"; }

.ion-load-c:before {
  content: "\eb19"; }

.ion-load-d:before {
  content: "\eb1a"; }

.ion-location:before {
  content: "\eb1b"; }

.ion-lock-combination:before {
  content: "\eb1c"; }

.ion-locked:before {
  content: "\eb1d"; }

.ion-log-in:before {
  content: "\eb1e"; }

.ion-log-out:before {
  content: "\eb1f"; }

.ion-loop:before {
  content: "\eb20"; }

.ion-magnet:before {
  content: "\eb21"; }

.ion-male:before {
  content: "\eb22"; }

.ion-man:before {
  content: "\eb23"; }

.ion-map:before {
  content: "\eb24"; }

.ion-medkit:before {
  content: "\eb25"; }

.ion-merge:before {
  content: "\eb26"; }

.ion-mic-a:before {
  content: "\eb27"; }

.ion-mic-b:before {
  content: "\eb28"; }

.ion-mic-c:before {
  content: "\eb29"; }

.ion-minus:before {
  content: "\eb2a"; }

.ion-minus-circled:before {
  content: "\eb2b"; }

.ion-minus-round:before {
  content: "\eb2c"; }

.ion-model-s:before {
  content: "\eb2d"; }

.ion-monitor:before {
  content: "\eb2e"; }

.ion-more:before {
  content: "\eb2f"; }

.ion-mouse:before {
  content: "\eb30"; }

.ion-music-note:before {
  content: "\eb31"; }

.ion-navicon:before {
  content: "\eb32"; }

.ion-navicon-round:before {
  content: "\eb33"; }

.ion-navigate:before {
  content: "\eb34"; }

.ion-network:before {
  content: "\eb35"; }

.ion-no-smoking:before {
  content: "\eb36"; }

.ion-nuclear:before {
  content: "\eb37"; }

.ion-outlet:before {
  content: "\eb38"; }

.ion-paintbrush:before {
  content: "\eb39"; }

.ion-paintbucket:before {
  content: "\eb3a"; }

.ion-paper-airplane:before {
  content: "\eb3b"; }

.ion-paperclip:before {
  content: "\eb3c"; }

.ion-pause:before {
  content: "\eb3d"; }

.ion-person:before {
  content: "\eb3e"; }

.ion-person-add:before {
  content: "\eb3f"; }

.ion-person-stalker:before {
  content: "\eb40"; }

.ion-pie-graph:before {
  content: "\eb41"; }

.ion-pin:before {
  content: "\eb42"; }

.ion-pinpoint:before {
  content: "\eb43"; }

.ion-pizza:before {
  content: "\eb44"; }

.ion-plane:before {
  content: "\eb45"; }

.ion-planet:before {
  content: "\eb46"; }

.ion-play:before {
  content: "\eb47"; }

.ion-playstation:before {
  content: "\eb48"; }

.ion-plus:before {
  content: "\eb49"; }

.ion-plus-circled:before {
  content: "\eb4a"; }

.ion-plus-round:before {
  content: "\eb4b"; }

.ion-podium:before {
  content: "\eb4c"; }

.ion-pound:before {
  content: "\eb4d"; }

.ion-power:before {
  content: "\eb4e"; }

.ion-pricetag:before {
  content: "\eb4f"; }

.ion-pricetags:before {
  content: "\eb50"; }

.ion-printer:before {
  content: "\eb51"; }

.ion-pull-request:before {
  content: "\eb52"; }

.ion-qr-scanner:before {
  content: "\eb53"; }

.ion-quote:before {
  content: "\eb54"; }

.ion-radio-waves:before {
  content: "\eb55"; }

.ion-record:before {
  content: "\eb56"; }

.ion-refresh:before {
  content: "\eb57"; }

.ion-reply:before {
  content: "\eb58"; }

.ion-reply-all:before {
  content: "\eb59"; }

.ion-ribbon-a:before {
  content: "\eb5a"; }

.ion-ribbon-b:before {
  content: "\eb5b"; }

.ion-sad:before {
  content: "\eb5c"; }

.ion-sad-outline:before {
  content: "\eb5d"; }

.ion-scissors:before {
  content: "\eb5e"; }

.ion-search:before {
  content: "\eb5f"; }

.ion-settings:before {
  content: "\eb60"; }

.ion-share:before {
  content: "\eb61"; }

.ion-shuffle:before {
  content: "\eb62"; }

.ion-skip-backward:before {
  content: "\eb63"; }

.ion-skip-forward:before {
  content: "\eb64"; }

.ion-social-android:before {
  content: "\eb65"; }

.ion-social-android-outline:before {
  content: "\eb66"; }

.ion-social-angular:before {
  content: "\eb67"; }

.ion-social-angular-outline:before {
  content: "\eb68"; }

.ion-social-apple:before {
  content: "\eb69"; }

.ion-social-apple-outline:before {
  content: "\eb6a"; }

.ion-social-bitcoin:before {
  content: "\eb6b"; }

.ion-social-bitcoin-outline:before {
  content: "\eb6c"; }

.ion-social-buffer:before {
  content: "\eb6d"; }

.ion-social-buffer-outline:before {
  content: "\eb6e"; }

.ion-social-chrome:before {
  content: "\eb6f"; }

.ion-social-chrome-outline:before {
  content: "\eb70"; }

.ion-social-codepen:before {
  content: "\eb71"; }

.ion-social-codepen-outline:before {
  content: "\eb72"; }

.ion-social-css3:before {
  content: "\eb73"; }

.ion-social-css3-outline:before {
  content: "\eb74"; }

.ion-social-designernews:before {
  content: "\eb75"; }

.ion-social-designernews-outline:before {
  content: "\eb76"; }

.ion-social-dribbble:before {
  content: "\eb77"; }

.ion-social-dribbble-outline:before {
  content: "\eb78"; }

.ion-social-dropbox:before {
  content: "\eb79"; }

.ion-social-dropbox-outline:before {
  content: "\eb7a"; }

.ion-social-euro:before {
  content: "\eb7b"; }

.ion-social-euro-outline:before {
  content: "\eb7c"; }

.ion-social-facebook:before {
  content: "\eb7d"; }

.ion-social-facebook-outline:before {
  content: "\eb7e"; }

.ion-social-foursquare:before {
  content: "\eb7f"; }

.ion-social-foursquare-outline:before {
  content: "\eb80"; }

.ion-social-freebsd-devil:before {
  content: "\eb81"; }

.ion-social-github:before {
  content: "\eb82"; }

.ion-social-github-outline:before {
  content: "\eb83"; }

.ion-social-google:before {
  content: "\eb84"; }

.ion-social-google-outline:before {
  content: "\eb85"; }

.ion-social-googleplus:before {
  content: "\eb86"; }

.ion-social-googleplus-outline:before {
  content: "\eb87"; }

.ion-social-hackernews:before {
  content: "\eb88"; }

.ion-social-hackernews-outline:before {
  content: "\eb89"; }

.ion-social-html5:before {
  content: "\eb8a"; }

.ion-social-html5-outline:before {
  content: "\eb8b"; }

.ion-social-instagram:before {
  content: "\eb8c"; }

.ion-social-instagram-outline:before {
  content: "\eb8d"; }

.ion-social-javascript:before {
  content: "\eb8e"; }

.ion-social-javascript-outline:before {
  content: "\eb8f"; }

.ion-social-linkedin:before {
  content: "\eb90"; }

.ion-social-linkedin-outline:before {
  content: "\eb91"; }

.ion-social-markdown:before {
  content: "\eb92"; }

.ion-social-nodejs:before {
  content: "\eb93"; }

.ion-social-octocat:before {
  content: "\eb94"; }

.ion-social-pinterest:before {
  content: "\eb95"; }

.ion-social-pinterest-outline:before {
  content: "\eb96"; }

.ion-social-python:before {
  content: "\eb97"; }

.ion-social-reddit:before {
  content: "\eb98"; }

.ion-social-reddit-outline:before {
  content: "\eb99"; }

.ion-social-rss:before {
  content: "\eb9a"; }

.ion-social-rss-outline:before {
  content: "\eb9b"; }

.ion-social-sass:before {
  content: "\eb9c"; }

.ion-social-skype:before {
  content: "\eb9d"; }

.ion-social-skype-outline:before {
  content: "\eb9e"; }

.ion-social-snapchat:before {
  content: "\eb9f"; }

.ion-social-snapchat-outline:before {
  content: "\eba0"; }

.ion-social-tumblr:before {
  content: "\eba1"; }

.ion-social-tumblr-outline:before {
  content: "\eba2"; }

.ion-social-tux:before {
  content: "\eba3"; }

.ion-social-twitch:before {
  content: "\eba4"; }

.ion-social-twitch-outline:before {
  content: "\eba5"; }

.ion-social-twitter:before {
  content: "\eba6"; }

.ion-social-twitter-outline:before {
  content: "\eba7"; }

.ion-social-usd:before {
  content: "\eba8"; }

.ion-social-usd-outline:before {
  content: "\eba9"; }

.ion-social-vimeo:before {
  content: "\ebaa"; }

.ion-social-vimeo-outline:before {
  content: "\ebab"; }

.ion-social-whatsapp:before {
  content: "\ebac"; }

.ion-social-whatsapp-outline:before {
  content: "\ebad"; }

.ion-social-windows:before {
  content: "\ebae"; }

.ion-social-windows-outline:before {
  content: "\ebaf"; }

.ion-social-wordpress:before {
  content: "\ebb0"; }

.ion-social-wordpress-outline:before {
  content: "\ebb1"; }

.ion-social-yahoo:before {
  content: "\ebb2"; }

.ion-social-yahoo-outline:before {
  content: "\ebb3"; }

.ion-social-yen:before {
  content: "\ebb4"; }

.ion-social-yen-outline:before {
  content: "\ebb5"; }

.ion-social-youtube:before {
  content: "\ebb6"; }

.ion-social-youtube-outline:before {
  content: "\ebb7"; }

.ion-soup-can:before {
  content: "\ebb8"; }

.ion-soup-can-outline:before {
  content: "\ebb9"; }

.ion-speakerphone:before {
  content: "\ebba"; }

.ion-speedometer:before {
  content: "\ebbb"; }

.ion-spoon:before {
  content: "\ebbc"; }

.ion-star:before {
  content: "\ebbd"; }

.ion-stats-bars:before {
  content: "\ebbe"; }

.ion-steam:before {
  content: "\ebbf"; }

.ion-stop:before {
  content: "\ebc0"; }

.ion-thermometer:before {
  content: "\ebc1"; }

.ion-thumbsdown:before {
  content: "\ebc2"; }

.ion-thumbsup:before {
  content: "\ebc3"; }

.ion-toggle:before {
  content: "\ebc4"; }

.ion-toggle-filled:before {
  content: "\ebc5"; }

.ion-transgender:before {
  content: "\ebc6"; }

.ion-trash-a:before {
  content: "\ebc7"; }

.ion-trash-b:before {
  content: "\ebc8"; }

.ion-trophy:before {
  content: "\ebc9"; }

.ion-tshirt:before {
  content: "\ebca"; }

.ion-tshirt-outline:before {
  content: "\ebcb"; }

.ion-umbrella:before {
  content: "\ebcc"; }

.ion-university:before {
  content: "\ebcd"; }

.ion-unlocked:before {
  content: "\ebce"; }

.ion-upload:before {
  content: "\ebcf"; }

.ion-usb:before {
  content: "\ebd0"; }

.ion-videocamera:before {
  content: "\ebd1"; }

.ion-volume-high:before {
  content: "\ebd2"; }

.ion-volume-low:before {
  content: "\ebd3"; }

.ion-volume-medium:before {
  content: "\ebd4"; }

.ion-volume-mute:before {
  content: "\ebd5"; }

.ion-wand:before {
  content: "\ebd6"; }

.ion-waterdrop:before {
  content: "\ebd7"; }

.ion-wifi:before {
  content: "\ebd8"; }

.ion-wineglass:before {
  content: "\ebd9"; }

.ion-woman:before {
  content: "\ebda"; }

.ion-wrench:before {
  content: "\ebdb"; }

.ion-xbox:before {
  content: "\ebdc"; }

.header .container {
  max-width: 1366px;
  width: 100%; }

.header nav.navbar.navbar-inverse.custom-nav {
  background: transparent;
  border: none;
  margin-bottom: 10px;
  display: block; }
  @media screen and (max-width: 768px) {
    .header nav.navbar.navbar-inverse.custom-nav {
      margin: 5px 0 5px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  .header nav.navbar.navbar-inverse.custom-nav .navbar-header {
    max-width: 525px;
    width: 100%; }
    @media screen and (max-width: 768px) {
      .header nav.navbar.navbar-inverse.custom-nav .navbar-header {
        margin: 0 0 0;
        display: inline-block;
        max-width: -webkit-fill-available;
        width: 100%; } }
    @media screen and (max-width: 571px) {
      .header nav.navbar.navbar-inverse.custom-nav .navbar-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 60%;
        text-align: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        max-width: 36%;
        margin-bottom: 5px; } }
    .header nav.navbar.navbar-inverse.custom-nav .navbar-header span {
      margin: 15px 0 0 50px; }
      @media screen and (max-width: 1280px) {
        .header nav.navbar.navbar-inverse.custom-nav .navbar-header span {
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; } }
      @media screen and (max-width: 991px) {
        .header nav.navbar.navbar-inverse.custom-nav .navbar-header span {
          margin: 15px 0 0 20px; } }
      @media screen and (max-width: 667px) {
        .header nav.navbar.navbar-inverse.custom-nav .navbar-header span {
          margin: 0px 0 0 10px; } }
      @media screen and (max-width: 1024px) {
        .header nav.navbar.navbar-inverse.custom-nav .navbar-header span img {
          max-width: 50%;
          padding: 0; } }
      @media screen and (max-width: 768px) {
        .header nav.navbar.navbar-inverse.custom-nav .navbar-header span img {
          display: inline-block;
          margin: 3px 0 0 0; } }
      @media screen and (max-width: 767px) {
        .header nav.navbar.navbar-inverse.custom-nav .navbar-header span img {
          margin: 0 0 0 0; } }
      @media screen and (max-width: 571px) {
        .header nav.navbar.navbar-inverse.custom-nav .navbar-header span img {
          max-width: 29%;
          padding: 0; } }
      @media screen and (max-width: 375px) {
        .header nav.navbar.navbar-inverse.custom-nav .navbar-header span img {
          margin: 0 0 0 0;
          max-width: 26%;
          padding: 0; } }
    .header nav.navbar.navbar-inverse.custom-nav .navbar-header .navbar-brand {
      padding: 0;
      height: auto; }
      .header nav.navbar.navbar-inverse.custom-nav .navbar-header .navbar-brand img {
        height: 75px; }
        @media screen and (max-width: 768px) {
          .header nav.navbar.navbar-inverse.custom-nav .navbar-header .navbar-brand img {
            height: 63px; } }
        @media screen and (max-width: 768px) {
          .header nav.navbar.navbar-inverse.custom-nav .navbar-header .navbar-brand img {
            display: inline-block;
            width: auto; } }
        @media screen and (max-width: 667px) {
          .header nav.navbar.navbar-inverse.custom-nav .navbar-header .navbar-brand img {
            display: inline-block;
            width: auto; } }
  .header nav.navbar.navbar-inverse.custom-nav .login-sec {
    float: right; }
    @media screen and (max-width: 768px) {
      .header nav.navbar.navbar-inverse.custom-nav .login-sec {
        display: inline-block; } }
    @media screen and (max-width: 571px) {
      .header nav.navbar.navbar-inverse.custom-nav .login-sec {
        margin: 5px 0 0 0;
        float: none;
        width: 100%; } }
    .header nav.navbar.navbar-inverse.custom-nav .login-sec .navbar-form {
      border-color: #101010;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0; }
      @media screen and (max-width: 767px) {
        .header nav.navbar.navbar-inverse.custom-nav .login-sec .navbar-form {
          border-color: transparent;
          margin: 0; } }
      @media screen and (max-width: 571px) {
        .header nav.navbar.navbar-inverse.custom-nav .login-sec .navbar-form {
          float: none;
          padding: 0 0px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          border: none;
          margin: 0; } }
      .header nav.navbar.navbar-inverse.custom-nav .login-sec .navbar-form .input-group {
        background: #FFFEDF;
        border: solid 1px #f7f6d2;
        padding: 7px;
        border-radius: 25px;
        cursor: pointer; }
        @media screen and (max-width: 768px) {
          .header nav.navbar.navbar-inverse.custom-nav .login-sec .navbar-form .input-group {
            padding: 5px; } }
        @media screen and (max-width: 667px) {
          .header nav.navbar.navbar-inverse.custom-nav .login-sec .navbar-form .input-group {
            padding: 0px; } }
        .header nav.navbar.navbar-inverse.custom-nav .login-sec .navbar-form .input-group .input-group-addon {
          padding: 0;
          background-color: transparent;
          border: none;
          border-radius: 0; }
          .header nav.navbar.navbar-inverse.custom-nav .login-sec .navbar-form .input-group .input-group-addon .btn-default {
            color: #333;
            background-color: transparent;
            border-color: transparent;
            padding: 0;
            font-size: 18px;
            margin: 0 7px 0 7px;
            pointer-events: none;
            font-weight: 800; }
            @media screen and (max-width: 480px) {
              .header nav.navbar.navbar-inverse.custom-nav .login-sec .navbar-form .input-group .input-group-addon .btn-default {
                font-size: 14px;
                margin: 0 5px 0 5px; } }
            .header nav.navbar.navbar-inverse.custom-nav .login-sec .navbar-form .input-group .input-group-addon .btn-default img {
              width: 35px;
              margin: 0 5px 0 0px; }
              @media screen and (max-width: 480px) {
                .header nav.navbar.navbar-inverse.custom-nav .login-sec .navbar-form .input-group .input-group-addon .btn-default img {
                  width: 35px;
                  margin: 0 5px 0 0px; } }
        .header nav.navbar.navbar-inverse.custom-nav .login-sec .navbar-form .input-group label {
          border: none;
          -webkit-box-shadow: none;
          box-shadow: none;
          padding: 2px 0 0 0;
          font-size: 18px;
          background: transparent;
          width: 80px;
          pointer-events: none; }
          @media screen and (max-width: 480px) {
            .header nav.navbar.navbar-inverse.custom-nav .login-sec .navbar-form .input-group label {
              font-size: 15px;
              width: 60px; } }
      .header nav.navbar.navbar-inverse.custom-nav .login-sec .navbar-form .user-profile {
        margin: 0 0 0 30px; }
        @media screen and (max-width: 571px) {
          .header nav.navbar.navbar-inverse.custom-nav .login-sec .navbar-form .user-profile {
            margin: 0 0 0 0; } }
        @media screen and (max-width: 768px) {
          .header nav.navbar.navbar-inverse.custom-nav .login-sec .navbar-form .user-profile .dropdown {
            text-align: center; } }
        .header nav.navbar.navbar-inverse.custom-nav .login-sec .navbar-form .user-profile .dropdown > img {
          height: 61px;
          width: auto; }
        .header nav.navbar.navbar-inverse.custom-nav .login-sec .navbar-form .user-profile .dropdown .btn-primary {
          color: #333;
          background-color: transparent;
          border-color: transparent;
          font-weight: 600; }
        .header nav.navbar.navbar-inverse.custom-nav .login-sec .navbar-form .user-profile .dropdown .dropdown-menu {
          border: 1px solid rgba(0, 0, 0, 0.1); }
          @media screen and (max-width: 991px) {
            .header nav.navbar.navbar-inverse.custom-nav .login-sec .navbar-form .user-profile .dropdown .dropdown-menu {
              left: -60px !important; } }
          .header nav.navbar.navbar-inverse.custom-nav .login-sec .navbar-form .user-profile .dropdown .dropdown-menu a {
            display: block;
            padding: 7px;
            color: #777;
            font-size: 16px;
            font-weight: 500;
            border-bottom: solid 1px #d2d2d2; }
            .header nav.navbar.navbar-inverse.custom-nav .login-sec .navbar-form .user-profile .dropdown .dropdown-menu a:hover {
              color: #3397bb; }
            .header nav.navbar.navbar-inverse.custom-nav .login-sec .navbar-form .user-profile .dropdown .dropdown-menu a:last-of-type {
              border-bottom: none; }
            .header nav.navbar.navbar-inverse.custom-nav .login-sec .navbar-form .user-profile .dropdown .dropdown-menu a img {
              height: 35px;
              width: 35px;
              margin: 0 5px 0 0; }
      .header nav.navbar.navbar-inverse.custom-nav .login-sec .navbar-form .button-ss {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: #FAFAFA;
        padding: 10px;
        max-width: 475px;
        border-radius: 10px;
        border: solid 1px #f2f2f2; }
        @media screen and (max-width: 571px) {
          .header nav.navbar.navbar-inverse.custom-nav .login-sec .navbar-form .button-ss img {
            width: 80px; } }
    .header nav.navbar.navbar-inverse.custom-nav .login-sec .button-ss {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .header nav.navbar.navbar-inverse.custom-nav .login-sec .button-ss label#logged_in_as {
        margin: 0 18px 0 0;
        font-size: 13px;
        font-weight: 500;
        color: #444444; }
  .header nav.navbar.navbar-inverse.custom-nav .radiant-logo {
    display: inline-block;
    width: 105px;
    padding: 4px 0 0 0;
    margin: 0 0 0 20px; }
    @media screen and (max-width: 1024px) {
      .header nav.navbar.navbar-inverse.custom-nav .radiant-logo {
        padding: 5px 0 0 0; } }
    @media screen and (max-width: 1024px) {
      .header nav.navbar.navbar-inverse.custom-nav .radiant-logo {
        margin: 0 0 0 10px; } }
    .header nav.navbar.navbar-inverse.custom-nav .radiant-logo img {
      max-width: 50%; }
    .header nav.navbar.navbar-inverse.custom-nav .radiant-logo span {
      margin: 0 0 0 20px; }
      @media screen and (max-width: 568px) {
        .header nav.navbar.navbar-inverse.custom-nav .radiant-logo span {
          margin: 0 0 0 0;
          width: -webkit-max-content;
          width: -moz-max-content;
          width: max-content; } }

.header .button-ss a img {
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transform: scale(0.9); }

@media screen and (max-width: 571px) {
  .header.anyboli-header nav.navbar.navbar-inverse.custom-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; } }

@media screen and (max-width: 374px) {
  .header.anyboli-header nav.navbar.navbar-inverse.custom-nav {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; } }

.header.anyboli-header nav.navbar.navbar-inverse.custom-nav .navbar-header {
  max-width: -webkit-max-content !important;
  max-width: -moz-max-content !important;
  max-width: max-content !important;
  width: 100%; }
  .header.anyboli-header nav.navbar.navbar-inverse.custom-nav .navbar-header .navbar-brand img {
    width: auto;
    height: 75px;
    margin: 0 30px 0 0; }
    @media screen and (max-width: 767px) {
      .header.anyboli-header nav.navbar.navbar-inverse.custom-nav .navbar-header .navbar-brand img {
        height: 60px; } }
    @media screen and (max-width: 571px) {
      .header.anyboli-header nav.navbar.navbar-inverse.custom-nav .navbar-header .navbar-brand img {
        height: 42px; } }

@media screen and (max-width: 374px) {
  .header.anyboli-header nav.navbar.navbar-inverse.custom-nav .login-sec {
    width: auto; }
    .header.anyboli-header nav.navbar.navbar-inverse.custom-nav .login-sec .button-ss label#logged_in_as {
      display: none; } }

@media screen and (max-width: 374px) {
  .header.anyboli-header nav.navbar.navbar-inverse.custom-nav:before, .header.anyboli-header nav.navbar.navbar-inverse.custom-nav:after {
    display: none !important; } }

.header#white_bar nav.navbar.navbar-inverse.custom-nav {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 571px) {
    .header#white_bar nav.navbar.navbar-inverse.custom-nav {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }
  .header#white_bar nav.navbar.navbar-inverse.custom-nav .navbar-header {
    margin: 0 0 0;
    display: inline-block;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content; }
    @media screen and (max-width: 571px) {
      .header#white_bar nav.navbar.navbar-inverse.custom-nav .navbar-header {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    .header#white_bar nav.navbar.navbar-inverse.custom-nav .navbar-header:before, .header#white_bar nav.navbar.navbar-inverse.custom-nav .navbar-header:after {
      display: none !important; }
    .header#white_bar nav.navbar.navbar-inverse.custom-nav .navbar-header .navbar-brand img {
      display: inline-block;
      width: auto !important;
      height: 75px !important; }
  .header#white_bar nav.navbar.navbar-inverse.custom-nav:before, .header#white_bar nav.navbar.navbar-inverse.custom-nav:after {
    display: none !important; }
  .header#white_bar nav.navbar.navbar-inverse.custom-nav .login-sec {
    margin: 5px 0 0 0 !important; }

.header-chatbot {
  position: absolute;
  width: 100%;
  z-index: 1; }
  .header-chatbot .container {
    max-width: 1366px;
    width: 100%; }
  .header-chatbot nav.navbar.navbar-inverse {
    background: transparent;
    border: none;
    margin-bottom: 10px;
    display: block; }
    @media screen and (max-width: 768px) {
      .header-chatbot nav.navbar.navbar-inverse {
        margin: 0px 0 5px; } }
    @media screen and (max-width: 768px) {
      .header-chatbot nav.navbar.navbar-inverse .container-fluid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; } }
    .header-chatbot nav.navbar.navbar-inverse .container-fluid:before, .header-chatbot nav.navbar.navbar-inverse .container-fluid:after {
      display: none; }
    .header-chatbot nav.navbar.navbar-inverse .navbar-header {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: max-content;
      width: 100%; }
      @media screen and (max-width: 767px) {
        .header-chatbot nav.navbar.navbar-inverse .navbar-header {
          margin: 0px 0 0; } }
      .header-chatbot nav.navbar.navbar-inverse .navbar-header .navbar-brand {
        padding: 0;
        height: auto; }
        @media screen and (max-width: 768px) {
          .header-chatbot nav.navbar.navbar-inverse .navbar-header .navbar-brand img {
            display: inline-block;
            width: 35px; } }
        @media screen and (max-width: 767px) {
          .header-chatbot nav.navbar.navbar-inverse .navbar-header .navbar-brand img {
            display: inline-block;
            width: 25px; } }
    .header-chatbot nav.navbar.navbar-inverse div#myNavbar {
      margin: 0px 0 0 0; }
      @media screen and (max-width: 767px) {
        .header-chatbot nav.navbar.navbar-inverse div#myNavbar {
          margin: -8px 0 0 0; } }
    .header-chatbot nav.navbar.navbar-inverse .navbar-nav .active > a {
      background-color: transparent; }
      @media screen and (max-width: 767px) {
        .header-chatbot nav.navbar.navbar-inverse .navbar-nav .active > a {
          background-color: #0076a3;
          color: #fff !important; } }
    .header-chatbot nav.navbar.navbar-inverse .navbar-nav li {
      padding: 4px 0 0 0px; }
      .header-chatbot nav.navbar.navbar-inverse .navbar-nav li.desktop-bag {
        display: none; }
      @media screen and (max-width: 767px) {
        .header-chatbot nav.navbar.navbar-inverse .navbar-nav li {
          padding: 0px 0px 0px 56px; } }
      .header-chatbot nav.navbar.navbar-inverse .navbar-nav li div a {
        color: #000;
        font-size: 17px;
        padding: 5px 7px; }
        @media screen and (max-width: 767px) {
          .header-chatbot nav.navbar.navbar-inverse .navbar-nav li div a {
            color: #000 !important;
            padding: 9px 6px 9px 6px; } }
      .header-chatbot nav.navbar.navbar-inverse .navbar-nav li div .bag {
        display: none; }
        @media screen and (max-width: 767px) {
          .header-chatbot nav.navbar.navbar-inverse .navbar-nav li div .bag {
            display: block; } }
      .header-chatbot nav.navbar.navbar-inverse .navbar-nav li a {
        color: #fff;
        font-size: 17px;
        padding: 5px 7px; }
        @media screen and (max-width: 767px) {
          .header-chatbot nav.navbar.navbar-inverse .navbar-nav li a {
            color: #000 !important;
            padding: 17px 0px 10px 0px; } }
        .header-chatbot nav.navbar.navbar-inverse .navbar-nav li a span {
          margin-left: 13px;
          font-size: 16px; }
        .header-chatbot nav.navbar.navbar-inverse .navbar-nav li a img {
          width: 42px;
          height: 50px; }
          @media screen and (max-width: 767px) {
            .header-chatbot nav.navbar.navbar-inverse .navbar-nav li a img {
              width: 33px;
              height: 33px; } }
      .header-chatbot nav.navbar.navbar-inverse .navbar-nav li #childs_bag #child_bag_image {
        width: 42px;
        height: 47px; }
      .header-chatbot nav.navbar.navbar-inverse .navbar-nav li .fa {
        padding: 0 0 0 6px; }
      .header-chatbot nav.navbar.navbar-inverse .navbar-nav li #child_profiles {
        background: white;
        margin-top: 15px;
        -webkit-box-shadow: 0 0 8px #ddd;
        box-shadow: 0 0 8px #ddd;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content; }
        .header-chatbot nav.navbar.navbar-inverse .navbar-nav li #child_profiles li {
          padding-left: 0; }
          .header-chatbot nav.navbar.navbar-inverse .navbar-nav li #child_profiles li a {
            color: #000; }
        .header-chatbot nav.navbar.navbar-inverse .navbar-nav li #child_profiles #child_bag_mobile {
          padding: 17px 12px 10px 5px; }
      .header-chatbot nav.navbar.navbar-inverse .navbar-nav li .dropdown-menu {
        background: white;
        margin-top: 15px;
        -webkit-box-shadow: 0 0 8px #ddd;
        box-shadow: 0 0 8px #ddd;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content; }
        .header-chatbot nav.navbar.navbar-inverse .navbar-nav li .dropdown-menu li {
          padding-left: 0; }
          .header-chatbot nav.navbar.navbar-inverse .navbar-nav li .dropdown-menu li a {
            color: #000; }
      @media screen and (max-width: 767px) {
        .header-chatbot nav.navbar.navbar-inverse .navbar-nav li.desktop-bag {
          display: none; }
        .header-chatbot nav.navbar.navbar-inverse .navbar-nav li#childs-bag {
          display: none; } }
    .header-chatbot nav.navbar.navbar-inverse .navbar-collapse, .header-chatbot nav.navbar.navbar-inverse .navbar-form {
      border-color: transparent !important; }
      .header-chatbot nav.navbar.navbar-inverse .navbar-collapse .user-profile, .header-chatbot nav.navbar.navbar-inverse .navbar-form .user-profile {
        margin: 0 0 0 30px; }
        @media screen and (max-width: 767px) {
          .header-chatbot nav.navbar.navbar-inverse .navbar-collapse .user-profile, .header-chatbot nav.navbar.navbar-inverse .navbar-form .user-profile {
            margin: 20px 10px 0 13px; } }
  .header-chatbot .collapse.in ul {
    background: #fff;
    border: none !important; }
    @media screen and (max-width: 767px) {
      .header-chatbot .collapse.in ul {
        display: block;
        width: 100%;
        background: #fff;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0; } }
  .header-chatbot ul .dropdown {
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .header-chatbot ul .dropdown .fa {
      padding: 0px 5px 0px 0px !important; }
    .header-chatbot ul .dropdown .btn-primary {
      color: #fff;
      background-color: transparent;
      border: none;
      font-size: 21px; }
      @media screen and (max-width: 767px) {
        .header-chatbot ul .dropdown .btn-primary {
          color: #000; } }
    .header-chatbot ul .dropdown .btn {
      display: inline-block;
      margin-bottom: 0;
      font-weight: normal;
      text-align: center;
      vertical-align: middle;
      -ms-touch-action: manipulation;
      touch-action: manipulation;
      cursor: pointer;
      background-image: none;
      border: 1px solid transparent;
      white-space: nowrap;
      padding: 6px 12px;
      font-size: 14px;
      line-height: 1.42857;
      border-radius: 4px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      background: transparent;
      color: #ffff;
      font-size: 20px; }
      @media screen and (max-width: 767px) {
        .header-chatbot ul .dropdown .btn {
          color: #000;
          padding: 10px;
          font-size: 16px; } }
    .header-chatbot ul .dropdown .dropdown-image {
      width: 42px;
      height: 50px;
      display: inline-block;
      overflow: hidden;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      @media screen and (max-width: 767px) {
        .header-chatbot ul .dropdown .dropdown-image {
          width: 27px; } }
      .header-chatbot ul .dropdown .dropdown-image img {
        width: 100%; }
    @media screen and (max-width: 767px) {
      .header-chatbot ul .dropdown {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex; } }
    @media screen and (max-width: 320px) {
      .header-chatbot ul .dropdown {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
  .header-chatbot .navbar-inverse .navbar-nav > .open > a, .header-chatbot .navbar-inverse .navbar-nav > .open > a:hover, .header-chatbot .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: transparent;
    color: #fff; }
  .header-chatbot .navbar-right {
    margin-right: -15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 767px) {
      .header-chatbot .navbar-right {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; } }
    .header-chatbot .navbar-right .dropdown-menu {
      right: 0;
      left: auto;
      border-radius: 4px; }
      @media screen and (max-width: 767px) {
        .header-chatbot .navbar-right .dropdown-menu {
          position: absolute; } }
      .header-chatbot .navbar-right .dropdown-menu a {
        display: block;
        padding: 6px 16px 6px 16px;
        text-align: left;
        border-bottom: 1px solid #a9a9a969; }
        .header-chatbot .navbar-right .dropdown-menu a img {
          width: 30px;
          margin-right: 13px;
          margin-left: 8px; }
        .header-chatbot .navbar-right .dropdown-menu a span {
          margin-left: 10px;
          color: #778899; }
      .header-chatbot .navbar-right .dropdown-menu a:last-child {
        border-bottom: none; }
  .header-chatbot.header-login .dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .header-chatbot.header-login .desktop-bag {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .header-chatbot.header-login .desktop-bag span {
      color: #fff; }
    .header-chatbot.header-login .desktop-bag img {
      width: 40px;
      height: 50px; }
    @media screen and (max-width: 767px) {
      .header-chatbot.header-login .desktop-bag {
        display: none !important; } }

.white-header {
  background: #f6f9fd; }
  .white-header ul .dropdown .btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: transparent;
    color: #000;
    font-size: 20px; }
  .white-header ul .dropdown .dropdown-image {
    width: 42px;
    height: 62px;
    display: inline-block;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (max-width: 767px) {
      .white-header ul .dropdown .dropdown-image {
        display: inline-table;
        width: 35px;
        height: 50px; } }
  .white-header .navbar-brand img {
    display: block;
    width: 45px; }
    @media screen and (max-width: 767px) {
      .white-header .navbar-brand img {
        width: 40px;
        height: 49px; } }

.footer {
  padding: 47px 0 25px; }
  .footer .fotr-col-1 a {
    display: block;
    padding: 2px 0 0 0;
    color: #1eb1ed;
    font-size: 14px;
    text-decoration: underline; }
  .footer .fotr-col-1 span {
    margin: 10px 0 0 0;
    display: inline-block;
    width: 100%; }
    .footer .fotr-col-1 span a {
      text-decoration: none; }
  .footer .fotr-col-1 .fotr-logo {
    margin: 0 0 22px 0; }
  .footer h5 {
    font-weight: 900;
    font-size: 16px;
    margin: 10px 0 30px 0;
    position: relative; }
    .footer h5:before {
      position: absolute;
      content: "";
      width: 23px;
      bottom: -5px;
      left: 5%;
      -ms-transform: translate(-50%, 0%);
      transform: translate(-50%, 0%);
      -moz-transform: translate(-50%, 0%);
      -webkit-transform: translate(-50%, 0%);
      background: #1eb1ed;
      height: 2px; }
  .footer ul.menu li {
    display: block;
    padding: 0 0 15px; }
    .footer ul.menu li a {
      color: #333333;
      font-size: 14px; }
    .footer ul.menu li a:hover {
      color: #1eb1ed; }
  .footer .google-app-icons {
    text-align: right; }
    @media screen and (max-width: 991px) {
      .footer .google-app-icons {
        text-align: left; } }
    .footer .google-app-icons a {
      margin: 15px 0 0 0;
      display: inline-block; }
  .footer .social-icons a {
    padding: 0 4px 0 0;
    -o-transition: linear .1s;
    transition: linear .1s;
    -moz-transition: linear .1s;
    -webkit-transition: linear .1s; }
    .footer .social-icons a:hover img {
      margin: -10px 0 0 0;
      -o-transition: linear .1s;
      transition: linear .1s;
      -moz-transition: linear .1s;
      -webkit-transition: linear .1s; }
  .footer .copywrite {
    padding: 30px 0 0 0;
    border-top: solid 1px #d6d6d6;
    margin: 30px 0 0 0; }
    .footer .copywrite p {
      margin: 0;
      font-size: 12px;
      color: rgba(51, 51, 51, 0.7); }

.btn.btn-outline {
  white-space: normal;
  border-width: 1px; }
  .btn.btn-outline:not(:hover) {
    background-color: transparent; }
  .btn.btn-outline.btn-default:not(:hover) {
    color: #333; }
  .btn.btn-outline.btn-primary:not(:hover) {
    color: #337ab7; }
  .btn.btn-outline.btn-secondary:not(:hover) {
    color: #049159; }
  .btn.btn-outline.btn-danger:not(:hover) {
    color: #d9534f; }
  .btn.btn-outline.btn-success:not(:hover) {
    color: #049159; }
  .btn.btn-outline.btn-info:not(:hover) {
    color: #5bc0de; }
  .btn.btn-outline.btn-warning:not(:hover) {
    color: #f0ad4e; }

.btn.btn-clear {
  background: none;
  border-color: transparent; }
  .btn.btn-clear.btn-default {
    color: #333; }
  .btn.btn-clear.btn-primary {
    color: #337ab7; }
  .btn.btn-clear.btn-secondary {
    color: #049159; }
  .btn.btn-clear.btn-danger {
    color: #d9534f; }
  .btn.btn-clear.btn-success {
    color: #049159; }
  .btn.btn-clear.btn-info {
    color: #5bc0de; }
  .btn.btn-clear.btn-warning {
    color: #f0ad4e; }

.wrong-option {
  background: #f93939 !important;
  color: #fff !important; }

#myModal .modal-body {
  height: 400px; }
  
#myModal_mindmap .modal-body {
  height: 400px; }
  

div#teacher_content_body {
  height: 100%; }
  
div#content_body_mindmap {
  height: 100%; }

body.loader-circle {
  height: 100vh;
  overflow: hidden;
  position: absolute;
  top: 0;
  background: #ffffffd4;
  width: 100%;
  text-align: center; }

.loader {
  position: absolute;
  top: 50%;
  background: #ffffffd4;
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  height: 100%;
  overflow-y: hidden;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%); }
  @media screen and (max-width: 767px) {
    .loader {
      top: 33%; } }

span.multiselect-native-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  span.multiselect-native-select select {
    padding: 10px; }

.multiselect-native-select .btn-group {
  margin: 15px 0 0 0; }

ul.multiselect-container.dropdown-menu {
  padding: 15px; }

ul.multiselect-container.dropdown-menu {
  position: relative; }

li.multiselect-item.multiselect-group {
  display: block;
  margin: 20px 0 0 0;
  font-size: 18px; }

.modal .modal-footer button.img-button {
  border: none;
  padding: 0; }
  .modal .modal-footer button.img-button img {
    width: auto;
    height: 40px; }

.price_div {
  margin: 10px 0 0px 0; }

@media screen and (max-width: 980px) {
  .bd-example-modal-lg .modal-footer {
    text-align: center; } }

@media screen and (max-width: 580px) {
  .bd-example-modal-lg .modal-footer button {
    margin-bottom: 15px !important; } }

.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-right: -15px;
  margin-left: -15px; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }

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

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

.flex-col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%; }

.flex-col-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none; }

.flex-col-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.flex-col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

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

.flex-col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.flex-col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  max-width: 41.66667%; }

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

.flex-col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.flex-col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
  max-width: 66.66667%; }

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

.flex-col-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.flex-col-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%;
  max-width: 91.66667%; }

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

.order-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1; }

.order-last {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13; }

.order-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0; }

.order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1; }

.order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2; }

.order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3; }

.order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4; }

.order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5; }

.order-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6; }

.order-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7; }

.order-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8; }

.order-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9; }

.order-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10; }

.order-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11; }

.order-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12; }

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .flex-col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .flex-col-sm-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .flex-col-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .flex-col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .flex-col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .flex-col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .flex-col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .flex-col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .flex-col-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .flex-col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .flex-col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .flex-col-sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .flex-col-sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .flex-col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .order-sm-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13; }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6; }
  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7; }
  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8; }
  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9; }
  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10; }
  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11; }
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; } }

@media (min-width: 768px) {
  .flex-col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .flex-col-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .flex-col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .flex-col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .flex-col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .flex-col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .flex-col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .flex-col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .flex-col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .flex-col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .flex-col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .flex-col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .flex-col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .flex-col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .order-md-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13; }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6; }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7; }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8; }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9; }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10; }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11; }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; } }

@media (min-width: 992px) {
  .flex-col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .flex-col-lg-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .flex-col-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .flex-col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .flex-col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .flex-col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .flex-col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .flex-col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .flex-col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .flex-col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .flex-col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .flex-col-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .flex-col-lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .flex-col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .order-lg-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13; }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6; }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7; }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8; }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9; }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10; }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11; }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1200px) {
  .flex-col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .flex-col-xl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .flex-col-xl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .flex-col-xl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .flex-col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .flex-col-xl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .flex-col-xl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .flex-col-xl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .flex-col-xl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .flex-col-xl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .flex-col-xl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .flex-col-xl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .flex-col-xl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .flex-col-xl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .order-xl-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13; }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6; }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7; }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8; }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9; }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10; }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11; }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; } }

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important; }

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important; }

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

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

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

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

.flex-grow-0 {
  -webkit-box-flex: 0 !important;
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important; }

.flex-grow-1 {
  -webkit-box-flex: 1 !important;
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important; }

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

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

.justify-content-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important; }

.justify-content-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important; }

.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important; }

.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important; }

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important; }

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

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

.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important; }

.align-items-baseline {
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important; }

.align-items-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important; }

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

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

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important; }

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important; }

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important; }

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important; }

.align-self-auto {
  -ms-flex-item-align: auto !important;
  -ms-grid-row-align: auto !important;
  align-self: auto !important; }

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

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

.align-self-center {
  -ms-flex-item-align: center !important;
  -ms-grid-row-align: center !important;
  align-self: center !important; }

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important; }

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  -ms-grid-row-align: stretch !important;
  align-self: stretch !important; }

@media (min-width: 576px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .flex-sm-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important; }
  .flex-sm-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .flex-sm-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important; }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }
  .justify-content-sm-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-sm-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-sm-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-sm-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important; }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important; }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 768px) {
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .flex-md-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important; }
  .flex-md-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .flex-md-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important; }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }
  .justify-content-md-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-md-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-md-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-md-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-md-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important; }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important; }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 992px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .flex-lg-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important; }
  .flex-lg-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .flex-lg-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important; }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }
  .justify-content-lg-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-lg-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-lg-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-lg-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important; }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important; }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 1200px) {
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .flex-xl-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important; }
  .flex-xl-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .flex-xl-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important; }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }
  .justify-content-xl-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-xl-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-xl-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-xl-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important; }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important; }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important; } }

body {
  font-family: 'PT Sans', sans-serif; }

.width-100 {
  width: 100%; }

.mt-20 {
  margin-top: 20px !important; }

.search_question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: white;
  border: 1px solid #f2f2f2;
  -webkit-box-shadow: 0px 0px 8px rgba(158, 158, 158, 0.15);
  box-shadow: 0px 0px 8px rgba(158, 158, 158, 0.15);
  border-radius: 4px;
  padding: 0px 10px 0px 0px; }
  .search_question textarea {
    width: calc(100% - 122px);
    border-radius: 4px;
    background: white;
    border: none;
    padding: 10px;
    overflow-y: auto; }
  .search_question a {
    height: 56px;
    width: 56px;
    display: inline-block; }
    .search_question a.active i {
      background-image: url(../images/mic-on.png); }
    .search_question a i {
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      height: inherit;
      width: inherit;
      display: inherit;
      background-image: url(../images/mic-off.png); }
  .search_question button {
    height: 56px;
    width: 56px;
    padding: 0;
    margin: 0;
    border-radius: 50%;
    border: none;
    margin-left: 10px; }
    .search_question button img {
      height: 100%;
      width: 100%;
      -o-object-fit: contain;
      object-fit: contain;
      -o-object-position: center;
      object-position: center; }

.btn-transparent {
  background: transparent;
  border: none;
  height: 56px;
  width: 56px; }
  .btn-transparent img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain; }

.question-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .question-title button {
    background: transparent;
    border: none;
    padding: 0; }

.form-group label {
  top: 7px;
  position: absolute;
  font-size: 15px;
  pointer-events: none;
  font-weight: normal; }

.form-group.float-label label {
  margin: -22px 0 0 0;
  -o-transition: linear .1s;
  transition: linear .1s;
  -webkit-transition: linear .1s;
  font-size: 12px; }
  /*
.wrapper {
  background-repeat: no-repeat;
  background-size: cover;
  height: calc(100% - 87px);
  height: -webkit-calc(100% - 87px);
  height: -moz-calc(100% - 87px);
  height: -ms-calc(100% - 87px);
  position: relative;
  font-family: 'Poppins', sans-serif;
  background-position: center center;
  background-color: #f6f599;
  width: 100%;
  min-height: calc(100vh - 87px);
  min-height: -webkit-calc(100vh - 87px);
  overflow: hidden; }
  */
  
  /* updated by Atif as the check button was not showing*/

  .wrapper {
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(100% - 87px);
    height: -webkit-calc(100% - 87px);
    height: -moz-calc(100% - 87px);
    height: -ms-calc(100% - 87px);
    position: relative;
    font-family: 'Poppins', sans-serif;
    background-position: center center;
    background-color: #f6f599;
    width: 100%;
    min-height: calc(100vh - 87px);
    min-height: -webkit-calc(100vh - 87px);
    overflow: overlay; 
    padding-bottom: 100px;
    overflow-x: hidden;
}
 /*given by atif to close space below*/
  .chatbot-home{
padding-bottom:0px;
}
  
  
  .wrapper .question-main {
    height: 100% !important;
    display: inline-block;
    width: 100%; }
    .wrapper .question-main .question-title {
      padding: 20px 0 10px 0; }
      .wrapper .question-main .question-title span h2 {
        margin: 5px 0 10px;
        font-size: 25px;
        color: #000; }
      .wrapper .question-main .question-title span p {
        font-size: 16px;
        color: #000; }
      .wrapper .question-main .question-title button {
        margin: 0 0 0 5px; }
        @media screen and (max-width: 991px) {
          .wrapper .question-main .question-title button img {
            width: 80px; } }
    .wrapper .question-main .question-section {
      background: rgba(255, 255, 255, 0.8);
      padding: 20px;
      margin: 5px 0 0;
      border-radius: 5px;
      min-height: calc(100% - 220px);
      min-height: -webkit-calc(100% - 220px);
      position: relative; }
      @media screen and (max-width: 1024px) {
        .wrapper .question-main .question-section {
          height: 100%; } }
      @media screen and (max-width: 375px) {
        .wrapper .question-main .question-section {
          padding: 10px; } }
      .wrapper .question-main .question-section .question-head {
        text-align: center;
        margin: 10px 0 40px 0;
        padding: 25px 0 0 0; }
        .wrapper .question-main .question-section .question-head h3 {
          font-size: 21px;
          color: #242424;
          margin: 10px 0 0; }
        .wrapper .question-main .question-section .question-head p {
          font-size: 21px;
          color: #242424;
          margin: 10px 0 0; }
        .wrapper .question-main .question-section .question-head img {
          height: 100px;
          width: auto; }
      .wrapper .question-main .question-section .question-body {
        max-width: 900px;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 0 80px 0; }
        .wrapper .question-main .question-section .question-body div#epub {
          width: 100% !important; }
        .wrapper .question-main .question-section .question-body .option {
          display: inline-block;
          width: 45%;
          margin: 0 15px 25px;
          background: #ebebeb;
          padding: 10px 15px;
          border-radius: 5px;
          font-size: 18px;
          color: #242424;
          cursor: pointer;
          border: none; }
          @media screen and (max-width: 767px) {
            .wrapper .question-main .question-section .question-body .option {
              width: 100%; } }
          .wrapper .question-main .question-section .question-body .option.active {
            background: #f7941d;
            color: #fff; }
        .wrapper .question-main .question-section .question-body .choose-images {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: center;
          width: 100%;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          margin: 0 0 10px 0; }
          .wrapper .question-main .question-section .question-body .choose-images span {
            width: 100px;
            margin: 0 5px 10px;
            text-align: center;
            height: 120px; }
            .wrapper .question-main .question-section .question-body .choose-images span img {
              max-width: 100%;
              cursor: pointer;
              width: 100%; }
          .wrapper .question-main .question-section .question-body .choose-images.choose-img-single span {
            width: 300px;
            height: auto; }
            @media screen and (max-width: 991px) {
              .wrapper .question-main .question-section .question-body .choose-images.choose-img-single span {
                width: 195px; } }
            @media screen and (max-width: 768px) {
              .wrapper .question-main .question-section .question-body .choose-images.choose-img-single span {
                width: 140px; } }
          .wrapper .question-main .question-section .question-body .choose-images.choose-img-list span {
            width: 130px;
            height: auto; }
          .wrapper .question-main .question-section .question-body .choose-images.choose-img-multiple span {
            width: 90px;
            height: auto; }
            @media screen and (max-width: 767px) {
              .wrapper .question-main .question-section .question-body .choose-images.choose-img-multiple span {
                width: 60px; } }
        .wrapper .question-main .question-section .question-body .book-content {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          width: 100%;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .wrapper .question-main .question-section .check-answer {
        text-align: right;
        position: absolute;
        right: 15px;
        bottom: 20px;
            /* Changes By Atif */

        display: flex;
        flex-direction: row-reverse;
        top: 100%;
            /* Changes By Atif */

      
      }
        @media screen and (max-width: 1024px) {
          .wrapper .question-main .question-section .check-answer {
            bottom: 10px;
            position: relative;
            /* Changes By Atif */
            top: 5px;
            right: 0px;
            /* Changes By Atif */
          } }
        .wrapper .question-main .question-section .check-answer button {
          text-align: center;
          width: 105px;
          display: inline-block;
          background: transparent;
          border: none; }
          .wrapper .question-main .question-section .check-answer button p {
            font-size: 14px;
            line-height: 18px;
            color: #000;
            margin: 5px 0 0 0; }
          .wrapper .question-main .question-section .check-answer button img {
            width: 55px; }
  .wrapper .girl-comments {
    position: fixed;
    bottom: 0px;
    left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1; }
    @media screen and (max-width: 767px) {
      .wrapper .girl-comments {
        display: none; } }
    .wrapper .girl-comments .mascot-direction {
      max-width: 225px;
      position: relative;
      background-repeat: no-repeat;
      background-size: cover;
      padding: 13px;
      background-color: #ffe498;
      border-radius: 10px;
      border-color: #ffe498;
      border-style: solid;
      border-width: 3px 5px 5px 3px;
      position: relative;
      margin: 0 0 0 25px;
      min-height: 132px;
      display: inline-block; }
      @media screen and (max-width: 767px) {
        .wrapper .girl-comments .mascot-direction {
          height: 300px;
          -webkit-box-orient: unset;
          -webkit-box-direction: unset;
          -ms-flex-direction: unset;
          flex-direction: unset;
          max-width: 100%; } }
      .wrapper .girl-comments .mascot-direction::before {
        position: absolute;
        content: "";
        background-image: url(../../assets/images/mascot-arrow.png);
        width: 65px;
        height: 30px;
        left: -40px;
        z-index: -1; }
      .wrapper .girl-comments .mascot-direction p {
        margin: 0;
        font-weight: 600;
        color: #000;
        font-size: 1rem;
        padding: 10px 0px;
        line-height: 21px;
        position: relative;
        z-index: 1; }
        @media screen and (max-width: 767px) {
          .wrapper .girl-comments .mascot-direction p {
            overflow-y: scroll;
            height: 215px; } }
      .wrapper .girl-comments .mascot-direction .ok-btn {
        display: none; }
    .wrapper .girl-comments.large-comments {
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; }
      .wrapper .girl-comments.large-comments .mascot-direction {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 500px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 0 25px 25px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 500px; }
        .wrapper .girl-comments.large-comments .mascot-direction::before {
          bottom: 60px; }
        @media screen and (max-width: 767px) {
          .wrapper .girl-comments.large-comments .mascot-direction {
            -webkit-box-align: left;
            -ms-flex-align: left;
            align-items: left; } }
        .wrapper .girl-comments.large-comments .mascot-direction .ok-btn {
          text-align: right;
          display: block; }
          .wrapper .girl-comments.large-comments .mascot-direction .ok-btn button {
            background: #333;
            color: #fff;
            border: none;
            padding: 4px 8px;
            width: auto;
            display: inline-block;
            font-size: 15px;
            margin: 10px 0 0 0; }
        @media screen and (max-width: 991px) {
          .wrapper .girl-comments.large-comments .mascot-direction {
            height: 300px; } }
        .wrapper .girl-comments.large-comments .mascot-direction p {
          overflow-y: scroll;
          height: 415px;
          width: 100%; }
          @media screen and (max-width: 991px) {
            .wrapper .girl-comments.large-comments .mascot-direction p {
              overflow-y: scroll;
              height: 215px;
              width: 100%; } }
  .wrapper .side-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* min-width: 100px; */
    width: 100px;
    position: fixed;
    right: 2px;
    top: 50%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%); }
    .wrapper .side-buttons .btn-share {
      display: none; }
      @media screen and (max-width: 525px) {
        .wrapper .side-buttons .btn-share {
          display: block; } }
    .wrapper .side-buttons button {
      background: transparent;
      -webkit-box-shadow: none;
      box-shadow: none;
      border: none;
      margin: 0 0 10px 0; }
      .wrapper .side-buttons button img {
        height: 35px;
        width: auto; }
      .wrapper .side-buttons button p {
        color: #000;
        font-size: 15px; }
      .wrapper .side-buttons button.incorrect-btn {
        display: none; }
        @media screen and (max-width: 1024px) {
          .wrapper .side-buttons button.incorrect-btn {
            display: block; } }
    @media screen and (max-width: 1024px) {
      .wrapper .side-buttons {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%;
        position: relative;
        right: 2px;
        top: auto;
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 10px 0 10px 0;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
        .wrapper .side-buttons button {
          max-width: 120px;
          margin: 0 25px 10px 0; } }
    @media screen and (max-width: 767px) {
      .wrapper .side-buttons {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
  .wrapper .footer {
    width: 100%;
    position: relative; }
    @media screen and (max-width: 767px) {
      .wrapper .footer {
        margin: 0 0 75px 0; } }
    .wrapper .footer .container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      padding: 0 0 5px 0;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      text-align: center;
      position: absolute;
      bottom: 0px;
      left: 50%;
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      -webkit-transform: translate(-50%, 0);
      -moz-transform: translate(-50%, 0); }
    .wrapper .footer p {
      text-align: center;
      color: #000;
      font-weight: 500;
      font-size: 16px;
      margin: 0;
      margin: 5px 0 0 5px; }
    .wrapper .footer img {
      width: 25px; }
  .wrapper .bottom-buttons {
    text-align: center;
    margin: 25px 0 90px; }
    .wrapper .bottom-buttons button {
      background: transparent;
      border: none; }
    @media screen and (max-width: 1024px) {
      .wrapper .bottom-buttons {
        display: none; } }
  .wrapper .children-modal .profile-modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 530px;
    overflow-y: scroll; }
    .wrapper .children-modal .profile-modal .profile-image {
      width: 110px; }
      .wrapper .children-modal .profile-modal .profile-image img {
        width: 100%;
        cursor: pointer; }
      .wrapper .children-modal .profile-modal .profile-image.active {
        border: solid 1px #0072ff; }
  .wrapper .children-modal button {
    background: transparent;
    border: none; }
    .wrapper .children-modal button:focus {
      background: transparent;
      border: none; }
  .wrapper div#myModal2 {
    z-index: 9999; }
  .wrapper .slide-mascot {
    display: none;
    position: relative;
    z-index: 9999; }
    .wrapper .slide-mascot h3 {
      font-size: 15px;
      color: #000;
      cursor: pointer;
      margin: 0;
      position: fixed;
      bottom: 0;
      background: #fff;
      width: 100%;
      margin: 0;
      text-align: center;
      z-index: 2;
      padding: 5px 0;
      left: 0; }
      .wrapper .slide-mascot h3 img {
        width: 40px;
        margin: 0 7px 0 0px; }
    @media screen and (max-width: 767px) {
      .wrapper .slide-mascot {
        display: block; }
        .wrapper .slide-mascot .girl-comments-mob {
          display: block;
          position: absolute;
          top: 81px;
          width: -webkit-fill-available;
          text-align: center;
          background: rgba(0, 0, 0, 0.5);
          margin: 10px;
          left: 300%;
          padding-top: 20px;
          -o-transition: linear .2s;
          transition: linear .2s;
          -webkit-transition: linear .2s;
          -moz-transition: linear .2s; } }
    @media screen and (max-width: 767px) {
      .wrapper .slide-mascot.current .girl-comments-mob {
        left: 0;
        -o-transition: linear .2s;
        transition: linear .2s;
        -webkit-transition: linear .2s;
        -moz-transition: linear .2s;
        z-index: 9; }
         }

.dropdown-image {
  width: 42px;
  /*margin: 0 8px 0 0px;*/
  margin:auto !important;
  
   }

div#all_child_profiles_in_white_bar .dropdown-image img {
  width: 100%; }

div#all_child_profiles_in_white_bar button {
  background: transparent;
            /* Changes By Atif */
width: 130px;
overflow: hidden;
text-overflow: ellipsis;
            /* Changes By Atif */

 }

div#all_child_profiles_in_white_bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.chapter-list.list-of-topics .question-section .question-list ol li {
  background: url(../../assets/images/list-of-topic.png);
  padding: 0 30px;
  margin: 0 0 5px 0;
  width: 100%;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
  height: 91px;
  font-family: 'Skranji', cursive; }
  @media screen and (max-width: 767px) {
    .chapter-list.list-of-topics .question-section .question-list ol li {
      padding: 20px 17px;
      margin: 0 0 20px 0;
      height: 100%;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#41a5bf), to(#288baa));
      background-image: -webkit-linear-gradient(#41a5bf, #288baa);
      background-image: -o-linear-gradient(#41a5bf, #288baa);
      background-image: linear-gradient(#41a5bf, #288baa);
      border-radius: 40px;
      border: solid 7px #5cb3d2; } }
  .chapter-list.list-of-topics .question-section .question-list ol li:hover {
    background: url(../../assets/images/list-of-topic-hov.png);
    background-size: 100%;
    cursor: pointer; }
    @media screen and (max-width: 767px) {
      .chapter-list.list-of-topics .question-section .question-list ol li:hover {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#288baa), to(#41a5bf));
        background-image: -webkit-linear-gradient(#288baa, #41a5bf);
        background-image: -o-linear-gradient(#288baa, #41a5bf);
        background-image: linear-gradient(#288baa, #41a5bf); } }

@media screen and (max-width: 991px) {
  .chapter-list .question-main .question-section {
    margin: 5px 0 170px; } }

@media screen and (max-width: 767px) {
  .chapter-list .question-main .question-section {
    padding: 11px; } }

.chapter-list .question-main .question-section .question-body {
  max-width: 660px; }
  .chapter-list .question-main .question-section .question-body .question-list {
    width: 100%;
    padding: 15px 0 0; }
    .chapter-list .question-main .question-section .question-body .question-list ol {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 100%;
      padding: 0; }
      .chapter-list .question-main .question-section .question-body .question-list ol li {
        background: url(../../assets/images/ques-list.png);
        padding: 0 30px;
        margin: 0 0 5px 0;
        width: 100%;
        list-style: none;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        background-size: 100%;
        background-repeat: no-repeat;
        height: 95px;
        font-family: 'Skranji', cursive; }
        @media screen and (max-width: 767px) {
          .chapter-list .question-main .question-section .question-body .question-list ol li {
            padding: 20px 17px;
            margin: 0 0 20px 0;
            height: 100%;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#fff060), to(#f7d259));
            background-image: -webkit-linear-gradient(#fff060, #f7d259);
            background-image: -o-linear-gradient(#fff060, #f7d259);
            background-image: linear-gradient(#fff060, #f7d259);
            border-radius: 10px;
            border: solid 7px #f7d259; } }
        .chapter-list .question-main .question-section .question-body .question-list ol li:hover {
          background: url(../../assets/images/ques-list-hov.png);
          background-size: 100%;
          cursor: pointer; }
          @media screen and (max-width: 767px) {
            .chapter-list .question-main .question-section .question-body .question-list ol li:hover {
              background-image: -webkit-gradient(linear, left top, left bottom, from(#f7d259), to(#fff060));
              background-image: -webkit-linear-gradient(#f7d259, #fff060);
              background-image: -o-linear-gradient(#f7d259, #fff060);
              background-image: linear-gradient(#f7d259, #fff060); } }
        .chapter-list .question-main .question-section .question-body .question-list ol li span {
          background: url(../../assets/images/list-bg.png);
          display: inline-block;
          width: 50px;
          height: 50px;
          background-size: cover;
          background-repeat: no-repeat;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -ms-flex-pack: distribute;
          justify-content: space-around;
          font-size: 30px;
          font-weight: 700;
          color: #fff;
          text-shadow: 1px 4px 5px #ab6007;
          font-family: 'Skranji', cursive; }
          @media screen and (max-width: 767px) {
            .chapter-list .question-main .question-section .question-body .question-list ol li span {
              width: 30px;
              height: 30px;
              font-size: 17px;
              font-weight: 600; } }
        .chapter-list .question-main .question-section .question-body .question-list ol li h3 {
          margin: 0 0 0 15px;
          color: #fff;
          text-shadow: 0px 1px 4px #000;
          font-family: 'Poppins', sans-serif;
          font-size: 26px;
          font-weight: 700; }
          @media screen and (max-width: 767px) {
            .chapter-list .question-main .question-section .question-body .question-list ol li h3 {
              font-size: 20px;
              font-weight: 600; } }
          @media screen and (max-width: 375px) {
            .chapter-list .question-main .question-section .question-body .question-list ol li h3 {
              font-size: 15px;
              font-weight: normal; } }
        .chapter-list .question-main .question-section .question-body .question-list ol li p {
          background: rgba(0, 0, 0, 0.4);
          position: absolute;
          height: 100%;
          width: 100%;
          left: 0;
          display: none; }
          .chapter-list .question-main .question-section .question-body .question-list ol li p img {
            position: absolute;
            right: 20px;
            top: calc(50% - 20px);
            height: 40px;
            width: 40px; }
          .chapter-list .question-main .question-section .question-body .question-list ol li p.locked {
            display: block; }
          .chapter-list .question-main .question-section .question-body .question-list ol li p.progress-icon {
            display: inline-block !important;
            background: transparent !important; }
            .chapter-list .question-main .question-section .question-body .question-list ol li p.progress-icon img {
              width: 48px;
              height: 51px; }
        .chapter-list .question-main .question-section .question-body .question-list ol li.disabled-option {
          background: url(../../assets/images/ques-lis-disabledt.png);
          background-size: 100%; }
          @media screen and (max-width: 767px) {
            .chapter-list .question-main .question-section .question-body .question-list ol li.disabled-option {
              background-image: -webkit-gradient(linear, left top, left bottom, from(#818181), to(#696969));
              background-image: -webkit-linear-gradient(#818181, #696969);
              background-image: -o-linear-gradient(#818181, #696969);
              background-image: linear-gradient(#818181, #696969);
              border: solid 7px #696969; } }
          .chapter-list .question-main .question-section .question-body .question-list ol li.disabled-option:hover {
            background: url(../../assets/images/ques-lis-disabledt.png);
            background-size: 100%;
            cursor: pointer; }
            @media screen and (max-width: 767px) {
              .chapter-list .question-main .question-section .question-body .question-list ol li.disabled-option:hover {
                background-image: -webkit-gradient(linear, left top, left bottom, from(#818181), to(#696969));
                background-image: -webkit-linear-gradient(#818181, #696969);
                background-image: -o-linear-gradient(#818181, #696969);
                background-image: linear-gradient(#818181, #696969); } }

#book_purchase_modal .book2buy_all_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 666px) {
    #book_purchase_modal .book2buy_all_info {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }

#book_purchase_modal .book_cover_to_buy {
  height: 300px; }

#book_purchase_modal .chapter-details {
  padding: 15px 0px 0px 15px; }
  #book_purchase_modal .chapter-details .name_of_reader_2_buy {
    font-size: 17px;
    font-weight: 600;
    margin: 0px 0px 12px 0px; }
  #book_purchase_modal .chapter-details .price_div {
    font-weight: bold;
    margin-bottom: 12px; }
  #book_purchase_modal .chapter-details .promo_div .promo_message {
    font-weight: bold;
    font-size: 18px; }
  #book_purchase_modal .chapter-details .promo_div .promo_code {
    font-weight: bold;
    font-size: 18px; }
    #book_purchase_modal .chapter-details .promo_div .promo_code::before {
      content: " "; }
  #book_purchase_modal .chapter-details .promo_div .promo-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
    margin-bottom: 20px; }
    #book_purchase_modal .chapter-details .promo_div .promo-input .form-input-div {
      margin-right: 15px; }
    #book_purchase_modal .chapter-details .promo_div .promo-input .promo-label {
      font-size: 15px;
      line-height: 1.5; }
    #book_purchase_modal .chapter-details .promo_div .promo-input input {
      width: 100px;
      margin-left: 5px;
      display: inline-block;
      border: 1px solid #ccc;
      border-radius: 4px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 2px 6px; }
    #book_purchase_modal .chapter-details .promo_div .promo-input button {
      padding: 2px 15px 2px 15px; }
  #book_purchase_modal .chapter-details summary {
    cursor: pointer;
    margin-bottom: 15px; }

#book_purchase_modal .modal-footer #buy_btn {
  float: left;
  background: #8BC34A;
  border-color: #8BC34A; }

@media screen and (max-width: 991px) {
  .girl-comments {
    left: 8px; } }

@media screen and (max-width: 767px) {
  .girl-comments img:first-of-type {
    height: 175px;
    width: auto; } }

.ready-anna-pg .question-section .question-body {
  max-width: 100%; }
  .ready-anna-pg .question-section .question-body .anna-card {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 20px;
    width: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    @media screen and (max-width: 575px) {
      .ready-anna-pg .question-section .question-body .anna-card {
        width: 100%;
        padding: 0; } }
    .ready-anna-pg .question-section .question-body .anna-card p {
      font-size: 16px;
      line-height: 27px;
      margin: 0 0 20px 0;
      color: #000; }
    .ready-anna-pg .question-section .question-body .anna-card .card-img {
      margin: 0 0 20px 0; }
      .ready-anna-pg .question-section .question-body .anna-card .card-img img {
        max-width: 100%; }

.ready-anna-pg .question-section .question-footer {
  text-align: right; }
  .ready-anna-pg .question-section .question-footer .anna-bttns {
    text-align: right; }
    @media screen and (max-width: 375px) {
      .ready-anna-pg .question-section .question-footer .anna-bttns .prev-next-bttns {
        text-align: center; } }
    .ready-anna-pg .question-section .question-footer .anna-bttns .prev-next-bttns span {
      font-size: 16px;
      font-weight: 600;
      padding: 0 5px; }
      @media screen and (max-width: 375px) {
        .ready-anna-pg .question-section .question-footer .anna-bttns .prev-next-bttns span {
          font-size: 0px; } }
    .ready-anna-pg .question-section .question-footer .anna-bttns .assesment-bttns {
      margin: 10px 0 0 0; }
      @media screen and (max-width: 375px) {
        .ready-anna-pg .question-section .question-footer .anna-bttns .assesment-bttns {
          text-align: center; } }
      .ready-anna-pg .question-section .question-footer .anna-bttns .assesment-bttns a {
        padding: 0 9px; }
        @media screen and (max-width: 375px) {
          .ready-anna-pg .question-section .question-footer .anna-bttns .assesment-bttns a {
            padding: 0 2px; } }

.question-1a-pg .question-main .question-section .question-body {
  max-width: 710px; }
  .question-1a-pg .question-main .question-section .question-body .option {
    display: inline-block;
    width: auto;
    margin: 0 15px 25px;
    background: #ffffff;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 18px;
    color: #000;
    cursor: pointer;
    font-weight: 500; }
    @media screen and (max-width: 575px) {
      .question-1a-pg .question-main .question-section .question-body .option {
        margin: 0 10px 20px;
        padding: 8px 13px; } }
    .question-1a-pg .question-main .question-section .question-body .option.arranged-optn {
      background: #8dc63f;
      color: #fff; }
    .question-1a-pg .question-main .question-section .question-body .option.wrong-option {
      background: #f93939;
      color: #fff; }
  .question-1a-pg .question-main .question-section .question-body.right-answers .option {
    background: #00c93e;
    color: #030202; }

.question-2a-pg .question-section .question-body {
  max-width: 100%; }
  .question-2a-pg .question-section .question-body .blank-questions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 50px 0 0 0;
    max-width: 715px;
    margin: 0 auto; }
    .question-2a-pg .question-section .question-body .blank-questions .fill-section {
      width: 100%;
      text-align: center; }
      @media screen and (max-width: 767px) {
        .question-2a-pg .question-section .question-body .blank-questions .fill-section {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
      .question-2a-pg .question-section .question-body .blank-questions .fill-section span {
        font-size: 22px;
        font-weight: 600;
        color: #000;
        margin: 0 15px; }
        @media screen and (max-width: 575px) {
          .question-2a-pg .question-section .question-body .blank-questions .fill-section span {
            font-size: 18px;
            margin: 0 8px; } }
      .question-2a-pg .question-section .question-body .blank-questions .fill-section .answer-box {
        background: transparent;
        border: none;
        border-bottom: solid 1px #000;
        font-weight: 600;
        font-size: 20px;
        color: #000;
        background: transparent;
        border: none;
        border-bottom: solid 1px #000;
        display: inline-block;
        width: auto; }
        @media screen and (max-width: 575px) {
          .question-2a-pg .question-section .question-body .blank-questions .fill-section .answer-box {
            font-size: 13px;
            display: inline-block; } }
    .question-2a-pg .question-section .question-body .blank-questions .fill-option {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 65px 0 20px 0;
      width: 100%;
      max-width: 620px;
      -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
      justify-content: space-evenly; }
      .question-2a-pg .question-section .question-body .blank-questions .fill-option button {
        width: 250px;
        border: none;
        text-align: center;
        margin: 0 10px;
        padding: 10px 10px;
        background: #ebebeb;
        border-radius: 5px;
        font-size: 20px;
        color: #000;
        font-weight: 500; }
        .question-2a-pg .question-section .question-body .blank-questions .fill-option button:focus {
          color: #fff;
          background: #00c93e; }
        .question-2a-pg .question-section .question-body .blank-questions .fill-option button.selected {
          color: #fff;
          background: #00c93e; }
      .question-2a-pg .question-section .question-body .blank-questions .fill-option.full-options {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
        .question-2a-pg .question-section .question-body .blank-questions .fill-option.full-options button {
          width: 100%;
          margin: 0 0 12px 0; }
      @media screen and (max-width: 525px) {
        .question-2a-pg .question-section .question-body .blank-questions .fill-option {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
          .question-2a-pg .question-section .question-body .blank-questions .fill-option button {
            margin: 10px 0px; } }

.question-3a-pg .question-main .question-section .question-body {
  max-width: 790px; }
  .question-3a-pg .question-main .question-section .question-body .option {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto;
    margin: 0 15px 25px;
    background: #ebebeb;
    padding: 10px 15px;
    border-radius: 20px;
    font-size: 18px;
    color: #000;
    cursor: pointer;
    font-weight: 500;
    min-width: 80px;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .question-3a-pg .question-main .question-section .question-body .choose-images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 30px 0; }
    .question-3a-pg .question-main .question-section .question-body .choose-images span {
      width: 70px;
      margin: 0 10px 10px;
      text-align: center; }
      .question-3a-pg .question-main .question-section .question-body .choose-images span img {
        height: auto;
        max-width: 100%; }

.question-3a-pg .question-main .answer-body {
  max-width: 675px;
  margin: 0 auto 115px;
  width: 100%; }
  .question-3a-pg .question-main .answer-body h3 {
    color: #092b3e;
    text-align: center;
    font-size: 22px;
    font-weight: 600; }
  .question-3a-pg .question-main .answer-body .answer-area-box {
    border: dashed 2px #7eb1b7;
    display: inline-block;
    width: 100%;
    min-height: 150px;
    margin: 10px 0 0 0;
    border-radius: 5px; }

.question-4a-pg .complete-sentance {
  margin: 35px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .question-4a-pg .complete-sentance input {
    font-size: 25px;
    padding: 5px;
    background: #ebebeb;
    border: solid 1px #c2c2c2;
    color: #000000;
    text-align: center;
    height: 42px;
    width: auto; }
    @media screen and (max-width: 767px) {
      .question-4a-pg .complete-sentance input {
        width: 100%; } }
    .question-4a-pg .complete-sentance input.inp-field {
      width: 80px; }
      @media screen and (max-width: 480px) {
        .question-4a-pg .complete-sentance input.inp-field {
          width: 43px; } }
      @media screen and (max-width: 360px) {
        .question-4a-pg .complete-sentance input.inp-field {
          width: 30px; } }
  .question-4a-pg .complete-sentance textarea {
    width: 100%;
    font-size: 25px; }
  .question-4a-pg .complete-sentance h3 {
    line-height: 53px;
    font-size: 25px;
    margin: 0 10px; }
    .question-4a-pg .complete-sentance h3.full-width {
      width: 100%; }
    .question-4a-pg .complete-sentance h3 .inp-field {
      width: auto; }
      @media screen and (max-width: 480px) {
        .question-4a-pg .complete-sentance h3 .inp-field {
          width: -webkit-fill-available; } }
      @media screen and (max-width: 360px) {
        .question-4a-pg .complete-sentance h3 .inp-field {
          width: -webkit-fill-available; } }
    .question-4a-pg .complete-sentance h3 .box {
      display: inline-block;
      background: #fff;
      padding: 0 10px;
      min-width: 75px;
      min-height: 40px;
      vertical-align: middle; }
    @media screen and (max-width: 767px) {
      .question-4a-pg .complete-sentance h3 {
        font-size: 23px;
        margin: 0 9px; } }
    @media screen and (max-width: 480px) {
      .question-4a-pg .complete-sentance h3 {
        font-size: 20px;
        margin: 0 7px; } }

.question-8a-pg .question-main .question-section {
  height: 100%;
  margin: 0 0 25px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media screen and (max-width: 768px) {
    .question-8a-pg .question-main .question-section {
      height: 100%; } }
  .question-8a-pg .question-main .question-section .question-body {
    max-width: 1000px;
    padding: 0;
    height: 100%; }
    .question-8a-pg .question-main .question-section .question-body .option {
      display: inline-block;
      width: auto;
      margin: 0 15px 15px;
      background: #ebebeb;
      padding: 10px 15px;
      border-radius: 20px;
      font-size: 18px;
      color: #000;
      cursor: pointer;
      font-weight: 500;
      min-width: 80px;
      text-align: center; }
      @media screen and (max-width: 767px) {
        .question-8a-pg .question-main .question-section .question-body .option {
          margin: 0 5px 10px;
          padding: 5px 10px;
          font-size: 14px; } }

.question-8a-pg .question-main .answer-body {
  max-width: 1080px;
  margin: 25px auto 115px;
  width: 100%; }
  @media screen and (max-width: 768px) {
    .question-8a-pg .question-main .answer-body {
      margin: 25px auto 115px;
      width: 100%;
      display: inline-block; } }
  .question-8a-pg .question-main .answer-body h3 {
    color: #092b3e;
    text-align: center;
    font-size: 22px;
    font-weight: 600; }
  .question-8a-pg .question-main .answer-body .answer-area-box {
    border: dashed 2px #7eb1b7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 150px;
    margin: 10px 0 0 0;
    border-radius: 5px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .question-8a-pg .question-main .answer-body .answer-area-box span {
      display: inline-block;
      width: auto;
      margin: 0 0 15px;
      background: #ebebeb;
      padding: 10px 10px;
      border-radius: 20px;
      font-size: 13px;
      color: rgba(0, 0, 0, 0.3);
      font-weight: 500;
      min-width: 80px;
      text-align: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background: rgba(255, 255, 255, 0.2); }
      .question-8a-pg .question-main .answer-body .answer-area-box span.active {
        background: #f7941d;
        color: #fff; }
  .question-8a-pg .question-main .answer-body .col-sm-6 h3 {
    font-size: 16px;
    margin: 0 0 20px 0; }
  .question-8a-pg .question-main .answer-body .col-sm-6 ul {
    text-align: center; }
    .question-8a-pg .question-main .answer-body .col-sm-6 ul li {
      display: block;
      padding: 0 0 7px;
      font-size: 20px;
      color: #000;
      font-weight: 500;
      cursor: pointer; }
      .question-8a-pg .question-main .answer-body .col-sm-6 ul li.active {
        color: #f7941d; }
  .question-8a-pg .question-main .answer-body table {
    width: 100%; }
    .question-8a-pg .question-main .answer-body table th {
      font-size: 20px;
      font-weight: 600;
      padding: 0 0 25px;
      text-align: center; }
    .question-8a-pg .question-main .answer-body table tr td {
      padding: 10px 10px 40px;
      color: #000;
      font-weight: 500;
      width: 50%;
      text-align: center;
      font-size: 25px;
      vertical-align: top;
      background: white; }
      .question-8a-pg .question-main .answer-body table tr td.active {
        color: #f7941d; }
      .question-8a-pg .question-main .answer-body table tr td:nth-child(2) {
        background: transparent;
        padding: 65px;
        width: auto; }
  .question-8a-pg .question-main .answer-body .table-match {
    text-align: center; }
    .question-8a-pg .question-main .answer-body .table-match .match-row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: distribute;
      justify-content: space-around; }
    .question-8a-pg .question-main .answer-body .table-match .col-sm-6 {
      margin: 0 60px 45px; }
      @media screen and (max-width: 767px) {
        .question-8a-pg .question-main .answer-body .table-match .col-sm-6 {
          width: -webkit-fill-available;
          margin: 0 40px 45px; } }
      @media screen and (max-width: 480px) {
        .question-8a-pg .question-main .answer-body .table-match .col-sm-6 {
          margin: 0 10px 45px; } }
      .question-8a-pg .question-main .answer-body .table-match .col-sm-6 .match-head {
        font-size: 20px; }
      .question-8a-pg .question-main .answer-body .table-match .col-sm-6.match-text {
        margin: 20px 0 25px 0;
        padding: 15px;
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        font-size: 18px; }
        .question-8a-pg .question-main .answer-body .table-match .col-sm-6.match-text img {
          max-width: 100%; }
        .question-8a-pg .question-main .answer-body .table-match .col-sm-6.match-text div {
          margin: 0px 35px 0;
          width: 100%;
          border: solid 1px #000;
          border-radius: 5px;
          padding: 15px;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          height: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          text-align: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          max-width: 355px; }
          @media screen and (max-width: 767px) {
            .question-8a-pg .question-main .answer-body .table-match .col-sm-6.match-text div {
              margin: 0px 5px 0; } }
        .question-8a-pg .question-main .answer-body .table-match .col-sm-6.match-text.active div {
          color: #fff;
          background: #f7941d; }
        @media screen and (max-width: 767px) {
          .question-8a-pg .question-main .answer-body .table-match .col-sm-6.match-text {
            font-size: 20px; } }
        @media screen and (max-width: 480px) {
          .question-8a-pg .question-main .answer-body .table-match .col-sm-6.match-text {
            padding: 5px;
            font-size: 17px; } }
      .question-8a-pg .question-main .answer-body .table-match .col-sm-6.match-small {
        margin: 10px 0 0px 0; }
        .question-8a-pg .question-main .answer-body .table-match .col-sm-6.match-small div {
          max-width: 200px; }
    .question-8a-pg .question-main .answer-body .table-match .row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }

.question-10a-pg .question-section .question-body {
  max-width: 100%; }
  .question-10a-pg .question-section .question-body .para-questions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 50px 0 0 0;
    max-width: 715px;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .question-10a-pg .question-section .question-body .para-questions {
        padding: 50px 0;
        text-align: left;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; } }
    .question-10a-pg .question-section .question-body .para-questions h3 {
      font-size: 22px;
      font-weight: 600;
      color: #000;
      margin: 0 0 20px; }
      @media screen and (max-width: 767px) {
        .question-10a-pg .question-section .question-body .para-questions h3 {
          font-size: 18px;
          margin: 0 0 15px;
          line-height: 26px; } }
    .question-10a-pg .question-section .question-body .para-questions .fill-para {
      width: 100%;
      text-align: left; }
      @media screen and (max-width: 767px) {
        .question-10a-pg .question-section .question-body .para-questions .fill-para {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
      .question-10a-pg .question-section .question-body .para-questions .fill-para span {
        font-size: 22px;
        font-weight: 600;
        color: #000;
        margin: 0; }
        @media screen and (max-width: 767px) {
          .question-10a-pg .question-section .question-body .para-questions .fill-para span {
            font-size: 18px;
            margin: 0;
            line-height: 26px; } }
      .question-10a-pg .question-section .question-body .para-questions .fill-para .answer-box {
        background: transparent;
        border: none;
        border-bottom: solid 1px #000;
        font-weight: 600;
        font-size: 20px;
        color: #04a436;
        background: transparent;
        border: none;
        border-bottom: solid 1px #000;
        max-width: 160px;
        display: inline-block;
        width: 100%;
        text-align: center; }
        @media screen and (max-width: 767px) {
          .question-10a-pg .question-section .question-body .para-questions .fill-para .answer-box {
            font-size: 18px;
            max-width: 85px;
            display: inline-block;
            width: 100%; } }

.wrapper.question-9a-pg {
  /*Left*/
  /*Right*/
  /* ----- MODAL STYLE ----- */ }
  .wrapper.question-9a-pg .question-section .question-body {
    max-width: 890px;
    padding: 20px 0 0 0; }
    .wrapper.question-9a-pg .question-section .question-body .option {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      width: 30%;
      margin: 0 10px 25px;
      background: #ebebeb;
      padding: 10px 10px;
      border-radius: 55px;
      font-size: 16px;
      color: #092b3e;
      cursor: pointer;
      font-weight: 500;
      min-width: 270px;
      text-align: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      @media screen and (max-width: 767px) {
        .wrapper.question-9a-pg .question-section .question-body .option {
          width: 100%; } }
  .wrapper.question-9a-pg .question-section .answer-body {
    max-width: 700px;
    margin: 0 auto; }
    @media screen and (max-width: 800px) {
      .wrapper.question-9a-pg .question-section .answer-body {
        margin: 0 auto 115px; } }
    .wrapper.question-9a-pg .question-section .answer-body .answer-area-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      border: 1px dashed #999;
      padding: 10px;
      min-height: 175px;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .wrapper.question-9a-pg .question-section .answer-body .answer-area-box .option {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 45%;
        margin: 0 10px 25px;
        background: #ebebeb;
        padding: 10px 25px;
        border-radius: 55px;
        font-size: 16px;
        color: #092b3e;
        cursor: pointer;
        font-weight: 500;
        min-width: 80px;
        text-align: left;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .wrapper.question-9a-pg .question-section .answer-body .answer-area-box .option.active {
          background: #f7941d;
          color: #fff; }
        @media screen and (max-width: 767px) {
          .wrapper.question-9a-pg .question-section .answer-body .answer-area-box .option {
            width: 100%; } }
    .wrapper.question-9a-pg .question-section .answer-body h3 {
      text-align: center;
      font-size: 20px;
      margin: 10px 0 10px 0;
      color: #000;
      font-weight: 600; }
  .wrapper.question-9a-pg .modal.left .modal-dialog,
  .wrapper.question-9a-pg .modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0); }
  .wrapper.question-9a-pg .modal.left .modal-content,
  .wrapper.question-9a-pg .modal.right .modal-content {
    height: 100%;
    overflow-y: auto; }
  .wrapper.question-9a-pg .modal.left .modal-body,
  .wrapper.question-9a-pg .modal.right .modal-body {
    padding: 15px 15px 80px;
    position: relative; }
    .wrapper.question-9a-pg .modal.left .modal-body p,
    .wrapper.question-9a-pg .modal.right .modal-body p {
      color: #333;
      margin: 0 0 25px 0;
      font-size: 20px; }
    .wrapper.question-9a-pg .modal.left .modal-body span,
    .wrapper.question-9a-pg .modal.right .modal-body span {
      position: -webkit-sticky;
      position: sticky;
      bottom: 0; }
  .wrapper.question-9a-pg .modal.left.fade .modal-dialog {
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out; }
  .wrapper.question-9a-pg .modal.left.fade.in .modal-dialog {
    left: 0; }
  .wrapper.question-9a-pg .modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out; }
  .wrapper.question-9a-pg .modal.right.fade.in .modal-dialog {
    right: 0; }
  .wrapper.question-9a-pg .modal-content {
    border-radius: 0;
    border: none;
    background: #fffeb2; }
  .wrapper.question-9a-pg .modal-header {
    border-bottom-color: #EEEEEE;
    background-color: #e4e59c; }
    .wrapper.question-9a-pg .modal-header h3 {
      color: #000; }
    .wrapper.question-9a-pg .modal-header .close {
      margin-top: 2px;
      color: #000;
      opacity: 1; }
    .wrapper.question-9a-pg .modal-header .modal-title {
      color: #000;
      font-weight: 600;
      font-size: 20px; }

.question-9c-pg .question-main .question-section .question-body .option_2 {
  width: 100%;
  border-radius: 8px;
  margin: 20px 0px 0px;
  display: inline-block;
  background: #f7941d;
  padding: 10px 48px 10px 15px;
  font-size: 18px;
  color: white;
  cursor: pointer;
  border: none;
  position: relative; }
  .question-9c-pg .question-main .question-section .question-body .option_2.active {
    background: green;
    border-radius: 8px 8px 0px 0px; }
    .question-9c-pg .question-main .question-section .question-body .option_2.active img {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }
  .question-9c-pg .question-main .question-section .question-body .option_2 > img {
    position: absolute;
    top: calc(50% - 12px);
    right: 16px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }

.question-9c-pg .question-main .question-section .question-body .answer {
  background: white;
  border-radius: 0px 0px 8px 8px; }
  .question-9c-pg .question-main .question-section .question-body .answer .wrapper_answer {
    padding: 16px 32px; }
    .question-9c-pg .question-main .question-section .question-body .answer .wrapper_answer .wrapper_objects {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 16px; }
      .question-9c-pg .question-main .question-section .question-body .answer .wrapper_answer .wrapper_objects span {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 56px;
        height: 56px;
        margin-right: 4px; }
        .question-9c-pg .question-main .question-section .question-body .answer .wrapper_answer .wrapper_objects span.active {
          border: 1px solid green;
          border-radius: 4px; }
        .question-9c-pg .question-main .question-section .question-body .answer .wrapper_answer .wrapper_objects span img {
          height: 100%;
          width: 100%;
          -o-object-fit: cover;
          object-fit: cover;
          -o-object-position: center;
          object-position: center; }
    .question-9c-pg .question-main .question-section .question-body .answer .wrapper_answer .video {
      margin: 16px 0px; }
      .question-9c-pg .question-main .question-section .question-body .answer .wrapper_answer .video iframe {
        width: 100%;
        height: 400px; }
    .question-9c-pg .question-main .question-section .question-body .answer .wrapper_answer .image {
      margin: 16px 0px; }
      .question-9c-pg .question-main .question-section .question-body .answer .wrapper_answer .image img {
        max-width: 100%;
        display: block;
        margin: 0 auto; }
    .question-9c-pg .question-main .question-section .question-body .answer .wrapper_answer i {
      height: 56px;
      width: 56px;
      display: inline-block;
      background-size: cover;
      background-position: center; }
      .question-9c-pg .question-main .question-section .question-body .answer .wrapper_answer i.sound_on {
        background-image: url(../images/sound-on.png); }
      .question-9c-pg .question-main .question-section .question-body .answer .wrapper_answer i.sound_off {
        background-image: url(../images/sound-off.png); }
    .question-9c-pg .question-main .question-section .question-body .answer .wrapper_answer .answer_text {
      font-size: 18px;
      margin-bottom: 10px; }

.login {
  background-image: url("../../assets/images/login-bg.jpg");
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fcc87f; }
  .login .container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .login .login-card-outer {
    max-width: 450px;
    float: right;
    width: 100%; }
  .login .login-card {
    width: 100%;
    background: #fffefd;
    padding: 30px 35px 50px;
    border-radius: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    @media screen and (max-width: 768px) {
      .login .login-card {
        max-width: 100%; } }
    .login .login-card .input-group {
      margin: 0 0 25px 0;
      border-bottom: solid 1px #d2d2d2; }
      .login .login-card .input-group .form-control {
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none; }
      .login .login-card .input-group .input-group-btn:first-child > .btn {
        margin-right: -1px;
        border: none;
        background: transparent;
        padding: 6px 5px; }
    .login .login-card .google-btn {
      max-width: 60%;
      background: #fff;
      -webkit-box-shadow: 0 3px 25px #ddd;
      box-shadow: 0 3px 25px #ddd;
      text-align: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      margin: 40px auto 0px; }
      @media screen and (max-width: 767px) {
        .login .login-card .google-btn {
          max-width: 100%; } }
      .login .login-card .google-btn a {
        color: #777;
        font-weight: 600;
        font-size: 15px;
        display: inline-block;
        margin: 0;
        border-left: solid 1px #ddd;
        padding: 10px; }
      .login .login-card .google-btn img {
        width: 40px;
        padding: 5px; }
    .login .login-card .login-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      margin: 0 0 40px 0; }
      .login .login-card .login-header .col-sm-12 {
        padding: 0; }
        .login .login-card .login-header .col-sm-12.radiant {
          text-align: center; }
          .login .login-card .login-header .col-sm-12.radiant a {
            width: 100%; }
        .login .login-card .login-header .col-sm-12 img {
          width: auto;
          max-width: 100%; }
          @media screen and (max-width: 767px) {
            .login .login-card .login-header .col-sm-12 img {
              max-width: 75%; } }
  .login .logo-eupheus {
    text-align: center;
    margin: 0 0 15px 0; }

.chapter-list-box .question-main .question-section .question-body {
  max-width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 0 80px 0;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  min-height: 100vh;
  height: 100%; }
  .chapter-list-box .question-main .question-section .question-body .chapter-box {
    margin-bottom: 25px;
    position: relative; }
    .chapter-list-box .question-main .question-section .question-body .chapter-box .selected-icon {
      position: absolute;
      top: -17px;
      right: -13px;
      display: none; }
      .chapter-list-box .question-main .question-section .question-body .chapter-box .selected-icon img {
        width: 40px; }
    .chapter-list-box .question-main .question-section .question-body .chapter-box.active .selected-icon {
      display: block; }
    .chapter-list-box .question-main .question-section .question-body .chapter-box:hover {
      cursor: pointer;
      -webkit-box-shadow: 0px 0px 15px #333;
      box-shadow: 0px 0px 15px #333; }
      .chapter-list-box .question-main .question-section .question-body .chapter-box:hover img {
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transition: linear .1s;
        transition: linear .1s;
        -webkit-transition: linear .1s; }
    .chapter-list-box .question-main .question-section .question-body .chapter-box .chapter-box-image {
      overflow: hidden;
      height: 193px; }
      .chapter-list-box .question-main .question-section .question-body .chapter-box .chapter-box-image img {
        max-width: 100%;
        width: 100%;
        -o-transition: linear .1s;
        transition: linear .1s;
        -webkit-transition: linear .1s; }
      @media screen and (max-width: 767px) {
        .chapter-list-box .question-main .question-section .question-body .chapter-box .chapter-box-image {
          height: auto; } }
    .chapter-list-box .question-main .question-section .question-body .chapter-box h3 {
      margin: 0;
      padding: 15px 30px 30px 30px;
      font-size: 1.3rem;
      line-height: 26px;
      background: #fff; }

.children-info-form {
  padding: 30px 0 0 0; }
  .children-info-form .form-group {
    margin-bottom: 40px;
    position: relative; }
    .children-info-form .form-group label {
      display: block;
      color: rgba(0, 0, 0, 0.7);
      text-transform: uppercase;
      padding: 0; }
    .children-info-form .form-group input {
      display: block;
      width: 100%;
      border-left: none;
      border-right: none;
      border-top: none;
      border-bottom: solid 1px #777;
      background: transparent;
      -webkit-box-shadow: none;
      box-shadow: none;
      border-radius: 0;
      padding: 0; }
    .children-info-form .form-group.calender input.unstyled::-webkit-inner-spin-button {
      display: none;
      -webkit-appearance: none; }
    .children-info-form .form-group.calender input.unstyled::-webkit-calendar-picker-indicator {
      -webkit-appearance: none;
      color: rgba(0, 0, 0, 0);
      opacity: 1;
      position: relative; }
      .children-info-form .form-group.calender input.unstyled::-webkit-calendar-picker-indicator::after {
        content: '';
        display: block;
        background: url(/*yourURLHere*/) no-repeat;
        background-size: 10%;
        width: 100px;
        height: 100px;
        position: absolute;
        -webkit-transform: translateX(-2%);
        transform: translateX(-2%); }
    .children-info-form .form-group.calender input::-webkit-clear-button {
      display: none;
      /* Hide the button */
      -webkit-appearance: none;
      /* turn off default browser styling */ }
    .children-info-form .form-group.calender input[type="date"]::-webkit-calendar-picker-indicator {
      color: rgba(0, 0, 0, 0);
      opacity: 1;
      display: block;
      background: url("../../assets/images/calender.png") no-repeat;
      width: 20px;
      height: 20px;
      border-width: thin;
      background-size: 70%;
      cursor: pointer; }
    .children-info-form .form-group select {
      display: block;
      width: 100%;
      border-left: none;
      border-right: none;
      border-top: none;
      border-bottom: solid 1px #777;
      background: transparent;
      -webkit-box-shadow: none;
      box-shadow: none;
      border-radius: 0;
      padding: 0; }
  .children-info-form button {
    float: right;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none; }
    @media screen and (max-width: 767px) {
      .children-info-form button {
        margin: 0 0 35px 0; } }
  .children-info-form span {
    position: absolute;
    top: -20px;
    font-size: 13px; }
  .children-info-form .form-group-full {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 20px 0; }
    .children-info-form .form-group-full h4 {
      font-size: 20px;
      margin: 0; }
    .children-info-form .form-group-full .radio-option {
      margin: 0 10px;
      width: 85px;
      text-align: center;
      border: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      background: transparent;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .children-info-form .form-group-full .radio-option input {
        -webkit-box-shadow: none;
        box-shadow: none; }
      .children-info-form .form-group-full .radio-option label {
        color: #333;
        font-size: 14px;
        font-weight: normal;
        margin-bottom: 0;
        padding: 0; }
  .children-info-form .dropzone.dz-clickable {
    background: transparent !important;
    text-align: center;
    border: dashed 1px #999;
    margin: 0 0 20px 0; }
    .children-info-form .dropzone.dz-clickable .fa {
      font-size: 35px; }
    .children-info-form .dropzone.dz-clickable .dz-message {
      text-align: center;
      margin: 2em 0;
      position: absolute;
      width: 100%;
      bottom: 0;
      margin: 0 auto;
      left: 50%;
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      -webkit-transform: translate(-50%, 0);
      -moz-transform: translate(-50%, 0); }
      .children-info-form .dropzone.dz-clickable .dz-message span {
        position: relative;
        top: -40px;
        font-size: 15px; }
    .children-info-form .dropzone.dz-clickable .dz-preview.dz-error .dz-error-mark {
      opacity: 0; }
    .children-info-form .dropzone.dz-clickable .dz-preview.dz-error .dz-error-message {
      display: none; }
    .children-info-form .dropzone.dz-clickable .dz-preview.dz-error .dz-details {
      display: none; }
    .children-info-form .dropzone.dz-clickable .dz-preview.dz-error .dz-success-mark {
      display: none; }
    .children-info-form .dropzone.dz-clickable .dz-filename {
      display: none; }
    .children-info-form .dropzone.dz-clickable .dz-preview.dz-image-preview {
      background: transparent; }
      .children-info-form .dropzone.dz-clickable .dz-preview.dz-image-preview .dz-image {
        margin: 0 0 10px 0; }
        .children-info-form .dropzone.dz-clickable .dz-preview.dz-image-preview .dz-image img {
          display: block;
          margin: 0;
          width: 100%; }
  .children-info-form .profile-pic {
    width: 100%;
    border: dashed 1px #777;
    padding: 40px 20px;
    margin: 0 0 20px 0;
    cursor: pointer; }
    .children-info-form .profile-pic .profile-image {
      display: inline-block;
      width: 200px;
      height: auto; }
      .children-info-form .profile-pic .profile-image img {
        max-width: 100%; }

.progress-report .report-table {
  width: 100%; }
  .progress-report .report-table .table-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: solid 1px #bbdfe4;
    margin: 0 0 20px 0; }
    .progress-report .report-table .table-row .t-head {
      max-width: 485px;
      width: 100%; }
      .progress-report .report-table .table-row .t-head h2 {
        font-size: 16px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-weight: 600; }
        @media screen and (max-width: 320px) {
          .progress-report .report-table .table-row .t-head h2 {
            display: block;
            width: 218px;
            word-wrap: break-word; } }
        .progress-report .report-table .table-row .t-head h2 img {
          margin: 0 20px 0px 0px; }
      @media screen and (max-width: 320px) {
        .progress-report .report-table .table-row .t-head {
          min-width: 0px; } }
    .progress-report .report-table .table-row .t-percent h2 {
      font-size: 18px;
      font-weight: 600; }
    .progress-report .report-table .table-row .progress {
      width: 55%;
      max-width: 600px;
      overflow: hidden;
      height: 13px;
      margin-top: 32px;
      background-color: #5496b5;
      border-radius: 10px;
      -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
      position: relative;
      border-radius: 0;
      overflow: visible;
      border-radius: 10px; }
      @media screen and (max-width: 767px) {
        .progress-report .report-table .table-row .progress {
          -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
          order: 3;
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin-top: 35px; } }
      .progress-report .report-table .table-row .progress .barWrapper {
        height: 13px;
        width: 100%;
        border-radius: 10px; }
        .progress-report .report-table .table-row .progress .barWrapper .tooltip {
          position: relative;
          float: right; }
        .progress-report .report-table .table-row .progress .barWrapper .tooltip > .tooltip-inner {
          background-color: #52a3dc;
          padding: 5px 15px;
          color: #fff;
          font-weight: bold;
          font-size: 13px; }
        .progress-report .report-table .table-row .progress .barWrapper .popOver + .tooltip > .tooltip-arrow {
          border-left: 5px solid transparent;
          border-right: 5px solid transparent;
          border-top: 5px solid #52a3dc; }
        .progress-report .report-table .table-row .progress .barWrapper section {
          margin: 140px auto;
          height: 1000px; }
        .progress-report .report-table .table-row .progress .barWrapper .progress {
          border-radius: 10px;
          overflow: visible; }
        .progress-report .report-table .table-row .progress .barWrapper .progress-bar {
          background-color: #a5e24d;
          -webkit-transition: width 1.5s ease-in-out;
          -o-transition: width 1.5s ease-in-out;
          transition: width 1.5s ease-in-out;
          border-radius: 10px; }
  .progress-report .report-table .ok-btn {
    text-align: center; }
    @media screen and (max-width: 767px) {
      .progress-report .report-table .ok-btn {
        margin: 0px 0px 60px; } }
    .progress-report .report-table .ok-btn img {
      cursor: pointer; }

.progress-report .progress-title {
  text-align: center; }
  .progress-report .progress-title .user-profile img {
    width: 55px; }
    @media screen and (max-width: 500px) {
      .progress-report .progress-title .user-profile img {
        width: 43px; } }
  .progress-report .progress-title .dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .progress-report .progress-title .dropdown h2 {
      display: inline-block;
      font-size: 18px;
      margin: 0 0 0 10px;
      color: #fff;
      text-shadow: 0px 2px 11px #000; }
      @media screen and (max-width: 991px) {
        .progress-report .progress-title .dropdown h2 {
          display: none; } }
    @media screen and (max-width: 500px) {
      .progress-report .progress-title .dropdown {
        width: auto; } }
  .progress-report .progress-title .user-profile {
    float: left;
    max-width: 228px;
    width: 100%; }
    @media screen and (max-width: 991px) {
      .progress-report .progress-title .user-profile {
        width: auto; } }
  @media screen and (max-width: 1024px) {
    .progress-report .progress-title .logo img {
      width: 60%; } }
  @media screen and (max-width: 767px) {
    .progress-report .progress-title .logo img {
      width: 100%; } }
  .progress-report .progress-title div {
    display: inline-block; }
    @media screen and (max-width: 500px) {
      .progress-report .progress-title div {
        width: 47%; } }
  .progress-report .progress-title .input-group {
    float: right;
    max-width: 228px;
    width: 100%; }
    @media screen and (max-width: 991px) {
      .progress-report .progress-title .input-group {
        width: auto; } }
    .progress-report .progress-title .input-group .dropdown {
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
      .progress-report .progress-title .input-group .dropdown img {
        width: 55px; }
        @media screen and (max-width: 500px) {
          .progress-report .progress-title .input-group .dropdown img {
            width: 43px; } }

.progress-report .question-body {
  max-width: 100% !important;
  margin: 35px auto 0 !important; }

.landing-page {
  font-family: 'Poppins', sans-serif;
  width: 100%;
  background: #f8f8f8; }
  .landing-page .carousel-indicators li {
    margin: 1px 10px; }
  .landing-page .carousel-inner .item img {
    display: block;
    max-width: 100%;
    height: auto;
    line-height: 1;
    width: 100%; }
    @media screen and (max-width: 667px) {
      .landing-page .carousel-inner .item img {
        height: auto; } }
  .landing-page .carousel-inner .container {
    position: relative;
    max-width: 1366px;
    width: 100%; }
    .landing-page .carousel-inner .container .carousel-caption {
      left: 0%;
      right: 0;
      text-align: left;
      color: #1e1e1e; }
      @media screen and (max-width: 1024px) {
        .landing-page .carousel-inner .container .carousel-caption {
          left: 2%;
          right: 2%; } }
      @media screen and (max-width: 767px) {
        .landing-page .carousel-inner .container .carousel-caption {
          bottom: 14px; } }
      @media screen and (max-width: 525px) {
        .landing-page .carousel-inner .container .carousel-caption {
          padding-left: 20px; } }
      @media screen and (max-width: 320px) {
        .landing-page .carousel-inner .container .carousel-caption {
          bottom: -2px; } }
      .landing-page .carousel-inner .container .carousel-caption h2 {
        font-size: 45px;
        margin: 0 0 18px 0;
        width: 100%;
        max-width: 700px; }
        @media screen and (max-width: 1024px) {
          .landing-page .carousel-inner .container .carousel-caption h2 {
            font-size: 27px; } }
        @media screen and (max-width: 768px) {
          .landing-page .carousel-inner .container .carousel-caption h2 {
            font-size: 21px;
            max-width: 500px;
            max-width: 398px; } }
        @media screen and (max-width: 767px) {
          .landing-page .carousel-inner .container .carousel-caption h2 {
            font-size: 13px;
            width: 100%;
            max-width: 222px; } }
        @media screen and (max-width: 667px) {
          .landing-page .carousel-inner .container .carousel-caption h2 {
            font-size: 13px;
            margin: 0px; } }
      .landing-page .carousel-inner .container .carousel-caption p {
        max-width: 757px;
        font-size: 25px;
        width: 100%;
        max-width: 680px; }
        @media screen and (max-width: 1024px) {
          .landing-page .carousel-inner .container .carousel-caption p {
            font-size: 18px;
            width: 100%;
            max-width: 500px; } }
        @media screen and (max-width: 768px) {
          .landing-page .carousel-inner .container .carousel-caption p {
            width: 100%;
            max-width: 398px; } }
        @media screen and (max-width: 667px) {
          .landing-page .carousel-inner .container .carousel-caption p {
            font-size: 9px;
            width: 100%;
            max-width: 160px;
            text-align: left;
            margin: 6px 0 0px; } }
        @media screen and (max-width: 320px) {
          .landing-page .carousel-inner .container .carousel-caption p {
            max-width: 145px;
            font-size: 8px; } }
  .landing-page .publisher-section h2 {
    text-align: center;
    margin: 35px 0 45px 0;
    font-size: 35px;
    color: #000;
    font-weight: 600; }
  .landing-page .publisher-section .form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #fff;
    padding: 10px 40px;
    border-radius: 5px;
    border: solid 1px #e6e5e5;
    position: relative;
    -webkit-box-shadow: 0px 3px 5px 2px #eee;
    box-shadow: 0px 3px 5px 2px #eee;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .landing-page .publisher-section .form:before {
      position: absolute;
      content: "";
      border: dashed 2px #eae8e8;
      left: 0;
      bottom: -20px;
      width: 100%; }
    .landing-page .publisher-section .form .form-group {
      position: relative;
      max-width: 200px;
      width: 100%; }
      @media screen and (max-width: 1024px) {
        .landing-page .publisher-section .form .form-group {
          max-width: 150px; } }
      @media screen and (max-width: 767px) {
        .landing-page .publisher-section .form .form-group {
          max-width: none; } }
      .landing-page .publisher-section .form .form-group label {
        position: relative;
        margin: 0 0 15px 0;
        width: 100%;
        color: #363636;
        font-size: 14px;
        font-weight: 600; }
      .landing-page .publisher-section .form .form-group.button-form {
        width: 120px; }
        .landing-page .publisher-section .form .form-group.button-form button {
          background: #1eb1ed;
          border: none;
          padding: 8px;
          width: 100%;
          color: #fff;
          border-radius: 5px; }
      .landing-page .publisher-section .form .form-group .form-control {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857;
        color: #555555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; }
  .landing-page .learning-links h2 {
    padding: 0 0 0 0;
    margin: 80px 0 14px 11px;
    font-size: 20px;
    font-weight: 700; }
  .landing-page .learning-links .learning-books {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    overflow-x: scroll;
    padding: 0 0 40px 0;
    min-height: 355px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    @media screen and (max-width: 1024px) {
      .landing-page .learning-links .learning-books {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; } }
    @media screen and (max-width: 767px) {
      .landing-page .learning-links .learning-books {
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left; } }
    @media screen and (max-width: 479px) {
      .landing-page .learning-links .learning-books {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; } }
    .landing-page .learning-links .learning-books .book {
      margin: 12px;
      overflow: hidden;
      min-width: 224px;
      position: relative;
      height: 290px;
      max-width: 224px; }
      @media screen and (max-width: 480px) {
        .landing-page .learning-links .learning-books .book {
          min-width: 230px; } }
      @media screen and (max-width: 375px) {
        .landing-page .learning-links .learning-books .book {
          min-width: 180px; } }
      .landing-page .learning-links .learning-books .book:hover .middle img {
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transform: scale(1);
        -o-transition: linear .2s;
        transition: linear .2s;
        -webkit-transition: linear .2s; }
      .landing-page .learning-links .learning-books .book:hover .left img {
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transform: scale(1);
        -o-transition: linear .2s;
        transition: linear .2s;
        -webkit-transition: linear .2s; }
      .landing-page .learning-links .learning-books .book img {
        -o-transition: linear .2s;
        transition: linear .2s;
        -webkit-transition: linear .2s;
        width: 100%;
        -o-object-fit: fill;
        object-fit: fill;
        height: 100%; }
      .landing-page .learning-links .learning-books .book .middle {
        position: absolute;
        top: 243px;
        left: 178px;
        width: 100%;
        max-width: 43px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 40px;
        color: #fff;
        font-size: 14px;
        z-index: 2; }
        .landing-page .learning-links .learning-books .book .middle img {
          max-width: 43px; }
        .landing-page .learning-links .learning-books .book .middle .fa {
          font-size: 22px;
          margin-bottom: 7px;
          padding: 11px; }
        @media screen and (max-width: 767px) {
          .landing-page .learning-links .learning-books .book .middle {
            top: 186px;
            left: 137px; } }
        .landing-page .learning-links .learning-books .book .middle .selected {
          display: none; }
        .landing-page .learning-links .learning-books .book .middle .not-selected {
          display: inline-block; }
        .landing-page .learning-links .learning-books .book .middle.favourite .selected {
          display: inline-block; }
        .landing-page .learning-links .learning-books .book .middle.favourite .not-selected {
          display: none; }
      .landing-page .learning-links .learning-books .book .left {
        position: absolute;
        top: 250px;
        left: 0px;
        width: 100%;
        max-width: 43px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 40px;
        color: #fff;
        font-size: 14px;
        z-index: 1; }
        .landing-page .learning-links .learning-books .book .left img {
          max-width: 20px; }
        .landing-page .learning-links .learning-books .book .left .fa {
          font-size: 22px;
          margin-bottom: 7px;
          padding: 11px; }
        @media screen and (max-width: 767px) {
          .landing-page .learning-links .learning-books .book .left {
            top: 191px;
            left: 0px; } }
      .landing-page .learning-links .learning-books .book .book-image {
        overflow: hidden;
        height: inherit; }
        .landing-page .learning-links .learning-books .book .book-image:hover img {
          -ms-transform: scale(1.2);
          transform: scale(1.2);
          -webkit-transform: scale(1.2);
          -o-transition: linear .2s;
          transition: linear .2s;
          -webkit-transition: linear .2s; }
        .landing-page .learning-links .learning-books .book .book-image .loading {
          background: transparent url("../../assets/images/book-background.png"); }
        @media screen and (max-width: 767px) {
          .landing-page .learning-links .learning-books .book .book-image {
            height: 234px;
            width: 180px; } }
      .landing-page .learning-links .learning-books .book .any-about-us {
        text-align: center; }
        .landing-page .learning-links .learning-books .book .any-about-us button {
          text-align: center;
          margin: 30px auto;
          background: #1eb1ed;
          border: none;
          padding: 8px;
          width: 100%;
          color: #fff;
          border-radius: 5px;
          max-width: 170px; }
  .landing-page .request-demo {
    position: relative;
    width: 100%;
    display: inline-block;
    margin-top: 65px; }
    @media screen and (max-width: 767px) {
      .landing-page .request-demo {
        background: url("../images/login-image-banner.png");
        background-position: right;
        padding-bottom: 53px;
        margin-top: 0; } }
    .landing-page .request-demo > img {
      width: 100%;
      height: auto; }
      @media screen and (max-width: 767px) {
        .landing-page .request-demo > img {
          display: none; } }
    .landing-page .request-demo .request-form {
      position: absolute;
      top: 0;
      transform: translate(0, 0%);
      -webkit-transform: translate(0, 0%);
      -ms-transform: translate(0, 0%);
      right: 0;
      max-width: 600px;
      width: 100%;
      height: 100%; }
      @media screen and (max-width: 767px) {
        .landing-page .request-demo .request-form {
          position: relative;
          margin: 0 auto; } }
      .landing-page .request-demo .request-form h2 {
        color: #fff;
        font-weight: 600; }
        @media screen and (max-width: 1199px) {
          .landing-page .request-demo .request-form h2 {
            font-size: 30px;
            margin: 0 0 15px 0px; } }
        @media screen and (min-width: 991px) {
          .landing-page .request-demo .request-form h2 {
            font-size: 32px; } }
        @media screen and (max-width: 768px) {
          .landing-page .request-demo .request-form h2 {
            margin: 36px 0 15px 0px; } }
        @media screen and (max-width: 767px) {
          .landing-page .request-demo .request-form h2 {
            margin: 36px 0 15px 0px;
            text-align: center; } }
      .landing-page .request-demo .request-form input {
        background: transparent;
        border-bottom: none;
        border-left: 0;
        border-top: 0;
        border-right: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff;
        padding: 5px;
        margin: 0 0 0 5px; }
      .landing-page .request-demo .request-form button {
        margin: 20px 0 0 0;
        width: 100%;
        padding: 10px 0;
        color: #1eb1ed;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 600;
        border: none; }
        .landing-page .request-demo .request-form button:hover {
          background: #fff; }
        .landing-page .request-demo .request-form button:focus {
          background-color: #fff; }
      .landing-page .request-demo .request-form input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #ffffff; }
      .landing-page .request-demo .request-form input::-moz-placeholder {
        /* Firefox 19+ */
        color: #ffffff; }
      .landing-page .request-demo .request-form input:-ms-input-placeholder {
        /* IE 10+ */
        color: #ffffff; }
      .landing-page .request-demo .request-form input:-moz-placeholder {
        /* Firefox 18- */
        color: #ffffff; }
    .landing-page .request-demo .request-form-inner {
      position: relative;
      padding: 100px 30px;
      height: auto;
      /* position: absolute; */
      top: 35%;
      -ms-transform: translate(0, -35%);
      transform: translate(0, -35%);
      -webkit-transform: translate(0, -35%);
      right: 35px;
      border-radius: 25px;
      text-align: center;
      /* FF 4-18 */
      /* FF 19+ */
      /* IE 10+ */ }
      @media screen and (min-width: 767px) and (max-width: 991px) {
        .landing-page .request-demo .request-form-inner {
          padding: 38px 90px; } }
      @media screen and (max-width: 768px) {
        .landing-page .request-demo .request-form-inner {
          text-align: right; } }
      @media screen and (max-width: 767px) {
        .landing-page .request-demo .request-form-inner {
          padding: 0 15px;
          text-align: center;
          right: auto;
          position: relative;
          height: auto;
          top: 0;
          -ms-transform: translate(0, 0);
          transform: translate(0, 0);
          -webkit-transform: translate(0, 0); } }
      .landing-page .request-demo .request-form-inner:before {
        position: absolute;
        content: "";
        left: -190px;
        width: 200px;
        height: 100%;
        top: 0;
        background-size: 100% 100%; }
        @media screen and (max-width: 767px) {
          .landing-page .request-demo .request-form-inner:before {
            background: none; } }
      .landing-page .request-demo .request-form-inner input::-webkit-input-placeholder {
        color: white; }
      .landing-page .request-demo .request-form-inner input:-moz-placeholder {
        color: white; }
      .landing-page .request-demo .request-form-inner input::-moz-placeholder {
        color: white; }
      .landing-page .request-demo .request-form-inner input:-ms-input-placeholder {
        color: white; }
      .landing-page .request-demo .request-form-inner input:focus::-webkit-input-placeholder {
        color: transparent; }
      .landing-page .request-demo .request-form-inner input:focus:-moz-placeholder {
        color: transparent; }
      .landing-page .request-demo .request-form-inner input:focus::-moz-placeholder {
        color: transparent; }
      .landing-page .request-demo .request-form-inner input:focus:-ms-input-placeholder {
        color: transparent; }
      .landing-page .request-demo .request-form-inner .form-group {
        margin-bottom: 40px;
        position: relative; }
      .landing-page .request-demo .request-form-inner .input-group {
        width: 100%; }
      .landing-page .request-demo .request-form-inner .input-group-addon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: transparent;
        border-bottom: solid 1px #d2d2d2;
        border-top: none;
        padding: 0 0 10px 0; }
        .landing-page .request-demo .request-form-inner .input-group-addon .fa {
          color: #fff; }
        .landing-page .request-demo .request-form-inner .input-group-addon img {
          width: auto !important; }
        .landing-page .request-demo .request-form-inner .input-group-addon.google-login {
          padding: 10px 27px !important;
          background: #fff;
          max-width: 233px;
          margin: 0 auto;
          width: 100%;
          border-radius: 3px;
          -webkit-box-shadow: 0 1px 16px #cbe7f7fa;
          box-shadow: 0 1px 16px #cbe7f7fa; }
          @media screen and (max-width: 991px) {
            .landing-page .request-demo .request-form-inner .input-group-addon.google-login {
              max-width: 80%; } }
          @media screen and (max-width: 991px) {
            .landing-page .request-demo .request-form-inner .input-group-addon.google-login {
              max-width: 55%;
              display: inline-block; } }
          @media screen and (max-width: 600px) {
            .landing-page .request-demo .request-form-inner .input-group-addon.google-login {
              max-width: 90%; } }
          .landing-page .request-demo .request-form-inner .input-group-addon.google-login label {
            padding: 0 0 0 10px;
            margin: 0;
            color: #000;
            font-size: 15px; }
          .landing-page .request-demo .request-form-inner .input-group-addon.google-login img {
            border-right: solid 1px #d2d2d2;
            padding: 8px 10px 8px 0;
            width: 34px !important; }
      .landing-page .request-demo .request-form-inner #my-signin2 .abcRioButtonBlue {
        background-color: #4285f4;
        border: none;
        color: #fff;
        width: 240px;
        margin: 0 auto; }
      .landing-page .request-demo .request-form-inner form {
        margin: 60px 0 0 0; }
        @media screen and (max-width: 1024px) {
          .landing-page .request-demo .request-form-inner form {
            margin: 40px 0 0 0; } }
        @media screen and (max-width: 768px) {
          .landing-page .request-demo .request-form-inner form {
            margin: 40px 0 0 0px; } }
        @media screen and (max-width: 767px) {
          .landing-page .request-demo .request-form-inner form {
            margin: 40px 0 0 0px; } }
      .landing-page .request-demo .request-form-inner .google-btn {
        margin: 0 0 20px 0; }
        .landing-page .request-demo .request-form-inner .google-btn a {
          color: #fff; }
        .landing-page .request-demo .request-form-inner .google-btn #offline a {
          color: #fff; }
  .landing-page #exampleModal .modal-content {
    width: 500px; }
    @media screen and (max-width: 667px) {
      .landing-page #exampleModal .modal-content {
        width: inherit; } }
  .landing-page #exampleModal .modal-dialog {
    width: 500px;
    margin: 30px auto; }
    @media screen and (max-width: 667px) {
      .landing-page #exampleModal .modal-dialog {
        width: inherit; } }
  .landing-page #exampleModal .modal-header {
    padding: 15px;
    border: none;
    background: #ffffff; }
    .landing-page #exampleModal .modal-header .close {
      background: #b0b0b0;
      border-radius: 50%;
      padding: 3px 8px 3px 8px; }
  .landing-page #exampleModal .modal-body {
    background: #ffffff;
    padding: 0;
    border-radius: 6px; }
    .landing-page #exampleModal .modal-body .input-group-addon:last-child {
      border: none; }
    .landing-page #exampleModal .modal-body .input-group .form-control:last-child,
    .landing-page #exampleModal .modal-body .input-group-addon:last-child,
    .landing-page #exampleModal .modal-body .input-group-btn:last-child > .btn,
    .landing-page #exampleModal .modal-body .input-group-btn:last-child > .btn-group > .btn,
    .landing-page #exampleModal .modal-body .input-group-btn:last-child > .dropdown-toggle,
    .landing-page #exampleModal .modal-body .input-group-btn:first-child > .btn:not(:first-child),
    .landing-page #exampleModal .modal-body .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
      border-top: none;
      border-left: none;
      border-right: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    .landing-page #exampleModal .modal-body h2 {
      margin: 8px;
      text-align: center;
      font-size: 22px; }
    .landing-page #exampleModal .modal-body .form-group {
      margin: 0 !important; }
      .landing-page #exampleModal .modal-body .form-group .login-key {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%; }
      .landing-page #exampleModal .modal-body .form-group .modal-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .landing-page #exampleModal .modal-body .form-group .modal-flex img {
          height: 270px;
          max-height: 300px;
          border-radius: 6px; }
          @media screen and (max-width: 667px) {
            .landing-page #exampleModal .modal-body .form-group .modal-flex img {
              height: 215px; } }
        .landing-page #exampleModal .modal-body .form-group .modal-flex .modal-text-area {
          padding-left: 30px; }
          @media screen and (max-width: 667px) {
            .landing-page #exampleModal .modal-body .form-group .modal-flex .modal-text-area {
              padding-left: 10px; } }
          .landing-page #exampleModal .modal-body .form-group .modal-flex .modal-text-area .login-here-text {
            margin-top: 70px;
            font-size: 25px;
            font-weight: 600;
            width: 200px; }
            @media screen and (max-width: 667px) {
              .landing-page #exampleModal .modal-body .form-group .modal-flex .modal-text-area .login-here-text {
                font-size: 20px;
                width: 150px; } }
          .landing-page #exampleModal .modal-body .form-group .modal-flex .modal-text-area .btn {
            margin-top: 20px;
            padding: 8px 30px 8px 30px;
            font-size: 12px; }
            .landing-page #exampleModal .modal-body .form-group .modal-flex .modal-text-area .btn.btn-primary {
              background-color: #f39c12;
              border-color: #f39c12; }
    .landing-page #exampleModal .modal-body .input-group-addon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background: transparent;
      border-bottom: solid 1px #d2d2d2;
      border-top: none;
      padding: 0 0 10px 0; }
      .landing-page #exampleModal .modal-body .input-group-addon .fa {
        color: #fff; }
      .landing-page #exampleModal .modal-body .input-group-addon img {
        width: auto !important; }
      .landing-page #exampleModal .modal-body .input-group-addon.google-login {
        padding: 10px 38px !important;
        background: #fff;
        max-width: 320px;
        margin: 0 auto;
        width: 100%;
        border-radius: 3px;
        -webkit-box-shadow: 0 1px 16px #cbe7f7fa;
        box-shadow: 0 1px 16px #cbe7f7fa; }
        @media screen and (max-width: 479px) {
          .landing-page #exampleModal .modal-body .input-group-addon.google-login {
            max-width: 90%; } }
        .landing-page #exampleModal .modal-body .input-group-addon.google-login label {
          padding: 0 0 0 10px;
          margin: 0;
          color: #000;
          font-size: 15px; }
        .landing-page #exampleModal .modal-body .input-group-addon.google-login img {
          border-right: solid 1px #d2d2d2;
          padding: 8px 10px 8px 0;
          width: 29px !important; }
  .landing-page #exampleModal .input-group {
    width: 100%; }
  .landing-page #buttonModal .modal-header {
    padding: 15px;
    border: none;
    background: #fafafa; }
    .landing-page #buttonModal .modal-header .close {
      background: #b0b0b0;
      border-radius: 50%;
      padding: 3px 8px 3px 8px; }
    .landing-page #buttonModal .modal-header .modal-title {
      text-align: center; }
  .landing-page #buttonModal .modal-body {
    background: #fafafa;
    padding: 10px 0 34px 0; }
    .landing-page #buttonModal .modal-body .input-group-addon:last-child {
      border: none; }
    .landing-page #buttonModal .modal-body .input-group .form-control:last-child,
    .landing-page #buttonModal .modal-body .input-group-addon:last-child,
    .landing-page #buttonModal .modal-body .input-group-btn:last-child > .btn,
    .landing-page #buttonModal .modal-body .input-group-btn:last-child > .btn-group > .btn,
    .landing-page #buttonModal .modal-body .input-group-btn:last-child > .dropdown-toggle,
    .landing-page #buttonModal .modal-body .input-group-btn:first-child > .btn:not(:first-child),
    .landing-page #buttonModal .modal-body .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
      border-top: none;
      border-left: none;
      border-right: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    .landing-page #buttonModal .modal-body h2 {
      margin: 8px;
      text-align: center;
      font-size: 22px; }
    .landing-page #buttonModal .modal-body .form-group .login-key {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%; }
    .landing-page #buttonModal .modal-body .input-group-addon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background: transparent;
      border-bottom: solid 1px #d2d2d2;
      border-top: none;
      padding: 0 0 10px 0; }
      .landing-page #buttonModal .modal-body .input-group-addon .fa {
        color: #fff; }
      .landing-page #buttonModal .modal-body .input-group-addon img {
        width: auto !important; }
      .landing-page #buttonModal .modal-body .input-group-addon.google-login {
        padding: 10px 38px !important;
        background: #fff;
        max-width: 320px;
        margin: 0 auto;
        width: 100%;
        border-radius: 3px;
        -webkit-box-shadow: 0 1px 16px #cbe7f7fa;
        box-shadow: 0 1px 16px #cbe7f7fa; }
        .landing-page #buttonModal .modal-body .input-group-addon.google-login label {
          padding: 0 0 0 10px;
          margin: 0;
          color: #000;
          font-size: 15px; }
        .landing-page #buttonModal .modal-body .input-group-addon.google-login img {
          border-right: solid 1px #d2d2d2;
          padding: 8px 10px 8px 0;
          width: 29px !important; }
    .landing-page #buttonModal .modal-body p {
      text-align: center; }
  .landing-page #buttonModal .input-group {
    width: 100%; }
  .landing-page #publishModal .modal-dialog {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  .landing-page #publishModal .modal-header {
    padding: 29px 15px;
    border: none;
    background: #fafafa; }
    .landing-page #publishModal .modal-header .close {
      background: #b0b0b0;
      border-radius: 50%;
      padding: 3px 8px 3px 8px; }
    .landing-page #publishModal .modal-header .modal-title {
      text-align: center; }
  .landing-page #publishModal .modal-body {
    background: #fafafa;
    padding: 10px 0 34px 0;
    text-align: center; }
    .landing-page #publishModal .modal-body .input-group-addon:last-child {
      border: none; }
    .landing-page #publishModal .modal-body .input-group .form-control:last-child,
    .landing-page #publishModal .modal-body .input-group-addon:last-child,
    .landing-page #publishModal .modal-body .input-group-btn:last-child > .btn,
    .landing-page #publishModal .modal-body .input-group-btn:last-child > .btn-group > .btn,
    .landing-page #publishModal .modal-body .input-group-btn:last-child > .dropdown-toggle,
    .landing-page #publishModal .modal-body .input-group-btn:first-child > .btn:not(:first-child),
    .landing-page #publishModal .modal-body .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
      border-top: none;
      border-left: none;
      border-right: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    .landing-page #publishModal .modal-body h2 {
      margin: 8px;
      text-align: center;
      font-size: 22px; }
    .landing-page #publishModal .modal-body .form-group .login-key {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%; }
    .landing-page #publishModal .modal-body .input-group-addon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background: transparent;
      border-bottom: solid 1px #d2d2d2;
      border-top: none;
      padding: 0 0 10px 0; }
      .landing-page #publishModal .modal-body .input-group-addon .fa {
        color: #fff; }
      .landing-page #publishModal .modal-body .input-group-addon img {
        width: auto !important; }
      .landing-page #publishModal .modal-body .input-group-addon.google-login {
        padding: 10px 38px !important;
        background: #fff;
        max-width: 320px;
        margin: 0 auto;
        width: 100%;
        border-radius: 3px;
        -webkit-box-shadow: 0 1px 16px #cbe7f7fa;
        box-shadow: 0 1px 16px #cbe7f7fa; }
        .landing-page #publishModal .modal-body .input-group-addon.google-login label {
          padding: 0 0 0 10px;
          margin: 0;
          color: #000;
          font-size: 15px; }
        .landing-page #publishModal .modal-body .input-group-addon.google-login img {
          border-right: solid 1px #d2d2d2;
          padding: 8px 10px 8px 0;
          width: 29px !important; }
    .landing-page #publishModal .modal-body p {
      text-align: center; }
  .landing-page #publishModal .input-group {
    width: 100%; }
  .landing-page #readmoreModal .modal-header {
    padding: 15px;
    border: none;
    background: #fafafa; }
    .landing-page #readmoreModal .modal-header .close {
      background: #b0b0b0;
      border-radius: 50%;
      padding: 3px 8px 3px 8px; }
    .landing-page #readmoreModal .modal-header .modal-title {
      text-align: center; }
  .landing-page #readmoreModal .modal-body {
    background: #fafafa;
    padding: 10px 0 34px 0; }
    .landing-page #readmoreModal .modal-body .input-group-addon:last-child {
      border: none; }
    .landing-page #readmoreModal .modal-body .input-group .form-control:last-child,
    .landing-page #readmoreModal .modal-body .input-group-addon:last-child,
    .landing-page #readmoreModal .modal-body .input-group-btn:last-child > .btn,
    .landing-page #readmoreModal .modal-body .input-group-btn:last-child > .btn-group > .btn,
    .landing-page #readmoreModal .modal-body .input-group-btn:last-child > .dropdown-toggle,
    .landing-page #readmoreModal .modal-body .input-group-btn:first-child > .btn:not(:first-child),
    .landing-page #readmoreModal .modal-body .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
      border-top: none;
      border-left: none;
      border-right: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    .landing-page #readmoreModal .modal-body h2 {
      margin: 8px;
      text-align: center;
      font-size: 22px; }
    .landing-page #readmoreModal .modal-body .form-group .login-key {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%; }
    .landing-page #readmoreModal .modal-body .input-group-addon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background: transparent;
      border-bottom: solid 1px #d2d2d2;
      border-top: none;
      padding: 0 0 10px 0; }
      .landing-page #readmoreModal .modal-body .input-group-addon .fa {
        color: #fff; }
      .landing-page #readmoreModal .modal-body .input-group-addon img {
        width: auto !important; }
      .landing-page #readmoreModal .modal-body .input-group-addon.google-login {
        padding: 10px 38px !important;
        background: #fff;
        max-width: 320px;
        margin: 0 auto;
        width: 100%;
        border-radius: 3px;
        -webkit-box-shadow: 0 1px 16px #cbe7f7fa;
        box-shadow: 0 1px 16px #cbe7f7fa; }
        .landing-page #readmoreModal .modal-body .input-group-addon.google-login label {
          padding: 0 0 0 10px;
          margin: 0;
          color: #000;
          font-size: 15px; }
        .landing-page #readmoreModal .modal-body .input-group-addon.google-login img {
          border-right: solid 1px #d2d2d2;
          padding: 8px 10px 8px 0;
          width: 29px !important; }
    .landing-page #readmoreModal .modal-body p {
      text-align: left;
      padding: 20px;
      overflow-y: scroll; }
  .landing-page #readmoreModal .input-group {
    width: 100%; }

.chatbot-home .chatbot-bg {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  font-family: "Poppins", sans-serif;
  background-position: center center;
  min-height: 100vh;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .chatbot-home .chatbot-bg {
      min-height: 100%;
      width: 100%; } }
  .chatbot-home .chatbot-bg .container::-webkit-scrollbar {
    display: none; }
  .chatbot-home .chatbot-bg .container {
    width: 100%;
    height: calc(100vh - 35px);
    overflow-y: scroll;
    margin-top: 25px; }
    @media screen and (max-width: 767px) {
      .chatbot-home .chatbot-bg .container {
        margin-top: 20px;
        height: calc(100vh - 100px); } }
  .chatbot-home .chatbot-bg .intro-content .intro-image {
    width: 205px;
    height: 122px;
    overflow: hidden;
    margin: 148px auto 20px; }
    .chatbot-home .chatbot-bg .intro-content .intro-image img {
      width: 205px;
      height: 122px;
      -o-object-fit: cover;
      object-fit: cover; }
  .chatbot-home .chatbot-bg .intro-content p {
    text-align: center;
    color: #fff;
    font-size: 40px;
    font-weight: 500; }
    @media screen and (max-width: 767px) {
      .chatbot-home .chatbot-bg .intro-content p {
        font-size: 19px; } }
  .chatbot-home .chatbot-bg .home-content {
    width: 205px;
    height: 122px;
    overflow: hidden;
    margin: 148px auto; }
    .chatbot-home .chatbot-bg .home-content img {
      width: 205px;
      height: 122px;
      -o-object-fit: cover;
      object-fit: cover; }
  .chatbot-home .chatbot-bg .day p {
    text-align: center;
    background-color: #ecf7fd;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto;
    border-radius: 17px;
    padding: 5px 30px;
    font-size: 12px;
    position: relative; }
    .chatbot-home .chatbot-bg .day p:before {
      content: "";
      left: -115px;
      max-width: 100px !important;
      height: 1px;
      background: #ecf7fd;
      top: 13px;
      position: absolute;
      width: 100%; }
      @media screen and (max-width: 480px) {
        .chatbot-home .chatbot-bg .day p:before {
          left: -70px;
          max-width: 65px !important; } }
    .chatbot-home .chatbot-bg .day p:after {
      content: "";
      right: -115px;
      max-width: 100px !important;
      height: 1px;
      background: #ecf7fd;
      top: 13px;
      position: absolute;
      width: 100%; }
      @media screen and (max-width: 480px) {
        .chatbot-home .chatbot-bg .day p:after {
          right: -70px;
          max-width: 65px !important; } }
  .chatbot-home .chatbot-bg .conversation-content {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    @media screen and (max-width: 767px) {
      .chatbot-home .chatbot-bg .conversation-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .chatbot-home .chatbot-bg .conversation-content .chat-area {
      width: calc(100vw - 260px);
      width: -webkit-calc(87vw - 260px); }
      @media screen and (max-width: 768px) {
        .chatbot-home .chatbot-bg .conversation-content .chat-area {
          width: 100%; } }
      @media screen and (max-width: 374px) {
        .chatbot-home .chatbot-bg .conversation-content .chat-area {
          width: 100%; } }
      .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        margin-top: 20px; }
        .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent > img {
          border: 2px solid #fff;
          border-radius: 50%;
          width: 57px;
          height: 56px;
          padding: 7px;
          background: #73d1f4; }
          @media screen and (max-width: 767px) {
            .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent > img {
              margin-right: 0px;
              width: 40px;
              height: 40px; } }
        .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-outer {
          position: relative; }
          @media screen and (max-width: 767px) {
            .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-outer {
              width: calc(100% - 40px);
              width: -webkit-calc(100% - 40px); } }
          .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-outer span.time {
            position: absolute;
            left: 38px;
            bottom: 18px;
            font-size: 11px; }
        .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box {
          padding: 14px 14px 14px 14px;
          border-radius: 10px;
          background: #f9eaea;
          margin: 0 0 40px;
          font-size: 16px;
          position: relative; }
          @media screen and (max-width: 767px) {
            .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box {
              padding: 19px 17px 17px 17px;
              font-size: 10px; } }
          @media screen and (max-width: 374px) {
            .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box {
              padding: 5px 5px 5px 5px;
              font-size: 10px; } }
          .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box:before {
            content: "";
            position: absolute;
            bottom: 0;
            width: 0;
            height: 0;
            border: 20px solid transparent;
            border-top-color: #f9eaea;
            border-bottom: 0;
            border-left: 0;
            margin-left: -5px;
            margin-bottom: -20px; }
            @media screen and (max-width: 767px) {
              .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box:before {
                left: 20px;
                bottom: 1px; } }
          .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box p {
            text-align: left;
            margin: 0 0 0px; }
          .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box .icon-main {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end; }
            .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box .icon-main .share-icon img {
              height: 28px;
              width: 28px;
              margin: 4px 18px; }
          .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box .like-icons {
            max-width: 45px;
            text-align: right;
            float: right;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end; }
            .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box .like-icons .fa {
              font-size: 40px;
              padding-right: 10px; }
            .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box .like-icons .fa-thumbs-down {
              color: red; }
            .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box .like-icons .dislike {
              border: none;
              background: none;
              border-radius: 0;
              cursor: pointer; }
            .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box .like-icons .dislike-red {
              border: none;
              background: none;
              border-radius: 0;
              cursor: pointer;
              display: none; }
            .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box .like-icons.current .dislike-red {
              display: inline-block; }
            .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box .like-icons.current .dislike {
              display: none; }
            .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box .like-icons img {
              width: 33px;
              height: 33px; }
          .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box .up-icons {
            max-width: 45px;
            text-align: right;
            float: right;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            margin-left: 17px; }
            .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box .up-icons .fa {
              font-size: 40px;
              padding-right: 10px; }
            .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box .up-icons .fa-thumbs-down {
              color: red; }
            .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box .up-icons .like {
              border: none;
              background: none;
              border-radius: 0;
              cursor: pointer;
              -webkit-filter: grayscale(0);
              filter: grayscale(0); }
            .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box .up-icons .like-red {
              border: none;
              background: none;
              border-radius: 0;
              cursor: pointer;
              display: none; }
            .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box .up-icons.current .like-red {
              display: inline-block;
              -webkit-filter: grayscale(0);
              filter: grayscale(0); }
            .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box .up-icons.current .like {
              display: none; }
            .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box .up-icons img {
              width: 33px;
              height: 33px; }
          @media screen and (max-width: 767px) {
            .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box iframe {
              width: 100%;
              height: 115px; } }
          .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box .popup-image {
            border-radius: 0;
            background: none;
            border: none;
            width: 300px;
            /*height: 200px;*/ }
            @media screen and (max-width: 1024px) {
              .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box .popup-image {
                width: 350px;
                /*height: 200px;*/ } }
            @media screen and (max-width: 768px) {
              .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box .popup-image {
                width: 363px;
                /*height: 200px;*/ } }
            @media screen and (max-width: 767px) {
              .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box .popup-image {
                width: 100%;
                /*height: 110px;*/ } }
          .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box .frame {
            cursor: pointer;
            margin: 0 0 0px 0px; }
            @media screen and (max-width: 767px) {
              .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box .frame {
                margin: 0 0 0px 0px; } }
          .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box .image-frame {
            cursor: pointer;
            margin: 0 0 0px 0px; }
            @media screen and (max-width: 767px) {
              .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box .image-frame {
                margin: 0 0 0px 0px; } }
          .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box .image-details {
            width: 100%;
            max-width: 290px;
            margin: 0 auto; }
            @media screen and (max-width: 1024px) {
              .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box .image-details {
                width: 100%;
                max-width: 330px; } }
            @media screen and (max-width: 767px) {
              .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box .image-details {
                margin: 3px 0 0px 0;
                width: 100%;
                max-width: 225px; } }
          .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .comment-box .icon-main {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end; }
        .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .welcome:before {
          content: "";
          position: absolute;
          bottom: 0;
          width: 0;
          height: 0;
          border: 20px solid transparent;
          border-top-color: #efe47b;
          border-bottom: 0;
          border-left: 0;
          margin-left: -6px;
          margin-bottom: -20px; }
          @media screen and (max-width: 767px) {
            .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .welcome:before {
              left: 25px;
              bottom: 1px; } }
        .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .welcome .icon-main {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: end;
          -ms-flex-pack: end;
          justify-content: flex-end; }
        .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .bubble-box {
          margin-bottom: 35px;
          width: 120px;
          height: 69px; }
          .chatbot-home .chatbot-bg .conversation-content .chat-area .message-sent .bubble-box img {
            border: none;
            border-radius: 0;
            background: none;
            width: 120px;
            height: 69px;
            background: transparent; }
      .chatbot-home .chatbot-bg .conversation-content .chat-area .message-received {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        margin-top: 20px; }
        @media screen and (max-width: 767px) {
          .chatbot-home .chatbot-bg .conversation-content .chat-area .message-received {
            margin-top: 0px; } }
        .chatbot-home .chatbot-bg .conversation-content .chat-area .message-received .comment-outer {
          position: relative; }
          .chatbot-home .chatbot-bg .conversation-content .chat-area .message-received .comment-outer span.time {
            position: absolute;
            right: 64px;
            left: auto;
            bottom: 16px;
            font-size: 11px;
            width: 100%;
            text-align: right; }
            @media screen and (max-width: 767px) {
              .chatbot-home .chatbot-bg .conversation-content .chat-area .message-received .comment-outer span.time {
                right: 52px; } }
          .chatbot-home .chatbot-bg .conversation-content .chat-area .message-received .comment-outer .welcome span.time {
            left: 55px;
            right: auto; }
        .chatbot-home .chatbot-bg .conversation-content .chat-area .message-received .comment-box {
          width: 100%;
          max-width: -webkit-max-content;
          max-width: -moz-max-content;
          max-width: max-content;
          background: #c2f9b3;
          padding: 15px;
          float: right; }
          @media screen and (max-width: 767px) {
            .chatbot-home .chatbot-bg .conversation-content .chat-area .message-received .comment-box {
              margin-top: 30px;
              padding: 15px; } }
          .chatbot-home .chatbot-bg .conversation-content .chat-area .message-received .comment-box:before {
            content: "";
            position: absolute;
            bottom: 0;
            right: 10%;
            left: auto;
            width: 0;
            height: 0;
            border: 20px solid transparent;
            border-top-color: #c2f9b3;
            border-bottom: 0;
            border-left: 0;
            margin-left: -10px;
            margin-bottom: -20px;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
      .chatbot-home .chatbot-bg .conversation-content .chat-area .exercise-button {
        margin: 30px 0 50px 60px; }
        @media screen and (max-width: 767px) {
          .chatbot-home .chatbot-bg .conversation-content .chat-area .exercise-button {
            margin: 22px 0 40px 50px; } }
        .chatbot-home .chatbot-bg .conversation-content .chat-area .exercise-button button {
          width: 100%;
          max-width: 380px;
          padding: 10px;
          background: #f12711;
          /* fallback for old browsers */
          background: -webkit-linear-gradient(to bottom, #ffcc05, #ff5b01);
          /* Chrome 10-25, Safari 5.1-6 */
          background: -webkit-gradient(linear, left top, left bottom, from(#ffcc05), to(#ff5b01));
          background: -webkit-linear-gradient(top, #ffcc05, #ff5b01);
          background: -o-linear-gradient(top, #ffcc05, #ff5b01);
          background: linear-gradient(to bottom, #ffcc05, #ff5b01);
          /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
          border: none;
          border-radius: 10px;
          color: #c7523f;
          font-weight: bold;
          font-size: 20px;
          position: relative; }
          @media screen and (max-width: 767px) {
            .chatbot-home .chatbot-bg .conversation-content .chat-area .exercise-button button {
              max-width: 250px;
              padding: 8px;
              font-size: 15px; } }
          .chatbot-home .chatbot-bg .conversation-content .chat-area .exercise-button button:before {
            content: "";
            position: absolute;
            bottom: 0%;
            left: 9%;
            width: 0;
            height: 0;
            border: 20px solid transparent;
            border-top-color: #e06515;
            border-bottom: 0;
            border-left: 0;
            margin-left: -10px;
            margin-bottom: -20px; }
        .chatbot-home .chatbot-bg .conversation-content .chat-area .exercise-button img {
          width: 40px; }
          @media screen and (max-width: 767px) {
            .chatbot-home .chatbot-bg .conversation-content .chat-area .exercise-button img {
              width: 35px; } }
      .chatbot-home .chatbot-bg .conversation-content .chat-area .play-video {
        margin: 0px 0px 50px 70px;
        background: #efe47b;
        width: 100%;
        max-width: 300px;
        padding: 25px;
        border-radius: 15px;
        position: relative; }
        .chatbot-home .chatbot-bg .conversation-content .chat-area .play-video:before {
          content: "";
          position: absolute;
          bottom: 0%;
          left: 9%;
          width: 0;
          height: 0;
          border: 20px solid transparent;
          border-top-color: #efe47b;
          border-bottom: 0;
          border-left: 0;
          margin-left: -10px;
          margin-bottom: -20px; }
        .chatbot-home .chatbot-bg .conversation-content .chat-area .play-video .option-button button {
          padding: 10px 40px 10px 40px;
          border-radius: 25px;
          background: #dc588f;
          color: #fff;
          border: 2px solid #fff; }
  .chatbot-home .chatbot-bg .type-here {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: space-between;
    padding: 15px 9px 15px 9px;
    margin-bottom: 50px;
    border: none;
    background: #fff;
    max-width: 100%;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    width: 100%;
    margin: 0;
    left: 0;
    -ms-transform: translate(-50%, 0);
    z-index: 999999;
    margin-top: 0px; }
    @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
      .chatbot-home .chatbot-bg .type-here {
        left: 456px;
        max-width: 1150px;
        padding: 20px 9px 20px 9px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; } }
    @media only screen and (min-width: 768px) and (max-height: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
      .chatbot-home .chatbot-bg .type-here {
        left: 320px;
        max-width: 750px;
        padding: 15px 9px 15px 9px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; } }
    @media screen and (max-width: 767px) {
      .chatbot-home .chatbot-bg .type-here {
        left: 186px;
        padding: 10px 9px 13px 9px; } }
    @media screen and (max-width: 374px) {
      .chatbot-home .chatbot-bg .type-here {
        left: 0px;
        padding: 14px 9px 10px 9px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; } }
    .chatbot-home .chatbot-bg .type-here textarea {
      width: 100%;
      resize: none;
      border: none;
      height: 30px;
      background: transparent; }
      @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
        .chatbot-home .chatbot-bg .type-here textarea {
          font-size: 30px;
          max-width: 600px;
          margin-top: 10px;
          height: 40px; } }
      @media only screen and (min-width: 768px) and (max-height: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
        .chatbot-home .chatbot-bg .type-here textarea {
          font-size: 22px;
          max-width: 400px;
          margin-top: 10px; } }
      @media screen and (max-width: 768px) {
        .chatbot-home .chatbot-bg .type-here textarea {
          max-width: 100%; } }
      @media screen and (max-width: 767px) {
        .chatbot-home .chatbot-bg .type-here textarea {
          font-size: 12px;
          margin-left: 10px;
          margin-top: 6px; } }
      @media screen and (max-width: 374px) {
        .chatbot-home .chatbot-bg .type-here textarea {
          font-size: 11px; } }
      @media screen and (max-width: 320px) {
        .chatbot-home .chatbot-bg .type-here textarea {
          font-size: 9px; } }
    .chatbot-home .chatbot-bg .type-here button {
      width: 100%;
      max-width: 115px;
      padding: 6px 0 6px 0;
      border-radius: 21px;
      background: #dc5580;
      color: #fff;
      font-weight: 500;
      font-size: 14px;
      border: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
      justify-content: space-evenly; }
      @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
        .chatbot-home .chatbot-bg .type-here button {
          padding: 17px 0 17px 0;
          max-width: 165px;
          font-size: 28px; } }
      @media only screen and (min-width: 768px) and (max-height: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
        .chatbot-home .chatbot-bg .type-here button {
          max-width: 160px;
          padding: 13px 0 16px 0;
          font-size: 26px; } }
      @media screen and (max-width: 768px) {
        .chatbot-home .chatbot-bg .type-here button {
          max-width: 60px !important; } }
      @media screen and (max-width: 767px) {
        .chatbot-home .chatbot-bg .type-here button {
          max-width: 30px;
          padding: 6px 0px 6px 0px;
          font-size: 0px;
          text-align: center; } }
      .chatbot-home .chatbot-bg .type-here button img {
        vertical-align: middle;
        width: 23px; }
        @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
          .chatbot-home .chatbot-bg .type-here button img {
            width: 40px; } }
        @media only screen and (min-width: 768px) and (max-height: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
          .chatbot-home .chatbot-bg .type-here button img {
            width: 40px; } }
        @media screen and (max-width: 767px) {
          .chatbot-home .chatbot-bg .type-here button img {
            width: 17px; } }
    .chatbot-home .chatbot-bg .type-here .mic {
      width: 40px;
      height: 32px;
      overflow: hidden;
      display: block;
      cursor: pointer; }
      @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
        .chatbot-home .chatbot-bg .type-here .mic {
          width: 30px;
          height: 50px;
          margin-top: 14px;
          text-align: center; } }
      @media only screen and (min-width: 768px) and (max-height: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
        .chatbot-home .chatbot-bg .type-here .mic {
          width: 30px;
          height: 50px;
          margin-top: 10px; } }
      @media screen and (max-width: 768px) {
        .chatbot-home .chatbot-bg .type-here .mic {
          width: 75px; } }
      @media screen and (max-width: 480px) {
        .chatbot-home .chatbot-bg .type-here .mic {
          overflow: hidden;
          display: block;
          width: 36px; } }
      .chatbot-home .chatbot-bg .type-here .mic img {
        width: 20px;
        height: 32px; }
        @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
          .chatbot-home .chatbot-bg .type-here .mic img {
            width: 30px;
            height: 50px; } }
        @media only screen and (min-width: 768px) and (max-height: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
          .chatbot-home .chatbot-bg .type-here .mic img {
            width: 30px;
            height: 50px; } }
        .chatbot-home .chatbot-bg .type-here .mic img.speak-active {
          display: none; }
      .chatbot-home .chatbot-bg .type-here .mic.current .speak-active {
        display: inline-block; }
      .chatbot-home .chatbot-bg .type-here .mic.current .speak {
        display: none; }
  .chatbot-home .chatbot-bg .video-home {
    height: 100%; }
    .chatbot-home .chatbot-bg .video-home .message-sent {
      position: relative;
      height: 100%; }
  .chatbot-home .chatbot-bg .message-sent {
    position: relative; }
    .chatbot-home .chatbot-bg .message-sent .carousel-indicators {
      left: 10px;
      margin-left: -10px;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      overflow-x: scroll;
      overflow-y: hidden;
      z-index: 1; }
      @media screen and (max-width: 1500px) {
        .chatbot-home .chatbot-bg .message-sent .carousel-indicators {
          bottom: 0; } }
      @media screen and (max-width: 768px) {
        .chatbot-home .chatbot-bg .message-sent .carousel-indicators {
          bottom: -20px;
          position: relative; } }
      @media screen and (max-width: 768px) {
        .chatbot-home .chatbot-bg .message-sent .carousel-indicators {
          margin-left: -10px;
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
          overflow-y: scroll;
          overflow-x: hidden;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          height: 315px; } }
      .chatbot-home .chatbot-bg .message-sent .carousel-indicators li {
        border: medium none;
        border-radius: 0;
        height: auto;
        margin-bottom: 5px;
        margin-left: 0;
        margin-right: 20px !important;
        margin-top: 0;
        width: 100%;
        background: transparent;
        min-width: 140px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-indent: 0;
        text-align: left; }
        @media screen and (max-width: 767px) {
          .chatbot-home .chatbot-bg .message-sent .carousel-indicators li {
            min-width: 100%;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            margin: 0 0 13px 0; } }
        .chatbot-home .chatbot-bg .message-sent .carousel-indicators li p {
          margin: 10px 0 5px 0;
          font-size: 15px; }
          @media screen and (max-width: 767px) {
            .chatbot-home .chatbot-bg .message-sent .carousel-indicators li p {
              font-size: 12px;
              padding: 0 15px;
              margin: 0; } }
      .chatbot-home .chatbot-bg .message-sent .carousel-indicators img {
        border: 2px solid #FFFFFF;
        float: left;
        height: auto;
        left: 0;
        width: 100%;
        max-height: 122px;
        -o-object-fit: contain;
        object-fit: contain; }
        @media screen and (max-width: 767px) {
          .chatbot-home .chatbot-bg .message-sent .carousel-indicators img {
            width: 30%; } }
      .chatbot-home .chatbot-bg .message-sent .carousel-indicators.active img {
        border: 2px solid #39b3d7; }
    .chatbot-home .chatbot-bg .message-sent.latest-message {
      font-size: 20px; }
      .chatbot-home .chatbot-bg .message-sent.latest-message .comment-box {
        font-size: 23px !important; }
  .chatbot-home .chatbot-bg .carousel-inner {
    padding: 0 0 0 0; }
    .chatbot-home .chatbot-bg .carousel-inner iframe {
      height: calc(100vh - 330px);
      height: -webkit-calc(100vh - 330px); }
      @media screen and (max-width: 1500px) {
        .chatbot-home .chatbot-bg .carousel-inner iframe {
          height: -webkit-calc(100vh - 320px);
          height: calc(100vh - 320px); } }
      @media screen and (max-width: 767px) {
        .chatbot-home .chatbot-bg .carousel-inner iframe {
          height: auto; } }

.chatbot-home .question-main {
  padding: 0 0 20px 0;
  margin-top: 20px; }
  .chatbot-home .question-main .question-body {
    max-width: 100%;
    padding: 0px; }
  .chatbot-home .question-main .question-title {
    padding: 0px 0 10px 0; }

.chatbot-home .question-section {
  padding: 0 0 20px 0; }
  .chatbot-home .question-section .question-body {
    max-width: 100% !important;
    padding: 0px; }

@media screen and (max-width: 767px) {
  .wrapper .question-main .question-section {
    padding: 2px; } }

.wrapper .question-main .question-section {
  background: rgba(255, 255, 255, 0.3);
  padding: 0px;
  margin: 5px 0 0;
  border-radius: 5px;
  min-height: calc(100% - 220px);
  min-height: -webkit-calc(100% - 220px);
  position: relative; }

.wrapper .question-main .question-section .question-body {
  max-width: 900px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 0 30px 0; }
  @media screen and (max-width: 1024px) {
    .wrapper .question-main .question-section .question-body {
      padding: 0 0 0px 0; } }

#imageModal {
  z-index: 999999; }
  #imageModal .modal-dialog {
    width: 100%;
    margin: 30px auto;
    max-width: 650px;
    position: relative; }
    @media screen and (max-width: 767px) {
      #imageModal .modal-dialog .modal-content {
        margin: 10px; } }
    #imageModal .modal-dialog .modal-content .modal-header {
      border-bottom: none; }
      #imageModal .modal-dialog .modal-content .modal-header .close {
        font-size: 30px;
        border: 1px solid grey;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        opacity: 1; }
    #imageModal .modal-dialog .modal-content .modal-body {
      text-align: center;
      padding: 0 15px 15px 15px; }
      #imageModal .modal-dialog .modal-content .modal-body img {
        width: 100%; }
        @media screen and (max-width: 767px) {
          #imageModal .modal-dialog .modal-content .modal-body img {
            width: 300px; } }
    #imageModal .modal-dialog .modal-content .modal-footer {
      border-top: none; }

#videoModal .modal-dialog {
  width: 100%;
  margin: 30px auto;
  max-width: 650px;
  position: relative; }
  @media screen and (max-width: 767px) {
    #videoModal .modal-dialog .modal-content {
      margin: 10px; } }
  #videoModal .modal-dialog .modal-content .modal-header {
    border-bottom: none; }
    #videoModal .modal-dialog .modal-content .modal-header .close {
      font-size: 30px;
      border: 1px solid grey;
      border-radius: 50%;
      width: 30px;
      height: 30px;
      opacity: 1; }
  #videoModal .modal-dialog .modal-content .modal-body {
    text-align: center;
    padding: 0 15px 15px 15px; }
    #videoModal .modal-dialog .modal-content .modal-body img {
      width: 100%; }
      @media screen and (max-width: 767px) {
        #videoModal .modal-dialog .modal-content .modal-body img {
          width: 300px; } }
    #videoModal .modal-dialog .modal-content .modal-body iframe {
      width: 100%;
      height: 350px; }
  #videoModal .modal-dialog .modal-content .modal-footer {
    border-top: none; }

.choose-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0;
  position: -webkit-sticky;
  position: sticky;
  bottom: 65px;
  background: #ffffff5c;
  padding: 10px 15px 5px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media screen and (max-width: 767px) {
    .choose-options {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      bottom: 65px; } }
  .choose-options .option-btn {
    background: #f1aa3b;
    padding: 10px;
    margin: 0 20px 10px 0px;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: rgb(32,32, 32);
    border-radius: 3px;
    border: solid 5px #ffffff8a;
    cursor: pointer; }
    @media screen and (max-width: 800px) {
      .choose-options .option-btn {
        margin: 0 5px 10px 0px; } }
    @media screen and (max-width: 767px) {
      .choose-options .option-btn {
        margin: 0 8px 10px 0px;
        font-size: 15px;
        padding: 7px; } }
    @media screen and (max-width: 375px) {
      .choose-options .option-btn {
        min-width: 115px;
        font-size: 13px; } }
    .choose-options .option-btn.wrong-optn {
      background: #ea7777;
      cursor: none !important; }
    .choose-options .option-btn.right-optn {
      background: #47bf67 !important; }

.video-home .message-sent .comment-outer {
  background: #efe47b;
  padding: 20px;
  border-radius: 10px;
  height: 60vh; }
  .video-home .message-sent .comment-outer .image-details {
    width: 100%;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    font-size: 20px;
    margin: 20px 0 0 0;
    text-align: center; }
  .video-home .message-sent .comment-outer div#myCarousel {
    height: 100%; }
    .video-home .message-sent .comment-outer div#myCarousel .cont-slider {
      padding: 0 0 0 0;
      height: 100%;
      width: auto; }
      .video-home .message-sent .comment-outer div#myCarousel .cont-slider img {
        width: auto;
        height: -webkit-fill-available;
        margin: 0 auto; }
  .video-home .message-sent .comment-outer div {
    height: 100%; }
    .video-home .message-sent .comment-outer div img {
      margin: 0 auto; }

.pronounciation-home .question-main {
  position: relative; }
  .pronounciation-home .question-main .question-section {
    padding-top: 20px; }
    .pronounciation-home .question-main .question-section .question-body .blank-questions {
      padding: 0px 0 0 0; }
      .pronounciation-home .question-main .question-section .question-body .blank-questions p {
        color: #356780; }
      .pronounciation-home .question-main .question-section .question-body .blank-questions .fill-option {
        margin: 25px 0 20px 0; }
        .pronounciation-home .question-main .question-section .question-body .blank-questions .fill-option button {
          width: 150px;
          border: none;
          text-align: center;
          margin: 0 10px;
          padding: 8px 8px;
          background: #ebebeb;
          border-radius: 40px;
          font-size: 14px;
          color: #000;
          font-weight: 500;
          background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
          background-image: -webkit-linear-gradient(#fff, #ddd);
          background-image: -o-linear-gradient(#fff, #ddd);
          background-image: linear-gradient(#fff, #ddd); }
      @media screen and (max-width: 767px) {
        .pronounciation-home .question-main .question-section .question-body .blank-questions .fill-section p {
          margin: 0 auto; } }
    .pronounciation-home .question-main .question-section .question-head {
      margin: 10px 0 10px 0; }
    .pronounciation-home .question-main .question-section .check-answer {
      z-index: 1;
      text-align: right;
      position: absolute;
      right: 15px;
      bottom: 11px; }
      .pronounciation-home .question-main .question-section .check-answer button p {
        color: #fff; }
      @media screen and (max-width: 767px) {
        .pronounciation-home .question-main .question-section .check-answer {
          z-index: 1;
          text-align: right;
          position: absolute;
          left: 18px;
          bottom: 20px; } }
      @media screen and (max-width: 767px) {
        .pronounciation-home .question-main .question-section .check-answer button {
          width: 100%; } }
    .pronounciation-home .question-main .question-section .volume-control input[type=range][orient=vertical] {
      -webkit-writing-mode: bt-lr;
      -ms-writing-mode: bt-lr;
      writing-mode: bt-lr;
      /* IE */
      -webkit-appearance: slider-vertical;
      /* WebKit */
      width: 8px;
      height: 175px;
      padding: 0 5px; }
  .pronounciation-home .question-main .volume-control {
    position: absolute;
    right: 0;
    top: 200px; }
    @media screen and (max-width: 1024px) {
      .pronounciation-home .question-main .volume-control {
        display: none; } }
    .pronounciation-home .question-main .volume-control .vol-range {
      position: relative; }
      .pronounciation-home .question-main .volume-control .vol-range:before {
        position: absolute;
        content: "+";
        top: -60px;
        right: 45px;
        font-size: 18px; }
      .pronounciation-home .question-main .volume-control .vol-range:after {
        position: absolute;
        content: "-";
        top: 55px;
        right: 45px;
        font-size: 18px; }
    .pronounciation-home .question-main .volume-control input[type="range"] {
      -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
      transform: rotate(270deg); }
  .pronounciation-home .question-main .volume-image {
    position: absolute;
    top: 285px;
    right: 42px;
    border: 2px solid silver;
    border-radius: 50%;
    padding: 10px;
    background: #1770b2; }
    @media screen and (max-width: 1024px) {
      .pronounciation-home .question-main .volume-image {
        display: none; } }
    .pronounciation-home .question-main .volume-image img {
      width: 20px; }
      @media screen and (max-width: 1024px) {
        .pronounciation-home .question-main .volume-image img {
          display: none; } }

.pronounciation-home .girl-comments .mascot-direction {
  max-width: 171px;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 9px 0 0 0;
  background-color: #fffeb2;
  border-radius: 10px;
  border-color: #e4e59c;
  border-style: solid;
  border-width: 10px 10px 8px 4px;
  position: relative;
  margin: 0 0 0 25px;
  min-height: 113px;
  display: inline-block; }
  .pronounciation-home .girl-comments .mascot-direction p {
    padding: 10px 20px; }

.pronounciation-home .pronounciation-stages .stage-level {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .pronounciation-home .pronounciation-stages .stage-level .stage-pic {
    width: 100%;
    text-align: center; }
    .pronounciation-home .pronounciation-stages .stage-level .stage-pic img {
      width: 55px;
      height: 55px;
      background: rgba(0, 0, 0, 0.4);
      padding: 10px;
      border-radius: 50%;
      margin: 90px 0 0 0;
      -o-object-fit: contain;
      object-fit: contain; }
      @media screen and (max-width: 767px) {
        .pronounciation-home .pronounciation-stages .stage-level .stage-pic img {
          margin: 40px 0 0 0; } }
    .pronounciation-home .pronounciation-stages .stage-level .stage-pic h3 {
      color: #fff;
      font-size: 20px;
      margin: 0;
      padding: 6px 0 12px 0; }
  .pronounciation-home .pronounciation-stages .stage-level .expert-level {
    max-width: 90%;
    width: 100%; }
    .pronounciation-home .pronounciation-stages .stage-level .expert-level .stage-pic {
      background: url(../../assets/images/experts.png);
      background-repeat: no-repeat;
      max-width: 375px;
      margin: 0 10% 0 0;
      position: relative;
      background-size: contain; }
      @media screen and (max-width: 767px) {
        .pronounciation-home .pronounciation-stages .stage-level .expert-level .stage-pic {
          margin: 0;
          background-position: center; } }
      .pronounciation-home .pronounciation-stages .stage-level .expert-level .stage-pic:before {
        position: absolute;
        content: "";
        right: -49px;
        bottom: -5px;
        width: 100px;
        height: 65px;
        background: url(../../assets/images/water-splash.png);
        background-size: 100%; }
    .pronounciation-home .pronounciation-stages .stage-level .expert-level.single-level {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
  .pronounciation-home .pronounciation-stages .stage-level .inter-level {
    max-width: 44%;
    width: 100%;
    margin: -187px 0 0 0; }
    @media screen and (max-width: 767px) {
      .pronounciation-home .pronounciation-stages .stage-level .inter-level {
        margin: 0;
        max-width: 60%; } }
    .pronounciation-home .pronounciation-stages .stage-level .inter-level .stage-pic {
      background: url(../../assets/images/intermediates.png);
      background-repeat: no-repeat;
      max-width: 250px;
      margin: 0 0 0 0;
      position: relative;
      background-size: contain; }
      @media screen and (max-width: 767px) {
        .pronounciation-home .pronounciation-stages .stage-level .inter-level .stage-pic {
          background-position: center; } }
      .pronounciation-home .pronounciation-stages .stage-level .inter-level .stage-pic:before {
        position: absolute;
        content: "";
        right: -49px;
        bottom: 0px;
        width: 100px;
        height: 65px;
        background: url(../../assets/images/water-splash.png);
        background-size: 100%; }
  .pronounciation-home .pronounciation-stages .stage-level .basic-level {
    max-width: 80%;
    width: 100%;
    margin: -185px 0 0 0; }
    @media screen and (max-width: 767px) {
      .pronounciation-home .pronounciation-stages .stage-level .basic-level {
        margin: 0;
        max-width: 55%; } }
    .pronounciation-home .pronounciation-stages .stage-level .basic-level .stage-pic {
      background: url(../../assets/images/keys.png);
      background-repeat: no-repeat;
      max-width: 165px;
      margin: 0 0 0 0;
      position: relative;
      background-size: contain; }
      @media screen and (max-width: 767px) {
        .pronounciation-home .pronounciation-stages .stage-level .basic-level .stage-pic {
          max-width: 160px;
          background-size: cover;
          background-position: center; } }
      .pronounciation-home .pronounciation-stages .stage-level .basic-level .stage-pic:before {
        position: absolute;
        content: "";
        right: -62px;
        bottom: -24px;
        width: 100px;
        height: 65px;
        background: url(../../assets/images/water-splash.png);
        background-size: 55px;
        background-repeat: no-repeat; }
  .pronounciation-home .pronounciation-stages .stage-level .stage-color {
    height: 80px;
    width: 100%;
    display: inline-block; }
    .pronounciation-home .pronounciation-stages .stage-level .stage-color.expert-color {
      background: #27aae1; }
    .pronounciation-home .pronounciation-stages .stage-level .stage-color.intermediate-color {
      background: #277fe1; }
    .pronounciation-home .pronounciation-stages .stage-level .stage-color.basic-color {
      background: #1c75bc; }

.payment-wrapper .text-center {
  text-align: center;
  position: absolute;
  font-size: 20px;
  font-weight: 600;
  top: 25%;
  left: 0;
  right: 0; }
  .payment-wrapper .text-center .order {
    font-size: 22px;
    padding: 8px; }
  .payment-wrapper .text-center .spinner {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 50px auto; }
  .payment-wrapper .text-center .double-bounce1,
  .payment-wrapper .text-center .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #333;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out; }
  .payment-wrapper .text-center .double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s; }

@-webkit-keyframes sk-bounce {
  0%,
  100% {
    -webkit-transform: scale(0); }
  50% {
    -webkit-transform: scale(1); } }

@keyframes sk-bounce {
  0%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0); }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

.chatbot-team {
  background: url(../../assets/images/GBT/background-team.jpeg);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 0 0 25px 0;
  width: 100%;
  background-position: center; }
  .chatbot-team .question-main .question-section {
    border: solid 15px #d6a770;
    border-radius: 16px;
    background: #d6a770 !important;
    -webkit-box-shadow: 0px 0px 3px #2f1b08;
    box-shadow: 0px 0px 3px #2f1b08;
    min-height: 100%; }
  .chatbot-team .question-main .question-body {
    border-radius: 20px;
    background: #f5feff;
    padding: 0 !important; }
    .chatbot-team .question-main .question-body .chatbot-bg {
      min-height: auto;
      position: relative; }
      .chatbot-team .question-main .question-body .chatbot-bg .container {
        margin: 0;
        padding: 0;
        height: auto; }
        .chatbot-team .question-main .question-body .chatbot-bg .container .conversation-content {
          margin-top: 0; }
          .chatbot-team .question-main .question-body .chatbot-bg .container .conversation-content .inner-chat-messages {
            padding: 65px 15px 0;
            height: calc(100vh - 41vh);
            height: -webkit-calc(100vh - 41vh); }
            
          .chatbot-team .question-main .question-body .chatbot-bg .container .conversation-content .chat-head-score {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            background: #957342;
            border-radius: 15px 15px 0 0;
            padding: 10px;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 1; }
            .chatbot-team .question-main .question-body .chatbot-bg .container .conversation-content .chat-head-score .team-score {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              -webkit-box-pack: start;
              -ms-flex-pack: start;
              justify-content: flex-start;
              position: relative; }
              @media screen and (max-width: 375px) {
                .chatbot-team .question-main .question-body .chatbot-bg .container .conversation-content .chat-head-score .team-score {
                  -webkit-box-orient: vertical;
                  -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                  flex-direction: column; } }
              .chatbot-team .question-main .question-body .chatbot-bg .container .conversation-content .chat-head-score .team-score:before {
                position: absolute;
                background: #826741;
                width: 1px;
                height: 100%;
                content: "";
                top: 0px; }
              .chatbot-team .question-main .question-body .chatbot-bg .container .conversation-content .chat-head-score .team-score.score-a:before {
                right: -15px; }
                @media screen and (max-width: 375px) {
                  .chatbot-team .question-main .question-body .chatbot-bg .container .conversation-content .chat-head-score .team-score.score-a:before {
                    right: -20px; } }
              .chatbot-team .question-main .question-body .chatbot-bg .container .conversation-content .chat-head-score .team-score.score-b:before {
                left: -15px; }
                @media screen and (max-width: 375px) {
                  .chatbot-team .question-main .question-body .chatbot-bg .container .conversation-content .chat-head-score .team-score.score-b:before {
                    display: none; } }
              .chatbot-team .question-main .question-body .chatbot-bg .container .conversation-content .chat-head-score .team-score .team-icon {
                width: 43px;
                height: 43px; }
                @media screen and (max-width: 666px) {
                  .chatbot-team .question-main .question-body .chatbot-bg .container .conversation-content .chat-head-score .team-score .team-icon {
                    width: 25px;
                    height: 25px; } }
                .chatbot-team .question-main .question-body .chatbot-bg .container .conversation-content .chat-head-score .team-score .team-icon img {
                  width: 100%; }
              .chatbot-team .question-main .question-body .chatbot-bg .container .conversation-content .chat-head-score .team-score .team-options {
                margin: 0 10px; }
                @media screen and (max-width: 666px) {
                  .chatbot-team .question-main .question-body .chatbot-bg .container .conversation-content .chat-head-score .team-score .team-options {
                    margin: 0 5px; } }
                @media screen and (max-width: 375px) {
                  .chatbot-team .question-main .question-body .chatbot-bg .container .conversation-content .chat-head-score .team-score .team-options {
                    margin: 0 2px;
                    -webkit-box-ordinal-group: 3;
                    -ms-flex-order: 2;
                    order: 2; } }
                .chatbot-team .question-main .question-body .chatbot-bg .container .conversation-content .chat-head-score .team-score .team-options img {
                  padding: 0 5px;
                  width: 35px; }
                  @media screen and (max-width: 666px) {
                    .chatbot-team .question-main .question-body .chatbot-bg .container .conversation-content .chat-head-score .team-score .team-options img {
                      padding: 0 2px;
                      width: 17px; } }
          .chatbot-team .question-main .question-body .chatbot-bg .container .conversation-content .chat-area .message-sent img {
            background: transparent; }
          .chatbot-team .question-main .question-body .chatbot-bg .container .conversation-content .chat-area .message-sent.team-a-answer .comment-box {
            background: #efa0f3; }
            .chatbot-team .question-main .question-body .chatbot-bg .container .conversation-content .chat-area .message-sent.team-a-answer .comment-box:before {
              border-top-color: #efa0f3; }
          .chatbot-team .question-main .question-body .chatbot-bg .container .conversation-content .chat-area .message-sent.team-b-answer .comment-box {
            background: #84e0f7; }
            .chatbot-team .question-main .question-body .chatbot-bg .container .conversation-content .chat-area .message-sent.team-b-answer .comment-box:before {
              border-top-color: #84e0f7; }
          .chatbot-team .question-main .question-body .chatbot-bg .container .conversation-content .chat-area .message-sent .comment-box {
            background: #eeeeee; }
            .chatbot-team .question-main .question-body .chatbot-bg .container .conversation-content .chat-area .message-sent .comment-box.welcome:before {
              border-top-color: #eeeeee; }
            .chatbot-team .question-main .question-body .chatbot-bg .container .conversation-content .chat-area .message-sent .comment-box strong.emoji {
              font-size: 22px; }
            .chatbot-team .question-main .question-body .chatbot-bg .container .conversation-content .chat-area .message-sent .comment-box strong.emoji-big {
              font-size: 30px; }
            @media screen and (max-width: 375px) {
              .chatbot-team .question-main .question-body .chatbot-bg .container .conversation-content .chat-area .message-sent .comment-box {
                text-align: left; } }
            .chatbot-team .question-main .question-body .chatbot-bg .container .conversation-content .chat-area .message-sent .comment-box span {
              position: relative;
              bottom: 0;
              left: 0;
              font-size: 16px; }
          .chatbot-team .question-main .question-body .chatbot-bg .container .conversation-content .chat-area .message-sent.last-of-type .comment-box p {
            font-weight: 600;
            font-size: 22px; }
      .chatbot-team .question-main .question-body .chatbot-bg .type-here {
        border-radius: 30px;
        z-index: 9 !important; }
        .chatbot-team .question-main .question-body .chatbot-bg .type-here button {
          max-width: 100%;
          padding: 0px 0 0px 0;
          border-radius: 0;
          background: transparent;
          -webkit-box-pack: end;
          -ms-flex-pack: end;
          justify-content: flex-end; }
          .chatbot-team .question-main .question-body .chatbot-bg .type-here button img {
            width: 40px; }
        .chatbot-team .question-main .question-body .chatbot-bg .type-here textarea {
          margin: 0 0 0 15px; }
      .chatbot-team .question-main .question-body .chatbot-bg .choose-options {
        background: transparent; }
        .chatbot-team .question-main .question-body .chatbot-bg .choose-options .next-question {
          background: #af73ef;
          padding: 10px;
          margin: 0 20px 10px 0px;
          max-width: -webkit-max-content;
          max-width: -moz-max-content;
          max-width: max-content;
          width: 100%;
          text-align: center;
          font-size: 16px;
          color: #fff;
          border-radius: 3px;
          border: solid 5px #ffffff8a;
          cursor: pointer; }
          @media screen and (max-width: 800px) {
            .chatbot-team .question-main .question-body .chatbot-bg .choose-options .next-question {
              max-width: -webkit-max-content;
              max-width: -moz-max-content;
              max-width: max-content;
              margin: 0 0px 10px 0px; } }
          @media screen and (max-width: 767px) {
            .chatbot-team .question-main .question-body .chatbot-bg .choose-options .next-question {
              min-width: 130px;
              font-size: 15px;
              padding: 7px; } }
          @media screen and (max-width: 375px) {
            .chatbot-team .question-main .question-body .chatbot-bg .choose-options .next-question {
              font-size: 13px; } }
  .chatbot-team .question-main .question-title span h2 {
    color: #000; }
  .chatbot-team .progress-bar-sec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 30px 0 0 0; }
    @media screen and (max-width: 767px) {
      .chatbot-team .progress-bar-sec {
        display: block;
        padding: 25px 0 0 0; } }
    .chatbot-team .progress-bar-sec .progress {
      margin: 50px 0 0 0;
      background-color: #a7a9ac;
      border-radius: 15px;
      height: auto;
      position: relative;
      overflow: visible;
      display: inline-block;
      width: 100%; }
      @media screen and (max-width: 440px) {
        .chatbot-team .progress-bar-sec .progress {
          margin: 80px 0 0 0; } }
      .chatbot-team .progress-bar-sec .progress:before {
        content: "";
        position: absolute;
        right: -12px;
        width: 30px;
        height: 48px;
        top: -34px;
        background: url(../../assets/images/flag.png); }
      .chatbot-team .progress-bar-sec .progress .progress-bar {
        background-color: #6de1fd;
        border-radius: 15px;
        min-height: 15px;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        position: relative; }
      .chatbot-team .progress-bar-sec .progress .tooltip {
        position: relative;
        right: 0px !important;
        position: absolute;
        text-align: right;
        display: inline-block;
        width: 100%; }
      .chatbot-team .progress-bar-sec .progress .tooltip > .tooltip-inner {
        background-image: url(../../assets/images/GBT/giphy.gif);
        padding: 5px 15px;
        color: transparent;
        font-weight: bold;
        font-size: 1px;
        width: 118px;
        height: 80px;
        top: -65px;
        background-color: transparent;
        position: absolute;
        right: 0; }
        .progress-girl-left img, .progress-girl-right img{
          width: 76px;
        }
        @media screen and (max-width: 610px) {
          .chatbot-team .progress-bar-sec .progress .tooltip > .tooltip-inner {
            width: 83px;
            height: 55px;
            top: -44px;
            background-size: cover; } }
      .chatbot-team .progress-bar-sec .progress .popOver + .tooltip > .tooltip-arrow {
        display: none;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #eebf3f; }
      .chatbot-team .progress-bar-sec .progress section {
        margin: 100px auto;
        height: 1000px; }
      .chatbot-team .progress-bar-sec .progress .progress-tooltip {
        position: absolute;
        top: -75px;
        width: 100%; }
        .chatbot-team .progress-bar-sec .progress .progress-tooltip .progress-girl-left {
          float: left; }
        .chatbot-team .progress-bar-sec .progress .progress-tooltip .progress-girl-right {
          float: right;
          visibility: hidden; }
    .chatbot-team .progress-bar-sec .coins {
      padding: 0 0 0 0;
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 100%;
      max-width: 245px; }
      .chatbot-team .progress-bar-sec .coins .coins-inner:first-of-type {
        margin: 0 0 7px 0; }
      @media screen and (max-width: 767px) {
        .chatbot-team .progress-bar-sec .coins {
          padding: 0 0 0 0;
          display: inline-block;
          width: auto;
          text-align: center; } }
      @media screen and (max-width: 440px) {
        .chatbot-team .progress-bar-sec .coins {
          padding: 20px 0 0 0; } }
      .chatbot-team .progress-bar-sec .coins img {
        width: 25px;
        height: 30px;
        margin: 0 3px; }
    .chatbot-team .progress-bar-sec .timer {
      max-width: 250px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      width: 100%; }
      @media screen and (max-width: 767px) {
        .chatbot-team .progress-bar-sec .timer {
          max-width: -webkit-max-content;
          max-width: -moz-max-content;
          max-width: max-content;
          padding: 0 20px 0 0px; } }
      @media screen and (max-width: 767px) {
        .chatbot-team .progress-bar-sec .timer {
          max-width: 50%;
          display: inline-block;
          width: 50%; } }
      .chatbot-team .progress-bar-sec .timer p {
        margin: 0 0 0 12px;
        font-size: 30px;
        font-weight: 500; }
        @media screen and (max-width: 767px) {
          .chatbot-team .progress-bar-sec .timer p {
            font-size: 24px; } }
        @media screen and (max-width: 610px) {
          .chatbot-team .progress-bar-sec .timer p {
            font-size: 20px; } }
        @media screen and (max-width: 440px) {
          .chatbot-team .progress-bar-sec .timer p {
            display: inline-block;
            margin: 5px 0 0 0;
            line-height: 0; } }
      .chatbot-team .progress-bar-sec .timer img {
        width: 36px;
        height: 42px; }
        @media screen and (max-width: 610px) {
          .chatbot-team .progress-bar-sec .timer img {
            width: 24px;
            height: 27px; } }
        @media screen and (max-width: 440px) {
          .chatbot-team .progress-bar-sec .timer img {
            margin: 0 5px 5px 0; } }

#team-modal {
  z-index: 999999; }
  #team-modal .modal-dialog .modal-content {
    background: url(../../assets/images/team-ques-bak.png);
    background-repeat: no-repeat;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    min-height: 365px;
    background-size: contain; }
    @media screen and (min-width: 768px) {
      #team-modal .modal-dialog .modal-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; } }
    @media screen and (max-width: 567px) {
      #team-modal .modal-dialog .modal-content {
        background: #f8e8b0;
        border: solid 5px #d6a770;
        border-radius: 15px; } }
  #team-modal .modal-dialog .modal-header {
    padding: 10px 10px 0px;
    border-bottom: none; }
    @media screen and (min-width: 768px) {
      #team-modal .modal-dialog .modal-header {
        display: none; } }
  #team-modal .modal-dialog .modal-body {
    text-align: center;
    width: 100%; }
    #team-modal .modal-dialog .modal-body h1 {
      color: #fff;
      font-weight: 500;
      font-size: 30px;
      text-shadow: 0px 1px 4px #000;
      font-family: 'Carter One', cursive;
      margin: 0; }
      @media screen and (max-width: 767px) {
        #team-modal .modal-dialog .modal-body h1 {
          width: 100%;
          height: 100%;
          padding: 40px 35px 0; } }
      @media screen and (max-width: 440px) {
        #team-modal .modal-dialog .modal-body h1 {
          padding: 0px 35px 0;
          font-size: 30px; } }
    #team-modal .modal-dialog .modal-body button {
      background: #a2743d;
      max-width: 130px;
      width: 100%;
      margin: 30px 0 0 0;
      padding: 12px 0;
      color: #fff;
      font-size: 22px;
      border-radius: 8px;
      font-weight: 600; }
    #team-modal .modal-dialog .modal-body .team-modal-pic {
      margin: 25px 0 0 0; }
      #team-modal .modal-dialog .modal-body .team-modal-pic img {
        width: 85px;
        height: 85px; }

.order-confirmation .order-confirm-content {
  text-align: center;
  padding: 30px 0; }
  .order-confirmation .order-confirm-content button {
    background: #f1a30f;
    border: none;
    padding: 15px 10px;
    max-width: 200px;
    width: 100%;
    margin: 40px 0 0 0;
    color: #fff;
    font-size: 19px;
    border-radius: 5px; }
    .order-confirmation .order-confirm-content button:hover {
      background: #333; }
  .order-confirmation .order-confirm-content h2 {
    font-size: 25px;
    margin: 10px 0 0 0; }

.resource-row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-top;
  -ms-flex-align: flex-top;
  align-items: flex-top;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFA78), to(rgba(255, 208, 88, 0.8)));
  background: -webkit-linear-gradient(top, #FFFA78 0%, rgba(255, 208, 88, 0.8) 100%);
  background: -o-linear-gradient(top, #FFFA78 0%, rgba(255, 208, 88, 0.8) 100%);
  background: linear-gradient(180deg, #FFFA78 0%, rgba(255, 208, 88, 0.8) 100%);
  border: 2px solid rgba(255, 212, 102, 0.8);
  -webkit-box-shadow: 0px 8px 16px rgba(207, 159, 35, 0.5);
  box-shadow: 0px 8px 16px rgba(207, 159, 35, 0.5);
  border-radius: 8px;
  padding: 20px;
  margin: 0 0 30px 0;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content; }
  @media screen and (max-width: 991px) {
    .resource-row {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .resource-row h3 {
    font-size: 16px;
    margin: 0; }
  .resource-row p {
    font-size: 13px;
    margin: 0 0 5px 0; }
  .resource-row .file-sec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    @media screen and (max-width: 767px) {
      .resource-row .file-sec {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; } }
    @media screen and (max-width: 571px) {
      .resource-row .file-sec {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    @media screen and (max-width: 991px) {
      .resource-row .file-sec {
        margin: 10px 0 10px 0; } }
    .resource-row .file-sec .section-file, .resource-row .file-sec .valid-file, .resource-row .file-sec .type-file {
      padding: 0 15px; }
      @media screen and (max-width: 991px) {
        .resource-row .file-sec .section-file, .resource-row .file-sec .valid-file, .resource-row .file-sec .type-file {
          padding: 0 15px 0 0; } }
  .resource-row .resource-sec {
    max-width: 250px;
    width: 100%;
    color: #000; }
    @media screen and (max-width: 991px) {
      .resource-row .resource-sec {
        max-width: 100%;
        margin: 10px 0 10px 0; } }
    .resource-row .resource-sec h3 {
      color: #5F85E7;
      margin: 0 0 6px 0; }
  .resource-row .actions {
    color: #000; }
    @media screen and (max-width: 991px) {
      .resource-row .actions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; } }
    .resource-row .actions a {
      color: #000; }
    .resource-row .actions span {
      padding: 0 0 0 10px; }
      @media screen and (max-width: 991px) {
        .resource-row .actions span {
          padding: 0;
          margin: 0 0 0 20px; } }
  @media screen and (max-width: 480px) {
    .resource-row .section-file {
      max-width: 50%;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%; }
    .resource-row .valid-file {
      max-width: 50%;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      padding: 0; }
    .resource-row .type-file {
      max-width: 100%;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      margin: 15px 0 0 0; } }

.resource-breadcrumb {
  margin: 20px 0 0 0; }
  .resource-breadcrumb a {
    color: #408DC5; }

h2.input-titile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 568px) {
    h2.input-titile {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  h2.input-titile .search-resource {
    background: #fff;
    padding: 0 10px;
    margin-left: 10px; }
    @media screen and (max-width: 568px) {
      h2.input-titile .search-resource {
        margin-left: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
    h2.input-titile .search-resource input {
      border: none; }
      @media screen and (max-width: 767px) {
        h2.input-titile .search-resource input {
          font-size: 20px; } }
      @media screen and (max-width: 568px) {
        h2.input-titile .search-resource input {
          width: 100%; } }
  @media screen and (max-width: 767px) {
    h2.input-titile span {
      font-size: 20px; } }
  @media screen and (max-width: 568px) {
    h2.input-titile span {
      margin: 0 0 12px 0; } }

.resource-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 991px) {
    .resource-title {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  .resource-title button {
    background: transparent;
    border: none; }

.add-resource {
  padding: 25px;
  background: #F5FCEA; }
  .add-resource .resource-row-sec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media screen and (max-width: 767px) {
      .add-resource .resource-row-sec {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    .add-resource .resource-row-sec button {
      margin: 25px 0;
      background: transparent;
      border: none;
      padding: 0;
      cursor: pointer; }
    .add-resource .resource-row-sec .resource-field {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 33%;
      margin: 0 0 35px 0; }
      @media screen and (max-width: 767px) {
        .add-resource .resource-row-sec .resource-field {
          width: 100%; } }
      .add-resource .resource-row-sec .resource-field label {
        margin: 0 0 8px 0; }
      .add-resource .resource-row-sec .resource-field input, .add-resource .resource-row-sec .resource-field select {
        border: solid 1px #d2d2d2;
        padding: 13px 15px;
        width: 100%;
        border-radius: 4px;
        background: #fff; }
    .add-resource .resource-row-sec .resource-field-full {
      width: 100%; }
      .add-resource .resource-row-sec .resource-field-full input {
        border: solid 1px #d2d2d2;
        padding: 13px 15px;
        width: 100%;
        border-radius: 4px; }
      .add-resource .resource-row-sec .resource-field-full textarea {
        width: 100%;
        height: 135px;
        resize: none;
        margin: 0 0 20px 0;
        border: solid 1px #d2d2d2;
        border-radius: 4px;
        padding: 13px 15px; }
    .add-resource .resource-row-sec p.button-title {
      margin: 30px 0 0 0; }
    .add-resource .resource-row-sec.button-row {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      @media screen and (max-width: 800px) {
        .add-resource .resource-row-sec.button-row .resource-button button {
          margin: 10px 0 0 0 !important; } }
    .add-resource .resource-row-sec .resource-button button {
      margin: 0 13px 0 0 !important;
      display: inline-block; }
    .add-resource .resource-row-sec .resource-video {
      max-width: 50%;
      width: 100%;
      position: relative;
      border: solid 20px #D6A770;
      border-radius: 40px; }
      @media screen and (max-width: 767px) {
        .add-resource .resource-row-sec .resource-video {
          max-width: 100%; } }
      .add-resource .resource-row-sec .resource-video .progress {
        position: absolute;
        top: 50%;
        z-index: 999;
        left: 50%;
        width: 75%;
        -ms-transform: translate(-48%, 0);
        transform: translate(-48%, 0);
        -webkit-transform: translate(-48%, 0); }
      .add-resource .resource-row-sec .resource-video img {
        width: 100%; }
  .add-resource .resource-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-top: solid 1px #d2d2d2;
    margin-top: 30px;
    padding-top: 25px; }
  .add-resource .sel-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .add-resource .sel-section .single-check {
      margin-right: 25px; }
      .add-resource .sel-section .single-check input[type="checkbox"] {
        border: solid 1px #000;
        width: auto; }
  .add-resource img {
    max-width: 100%; }

@media screen and (max-width: 768px) {
  .resource-video-modal {
    padding: 0 !important; } }

.resource-video-modal .modal-footer button {
  padding: 0;
  border: none; }
  .resource-video-modal .modal-footer button:hover {
    padding: 0;
    background: transparent; }

.resource-video-modal .modal-dialog {
  max-width: 800px;
  width: 100%;
  margin: 0px auto; }

.resource-video-modal .modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 767px) {
    .resource-video-modal .modal-header {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .resource-video-modal .modal-header label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 100%;
        margin-bottom: 5px;
        font-weight: bold;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; } }
  .resource-video-modal .modal-header input {
    display: inline-block;
    max-width: 115px;
    margin: 0 0 0 5px;
    padding: 5px;
    background: #FFFFFF;
    border: 2px solid rgba(255, 212, 102, 0.8);
    -webkit-box-shadow: 0px 8px 16px rgba(207, 159, 35, 0.2);
    box-shadow: 0px 8px 16px rgba(207, 159, 35, 0.2);
    border-radius: 8px; }
  .resource-video-modal .modal-header .resource-button button {
    background: transparent;
    border: none;
    padding: 0; }
    .resource-video-modal .modal-header .resource-button button img {
      width: 80%; }
  @media screen and (max-width: 767px) {
    .resource-video-modal .modal-header .time-outer {
      max-width: 50%;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%; }
    .resource-video-modal .modal-header .resource-button {
      width: 100%;
      max-width: 100%;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%; } }
  @media screen and (max-width: 767px) and (max-width: 360px) {
    .resource-video-modal .modal-header .resource-button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 10px 0 0 0; } }

.resource-video-modal .modal-video iframe {
  width: 100%; }

.resource-video-modal .modal-video img {
  width: 100%;
  height: auto; }

.resource-video-modal .time-outer label {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media screen and (max-width: 360px) {
    .resource-video-modal .time-outer label {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }

.resource-video-modal .time-outer .time-sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 5px;
  padding: 5px;
  background: #FFFFFF;
  border: 2px solid rgba(255, 212, 102, 0.8);
  -webkit-box-shadow: 0px 8px 16px rgba(207, 159, 35, 0.2);
  box-shadow: 0px 8px 16px rgba(207, 159, 35, 0.2);
  border-radius: 8px; }
  .resource-video-modal .time-outer .time-sec input {
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0;
    max-width: 40px !important;
    padding: 0;
    text-align: center; }
    @media screen and (max-width: 480px) {
      .resource-video-modal .time-outer .time-sec input {
        max-width: 30px !important; } }

.list-book-main {
  padding: 0 40px 40px; }
  @media screen and (max-width: 480px) {
    .list-book-main {
      padding: 0 15px 40px; } }
  .list-book-main .list-bokks-sec {
    width: 100%;
    margin: 0 0 15px 0;
    cursor: pointer; }
    .list-book-main .list-bokks-sec option {
      width: 100%; }
    .list-book-main .list-bokks-sec .book-list-ss {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      margin: 30px 0 0 0;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .list-book-main .list-bokks-sec .book-list-ss .sigle-book {
        background: #FFFFFF;
        -webkit-box-shadow: 0px 0px 2px rgba(40, 41, 61, 0.04), 0px 4px 8px rgba(96, 97, 112, 0.16);
        box-shadow: 0px 0px 2px rgba(40, 41, 61, 0.04), 0px 4px 8px rgba(96, 97, 112, 0.16);
        border-radius: 8px;
        max-width: 224px;
        min-width: 224px;
        width: 100%;
        margin: 0 14px 16px;
        overflow: hidden;
        height: 350px; }
        @media screen and (max-width: 374px) {
          .list-book-main .list-bokks-sec .book-list-ss .sigle-book {
            max-width: -webkit-max-content;
            max-width: -moz-max-content;
            max-width: max-content;
            min-width: auto;
            width: 100%;
            margin: 0 14px 16px;
            height: auto; } }
        .list-book-main .list-bokks-sec .book-list-ss .sigle-book p {
          font-size: 14px;
          padding: 10px 15px;
          margin: 0; }
        .list-book-main .list-bokks-sec .book-list-ss .sigle-book img {
          width: 100%; }
    .list-book-main .list-bokks-sec .collapse .option {
      background: #fff !important;
      padding: 25px; }
      .list-book-main .list-bokks-sec .collapse .option span {
        margin: 0;
        font-size: 16px !important;
        text-transform: uppercase; }
  .list-book-main .book-title {
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFA78), to(rgba(255, 208, 88, 0.8)));
    background: -webkit-linear-gradient(top, #FFFA78 0%, rgba(255, 208, 88, 0.8) 100%);
    background: -o-linear-gradient(top, #FFFA78 0%, rgba(255, 208, 88, 0.8) 100%);
    background: linear-gradient(180deg, #FFFA78 0%, rgba(255, 208, 88, 0.8) 100%);
    border: 2px solid rgba(255, 212, 102, 0.8);
    -webkit-box-shadow: 0px 8px 16px rgba(207, 159, 35, 0.5);
    box-shadow: 0px 8px 16px rgba(207, 159, 35, 0.5);
    border-radius: 8px;
    padding: 20px;
    font-size: 16px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .list-book-main .book-title .expand-img img {
      width: 28px;
      height: auto; }
    .list-book-main .book-title .expand-img .plus {
      display: block; }
    .list-book-main .book-title .expand-img .minus {
      display: none; }
    .list-book-main .book-title.active .plus {
      display: none; }
    .list-book-main .book-title.active .minus {
      display: block; }
@media screen and (max-width: 767px){
  div#all_child_profiles_in_white_bar{
    display: unset !important;
  }
}

/*on mobile screen 767px for cookies notification*/
@media(max-width:767px)
{
.cookies-model-dialog {
    margin: 0px !important;
}
.cookies-model-body{
padding:0px !important;
}
.cookies-model-body .form-group{
margin-bottom:0px !important;
}
.cookies-model-flex img{
    position: relative;
    right: 100px;
}
.cookies-model-text-area{
position: relative;
    right: 50px;
}
.cookies-model-button{
left:35% !important;
padding: 8px 30px 8px 30px; font-size: 12px; margin-top: 20px; position: relative; margin-top: 40px;
}
}


@media(max-width:768px){

.mobile-profile-textarea{
margin-top: 30px;

}

}