/**/
/*pallete*/
/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.5.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}
.fa-2x {
    font-size: 2em
}
.fa-3x {
    font-size: 3em
}
.fa-4x {
    font-size: 4em
}
.fa-5x {
    font-size: 5em
}
.fa-fw {
    width: 1.28571429em;
    text-align: center
}
.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}
.fa-ul>li {
    position: relative
}
.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}
.fa-li.fa-lg {
    left: -1.85714286em
}
.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}
.fa-pull-left {
    float: left
}
.fa-pull-right {
    float: right
}
.fa.fa-pull-left {
    margin-right: .3em
}
.fa.fa-pull-right {
    margin-left: .3em
}
.pull-right {
    float: right
}
.pull-left {
    float: left
}
.fa.pull-left {
    margin-right: .3em
}
.fa.pull-right {
    margin-left: .3em
}
.fa-spin {
    animation: fa-spin 2s infinite linear
}
.fa-pulse {
    animation: fa-spin 1s infinite steps(8)
}
@keyframes fa-spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(359deg)
    }
}
.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    transform: rotate(90deg)
}
.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    transform: rotate(180deg)
}
.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    transform: rotate(270deg)
}
.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    transform: scale(-1, 1)
}
.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    transform: scale(1, -1)
}
:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical {
    filter: none
}
.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}
.fa-stack-1x,.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}
.fa-stack-1x {
    line-height: inherit
}
.fa-stack-2x {
    font-size: 2em
}
.fa-inverse {
    color: #fff
}
.fa-glass:before {
    content: "\f000"
}
.fa-music:before {
    content: "\f001"
}
.fa-search:before {
    content: "\f002"
}
.fa-envelope-o:before {
    content: "\f003"
}
.fa-heart:before {
    content: "\f004"
}
.fa-star:before {
    content: "\f005"
}
.fa-star-o:before {
    content: "\f006"
}
.fa-user:before {
    content: "\f007"
}
.fa-film:before {
    content: "\f008"
}
.fa-th-large:before {
    content: "\f009"
}
.fa-th:before {
    content: "\f00a"
}
.fa-th-list:before {
    content: "\f00b"
}
.fa-check:before {
    content: "\f00c"
}
.fa-remove:before,.fa-close:before,.fa-times:before {
    content: "\f00d"
}
.fa-search-plus:before {
    content: "\f00e"
}
.fa-search-minus:before {
    content: "\f010"
}
.fa-power-off:before {
    content: "\f011"
}
.fa-signal:before {
    content: "\f012"
}
.fa-gear:before,.fa-cog:before {
    content: "\f013"
}
.fa-trash-o:before {
    content: "\f014"
}
.fa-home:before {
    content: "\f015"
}
.fa-file-o:before {
    content: "\f016"
}
.fa-clock-o:before {
    content: "\f017"
}
.fa-road:before {
    content: "\f018"
}
.fa-download:before {
    content: "\f019"
}
.fa-arrow-circle-o-down:before {
    content: "\f01a"
}
.fa-arrow-circle-o-up:before {
    content: "\f01b"
}
.fa-inbox:before {
    content: "\f01c"
}
.fa-play-circle-o:before {
    content: "\f01d"
}
.fa-rotate-right:before,.fa-repeat:before {
    content: "\f01e"
}
.fa-refresh:before {
    content: "\f021"
}
.fa-list-alt:before {
    content: "\f022"
}
.fa-lock:before {
    content: "\f023"
}
.fa-flag:before {
    content: "\f024"
}
.fa-headphones:before {
    content: "\f025"
}
.fa-volume-off:before {
    content: "\f026"
}
.fa-volume-down:before {
    content: "\f027"
}
.fa-volume-up:before {
    content: "\f028"
}
.fa-qrcode:before {
    content: "\f029"
}
.fa-barcode:before {
    content: "\f02a"
}
.fa-tag:before {
    content: "\f02b"
}
.fa-tags:before {
    content: "\f02c"
}
.fa-book:before {
    content: "\f02d"
}
.fa-bookmark:before {
    content: "\f02e"
}
.fa-print:before {
    content: "\f02f"
}
.fa-camera:before {
    content: "\f030"
}
.fa-font:before {
    content: "\f031"
}
.fa-bold:before {
    content: "\f032"
}
.fa-italic:before {
    content: "\f033"
}
.fa-text-height:before {
    content: "\f034"
}
.fa-text-width:before {
    content: "\f035"
}
.fa-align-left:before {
    content: "\f036"
}
.fa-align-center:before {
    content: "\f037"
}
.fa-align-right:before {
    content: "\f038"
}
.fa-align-justify:before {
    content: "\f039"
}
.fa-list:before {
    content: "\f03a"
}
.fa-dedent:before,.fa-outdent:before {
    content: "\f03b"
}
.fa-indent:before {
    content: "\f03c"
}
.fa-video-camera:before {
    content: "\f03d"
}
.fa-photo:before,.fa-image:before,.fa-picture-o:before {
    content: "\f03e"
}
.fa-pencil:before {
    content: "\f040"
}
.fa-map-marker:before {
    content: "\f041"
}
.fa-adjust:before {
    content: "\f042"
}
.fa-tint:before {
    content: "\f043"
}
.fa-edit:before,.fa-pencil-square-o:before {
    content: "\f044"
}
.fa-share-square-o:before {
    content: "\f045"
}
.fa-check-square-o:before {
    content: "\f046"
}
.fa-arrows:before {
    content: "\f047"
}
.fa-step-backward:before {
    content: "\f048"
}
.fa-fast-backward:before {
    content: "\f049"
}
.fa-backward:before {
    content: "\f04a"
}
.fa-play:before {
    content: "\f04b"
}
.fa-pause:before {
    content: "\f04c"
}
.fa-stop:before {
    content: "\f04d"
}
.fa-forward:before {
    content: "\f04e"
}
.fa-fast-forward:before {
    content: "\f050"
}
.fa-step-forward:before {
    content: "\f051"
}
.fa-eject:before {
    content: "\f052"
}
.fa-chevron-left:before {
    content: "\f053"
}
.fa-chevron-right:before {
    content: "\f054"
}
.fa-plus-circle:before {
    content: "\f055"
}
.fa-minus-circle:before {
    content: "\f056"
}
.fa-times-circle:before {
    content: "\f057"
}
.fa-check-circle:before {
    content: "\f058"
}
.fa-question-circle:before {
    content: "\f059"
}
.fa-info-circle:before {
    content: "\f05a"
}
.fa-crosshairs:before {
    content: "\f05b"
}
.fa-times-circle-o:before {
    content: "\f05c"
}
.fa-check-circle-o:before {
    content: "\f05d"
}
.fa-ban:before {
    content: "\f05e"
}
.fa-arrow-left:before {
    content: "\f060"
}
.fa-arrow-right:before {
    content: "\f061"
}
.fa-arrow-up:before {
    content: "\f062"
}
.fa-arrow-down:before {
    content: "\f063"
}
.fa-mail-forward:before,.fa-share:before {
    content: "\f064"
}
.fa-expand:before {
    content: "\f065"
}
.fa-compress:before {
    content: "\f066"
}
.fa-plus:before {
    content: "\f067"
}
.fa-minus:before {
    content: "\f068"
}
.fa-asterisk:before {
    content: "\f069"
}
.fa-exclamation-circle:before {
    content: "\f06a"
}
.fa-gift:before {
    content: "\f06b"
}
.fa-leaf:before {
    content: "\f06c"
}
.fa-fire:before {
    content: "\f06d"
}
.fa-eye:before {
    content: "\f06e"
}
.fa-eye-slash:before {
    content: "\f070"
}
.fa-warning:before,.fa-exclamation-triangle:before {
    content: "\f071"
}
.fa-plane:before {
    content: "\f072"
}
.fa-calendar:before {
    content: "\f073"
}
.fa-random:before {
    content: "\f074"
}
.fa-comment:before {
    content: "\f075"
}
.fa-magnet:before {
    content: "\f076"
}
.fa-chevron-up:before {
    content: "\f077"
}
.fa-chevron-down:before {
    content: "\f078"
}
.fa-retweet:before {
    content: "\f079"
}
.fa-shopping-cart:before {
    content: "\f07a"
}
.fa-folder:before {
    content: "\f07b"
}
.fa-folder-open:before {
    content: "\f07c"
}
.fa-arrows-v:before {
    content: "\f07d"
}
.fa-arrows-h:before {
    content: "\f07e"
}
.fa-bar-chart-o:before,.fa-bar-chart:before {
    content: "\f080"
}
.fa-twitter-square:before {
    content: "\f081"
}
.fa-facebook-square:before {
    content: "\f082"
}
.fa-camera-retro:before {
    content: "\f083"
}
.fa-key:before {
    content: "\f084"
}
.fa-gears:before,.fa-cogs:before {
    content: "\f085"
}
.fa-comments:before {
    content: "\f086"
}
.fa-thumbs-o-up:before {
    content: "\f087"
}
.fa-thumbs-o-down:before {
    content: "\f088"
}
.fa-star-half:before {
    content: "\f089"
}
.fa-heart-o:before {
    content: "\f08a"
}
.fa-sign-out:before {
    content: "\f08b"
}
.fa-linkedin-square:before {
    content: "\f08c"
}
.fa-thumb-tack:before {
    content: "\f08d"
}
.fa-external-link:before {
    content: "\f08e"
}
.fa-sign-in:before {
    content: "\f090"
}
.fa-trophy:before {
    content: "\f091"
}
.fa-github-square:before {
    content: "\f092"
}
.fa-upload:before {
    content: "\f093"
}
.fa-lemon-o:before {
    content: "\f094"
}
.fa-phone:before {
    content: "\f095"
}
.fa-square-o:before {
    content: "\f096"
}
.fa-bookmark-o:before {
    content: "\f097"
}
.fa-phone-square:before {
    content: "\f098"
}
.fa-twitter:before {
    content: "\f099"
}
.fa-facebook-f:before,.fa-facebook:before {
    content: "\f09a"
}
.fa-github:before {
    content: "\f09b"
}
.fa-unlock:before {
    content: "\f09c"
}
.fa-credit-card:before {
    content: "\f09d"
}
.fa-feed:before,.fa-rss:before {
    content: "\f09e"
}
.fa-hdd-o:before {
    content: "\f0a0"
}
.fa-bullhorn:before {
    content: "\f0a1"
}
.fa-bell:before {
    content: "\f0f3"
}
.fa-certificate:before {
    content: "\f0a3"
}
.fa-hand-o-right:before {
    content: "\f0a4"
}
.fa-hand-o-left:before {
    content: "\f0a5"
}
.fa-hand-o-up:before {
    content: "\f0a6"
}
.fa-hand-o-down:before {
    content: "\f0a7"
}
.fa-arrow-circle-left:before {
    content: "\f0a8"
}
.fa-arrow-circle-right:before {
    content: "\f0a9"
}
.fa-arrow-circle-up:before {
    content: "\f0aa"
}
.fa-arrow-circle-down:before {
    content: "\f0ab"
}
.fa-globe:before {
    content: "\f0ac"
}
.fa-wrench:before {
    content: "\f0ad"
}
.fa-tasks:before {
    content: "\f0ae"
}
.fa-filter:before {
    content: "\f0b0"
}
.fa-briefcase:before {
    content: "\f0b1"
}
.fa-arrows-alt:before {
    content: "\f0b2"
}
.fa-group:before,.fa-users:before {
    content: "\f0c0"
}
.fa-chain:before,.fa-link:before {
    content: "\f0c1"
}
.fa-cloud:before {
    content: "\f0c2"
}
.fa-flask:before {
    content: "\f0c3"
}
.fa-cut:before,.fa-scissors:before {
    content: "\f0c4"
}
.fa-copy:before,.fa-files-o:before {
    content: "\f0c5"
}
.fa-paperclip:before {
    content: "\f0c6"
}
.fa-save:before,.fa-floppy-o:before {
    content: "\f0c7"
}
.fa-square:before {
    content: "\f0c8"
}
.fa-navicon:before,.fa-reorder:before,.fa-bars:before {
    content: "\f0c9"
}
.fa-list-ul:before {
    content: "\f0ca"
}
.fa-list-ol:before {
    content: "\f0cb"
}
.fa-strikethrough:before {
    content: "\f0cc"
}
.fa-underline:before {
    content: "\f0cd"
}
.fa-table:before {
    content: "\f0ce"
}
.fa-magic:before {
    content: "\f0d0"
}
.fa-truck:before {
    content: "\f0d1"
}
.fa-pinterest:before {
    content: "\f0d2"
}
.fa-pinterest-square:before {
    content: "\f0d3"
}
.fa-google-plus-square:before {
    content: "\f0d4"
}
.fa-google-plus:before {
    content: "\f0d5"
}
.fa-money:before {
    content: "\f0d6"
}
.fa-caret-down:before {
    content: "\f0d7"
}
.fa-caret-up:before {
    content: "\f0d8"
}
.fa-caret-left:before {
    content: "\f0d9"
}
.fa-caret-right:before {
    content: "\f0da"
}
.fa-columns:before {
    content: "\f0db"
}
.fa-unsorted:before,.fa-sort:before {
    content: "\f0dc"
}
.fa-sort-down:before,.fa-sort-desc:before {
    content: "\f0dd"
}
.fa-sort-up:before,.fa-sort-asc:before {
    content: "\f0de"
}
.fa-envelope:before {
    content: "\f0e0"
}
.fa-linkedin:before {
    content: "\f0e1"
}
.fa-rotate-left:before,.fa-undo:before {
    content: "\f0e2"
}
.fa-legal:before,.fa-gavel:before {
    content: "\f0e3"
}
.fa-dashboard:before,.fa-tachometer:before {
    content: "\f0e4"
}
.fa-comment-o:before {
    content: "\f0e5"
}
.fa-comments-o:before {
    content: "\f0e6"
}
.fa-flash:before,.fa-bolt:before {
    content: "\f0e7"
}
.fa-sitemap:before {
    content: "\f0e8"
}
.fa-umbrella:before {
    content: "\f0e9"
}
.fa-paste:before,.fa-clipboard:before {
    content: "\f0ea"
}
.fa-lightbulb-o:before {
    content: "\f0eb"
}
.fa-exchange:before {
    content: "\f0ec"
}
.fa-cloud-download:before {
    content: "\f0ed"
}
.fa-cloud-upload:before {
    content: "\f0ee"
}
.fa-user-md:before {
    content: "\f0f0"
}
.fa-stethoscope:before {
    content: "\f0f1"
}
.fa-suitcase:before {
    content: "\f0f2"
}
.fa-bell-o:before {
    content: "\f0a2"
}
.fa-coffee:before {
    content: "\f0f4"
}
.fa-cutlery:before {
    content: "\f0f5"
}
.fa-file-text-o:before {
    content: "\f0f6"
}
.fa-building-o:before {
    content: "\f0f7"
}
.fa-hospital-o:before {
    content: "\f0f8"
}
.fa-ambulance:before {
    content: "\f0f9"
}
.fa-medkit:before {
    content: "\f0fa"
}
.fa-fighter-jet:before {
    content: "\f0fb"
}
.fa-beer:before {
    content: "\f0fc"
}
.fa-h-square:before {
    content: "\f0fd"
}
.fa-plus-square:before {
    content: "\f0fe"
}
.fa-angle-double-left:before {
    content: "\f100"
}
.fa-angle-double-right:before {
    content: "\f101"
}
.fa-angle-double-up:before {
    content: "\f102"
}
.fa-angle-double-down:before {
    content: "\f103"
}
.fa-angle-left:before {
    content: "\f104"
}
.fa-angle-right:before {
    content: "\f105"
}
.fa-angle-up:before {
    content: "\f106"
}
.fa-angle-down:before {
    content: "\f107"
}
.fa-desktop:before {
    content: "\f108"
}
.fa-laptop:before {
    content: "\f109"
}
.fa-tablet:before {
    content: "\f10a"
}
.fa-mobile-phone:before,.fa-mobile:before {
    content: "\f10b"
}
.fa-circle-o:before {
    content: "\f10c"
}
.fa-quote-left:before {
    content: "\f10d"
}
.fa-quote-right:before {
    content: "\f10e"
}
.fa-spinner:before {
    content: "\f110"
}
.fa-circle:before {
    content: "\f111"
}
.fa-mail-reply:before,.fa-reply:before {
    content: "\f112"
}
.fa-github-alt:before {
    content: "\f113"
}
.fa-folder-o:before {
    content: "\f114"
}
.fa-folder-open-o:before {
    content: "\f115"
}
.fa-smile-o:before {
    content: "\f118"
}
.fa-frown-o:before {
    content: "\f119"
}
.fa-meh-o:before {
    content: "\f11a"
}
.fa-gamepad:before {
    content: "\f11b"
}
.fa-keyboard-o:before {
    content: "\f11c"
}
.fa-flag-o:before {
    content: "\f11d"
}
.fa-flag-checkered:before {
    content: "\f11e"
}
.fa-terminal:before {
    content: "\f120"
}
.fa-code:before {
    content: "\f121"
}
.fa-mail-reply-all:before,.fa-reply-all:before {
    content: "\f122"
}
.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before {
    content: "\f123"
}
.fa-location-arrow:before {
    content: "\f124"
}
.fa-crop:before {
    content: "\f125"
}
.fa-code-fork:before {
    content: "\f126"
}
.fa-unlink:before,.fa-chain-broken:before {
    content: "\f127"
}
.fa-question:before {
    content: "\f128"
}
.fa-info:before {
    content: "\f129"
}
.fa-exclamation:before {
    content: "\f12a"
}
.fa-superscript:before {
    content: "\f12b"
}
.fa-subscript:before {
    content: "\f12c"
}
.fa-eraser:before {
    content: "\f12d"
}
.fa-puzzle-piece:before {
    content: "\f12e"
}
.fa-microphone:before {
    content: "\f130"
}
.fa-microphone-slash:before {
    content: "\f131"
}
.fa-shield:before {
    content: "\f132"
}
.fa-calendar-o:before {
    content: "\f133"
}
.fa-fire-extinguisher:before {
    content: "\f134"
}
.fa-rocket:before {
    content: "\f135"
}
.fa-maxcdn:before {
    content: "\f136"
}
.fa-chevron-circle-left:before {
    content: "\f137"
}
.fa-chevron-circle-right:before {
    content: "\f138"
}
.fa-chevron-circle-up:before {
    content: "\f139"
}
.fa-chevron-circle-down:before {
    content: "\f13a"
}
.fa-html5:before {
    content: "\f13b"
}
.fa-css3:before {
    content: "\f13c"
}
.fa-anchor:before {
    content: "\f13d"
}
.fa-unlock-alt:before {
    content: "\f13e"
}
.fa-bullseye:before {
    content: "\f140"
}
.fa-ellipsis-h:before {
    content: "\f141"
}
.fa-ellipsis-v:before {
    content: "\f142"
}
.fa-rss-square:before {
    content: "\f143"
}
.fa-play-circle:before {
    content: "\f144"
}
.fa-ticket:before {
    content: "\f145"
}
.fa-minus-square:before {
    content: "\f146"
}
.fa-minus-square-o:before {
    content: "\f147"
}
.fa-level-up:before {
    content: "\f148"
}
.fa-level-down:before {
    content: "\f149"
}
.fa-check-square:before {
    content: "\f14a"
}
.fa-pencil-square:before {
    content: "\f14b"
}
.fa-external-link-square:before {
    content: "\f14c"
}
.fa-share-square:before {
    content: "\f14d"
}
.fa-compass:before {
    content: "\f14e"
}
.fa-toggle-down:before,.fa-caret-square-o-down:before {
    content: "\f150"
}
.fa-toggle-up:before,.fa-caret-square-o-up:before {
    content: "\f151"
}
.fa-toggle-right:before,.fa-caret-square-o-right:before {
    content: "\f152"
}
.fa-euro:before,.fa-eur:before {
    content: "\f153"
}
.fa-gbp:before {
    content: "\f154"
}
.fa-dollar:before,.fa-usd:before {
    content: "\f155"
}
.fa-rupee:before,.fa-inr:before {
    content: "\f156"
}
.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before {
    content: "\f157"
}
.fa-ruble:before,.fa-rouble:before,.fa-rub:before {
    content: "\f158"
}
.fa-won:before,.fa-krw:before {
    content: "\f159"
}
.fa-bitcoin:before,.fa-btc:before {
    content: "\f15a"
}
.fa-file:before {
    content: "\f15b"
}
.fa-file-text:before {
    content: "\f15c"
}
.fa-sort-alpha-asc:before {
    content: "\f15d"
}
.fa-sort-alpha-desc:before {
    content: "\f15e"
}
.fa-sort-amount-asc:before {
    content: "\f160"
}
.fa-sort-amount-desc:before {
    content: "\f161"
}
.fa-sort-numeric-asc:before {
    content: "\f162"
}
.fa-sort-numeric-desc:before {
    content: "\f163"
}
.fa-thumbs-up:before {
    content: "\f164"
}
.fa-thumbs-down:before {
    content: "\f165"
}
.fa-youtube-square:before {
    content: "\f166"
}
.fa-youtube:before {
    content: "\f167"
}
.fa-xing:before {
    content: "\f168"
}
.fa-xing-square:before {
    content: "\f169"
}
.fa-youtube-play:before {
    content: "\f16a"
}
.fa-dropbox:before {
    content: "\f16b"
}
.fa-stack-overflow:before {
    content: "\f16c"
}
.fa-instagram:before {
    content: "\f16d"
}
.fa-flickr:before {
    content: "\f16e"
}
.fa-adn:before {
    content: "\f170"
}
.fa-bitbucket:before {
    content: "\f171"
}
.fa-bitbucket-square:before {
    content: "\f172"
}
.fa-tumblr:before {
    content: "\f173"
}
.fa-tumblr-square:before {
    content: "\f174"
}
.fa-long-arrow-down:before {
    content: "\f175"
}
.fa-long-arrow-up:before {
    content: "\f176"
}
.fa-long-arrow-left:before {
    content: "\f177"
}
.fa-long-arrow-right:before {
    content: "\f178"
}
.fa-apple:before {
    content: "\f179"
}
.fa-windows:before {
    content: "\f17a"
}
.fa-android:before {
    content: "\f17b"
}
.fa-linux:before {
    content: "\f17c"
}
.fa-dribbble:before {
    content: "\f17d"
}
.fa-skype:before {
    content: "\f17e"
}
.fa-foursquare:before {
    content: "\f180"
}
.fa-trello:before {
    content: "\f181"
}
.fa-female:before {
    content: "\f182"
}
.fa-male:before {
    content: "\f183"
}
.fa-gittip:before,.fa-gratipay:before {
    content: "\f184"
}
.fa-sun-o:before {
    content: "\f185"
}
.fa-moon-o:before {
    content: "\f186"
}
.fa-archive:before {
    content: "\f187"
}
.fa-bug:before {
    content: "\f188"
}
.fa-vk:before {
    content: "\f189"
}
.fa-weibo:before {
    content: "\f18a"
}
.fa-renren:before {
    content: "\f18b"
}
.fa-pagelines:before {
    content: "\f18c"
}
.fa-stack-exchange:before {
    content: "\f18d"
}
.fa-arrow-circle-o-right:before {
    content: "\f18e"
}
.fa-arrow-circle-o-left:before {
    content: "\f190"
}
.fa-toggle-left:before,.fa-caret-square-o-left:before {
    content: "\f191"
}
.fa-dot-circle-o:before {
    content: "\f192"
}
.fa-wheelchair:before {
    content: "\f193"
}
.fa-vimeo-square:before {
    content: "\f194"
}
.fa-turkish-lira:before,.fa-try:before {
    content: "\f195"
}
.fa-plus-square-o:before {
    content: "\f196"
}
.fa-space-shuttle:before {
    content: "\f197"
}
.fa-slack:before {
    content: "\f198"
}
.fa-envelope-square:before {
    content: "\f199"
}
.fa-wordpress:before {
    content: "\f19a"
}
.fa-openid:before {
    content: "\f19b"
}
.fa-institution:before,.fa-bank:before,.fa-university:before {
    content: "\f19c"
}
.fa-mortar-board:before,.fa-graduation-cap:before {
    content: "\f19d"
}
.fa-yahoo:before {
    content: "\f19e"
}
.fa-google:before {
    content: "\f1a0"
}
.fa-reddit:before {
    content: "\f1a1"
}
.fa-reddit-square:before {
    content: "\f1a2"
}
.fa-stumbleupon-circle:before {
    content: "\f1a3"
}
.fa-stumbleupon:before {
    content: "\f1a4"
}
.fa-delicious:before {
    content: "\f1a5"
}
.fa-digg:before {
    content: "\f1a6"
}
.fa-pied-piper:before {
    content: "\f1a7"
}
.fa-pied-piper-alt:before {
    content: "\f1a8"
}
.fa-drupal:before {
    content: "\f1a9"
}
.fa-joomla:before {
    content: "\f1aa"
}
.fa-language:before {
    content: "\f1ab"
}
.fa-fax:before {
    content: "\f1ac"
}
.fa-building:before {
    content: "\f1ad"
}
.fa-child:before {
    content: "\f1ae"
}
.fa-paw:before {
    content: "\f1b0"
}
.fa-spoon:before {
    content: "\f1b1"
}
.fa-cube:before {
    content: "\f1b2"
}
.fa-cubes:before {
    content: "\f1b3"
}
.fa-behance:before {
    content: "\f1b4"
}
.fa-behance-square:before {
    content: "\f1b5"
}
.fa-steam:before {
    content: "\f1b6"
}
.fa-steam-square:before {
    content: "\f1b7"
}
.fa-recycle:before {
    content: "\f1b8"
}
.fa-automobile:before,.fa-car:before {
    content: "\f1b9"
}
.fa-cab:before,.fa-taxi:before {
    content: "\f1ba"
}
.fa-tree:before {
    content: "\f1bb"
}
.fa-spotify:before {
    content: "\f1bc"
}
.fa-deviantart:before {
    content: "\f1bd"
}
.fa-soundcloud:before {
    content: "\f1be"
}
.fa-database:before {
    content: "\f1c0"
}
.fa-file-pdf-o:before {
    content: "\f1c1"
}
.fa-file-word-o:before {
    content: "\f1c2"
}
.fa-file-excel-o:before {
    content: "\f1c3"
}
.fa-file-powerpoint-o:before {
    content: "\f1c4"
}
.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before {
    content: "\f1c5"
}
.fa-file-zip-o:before,.fa-file-archive-o:before {
    content: "\f1c6"
}
.fa-file-sound-o:before,.fa-file-audio-o:before {
    content: "\f1c7"
}
.fa-file-movie-o:before,.fa-file-video-o:before {
    content: "\f1c8"
}
.fa-file-code-o:before {
    content: "\f1c9"
}
.fa-vine:before {
    content: "\f1ca"
}
.fa-codepen:before {
    content: "\f1cb"
}
.fa-jsfiddle:before {
    content: "\f1cc"
}
.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before {
    content: "\f1cd"
}
.fa-circle-o-notch:before {
    content: "\f1ce"
}
.fa-ra:before,.fa-rebel:before {
    content: "\f1d0"
}
.fa-ge:before,.fa-empire:before {
    content: "\f1d1"
}
.fa-git-square:before {
    content: "\f1d2"
}
.fa-git:before {
    content: "\f1d3"
}
.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before {
    content: "\f1d4"
}
.fa-tencent-weibo:before {
    content: "\f1d5"
}
.fa-qq:before {
    content: "\f1d6"
}
.fa-wechat:before,.fa-weixin:before {
    content: "\f1d7"
}
.fa-send:before,.fa-paper-plane:before {
    content: "\f1d8"
}
.fa-send-o:before,.fa-paper-plane-o:before {
    content: "\f1d9"
}
.fa-history:before {
    content: "\f1da"
}
.fa-circle-thin:before {
    content: "\f1db"
}
.fa-header:before {
    content: "\f1dc"
}
.fa-paragraph:before {
    content: "\f1dd"
}
.fa-sliders:before {
    content: "\f1de"
}
.fa-share-alt:before {
    content: "\f1e0"
}
.fa-share-alt-square:before {
    content: "\f1e1"
}
.fa-bomb:before {
    content: "\f1e2"
}
.fa-soccer-ball-o:before,.fa-futbol-o:before {
    content: "\f1e3"
}
.fa-tty:before {
    content: "\f1e4"
}
.fa-binoculars:before {
    content: "\f1e5"
}
.fa-plug:before {
    content: "\f1e6"
}
.fa-slideshare:before {
    content: "\f1e7"
}
.fa-twitch:before {
    content: "\f1e8"
}
.fa-yelp:before {
    content: "\f1e9"
}
.fa-newspaper-o:before {
    content: "\f1ea"
}
.fa-wifi:before {
    content: "\f1eb"
}
.fa-calculator:before {
    content: "\f1ec"
}
.fa-paypal:before {
    content: "\f1ed"
}
.fa-google-wallet:before {
    content: "\f1ee"
}
.fa-cc-visa:before {
    content: "\f1f0"
}
.fa-cc-mastercard:before {
    content: "\f1f1"
}
.fa-cc-discover:before {
    content: "\f1f2"
}
.fa-cc-amex:before {
    content: "\f1f3"
}
.fa-cc-paypal:before {
    content: "\f1f4"
}
.fa-cc-stripe:before {
    content: "\f1f5"
}
.fa-bell-slash:before {
    content: "\f1f6"
}
.fa-bell-slash-o:before {
    content: "\f1f7"
}
.fa-trash:before {
    content: "\f1f8"
}
.fa-copyright:before {
    content: "\f1f9"
}
.fa-at:before {
    content: "\f1fa"
}
.fa-eyedropper:before {
    content: "\f1fb"
}
.fa-paint-brush:before {
    content: "\f1fc"
}
.fa-birthday-cake:before {
    content: "\f1fd"
}
.fa-area-chart:before {
    content: "\f1fe"
}
.fa-pie-chart:before {
    content: "\f200"
}
.fa-line-chart:before {
    content: "\f201"
}
.fa-lastfm:before {
    content: "\f202"
}
.fa-lastfm-square:before {
    content: "\f203"
}
.fa-toggle-off:before {
    content: "\f204"
}
.fa-toggle-on:before {
    content: "\f205"
}
.fa-bicycle:before {
    content: "\f206"
}
.fa-bus:before {
    content: "\f207"
}
.fa-ioxhost:before {
    content: "\f208"
}
.fa-angellist:before {
    content: "\f209"
}
.fa-cc:before {
    content: "\f20a"
}
.fa-shekel:before,.fa-sheqel:before,.fa-ils:before {
    content: "\f20b"
}
.fa-meanpath:before {
    content: "\f20c"
}
.fa-buysellads:before {
    content: "\f20d"
}
.fa-connectdevelop:before {
    content: "\f20e"
}
.fa-dashcube:before {
    content: "\f210"
}
.fa-forumbee:before {
    content: "\f211"
}
.fa-leanpub:before {
    content: "\f212"
}
.fa-sellsy:before {
    content: "\f213"
}
.fa-shirtsinbulk:before {
    content: "\f214"
}
.fa-simplybuilt:before {
    content: "\f215"
}
.fa-skyatlas:before {
    content: "\f216"
}
.fa-cart-plus:before {
    content: "\f217"
}
.fa-cart-arrow-down:before {
    content: "\f218"
}
.fa-diamond:before {
    content: "\f219"
}
.fa-ship:before {
    content: "\f21a"
}
.fa-user-secret:before {
    content: "\f21b"
}
.fa-motorcycle:before {
    content: "\f21c"
}
.fa-street-view:before {
    content: "\f21d"
}
.fa-heartbeat:before {
    content: "\f21e"
}
.fa-venus:before {
    content: "\f221"
}
.fa-mars:before {
    content: "\f222"
}
.fa-mercury:before {
    content: "\f223"
}
.fa-intersex:before,.fa-transgender:before {
    content: "\f224"
}
.fa-transgender-alt:before {
    content: "\f225"
}
.fa-venus-double:before {
    content: "\f226"
}
.fa-mars-double:before {
    content: "\f227"
}
.fa-venus-mars:before {
    content: "\f228"
}
.fa-mars-stroke:before {
    content: "\f229"
}
.fa-mars-stroke-v:before {
    content: "\f22a"
}
.fa-mars-stroke-h:before {
    content: "\f22b"
}
.fa-neuter:before {
    content: "\f22c"
}
.fa-genderless:before {
    content: "\f22d"
}
.fa-facebook-official:before {
    content: "\f230"
}
.fa-pinterest-p:before {
    content: "\f231"
}
.fa-whatsapp:before {
    content: "\f232"
}
.fa-server:before {
    content: "\f233"
}
.fa-user-plus:before {
    content: "\f234"
}
.fa-user-times:before {
    content: "\f235"
}
.fa-hotel:before,.fa-bed:before {
    content: "\f236"
}
.fa-viacoin:before {
    content: "\f237"
}
.fa-train:before {
    content: "\f238"
}
.fa-subway:before {
    content: "\f239"
}
.fa-medium:before {
    content: "\f23a"
}
.fa-yc:before,.fa-y-combinator:before {
    content: "\f23b"
}
.fa-optin-monster:before {
    content: "\f23c"
}
.fa-opencart:before {
    content: "\f23d"
}
.fa-expeditedssl:before {
    content: "\f23e"
}
.fa-battery-4:before,.fa-battery-full:before {
    content: "\f240"
}
.fa-battery-3:before,.fa-battery-three-quarters:before {
    content: "\f241"
}
.fa-battery-2:before,.fa-battery-half:before {
    content: "\f242"
}
.fa-battery-1:before,.fa-battery-quarter:before {
    content: "\f243"
}
.fa-battery-0:before,.fa-battery-empty:before {
    content: "\f244"
}
.fa-mouse-pointer:before {
    content: "\f245"
}
.fa-i-cursor:before {
    content: "\f246"
}
.fa-object-group:before {
    content: "\f247"
}
.fa-object-ungroup:before {
    content: "\f248"
}
.fa-sticky-note:before {
    content: "\f249"
}
.fa-sticky-note-o:before {
    content: "\f24a"
}
.fa-cc-jcb:before {
    content: "\f24b"
}
.fa-cc-diners-club:before {
    content: "\f24c"
}
.fa-clone:before {
    content: "\f24d"
}
.fa-balance-scale:before {
    content: "\f24e"
}
.fa-hourglass-o:before {
    content: "\f250"
}
.fa-hourglass-1:before,.fa-hourglass-start:before {
    content: "\f251"
}
.fa-hourglass-2:before,.fa-hourglass-half:before {
    content: "\f252"
}
.fa-hourglass-3:before,.fa-hourglass-end:before {
    content: "\f253"
}
.fa-hourglass:before {
    content: "\f254"
}
.fa-hand-grab-o:before,.fa-hand-rock-o:before {
    content: "\f255"
}
.fa-hand-stop-o:before,.fa-hand-paper-o:before {
    content: "\f256"
}
.fa-hand-scissors-o:before {
    content: "\f257"
}
.fa-hand-lizard-o:before {
    content: "\f258"
}
.fa-hand-spock-o:before {
    content: "\f259"
}
.fa-hand-pointer-o:before {
    content: "\f25a"
}
.fa-hand-peace-o:before {
    content: "\f25b"
}
.fa-trademark:before {
    content: "\f25c"
}
.fa-registered:before {
    content: "\f25d"
}
.fa-creative-commons:before {
    content: "\f25e"
}
.fa-gg:before {
    content: "\f260"
}
.fa-gg-circle:before {
    content: "\f261"
}
.fa-tripadvisor:before {
    content: "\f262"
}
.fa-odnoklassniki:before {
    content: "\f263"
}
.fa-odnoklassniki-square:before {
    content: "\f264"
}
.fa-get-pocket:before {
    content: "\f265"
}
.fa-wikipedia-w:before {
    content: "\f266"
}
.fa-safari:before {
    content: "\f267"
}
.fa-chrome:before {
    content: "\f268"
}
.fa-firefox:before {
    content: "\f269"
}
.fa-opera:before {
    content: "\f26a"
}
.fa-internet-explorer:before {
    content: "\f26b"
}
.fa-tv:before,.fa-television:before {
    content: "\f26c"
}
.fa-contao:before {
    content: "\f26d"
}
.fa-500px:before {
    content: "\f26e"
}
.fa-amazon:before {
    content: "\f270"
}
.fa-calendar-plus-o:before {
    content: "\f271"
}
.fa-calendar-minus-o:before {
    content: "\f272"
}
.fa-calendar-times-o:before {
    content: "\f273"
}
.fa-calendar-check-o:before {
    content: "\f274"
}
.fa-industry:before {
    content: "\f275"
}
.fa-map-pin:before {
    content: "\f276"
}
.fa-map-signs:before {
    content: "\f277"
}
.fa-map-o:before {
    content: "\f278"
}
.fa-map:before {
    content: "\f279"
}
.fa-commenting:before {
    content: "\f27a"
}
.fa-commenting-o:before {
    content: "\f27b"
}
.fa-houzz:before {
    content: "\f27c"
}
.fa-vimeo:before {
    content: "\f27d"
}
.fa-black-tie:before {
    content: "\f27e"
}
.fa-fonticons:before {
    content: "\f280"
}
.fa-reddit-alien:before {
    content: "\f281"
}
.fa-edge:before {
    content: "\f282"
}
.fa-credit-card-alt:before {
    content: "\f283"
}
.fa-codiepie:before {
    content: "\f284"
}
.fa-modx:before {
    content: "\f285"
}
.fa-fort-awesome:before {
    content: "\f286"
}
.fa-usb:before {
    content: "\f287"
}
.fa-product-hunt:before {
    content: "\f288"
}
.fa-mixcloud:before {
    content: "\f289"
}
.fa-scribd:before {
    content: "\f28a"
}
.fa-pause-circle:before {
    content: "\f28b"
}
.fa-pause-circle-o:before {
    content: "\f28c"
}
.fa-stop-circle:before {
    content: "\f28d"
}
.fa-stop-circle-o:before {
    content: "\f28e"
}
.fa-shopping-bag:before {
    content: "\f290"
}
.fa-shopping-basket:before {
    content: "\f291"
}
.fa-hashtag:before {
    content: "\f292"
}
.fa-bluetooth:before {
    content: "\f293"
}
.fa-bluetooth-b:before {
    content: "\f294"
}
.fa-percent:before {
    content: "\f295"
}
@-ms-viewport {
    width: device-width
}
.containerr {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}
@media (min-width: 576px) {
    .containerr {
        max-width: 540px
    }
}
@media (min-width: 768px) {
    .containerr {
        max-width: 720px
    }
}
@media (min-width: 992px) {
    .containerr {
        max-width: 960px
    }
}
@media (min-width: 1200px) {
    .containerr {
        max-width: 1140px
    }
}
.containerr-fluid {
    width: 95%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}
.no-gutters {
    margin-right: 0;
    margin-left: 0
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}
.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}
.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto !important
}
.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}
.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}
.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}
.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}
.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}
.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}
.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}
.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}
.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}
.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}
.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}
.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}
@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}
@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}
@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}
@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
    z-index: 0
}
.owl-carousel .owl-animated-out {
    z-index: 1
}
.owl-carousel .fadeOut {
    animation-name: fadeOut
}
@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
    transition: height 500ms ease-in-out
}
/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1
}
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}
.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px)
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.owl-carousel.owl-loaded {
    display: block
}
.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}
.owl-carousel.owl-hidden {
    opacity: 0
}
.owl-carousel .owl-refresh .owl-item {
    display: none
}
.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    object-fit: cover
}
.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}
.owl-carousel .owl-grab {
    cursor: move;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}
.owl-carousel.owl-rtl {
    direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
    float: right
}
/* No Js */
.no-js .owl-carousel {
    display: block
}
/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease
}
.owl-carousel .owl-item img {
    transform-style: preserve-3d
}
/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}
.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: scale 100ms ease
}
.owl-carousel .owl-video-play-icon:hover {
    transition: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}
.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease
}
.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}
/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
    font-size: 16px;
    text-align: end;
    line-height: 1.2;
    color: #000000;
    position: absolute;
    z-index: 10000;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}
/**
 * The picker input element.
 */
.picker__input {
    cursor: default
}
/**
 * When the picker is opened, the input element is “activated”.
 */
.picker__input.picker__input--active {
    border-color: #0089ec
}
/**
 * The holder is the only “scrollable” top-level container element.
 */
.picker__holder {
    width: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}
/*!
 * Classic picker styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
    width: 100%
}
/**
 * The holder is the base of the picker.
 */
.picker__holder {
    position: absolute;
    background: #ffffff;
    border: 1px solid #aaaaaa;
    border-top-width: 0;
    border-bottom-width: 0;
    border-radius: 0 0 5px 5px;
    box-sizing: border-box;
    min-width: 176px;
    max-width: 466px;
    max-height: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    transform: translateY(-1em) perspective(600px) rotateX(10deg);
    transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s
}
/**
 * The frame and wrap work together to ensure that
 * clicks within the picker don’t reach the holder.
 */
.picker__frame {
    padding: 1px
}
.picker__wrap {
    margin: -1px
}
/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
    max-height: 25em;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    border-top-width: 1px;
    border-bottom-width: 1px;
    transform: translateY(0) perspective(600px) rotateX(0);
    transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
    box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12)
}
/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
    padding: 0 1em
}
/**
 * The header containing the month and year stuff.
 */
.picker__header {
    text-align: center;
    position: relative;
    margin-top: .75em
}
/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
    font-weight: 500;
    display: inline-block;
    margin-left: .25em;
    margin-right: .25em
}
.picker__year {
    color: #999999;
    font-size: .8em;
    font-style: italic
}
/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
    border: 1px solid #b7b7b7;
    height: 2em;
    padding: .5em;
    margin-left: .25em;
    margin-right: .25em
}
@media (min-width: 24.5em) {
    .picker__select--month,
  .picker__select--year {
        margin-top: -0.5em
    }
}
.picker__select--month {
    width: 35%
}
.picker__select--year {
    width: 22.5%
}
.picker__select--month:focus,
.picker__select--year:focus {
    border-color: #0089ec
}
/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
    position: absolute;
    padding: .5em 1.25em;
    width: 1em;
    height: 1em;
    box-sizing: content-box;
    top: -0.25em
}
@media (min-width: 24.5em) {
    .picker__nav--prev,
  .picker__nav--next {
        top: -0.33em
    }
}
.picker__nav--prev {
    left: -1em;
    padding-right: 1.25em
}
@media (min-width: 24.5em) {
    .picker__nav--prev {
        padding-right: 1.5em
    }
}
.picker__nav--next {
    right: -1em;
    padding-left: 1.25em
}
@media (min-width: 24.5em) {
    .picker__nav--next {
        padding-left: 1.5em
    }
}
.picker__nav--prev:before,
.picker__nav--next:before {
    content: " ";
    border-top: .5em solid transparent;
    border-bottom: .5em solid transparent;
    border-right: 0.75em solid #000000;
    width: 0;
    height: 0;
    display: block;
    margin: 0 auto
}
.picker__nav--next:before {
    border-right: 0;
    border-left: 0.75em solid #000000
}
.picker__nav--prev:hover,
.picker__nav--next:hover {
    cursor: pointer;
    color: #000000;
    background: #b1dcfb
}
.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
    cursor: default;
    background: none;
    border-right-color: #f5f5f5;
    border-left-color: #f5f5f5
}
/**
 * The calendar table of dates
 */
.picker__table {
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    font-size: inherit;
    width: 100%;
    margin-top: .75em;
    margin-bottom: .5em
}
@media (min-height: 33.875em) {
    .picker__table {
        margin-bottom: .75em
    }
}
.picker__table td {
    margin: 0;
    padding: 0
}
/**
 * The weekday labels
 */
.picker__weekday {
    width: 14.285714286%;
    font-size: .75em;
    padding-bottom: .25em;
    color: #999999;
    font-weight: 500
    /* Increase the spacing a tad */
}
@media (min-height: 33.875em) {
    .picker__weekday {
        padding-bottom: .5em
    }
}
/**
 * The days on the calendar
 */
.picker__day {
    padding: .3125em 0;
    font-weight: 200;
    border: 1px solid transparent
}
.picker__day--today {
    position: relative
}
.picker__day--today:before {
    content: " ";
    position: absolute;
    top: 2px;
    right: 2px;
    width: 0;
    height: 0;
    border-top: 0.5em solid #0059bc;
    border-left: .5em solid transparent
}
.picker__day--disabled:before {
    border-top-color: #aaaaaa
}
.picker__day--outfocus {
    color: #dddddd
}
.picker__day--infocus:hover,
.picker__day--outfocus:hover {
    cursor: pointer;
    color: #000000;
    background: #b1dcfb
}
.picker__day--highlighted {
    border-color: #0089ec
}
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
    cursor: pointer;
    color: #000000;
    background: #b1dcfb
}
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
    background: #0089ec;
    color: #ffffff
}
.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #dddddd;
    cursor: default
}
.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
    background: #bbbbbb
}
/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
    text-align: center
}
.picker__button--today,
.picker__button--clear,
.picker__button--close {
    border: 1px solid #ffffff;
    background: #ffffff;
    font-size: .8em;
    padding: .66em 0;
    font-weight: bold;
    width: 33%;
    display: inline-block;
    vertical-align: bottom
}
.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
    cursor: pointer;
    color: #000000;
    background: #b1dcfb;
    border-bottom-color: #b1dcfb
}
.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
    background: #b1dcfb;
    border-color: #0089ec;
    outline: none
}
.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
    position: relative;
    display: inline-block;
    height: 0
}
.picker__button--today:before,
.picker__button--clear:before {
    content: " ";
    margin-right: .45em
}
.picker__button--today:before {
    top: -0.05em;
    width: 0;
    border-top: 0.66em solid #0059bc;
    border-left: .66em solid transparent
}
.picker__button--clear:before {
    top: -0.25em;
    width: .66em;
    border-top: 3px solid #ee2200
}
.picker__button--close:before {
    content: "\D7";
    top: -0.1em;
    vertical-align: top;
    font-size: 1.1em;
    margin-right: .35em;
    color: #777777
}
.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #dddddd;
    cursor: default
}
.picker__button--today[disabled]:before {
    border-top-color: #aaaaaa
}
/* ==========================================================================
   $CLASSIC-DATE-PICKER
   ========================================================================== */
/*!
 * Styling for RTL (right-to-left) languages using pickadate.js
 */
/**
 * Switch the direction - only really necessary if
 * it hasn’t already been applied higher up in the DOM.
 */
.picker {
    direction: rtl
}
/**
 * Flip around the “next” and “previous” buttons.
 */
.picker__nav--next {
    right: auto;
    left: -1em
}
.picker__nav--prev {
    left: auto;
    right: -1em
}
.picker__nav--next:before {
    border-left: 0;
    border-right: 0.75em solid #000000
}
.picker__nav--prev:before {
    border-right: 0;
    border-left: 0.75em solid #000000
}
.intl-tel-input {
    position: relative;
    display: inline-block;
    width: 100%
}
.intl-tel-input * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}
.intl-tel-input .hide {
    display: none
}
.intl-tel-input .v-hide {
    visibility: hidden
}
.intl-tel-input input,.intl-tel-input input[type=text],.intl-tel-input input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0
}
.intl-tel-input .flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px
}
.intl-tel-input .selected-flag {
    z-index: 1;
    position: relative;
    width: 36px;
    height: 100%;
    padding: 0 0 0 8px
}
.intl-tel-input .selected-flag .iti-flag {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}
.intl-tel-input .selected-flag .iti-arrow {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}
.intl-tel-input .selected-flag .iti-arrow.up {
    border-top: none;
    border-bottom: 4px solid #555
}
.intl-tel-input .country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll
}
.intl-tel-input .country-list.dropup {
    bottom: 100%;
    margin-bottom: -1px
}
.intl-tel-input .country-list .flag-box {
    display: inline-block;
    width: 20px
}
@media (max-width: 500px) {
    .intl-tel-input .country-list {
        white-space: normal
    }
}
.intl-tel-input .country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC
}
.intl-tel-input .country-list .country {
    padding: 5px 10px
}
.intl-tel-input .country-list .country .dial-code {
    color: #999
}
.intl-tel-input .country-list .country.highlight {
    background-color: rgba(0,0,0,0.05)
}
.intl-tel-input .country-list .flag-box,.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .dial-code {
    vertical-align: middle
}
.intl-tel-input .country-list .flag-box,.intl-tel-input .country-list .country-name {
    margin-right: 6px
}
.intl-tel-input.allow-dropdown input,.intl-tel-input.allow-dropdown input[type=text],.intl-tel-input.allow-dropdown input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0
}
.intl-tel-input.allow-dropdown .flag-container {
    right: auto;
    left: 0
}
.intl-tel-input.allow-dropdown .selected-flag {
    width: 46px
}
.intl-tel-input.allow-dropdown .flag-container:hover {
    cursor: pointer
}
.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
    background-color: rgba(0,0,0,0.05)
}
.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover {
    cursor: default
}
.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag {
    background-color: transparent
}
.intl-tel-input.allow-dropdown.separate-dial-code .selected-flag {
    background-color: rgba(0,0,0,0.05);
    display: table
}
.intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code {
    display: table-cell;
    vertical-align: middle;
    padding-left: 28px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=text],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=tel] {
    padding-left: 76px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 .selected-flag {
    width: 70px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel] {
    padding-left: 84px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 .selected-flag {
    width: 78px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=text],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=tel] {
    padding-left: 92px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 .selected-flag {
    width: 86px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=text],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=tel] {
    padding-left: 100px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 .selected-flag {
    width: 94px
}
.intl-tel-input.iti-container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px
}
.intl-tel-input.iti-container:hover {
    cursor: pointer
}
.iti-mobile .intl-tel-input.iti-container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed
}
.iti-mobile .intl-tel-input .country-list {
    max-height: 100%;
    width: 100%
}
.iti-mobile .intl-tel-input .country-list .country {
    padding: 10px 10px;
    line-height: 1.5em
}
.iti-flag {
    width: 20px
}
.iti-flag.be {
    width: 18px
}
.iti-flag.ch {
    width: 15px
}
.iti-flag.mc {
    width: 19px
}
.iti-flag.ne {
    width: 18px
}
.iti-flag.np {
    width: 13px
}
.iti-flag.va {
    width: 15px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
        background-size: 5630px 15px
    }
}
.iti-flag.ac {
    height: 10px;
    background-position: 0px 0px
}
.iti-flag.ad {
    height: 14px;
    background-position: -22px 0px
}
.iti-flag.ae {
    height: 10px;
    background-position: -44px 0px
}
.iti-flag.af {
    height: 14px;
    background-position: -66px 0px
}
.iti-flag.ag {
    height: 14px;
    background-position: -88px 0px
}
.iti-flag.ai {
    height: 10px;
    background-position: -110px 0px
}
.iti-flag.al {
    height: 15px;
    background-position: -132px 0px
}
.iti-flag.am {
    height: 10px;
    background-position: -154px 0px
}
.iti-flag.ao {
    height: 14px;
    background-position: -176px 0px
}
.iti-flag.aq {
    height: 14px;
    background-position: -198px 0px
}
.iti-flag.ar {
    height: 13px;
    background-position: -220px 0px
}
.iti-flag.as {
    height: 10px;
    background-position: -242px 0px
}
.iti-flag.at {
    height: 14px;
    background-position: -264px 0px
}
.iti-flag.au {
    height: 10px;
    background-position: -286px 0px
}
.iti-flag.aw {
    height: 14px;
    background-position: -308px 0px
}
.iti-flag.ax {
    height: 13px;
    background-position: -330px 0px
}
.iti-flag.az {
    height: 10px;
    background-position: -352px 0px
}
.iti-flag.ba {
    height: 10px;
    background-position: -374px 0px
}
.iti-flag.bb {
    height: 14px;
    background-position: -396px 0px
}
.iti-flag.bd {
    height: 12px;
    background-position: -418px 0px
}
.iti-flag.be {
    height: 15px;
    background-position: -440px 0px
}
.iti-flag.bf {
    height: 14px;
    background-position: -460px 0px
}
.iti-flag.bg {
    height: 12px;
    background-position: -482px 0px
}
.iti-flag.bh {
    height: 12px;
    background-position: -504px 0px
}
.iti-flag.bi {
    height: 12px;
    background-position: -526px 0px
}
.iti-flag.bj {
    height: 14px;
    background-position: -548px 0px
}
.iti-flag.bl {
    height: 14px;
    background-position: -570px 0px
}
.iti-flag.bm {
    height: 10px;
    background-position: -592px 0px
}
.iti-flag.bn {
    height: 10px;
    background-position: -614px 0px
}
.iti-flag.bo {
    height: 14px;
    background-position: -636px 0px
}
.iti-flag.bq {
    height: 14px;
    background-position: -658px 0px
}
.iti-flag.br {
    height: 14px;
    background-position: -680px 0px
}
.iti-flag.bs {
    height: 10px;
    background-position: -702px 0px
}
.iti-flag.bt {
    height: 14px;
    background-position: -724px 0px
}
.iti-flag.bv {
    height: 15px;
    background-position: -746px 0px
}
.iti-flag.bw {
    height: 14px;
    background-position: -768px 0px
}
.iti-flag.by {
    height: 10px;
    background-position: -790px 0px
}
.iti-flag.bz {
    height: 14px;
    background-position: -812px 0px
}
.iti-flag.ca {
    height: 10px;
    background-position: -834px 0px
}
.iti-flag.cc {
    height: 10px;
    background-position: -856px 0px
}
.iti-flag.cd {
    height: 15px;
    background-position: -878px 0px
}
.iti-flag.cf {
    height: 14px;
    background-position: -900px 0px
}
.iti-flag.cg {
    height: 14px;
    background-position: -922px 0px
}
.iti-flag.ch {
    height: 15px;
    background-position: -944px 0px
}
.iti-flag.ci {
    height: 14px;
    background-position: -961px 0px
}
.iti-flag.ck {
    height: 10px;
    background-position: -983px 0px
}
.iti-flag.cl {
    height: 14px;
    background-position: -1005px 0px
}
.iti-flag.cm {
    height: 14px;
    background-position: -1027px 0px
}
.iti-flag.cn {
    height: 14px;
    background-position: -1049px 0px
}
.iti-flag.co {
    height: 14px;
    background-position: -1071px 0px
}
.iti-flag.cp {
    height: 14px;
    background-position: -1093px 0px
}
.iti-flag.cr {
    height: 12px;
    background-position: -1115px 0px
}
.iti-flag.cu {
    height: 10px;
    background-position: -1137px 0px
}
.iti-flag.cv {
    height: 12px;
    background-position: -1159px 0px
}
.iti-flag.cw {
    height: 14px;
    background-position: -1181px 0px
}
.iti-flag.cx {
    height: 10px;
    background-position: -1203px 0px
}
.iti-flag.cy {
    height: 13px;
    background-position: -1225px 0px
}
.iti-flag.cz {
    height: 14px;
    background-position: -1247px 0px
}
.iti-flag.de {
    height: 12px;
    background-position: -1269px 0px
}
.iti-flag.dg {
    height: 10px;
    background-position: -1291px 0px
}
.iti-flag.dj {
    height: 14px;
    background-position: -1313px 0px
}
.iti-flag.dk {
    height: 15px;
    background-position: -1335px 0px
}
.iti-flag.dm {
    height: 10px;
    background-position: -1357px 0px
}
.iti-flag.do {
    height: 13px;
    background-position: -1379px 0px
}
.iti-flag.dz {
    height: 14px;
    background-position: -1401px 0px
}
.iti-flag.ea {
    height: 14px;
    background-position: -1423px 0px
}
.iti-flag.ec {
    height: 14px;
    background-position: -1445px 0px
}
.iti-flag.ee {
    height: 13px;
    background-position: -1467px 0px
}
.iti-flag.eg {
    height: 14px;
    background-position: -1489px 0px
}
.iti-flag.eh {
    height: 10px;
    background-position: -1511px 0px
}
.iti-flag.er {
    height: 10px;
    background-position: -1533px 0px
}
.iti-flag.es {
    height: 14px;
    background-position: -1555px 0px
}
.iti-flag.et {
    height: 10px;
    background-position: -1577px 0px
}
.iti-flag.eu {
    height: 14px;
    background-position: -1599px 0px
}
.iti-flag.fi {
    height: 12px;
    background-position: -1621px 0px
}
.iti-flag.fj {
    height: 10px;
    background-position: -1643px 0px
}
.iti-flag.fk {
    height: 10px;
    background-position: -1665px 0px
}
.iti-flag.fm {
    height: 11px;
    background-position: -1687px 0px
}
.iti-flag.fo {
    height: 15px;
    background-position: -1709px 0px
}
.iti-flag.fr {
    height: 14px;
    background-position: -1731px 0px
}
.iti-flag.ga {
    height: 15px;
    background-position: -1753px 0px
}
.iti-flag.gb {
    height: 10px;
    background-position: -1775px 0px
}
.iti-flag.gd {
    height: 12px;
    background-position: -1797px 0px
}
.iti-flag.ge {
    height: 14px;
    background-position: -1819px 0px
}
.iti-flag.gf {
    height: 14px;
    background-position: -1841px 0px
}
.iti-flag.gg {
    height: 14px;
    background-position: -1863px 0px
}
.iti-flag.gh {
    height: 14px;
    background-position: -1885px 0px
}
.iti-flag.gi {
    height: 10px;
    background-position: -1907px 0px
}
.iti-flag.gl {
    height: 14px;
    background-position: -1929px 0px
}
.iti-flag.gm {
    height: 14px;
    background-position: -1951px 0px
}
.iti-flag.gn {
    height: 14px;
    background-position: -1973px 0px
}
.iti-flag.gp {
    height: 14px;
    background-position: -1995px 0px
}
.iti-flag.gq {
    height: 14px;
    background-position: -2017px 0px
}
.iti-flag.gr {
    height: 14px;
    background-position: -2039px 0px
}
.iti-flag.gs {
    height: 10px;
    background-position: -2061px 0px
}
.iti-flag.gt {
    height: 13px;
    background-position: -2083px 0px
}
.iti-flag.gu {
    height: 11px;
    background-position: -2105px 0px
}
.iti-flag.gw {
    height: 10px;
    background-position: -2127px 0px
}
.iti-flag.gy {
    height: 12px;
    background-position: -2149px 0px
}
.iti-flag.hk {
    height: 14px;
    background-position: -2171px 0px
}
.iti-flag.hm {
    height: 10px;
    background-position: -2193px 0px
}
.iti-flag.hn {
    height: 10px;
    background-position: -2215px 0px
}
.iti-flag.hr {
    height: 10px;
    background-position: -2237px 0px
}
.iti-flag.ht {
    height: 12px;
    background-position: -2259px 0px
}
.iti-flag.hu {
    height: 10px;
    background-position: -2281px 0px
}
.iti-flag.ic {
    height: 14px;
    background-position: -2303px 0px
}
.iti-flag.id {
    height: 14px;
    background-position: -2325px 0px
}
.iti-flag.ie {
    height: 10px;
    background-position: -2347px 0px
}
.iti-flag.il {
    height: 15px;
    background-position: -2369px 0px
}
.iti-flag.im {
    height: 10px;
    background-position: -2391px 0px
}
.iti-flag.in {
    height: 14px;
    background-position: -2413px 0px
}
.iti-flag.io {
    height: 10px;
    background-position: -2435px 0px
}
.iti-flag.iq {
    height: 14px;
    background-position: -2457px 0px
}
.iti-flag.ir {
    height: 12px;
    background-position: -2479px 0px
}
.iti-flag.is {
    height: 15px;
    background-position: -2501px 0px
}
.iti-flag.it {
    height: 14px;
    background-position: -2523px 0px
}
.iti-flag.je {
    height: 12px;
    background-position: -2545px 0px
}
.iti-flag.jm {
    height: 10px;
    background-position: -2567px 0px
}
.iti-flag.jo {
    height: 10px;
    background-position: -2589px 0px
}
.iti-flag.jp {
    height: 14px;
    background-position: -2611px 0px
}
.iti-flag.ke {
    height: 14px;
    background-position: -2633px 0px
}
.iti-flag.kg {
    height: 12px;
    background-position: -2655px 0px
}
.iti-flag.kh {
    height: 13px;
    background-position: -2677px 0px
}
.iti-flag.ki {
    height: 10px;
    background-position: -2699px 0px
}
.iti-flag.km {
    height: 12px;
    background-position: -2721px 0px
}
.iti-flag.kn {
    height: 14px;
    background-position: -2743px 0px
}
.iti-flag.kp {
    height: 10px;
    background-position: -2765px 0px
}
.iti-flag.kr {
    height: 14px;
    background-position: -2787px 0px
}
.iti-flag.kw {
    height: 10px;
    background-position: -2809px 0px
}
.iti-flag.ky {
    height: 10px;
    background-position: -2831px 0px
}
.iti-flag.kz {
    height: 10px;
    background-position: -2853px 0px
}
.iti-flag.la {
    height: 14px;
    background-position: -2875px 0px
}
.iti-flag.lb {
    height: 14px;
    background-position: -2897px 0px
}
.iti-flag.lc {
    height: 10px;
    background-position: -2919px 0px
}
.iti-flag.li {
    height: 12px;
    background-position: -2941px 0px
}
.iti-flag.lk {
    height: 10px;
    background-position: -2963px 0px
}
.iti-flag.lr {
    height: 11px;
    background-position: -2985px 0px
}
.iti-flag.ls {
    height: 14px;
    background-position: -3007px 0px
}
.iti-flag.lt {
    height: 12px;
    background-position: -3029px 0px
}
.iti-flag.lu {
    height: 12px;
    background-position: -3051px 0px
}
.iti-flag.lv {
    height: 10px;
    background-position: -3073px 0px
}
.iti-flag.ly {
    height: 10px;
    background-position: -3095px 0px
}
.iti-flag.ma {
    height: 14px;
    background-position: -3117px 0px
}
.iti-flag.mc {
    height: 15px;
    background-position: -3139px 0px
}
.iti-flag.md {
    height: 10px;
    background-position: -3160px 0px
}
.iti-flag.me {
    height: 10px;
    background-position: -3182px 0px
}
.iti-flag.mf {
    height: 14px;
    background-position: -3204px 0px
}
.iti-flag.mg {
    height: 14px;
    background-position: -3226px 0px
}
.iti-flag.mh {
    height: 11px;
    background-position: -3248px 0px
}
.iti-flag.mk {
    height: 10px;
    background-position: -3270px 0px
}
.iti-flag.ml {
    height: 14px;
    background-position: -3292px 0px
}
.iti-flag.mm {
    height: 14px;
    background-position: -3314px 0px
}
.iti-flag.mn {
    height: 10px;
    background-position: -3336px 0px
}
.iti-flag.mo {
    height: 14px;
    background-position: -3358px 0px
}
.iti-flag.mp {
    height: 10px;
    background-position: -3380px 0px
}
.iti-flag.mq {
    height: 14px;
    background-position: -3402px 0px
}
.iti-flag.mr {
    height: 14px;
    background-position: -3424px 0px
}
.iti-flag.ms {
    height: 10px;
    background-position: -3446px 0px
}
.iti-flag.mt {
    height: 14px;
    background-position: -3468px 0px
}
.iti-flag.mu {
    height: 14px;
    background-position: -3490px 0px
}
.iti-flag.mv {
    height: 14px;
    background-position: -3512px 0px
}
.iti-flag.mw {
    height: 14px;
    background-position: -3534px 0px
}
.iti-flag.mx {
    height: 12px;
    background-position: -3556px 0px
}
.iti-flag.my {
    height: 10px;
    background-position: -3578px 0px
}
.iti-flag.mz {
    height: 14px;
    background-position: -3600px 0px
}
.iti-flag.na {
    height: 14px;
    background-position: -3622px 0px
}
.iti-flag.nc {
    height: 10px;
    background-position: -3644px 0px
}
.iti-flag.ne {
    height: 15px;
    background-position: -3666px 0px
}
.iti-flag.nf {
    height: 10px;
    background-position: -3686px 0px
}
.iti-flag.ng {
    height: 10px;
    background-position: -3708px 0px
}
.iti-flag.ni {
    height: 12px;
    background-position: -3730px 0px
}
.iti-flag.nl {
    height: 14px;
    background-position: -3752px 0px
}
.iti-flag.no {
    height: 15px;
    background-position: -3774px 0px
}
.iti-flag.np {
    height: 15px;
    background-position: -3796px 0px
}
.iti-flag.nr {
    height: 10px;
    background-position: -3811px 0px
}
.iti-flag.nu {
    height: 10px;
    background-position: -3833px 0px
}
.iti-flag.nz {
    height: 10px;
    background-position: -3855px 0px
}
.iti-flag.om {
    height: 10px;
    background-position: -3877px 0px
}
.iti-flag.pa {
    height: 14px;
    background-position: -3899px 0px
}
.iti-flag.pe {
    height: 14px;
    background-position: -3921px 0px
}
.iti-flag.pf {
    height: 14px;
    background-position: -3943px 0px
}
.iti-flag.pg {
    height: 15px;
    background-position: -3965px 0px
}
.iti-flag.ph {
    height: 10px;
    background-position: -3987px 0px
}
.iti-flag.pk {
    height: 14px;
    background-position: -4009px 0px
}
.iti-flag.pl {
    height: 13px;
    background-position: -4031px 0px
}
.iti-flag.pm {
    height: 14px;
    background-position: -4053px 0px
}
.iti-flag.pn {
    height: 10px;
    background-position: -4075px 0px
}
.iti-flag.pr {
    height: 14px;
    background-position: -4097px 0px
}
.iti-flag.ps {
    height: 10px;
    background-position: -4119px 0px
}
.iti-flag.pt {
    height: 14px;
    background-position: -4141px 0px
}
.iti-flag.pw {
    height: 13px;
    background-position: -4163px 0px
}
.iti-flag.py {
    height: 11px;
    background-position: -4185px 0px
}
.iti-flag.qa {
    height: 8px;
    background-position: -4207px 0px
}
.iti-flag.re {
    height: 14px;
    background-position: -4229px 0px
}
.iti-flag.ro {
    height: 14px;
    background-position: -4251px 0px
}
.iti-flag.rs {
    height: 14px;
    background-position: -4273px 0px
}
.iti-flag.ru {
    height: 14px;
    background-position: -4295px 0px
}
.iti-flag.rw {
    height: 14px;
    background-position: -4317px 0px
}
.iti-flag.sa {
    height: 14px;
    background-position: -4339px 0px
}
.iti-flag.sb {
    height: 10px;
    background-position: -4361px 0px
}
.iti-flag.sc {
    height: 10px;
    background-position: -4383px 0px
}
.iti-flag.sd {
    height: 10px;
    background-position: -4405px 0px
}
.iti-flag.se {
    height: 13px;
    background-position: -4427px 0px
}
.iti-flag.sg {
    height: 14px;
    background-position: -4449px 0px
}
.iti-flag.sh {
    height: 10px;
    background-position: -4471px 0px
}
.iti-flag.si {
    height: 10px;
    background-position: -4493px 0px
}
.iti-flag.sj {
    height: 15px;
    background-position: -4515px 0px
}
.iti-flag.sk {
    height: 14px;
    background-position: -4537px 0px
}
.iti-flag.sl {
    height: 14px;
    background-position: -4559px 0px
}
.iti-flag.sm {
    height: 15px;
    background-position: -4581px 0px
}
.iti-flag.sn {
    height: 14px;
    background-position: -4603px 0px
}
.iti-flag.so {
    height: 14px;
    background-position: -4625px 0px
}
.iti-flag.sr {
    height: 14px;
    background-position: -4647px 0px
}
.iti-flag.ss {
    height: 10px;
    background-position: -4669px 0px
}
.iti-flag.st {
    height: 10px;
    background-position: -4691px 0px
}
.iti-flag.sv {
    height: 12px;
    background-position: -4713px 0px
}
.iti-flag.sx {
    height: 14px;
    background-position: -4735px 0px
}
.iti-flag.sy {
    height: 14px;
    background-position: -4757px 0px
}
.iti-flag.sz {
    height: 14px;
    background-position: -4779px 0px
}
.iti-flag.ta {
    height: 10px;
    background-position: -4801px 0px
}
.iti-flag.tc {
    height: 10px;
    background-position: -4823px 0px
}
.iti-flag.td {
    height: 14px;
    background-position: -4845px 0px
}
.iti-flag.tf {
    height: 14px;
    background-position: -4867px 0px
}
.iti-flag.tg {
    height: 13px;
    background-position: -4889px 0px
}
.iti-flag.th {
    height: 14px;
    background-position: -4911px 0px
}
.iti-flag.tj {
    height: 10px;
    background-position: -4933px 0px
}
.iti-flag.tk {
    height: 10px;
    background-position: -4955px 0px
}
.iti-flag.tl {
    height: 10px;
    background-position: -4977px 0px
}
.iti-flag.tm {
    height: 14px;
    background-position: -4999px 0px
}
.iti-flag.tn {
    height: 14px;
    background-position: -5021px 0px
}
.iti-flag.to {
    height: 10px;
    background-position: -5043px 0px
}
.iti-flag.tr {
    height: 14px;
    background-position: -5065px 0px
}
.iti-flag.tt {
    height: 12px;
    background-position: -5087px 0px
}
.iti-flag.tv {
    height: 10px;
    background-position: -5109px 0px
}
.iti-flag.tw {
    height: 14px;
    background-position: -5131px 0px
}
.iti-flag.tz {
    height: 14px;
    background-position: -5153px 0px
}
.iti-flag.ua {
    height: 14px;
    background-position: -5175px 0px
}
.iti-flag.ug {
    height: 14px;
    background-position: -5197px 0px
}
.iti-flag.um {
    height: 11px;
    background-position: -5219px 0px
}
.iti-flag.us {
    height: 11px;
    background-position: -5241px 0px
}
.iti-flag.uy {
    height: 14px;
    background-position: -5263px 0px
}
.iti-flag.uz {
    height: 10px;
    background-position: -5285px 0px
}
.iti-flag.va {
    height: 15px;
    background-position: -5307px 0px
}
.iti-flag.vc {
    height: 14px;
    background-position: -5324px 0px
}
.iti-flag.ve {
    height: 14px;
    background-position: -5346px 0px
}
.iti-flag.vg {
    height: 10px;
    background-position: -5368px 0px
}
.iti-flag.vi {
    height: 14px;
    background-position: -5390px 0px
}
.iti-flag.vn {
    height: 14px;
    background-position: -5412px 0px
}
.iti-flag.vu {
    height: 12px;
    background-position: -5434px 0px
}
.iti-flag.wf {
    height: 14px;
    background-position: -5456px 0px
}
.iti-flag.ws {
    height: 10px;
    background-position: -5478px 0px
}
.iti-flag.xk {
    height: 15px;
    background-position: -5500px 0px
}
.iti-flag.ye {
    height: 14px;
    background-position: -5522px 0px
}
.iti-flag.yt {
    height: 14px;
    background-position: -5544px 0px
}
.iti-flag.za {
    height: 14px;
    background-position: -5566px 0px
}
.iti-flag.zm {
    height: 14px;
    background-position: -5588px 0px
}
.iti-flag.zw {
    height: 10px;
    background-position: -5610px 0px
}
.iti-flag {
    width: 20px;
    height: 15px;
    box-shadow: 0px 0px 1px 0px #888;
    background-image: url("../img/flags.png");
    background-repeat: no-repeat;
    background-color: #DBDBDB;
    background-position: 20px 0
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
        background-image: url("../img/flags@2x.png")
    }
}
.iti-flag.np {
    background-color: transparent
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top
}
.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}
.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    border-radius: 4px
}
.fancybox-opened {
    z-index: 8030
}
.fancybox-opened .fancybox-skin {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5)
}
.fancybox-outer,
.fancybox-inner {
    position: relative
}
.fancybox-inner {
    overflow: hidden
}
.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}
.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}
.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%
}
.fancybox-image {
    max-width: 100%;
    max-height: 100%
}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    background-image: url('../images/fancybox_sprite.png')
}
#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060
}
#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('../images/fancybox_loading.gif') center center no-repeat
}
.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040
}
.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('../images/blank.gif');
    /* helps IE */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 8040
}
.fancybox-prev {
    left: 0
}
.fancybox-next {
    right: 0
}
.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden
}
.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}
.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}
.fancybox-nav:hover span {
    visibility: visible
}
.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}
/* Overlay helper */
.fancybox-lock {
    overflow: hidden !important;
    width: auto
}
.fancybox-lock body {
    overflow: hidden !important
}
.fancybox-lock-test {
    overflow-y: hidden !important
}
.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url('../images/fancybox_overlay.png')
}
.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}
.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}
/* Title helper */
.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050
}
.fancybox-opened .fancybox-title {
    visibility: visible
}
.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center
}
.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap
}
.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}
.fancybox-title-inside-wrap {
    padding-top: 10px
}
.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8)
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading,
    .fancybox-close,
    .fancybox-prev span,
    .fancybox-next span {
        background-image: url('../images/fancybox_sprite@2x.png');
        background-size: 44px 152px
        /*The size of the normal image, half the size of the hi-res image*/
    }
    #fancybox-loading div {
        background-image: url('../images/fancybox_loading@2x.gif');
        background-size: 24px 24px
        /*The size of the normal image, half the size of the hi-res image*/
    }
}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1
}
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
    /* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px)
}
.owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%
}
.owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none
}
.owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}
.owl-carousel.owl-loaded {
    display: block
}
.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}
.owl-carousel.owl-hidden {
    opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}
.owl-carousel.owl-rtl {
    direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
    float: right
}
/* No Js */
.no-js .owl-carousel {
    display: block
}
/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
    z-index: 0
}
.owl-carousel .owl-animated-out {
    z-index: 1
}
.owl-carousel .fadeOut {
    animation-name: fadeOut
}
@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
    transition: height 500ms ease-in-out
}
/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
    /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */
}
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease
}
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0
}
.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}
/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}
.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease
}
.owl-carousel .owl-video-play-icon:hover {
    transform: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}
.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease
}
.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}
body {
    overflow-x: hidden;
    display: block;
    background-color: #fff;
    margin: 0px;
    padding: 0px;
    font-family: 'Cairo', sans-serif !important;
    width: 100%
}
.webview header,
.webview footer,
.webview .breadCrumbs {
    display: none !important
}
[dir='rtl'] [class*='col'] {
    float: right
}
* {
    font-family: 'Cairo', sans-serif, 'FontAwesome' !important
}
.grid:after,
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ' ';
    clear: both;
    height: 0
}
/* start commented backslash hack \*/
* html .grid,
* html .clearfix {
    height: 1%
}
.grid,
.clearfix {
    display: block
}
h1,
h2,
h3,
h4,
h5,
p {
    padding: 0px;
    margin: 0px
}
img {
    height: auto;
    width: 100%;
    border-color: transparent
}
ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}
a {
    color: inherit;
    text-decoration: none
}
a:hover,
a:active,
a:visited {
    outline: none
}
.main_container {
    width: 100%;
    margin: auto;
    display: block;
    float: none
}
textarea:focus,
input:focus,
select:focus {
    outline: none
}
.webview .intro {
    padding-top: 0rem !important
}
.main_container .how_it_work_section,
.main_container .testimonial_section_container,
.main_container .articles_section_container {
    padding: 5rem 3rem
}
label.error {
    display: block !important;
    width: 100% !important;
    color: #f00 !important;
    font-size: 0.7rem !important
}
input.error,
textarea.error,
select.error {
    border: dashed 1px #f00 !important
}
.intl-tel-input.allow-dropdown .flag-container {
    left: 0rem !important;
    height: 2.5rem
}
.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type='text'],
.intl-tel-input.allow-dropdown input[type='tel'] {
    padding-right: 16px;
    direction: ltr !important
}
.section_title {
    text-align: center;
    font-size: 1.5rem;
    color: #16518c
}
.main_container .section_title {
    font-size: 2rem
}
.contact_us_page .title {
    color: #000;
    padding: 1rem;
    text-align: start;
    font-size: 1.5rem
}
.iti-flag {
    background-image: url('../../assets/images/flags.png')
}
.intl-tel-input .country-list {
    direction: ltr;
    text-align: start
}
.no_data_container {
    text-align: center;
    font-size: 1rem;
    width: 100%;
    padding: 3rem 0rem
}
.picker {
    width: inherit !important
}
.picker__weekday {
    font-size: 0.6em !important
}
.picker__select--year,
.picker__select--month {
    width: 37% !important;
    float: none !important;
    padding: 0rem 1rem !important;
    margin: 0rem 5px !important;
    overflow-y: scroll !important
}
.emptyList {
    margin: 1rem 0;
    padding: 2rem;
    text-align: center;
    border: 2px dashed #ddd
}
/* ie style */
.ie9 .register_form form .fb_btn a i,
.ie10 .register_form form .fb_btn a i,
.ie11 .register_form form .fb_btn a i {
    font-size: 1.5rem;
    line-height: 2.5rem;
    width: 2.5rem;
    height: 2.2rem
}
.ie9 .login_form form .fb_btn a i,
.ie10 .login_form form .fb_btn a i,
.ie11 .login_form form .fb_btn a i {
    font-size: 1.5rem;
    line-height: 2.5rem;
    width: 2.5rem;
    height: 2.2rem
}
.ie9 .resetSuccess_page h1,
.ie10 .resetSuccess_page h1,
.ie11 .resetSuccess_page h1 {
    padding: 9.5rem 0;
    padding-bottom: 3rem
}
.ie9 .newPassword_page {
    padding-bottom: 7.6rem
}
.ie10 .newPassword_page,
.ie11 .newPassword_page {
    padding-bottom: 6.6rem
}
.ie9 .newPassword_page .title,
.ie10 .newPassword_page .title,
.ie11 .newPassword_page .title {
    padding-top: 6rem
}
.ie9 .top_profile_details .name_img span,
.ie10 .top_profile_details .name_img span,
.ie11 .top_profile_details .name_img span {
    bottom: 24.5rem
}
.ie9 .accordion .content form input,
.ie10 .accordion .content form input,
.ie11 .accordion .content form input {
    padding: 0.5rem 1rem
}
.ie9 .subSpeciality_footer .thumbnail .upload_btn,
.ie10 .subSpeciality_footer .thumbnail .upload_btn,
.ie11 .subSpeciality_footer .thumbnail .upload_btn {
    padding: 0.2rem 2rem
}
.ie9 #bottom_profile .save_edits,
.ie10 #bottom_profile .save_edits,
.ie11 #bottom_profile .save_edits {
    padding: 0.3rem 1rem
}
.ie9 .addSpecialty,
.ie10 .addSpecialty,
.ie11 .addSpecialty {
    padding: 1rem 0
}
.ie11 .register_form_container .exper_years_doc_input,
.ie10 .register_form_container .exper_years_doc_input,
.ie9 .register_form_container .exper_years_doc_input {
    min-height: 37px
}
.ie9 .resetPassword_page {
    padding-bottom: 10rem
}
.ie10 .resetPassword_page,
.ie11 .resetPassword_page {
    padding-bottom: 9.3rem
}
.ie9 .login_page {
    padding-bottom: 6.7rem
}
.ie10 .login_page,
.ie11 .login_page {
    padding-bottom: 6rem
}
.ie11 .error_heading {
    width: 55%
}
.ie11 .doctor_svg {
    width: 40%
}
.ie11 .genericPage .article_title,
.ie9 .genericPage .article_title {
    padding: 0.5rem !important
}
.ie11 .genericPage .img_container,
.ie10 .genericPage .img_container,
.ie9 .genericPage .img_container {
    max-height: 280px;
    width: 100%
}
.ie11 .artcle_img,
.ie9 .artcle_img {
    height: 220px;
    overflow: hidden
}
.ie11 .artcle_img img,
.ie9 .artcle_img img {
    height: 100%;
    width: auto;
    margin: auto;
    display: block;
    object-fit: cover
}
.ie11 .article_details p,
.ie9 .article_details p {
    font-size: 1.4rem !important;
    padding: 0.5rem 0rem
}
.ie11 .genericPage .img_container img,
.ie10 .genericPage .img_container img {
    height: auto
}
.loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999999999999
}
input[type='submit'],
button {
    -webkit-appearance: none
}
/*.loader.on:before {
    content: 'من فضلك انتظر';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.6);
    z-index: -1;
    color: #000;
    font-size: 2rem;
    text-align: center;
    padding: 10rem 0;
    font-weight: 900;
    color: #36f;
}*/
.loader.on .bar {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 5px;
    background: #36f;
    transform: 200ms
}
.loader.on .circle {
    position: absolute;
    top: 1rem;
    right: 0.5rem;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: 3px solid #36f;
    border-bottom: 1px;
    border-right: 2px;
    animation: circle infinite 1s
}
.webview .hotlineContact {
    display: none !important
}
.webview_hotlineContact {
    display: none
}
.webview .webview_hotlineContact {
    display: inline
}
@keyframes circle {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}
@media (min-width: 1000px) {
    .pt-7-xl {
        padding-top: 6rem !important
    }
}
.pr-05 {
    padding-right: 0.5rem
}
.pl-05 {
    padding-left: 0.5rem
}
.px-05 {
    padding: 0 0.5rem
}
.pt-05 {
    padding-top: 0.5rem
}
.pt-2 {
    padding-top: 2rem
}
.mt-1 {
    margin-top: 1rem
}
.d-block {
    display: block
}
.pos-relative {
    position: relative
}
.font-weight-bold {
    font-weight: bold
}
.d-flex {
    display: -ms-flexbox;
    display: flex
}
.d-none {
    display: none !important
}
.d-block {
    display: block !important
}
@media (max-width: 1000px) {
    .d-mobile {
        display: block !important
    }
    .d-desk {
        display: none !important
    }
}
@media (min-width: 1000px) {
    .d-mobile {
        display: none !important
    }
    .d-desk {
        display: block !important
    }
}
/* colors */
.text-white {
    color: #fff
}
/* textaligns */
.text-left {
    text-align: left
}
.text-center {
    text-align: center
}
.hide {
    display: none !important
}
.align-items-center {
    -ms-flex-align: center;
        align-items: center
}
/* confirm model homepage */
.openModal {
    background-color: #478e9e;
    color: #fff !important;
    border: 2px solid transparent;
    transition: all 150ms;
    font-size: 1rem !important;
    padding: 0.5rem 1rem;
    margin: 0.5rem 0rem !important;
    border-radius: 100px !important;
    cursor: pointer;
    display: block;
    text-align: center
}
.modal-confirm-homepage {
    text-align: center;
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4)
}
.modalContent-confirm-homepage {
    font-size: 20px;
    font-weight: bold;
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 30%;
    height: 300px
}
.close-confirm-homepage {
    color: rgb(255, 65, 65);
    float: right;
    font-size: 40px;
    font-weight: bold
}
.close-confirm-homepage:hover,
.close-confirm-homepage:focus {
    color: #ff1010;
    cursor: pointer
}
.modalContent-confirm-homepage button {
    border: none;
    border-radius: 4px;
    font-size: 18px;
    font-weight: bold;
    padding: 10px
}
.ltr {
    direction: ltr !important
}
button,
input {
    cursor: pointer
}
@media (max-width: 800px) {
    .modalContent-confirm-homepage {
        width: 80%
    }
    .object-fit-contain-sm {
        object-fit: contain !important
    }
}
/* tabssss */
.tab-content {
    display: none
}
.tab-content.active {
    display: block
}
/* cards css */
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem
}
.card > hr {
    margin-right: 0;
    margin-left: 0
}
.card > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem
}
.card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem
}
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem
}
.card-title {
    margin-bottom: 0.75rem
}
.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0
}
.card-link:hover {
    text-decoration: none
}
.card-link + .card-link {
    margin-left: 1.25rem
}
.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03)
}
.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0
}
.card-header + .list-group .list-group-item:first-child {
    border-top: 0
}
.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125)
}
.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px)
}
.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0
}
.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem
}
.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}
.card-img {
    width: 100%;
    height: 100%
}
.card-img-top {
    width: 100%;
    height: 175px;
    filter: sepia(0.4)
}
.card-img-bottom {
    width: 100%
}
.card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}
.card-deck .card {
    margin-bottom: 15px
}
.card-deck .card img.secondImg {
    height: 4rem;
    object-fit: contain
}
.card-md-deck {
    margin: auto
}
@media (min-width: 576px) {
    .card-deck {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
    .card-deck .card {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0
    }
}
.card-md-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}
.card-md-deck .card {
    margin-bottom: 15px
}
.card-type.btn {
    height: 2rem;
    font-size: 1rem;
    opacity: 0.81 !important;
    width: auto;
    min-width: 6rem !important;
    padding: 0rem 1rem !important
}
.heart-label {
    z-index: 9
}
.card-md-deck {
    margin-bottom: 3rem
}
@media (min-width: 769px) {
    .card-md-deck {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
    .card-md-deck .card {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 15px
    }
}
.card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}
.card-group > .card {
    margin-bottom: 15px
}
@media (min-width: 576px) {
    .card-group {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
    .card-group > .card {
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-bottom: 0
    }
    .card-group > .card + .card {
        margin-left: 0;
        border-left: 0
    }
    .card-group > .card:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .card-group > .card:first-child .card-img-top,
  .card-group > .card:first-child .card-header {
        border-top-right-radius: 0
    }
    .card-group > .card:first-child .card-img-bottom,
  .card-group > .card:first-child .card-footer {
        border-bottom-right-radius: 0
    }
    .card-group > .card:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .card-group > .card:last-child .card-img-top,
  .card-group > .card:last-child .card-header {
        border-top-left-radius: 0
    }
    .card-group > .card:last-child .card-img-bottom,
  .card-group > .card:last-child .card-footer {
        border-bottom-left-radius: 0
    }
    .card-group > .card:only-child {
        border-radius: 0.25rem
    }
    .card-group > .card:only-child .card-img-top,
  .card-group > .card:only-child .card-header {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem
    }
    .card-group > .card:only-child .card-img-bottom,
  .card-group > .card:only-child .card-footer {
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem
    }
    .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
        border-radius: 0
    }
    .card-group
    > .card:not(:first-child):not(:last-child):not(:only-child)
    .card-img-top,
  .card-group
    > .card:not(:first-child):not(:last-child):not(:only-child)
    .card-img-bottom,
  .card-group
    > .card:not(:first-child):not(:last-child):not(:only-child)
    .card-header,
  .card-group
    > .card:not(:first-child):not(:last-child):not(:only-child)
    .card-footer {
        border-radius: 0
    }
}
.card-columns .card {
    margin-bottom: 0.75rem
}
@media (min-width: 576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem
    }
    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}
.mt-1 {
    margin-top: 0.25rem
}
.mt-2 {
    margin-top: 0.5rem
}
.mt-3 {
    margin-top: 1rem
}
.mt-4 {
    margin-top: 2rem
}
.mt-5 {
    margin-top: 3rem
}
.mb-6 {
    margin-top: 5rem
}
.mb-1 {
    margin-bottom: 0.25rem
}
.mb-2 {
    margin-bottom: 0.5rem
}
.mb-3 {
    margin-bottom: 1rem
}
.mb-4 {
    margin-bottom: 2rem
}
.mb-5 {
    margin-bottom: 3rem
}
.mb-6 {
    margin-bottom: 5rem
}
.my-1 {
    margin-bottom: 0.25rem
}
.my-2 {
    margin-block: 0.5rem
}
.my-3 {
    margin-block: 1rem
}
.my-4 {
    margin-block: 2rem
}
.my-5 {
    margin-block: 3rem
}
.my-6 {
    margin-block: 5rem
}
.mx-0 {
    margin-inline: 0rem !important
}
.mx-1 {
    margin-inline: 0.25rem
}
.mx-2 {
    margin-inline: 0.5rem
}
.mx-3 {
    margin-inline: 1rem
}
.mx-4 {
    margin-inline: 2rem
}
.mx-5 {
    margin-inline: 3rem
}
.pt-1 {
    margin-top: 0.25rem
}
.pt-2 {
    padding-top: 0.5rem
}
.pt-3 {
    padding-top: 1rem
}
.pt-4 {
    padding-top: 2rem
}
.pt-5 {
    padding-top: 3rem
}
.pb-1 {
    padding-bottom: 0.25rem
}
.pb-2 {
    padding-bottom: 0.5rem
}
.pb-3 {
    padding-bottom: 1rem
}
.pb-4 {
    padding-bottom: 2rem
}
.pb-5 {
    padding-bottom: 3rem
}
.py-1 {
    padding-block: 0.25rem
}
.py-2 {
    padding-block: 0.5rem
}
.py-3 {
    padding-block: 1rem
}
.py-4 {
    padding-block: 2rem
}
.py-5 {
    padding-block: 3rem
}
.px-0 {
    padding-inline: 0rem !important
}
.px-1 {
    padding-inline: 0.25rem
}
.px-2 {
    padding-inline: 0.5rem
}
.px-3 {
    padding-inline: 1rem
}
.px-4 {
    padding-inline: 2rem
}
.px-5 {
    padding-inline: 3rem
}
.ps-0 {
    padding-left: 0rem !important
}
.ps-1 {
    padding-left: 0.25rem
}
.ps-2 {
    padding-left: 0.5rem
}
.ps-3 {
    padding-left: 1rem
}
.ps-4 {
    padding-left: 2rem
}
.ps-5 {
    padding-left: 3rem
}
.pe-0 {
    padding-right: 0rem !important
}
.pe-1 {
    padding-right: 0.25rem
}
.pe-2 {
    padding-right: 0.5rem
}
.pe-3 {
    padding-right: 1rem
}
.pe-4 {
    padding-right: 2rem
}
.pe-5 {
    padding-right: 3rem
}
.fw-bold {
    font-weight: bold
}
.open-modal {
    cursor: pointer
}
.justify-content-between {
    -ms-flex-pack: justify;
        justify-content: space-between
}
.fs-6 {
    font-size: 1rem
}
.fs-7 {
    font-size: 0.8rem
}
.text-ar-start {
    text-align: right
}
.text-ar-end {
    text-align: left
}
header {
    display: -ms-flexbox;
    display: flex;
    padding: 0.5rem 0rem;
    height: auto;
    -ms-flex-pack: justify;
        justify-content: space-between;
    background-color: #fff;
    -ms-flex-align: center;
        align-items: center
}
.header-logo {
    margin-left: 0;
    margin-right: 0;
    width: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
        flex-flow: column;
    padding: 0rem 1rem
}
.header-logo img {
    max-width: 300px
}
.header-logo span {
    font-weight: 900;
    margin-top: auto;
    font-size: 1rem;
    color: #7f7f7f
}
.header-social {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
        flex-flow: column
}
.social-media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-flow: row-reverse wrap;
        flex-flow: row-reverse wrap
}
.social-media li {
    padding: 0.2rem
}
.playstore {
    display: -ms-flexbox;
    display: flex
}
.playstore a {
    display: inline-block;
    max-width: 127px
}
.header-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
        flex-flow: column
}
.header-actions ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap
}
.header-actions ul li {
    padding: 0rem 1.5rem;
    border-right: 1px solid #377cc1
}
.highlight-language {
    width: 100%;
    margin-top: 15%;
    margin-bottom: auto;
    text-align: left
}
.highlight-language a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row-reverse;
        flex-flow: row-reverse;
    opacity: 0.6;
    -ms-flex-align: center;
        align-items: center
}
.social-media a {
    padding: 0 0.5rem;
    display: inline-block
}
.header-contact {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
        flex-flow: column;
    font-size: 1.5rem;
    font-weight: 600;
    color: #2c64a6
}
.contact_us_title a {
    display: none
}
.webview .contact_us_title a {
    display: inline-block;
    background-color: #478e9e;
    float: left;
    padding: 0.5rem;
    border-radius: 24px
}
.header-contact div {
    padding: 0.5rem 1rem
}
.header-contact .hotline {
    color: #fff;
    background: #478e9e;
    padding: 1rem 2rem;
    border-radius: 2rem;
    padding: 0.5rem 1rem;
    border-radius: 6rem;
    width: auto;
    display: inline-block
}
.header-contact .hotline img {
    width: 100%;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
}
.header-contact a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row-reverse;
        flex-flow: row-reverse;
    -ms-flex-align: center;
        align-items: center;
    font-size: 1rem;
    -ms-flex-pack: center;
        justify-content: center
}
header .toogle_navbar_icon {
    display: none
}
header .hotline span img {
    max-width: 17px
}
header .navbar {
    display: none
}
.profile_notifiacation {
    width: 75%;
    text-align: start;
    font-size: 1rem;
    color: #fff;
    padding: 13px 79px 13px 10px;
    position: relative;
    box-shadow: 0px 1px 4px #333;
    margin: auto;
    float: none;
    display: table;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 7px
}
.profile_progress_red {
    background-color: #e21809
}
.profile_progress_green {
    background-color: #429a29
}
.profile_progress_orange {
    background-color: #e25e09
}
.profile_notifiacation span {
    float: right;
    right: 3%;
    position: absolute;
    top: 23%;
    font-size: 2rem;
    cursor: pointer;
    color: #fff;
    text-shadow: none;
    transition: all 200ms
}
/*.profile_progress_green span:hover,
.profile_progress_red span:hover {
    text-shadow: 1px 1px 4px #333;
    transition: all 200ms;
}*/
.profile_notifiacation h3 {
    display: inline-block;
    font-weight: 200
}
.profile_notifiacation.removeDiv {
    display: none
}
.profile_img_container span {
    font-size: 1vw
}
header .hello_span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1vw
}
.notification {
    float: left;
    padding-left: 0.5rem !important;
    padding-bottom: 0rem !important;
    position: relative;
    min-width: 200px
}
.notification a {
    font-size: 1.5rem !important;
    color: #2b69a8
}
.notification_item {
    padding: 5px !important
}
.notification_item h3 {
    font-size: 0.7rem;
    text-align: start;
    direction: rtl;
    font-weight: 200
}
.arrow_header {
    display: inline-block;
    width: 8px;
    margin: 0 0.2rem
}
.notification_list .link_back {
    display: none
}
.notification ul {
    max-width: 273px;
    background-color: #fff;
    /* height: initial !important; */
    border: 1px solid #ddd;
    float: left;
    /* border-top: none; */
    margin-top: -3px;
    height: auto;
    overflow: hidden;
    overflow-y: auto;
    display: none;
    direction: ltr;
    text-align: start;
    position: absolute;
    top: 4.9rem;
    z-index: 999;
    max-height: 169px !important;
    top: 100%;
    left: 0;
    z-index: 99999999999
}
.notification.show_notification ul {
    display: block !important;
    padding: 0.5rem 0px;
    box-shadow: 0px 1px 3px #333
}
.notification.show_notification .notification_icon i {
    border: 1px solid #ddd;
    border-bottom: none
}
.notification_green i {
    color: #03cb03
}
.notification_red i {
    color: #f00
}
.notification_orange i {
    color: #f89d2c
}
.notification a {
    display: block;
    float: left;
    width: 100%;
    text-align: end;
    padding: 0rem;
    /* margin-top: 10px; */
    z-index: 99999;
    border-bottom: none;
    /* position: absolute; */
    /* left: 0; */
    position: relative;
    padding: 0rem 0rem 0rem 0.6rem !important;
    display: block;
    z-index: 999999999;
    background-color: #fff
}
.notification_item {
    border-bottom: 1px solid #eee;
    display: inline-block;
    width: 100%;
    transition: all 200ms
}
header .notification_item:hover {
    background-color: #ececec;
    transition: all 200ms
}
.notification_item:last-of-type {
    border-bottom: none
}
.notification_item i {
    line-height: 3rem;
    font-size: 1.5rem
}
.notification a i {
    z-index: 999999;
    padding: 1rem 1.5rem
}
.notification_item a i {
    padding: 0.35rem !important;
    line-height: 1rem;
    float: right;
    font-size: 1.2rem
}
.notification_item a {
    background-color: transparent
}
.notification ul li span {
    vertical-align: bottom
}
.notification .link_back {
    display: none
}
.doctor_profile_link {
    padding: 0rem !important;
    display: inline-block;
    width: 100%;
    margin-right: 5rem
}
header .logout_header_link {
    position: absolute;
    left: 0;
    right: auto;
    width: auto;
    right: 2rem;
    top: 95%;
    border: 1px solid #ddd;
    padding: 0rem !important;
    width: 100%;
    max-width: 100%;
    background-color: #fff;
    box-shadow: 0px 2px 4px #acacac;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    display: none !important;
    z-index: 99;
    -ms-flex-flow: column;
        flex-flow: column;
    transition: all 300ms ease
}
.desktop_login_link:hover li {
    display: -ms-flexbox !important;
    display: flex !important
}
header .header_profile_container {
    z-index: 9999
}
.login_header_link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    position: relative;
    -ms-flex-align: center;
        align-items: center
}
header .container {
    width: 90px
}
header .filled {
    width: 60px;
    height: 45px
}
header .filled:after {
    content: attr(attr-content);
    position: fixed;
    z-index: 999;
    margin-right: -1.5rem;
    color: #e8308a;
    font-size: 0.6em
}
header img.im {
    width: 54px;
    height: 54px
}
header .profileLoader {
    width: 60px;
    height: 60px;
    display: inline-block;
    float: right;
    border-radius: 50%;
    overflow: hidden;
    margin: -0.25rem 0 0 1rem
}
.header-fixed {
    /* box-shadow: 1px 2px 1px #e0e0e0; */
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
    -ms-flex-align: center;
        align-items: center;
    position: relative;
    top: 0;
    z-index: 999;
    width: 100%;
    background-color: #478e9e;
    color: #fff;
    font-size: 1rem;
    padding: 0 3rem;
    transition: all 200ms
}
.header-fixed .header-nav {
    display: -ms-flexbox;
    display: flex
}
.header-fixed .header-social .social-media li a img {
    width: 10px;
    height: 20px
}
.header-nav-2 {
    display: -ms-flexbox;
    display: flex;
    color: #7f7f7f
}
.header-nav-2 .main_nav_links {
    padding: 0 0.8rem;
    color: #7f7f7f;
    font-size: 1.1rem
}
.header-fixed .header-nav li {
    padding: 0rem 0.5rem
}
.header-fixed .header-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center
}
.header-fixed .header-actions a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center
    /* padding: 1rem 0; */
}
.main_nav_links:hover {
    color: #3197cb;
    transition: all 200ms
}
.header-fixed.fixed {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    font-size: 1.2rem;
    /* padding: 1.5rem; */
    transition: all 200ms
}
.homepage .intro ul {
    display: none !important
}
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* dropdown menu */
ul.header-nav .drop-link {
    /* background-color: #4caf50; */
    color: #7f7f7f;
    /* padding: 16px; */
    font-size: 1.1rem;
    border: none
}
ul.header-nav .dropdown {
    position: relative;
    display: inline-block;
    font-size: 1.1rem
}
ul.header-nav .dropdown-content {
    display: none;
    position: absolute;
    right: 0px;
    /* not necessarily needed */
    background-color: #fff;
    min-width: 160px;
    width: -webkit-max-content;
    width: max-content;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 120
}
ul.header-nav .dropdown-content a {
    color: #7f7f7f;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-size: 1.1rem;
    transition: color, background-color 0.15s ease-in
}
ul.header-nav .dropdown-content a:hover {
    background-color: #478e9e;
    color: #fff
}
ul.header-nav .dropdown:hover .dropdown-content {
    display: block
}
ul.header-nav .dropdown:hover .drop-link {
    /* background-color: #3e8e41; */
}
/* ------------------------------------------------------------------------ */
/* ----------- dropdown for mobile ------------------------ */
/* ------------------------------------------------------------------------ */
ul.nav_inner_container .drop-link {
    /* background-color: #4caf50; */
    color: #fff;
    /* padding: 16px; */
    /* font-size: 1.3rem; */
    border: none
}
ul.nav_inner_container .dropdown {
    position: relative
    /* display: inline-block;
  font-size: 1.3rem; */
}
ul.nav_inner_container .dropdown .parent-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center
}
ul.nav_inner_container .dropdown .parent-link span {
    text-align: end;
    color: #fff;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto
}
ul.nav_inner_container .dropdown-content {
    display: none;
    /* position: absolute; */
    background-color: #0c73c0;
    /* min-width: 160px; */
    width: 100%;
    /* box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2); */
    z-index: 2
}
ul.nav_inner_container .dropdown-content a {
    color: #fff;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-size: 1rem;
    display: block;
    text-align: start;
    transition: color, background-color 0.15s ease-in
}
ul.nav_inner_container .dropdown-content a:not(:last-of-type) {
    border-bottom: 1px solid rgba(238, 238, 238, 0.05)
}
ul.nav_inner_container .dropdown-content a:hover {
    background-color: #478e9e;
    color: #fff
}
ul.nav_inner_container .dropdown:hover .dropdown-content {
    display: block
}
ul.nav_inner_container .dropdown:hover .drop-link {
    /* background-color: #3e8e41; */
}
footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
        flex-flow: row;
    background-color: #333;
    color: #fff;
    padding: 2rem;
    padding-bottom: 0;
    width: 100%;
    margin: auto
}
footer.shrink {
    width: 90%
}
.footer-links {
    width: 25%;
    text-align: right
}
.footer-links li {
    padding: 0.5rem 0rem
}
footer h2 {
    text-align: right;
    padding: 0.5rem 0rem
}
.footer-contact {
    width: 25%
}
.footer-contact p {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
        flex-flow: row;
    -ms-flex-align: center;
        align-items: center;
    color: #fff
}
.footer-contact p span {
    margin-left: 0.5rem
}
.footer-contact li {
    padding: 0.5rem 0rem
}
footer .hotline a {
    background-color: #478e9e;
    padding: 0.5rem;
    border-radius: 6rem;
    width: auto;
    display: inline-block
}
footer .hotline a img {
    margin: auto;
    display: block;
    width: auto
}
.footer-post {
    width: 50%
}
.footer-post-heading {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
        flex-flow: row;
    padding: 0rem 1rem
}
.footer-post-heading h2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center
}
.footer-post-heading h2 span {
    width: 30px;
    margin-left: 1rem
}
footer .articles_section_container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
        flex-flow: row;
    background-color: transparent
}
footer .articles_box_container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    background-color: transparent;
    padding: 0
}
footer .articles_section_container .articles_box {
    width: 33.3%
}
footer .articles_section_container .articles_box .inner_container {
    height: 200px !important;
    border-radius: 6px
}
/* start sticky download banner  */
.download-app-sticky {
    background: linear-gradient(to right, #2b60a4, #427ab5);
    color: #fff;
    padding: 0.5rem 0;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999999999999
}
.download-app-sticky img {
    width: 150px !important
}
.download-app-sticky .android-mobile,
.download-app-sticky .ios-mobile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center
}
.loginPage .title {
    color: #000;
    padding: 1rem;
    text-align: start;
    font-size: 1.5rem
}
. .login_form,
.login_page .links {
    float: none;
    margin: auto;
    display: block;
    width: 50%
}
.login_page .app_icons_group {
    width: 30%;
    float: none;
    margin: auto;
    display: block
}
.loginPage form input {
    width: 100%;
    margin: 0.5rem 0rem;
    font-size: 1rem;
    padding: 0.5rem 1rem;
    background-color: #f6f6f6;
    border: none;
    border: 1px solid #e3e3e3
}
.loginPage form .login_btn input {
    background-color: #3398cc;
    color: #fff
}
.loginPage .links {
    padding: 1rem
}
.loginPage .links a {
    padding: 0.5rem;
    font-size: 1rem;
    color: #000;
    display: inline-block;
    float: right;
    text-align: center
}
.loginPage .links a:hover {
    color: #3366ff;
    transition: all 150ms
}
.loginPage .forgetPassword,
.loginPage .CreateAcoount {
    padding: 0.8rem;
    text-align: center
}
.loginPage .CreateAcoount a {
    text-decoration: underline;
    color: #7f7f7f
}
.loginPage .forgetPassword a {
    color: #e8308a;
    text-decoration: none;
    padding: 0.5rem 1rem;
    transition: all 200ms
}
.loginPage .forgetPassword a:hover,
.loginPage .CreateAcoount a:hover {
    color: #3398cc;
    transition: all 200ms
}
.fb_btn a {
    display: block;
    background-color: #3b5998;
    color: #fff;
    width: 100%;
    margin: 0.5rem 0rem;
    font-size: 1rem;
    padding: 0.5rem 1rem;
    border: 1px solid #e3e3e3;
    text-align: center;
    position: relative
}
.fb_btn a i {
    color: #fff;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 3rem;
    height: 2.9rem;
    background: rgba(0, 0, 0, .25);
    line-height: 3rem;
    font-size: 2rem
}
.loginPage .intro,
.contact_us_page .intro {
    background-image: url('../images/04_Otlob_register_BG.jpg') !important
}
.loginPage .register_form_container .form_header {
    text-align: start;
    padding: 0.5rem
}
.resetPassword_page .title {
    color: #000;
    padding: 1rem;
    text-align: start;
    font-size: 1.5rem
}
.resetPassword_page {
    padding: 5rem 0;
    padding-bottom: 3.9rem;
    width: 100%
}
.resetPassword_form, 
.resetPassword_page .links {
    float: none;
    margin: auto;
    display: block;
    width: 50%
}
.resetPassword_page .app_icons_group {
    width: 30%;
    float: none;
    margin: auto;
    display: block
}
.resetPassword_form form input {
    width: 100%;
    margin: 0.5rem 0rem;
    font-size: 1rem;
    padding: 0.5rem 1rem;
    background-color: #f6f6f6;
    border: none;
    border: 1px solid #e3e3e3
}
.resetPassword_form form .resetPassword_btn input {
    background-color: #3398cc;
    color: #fff
}
.resetPassword_page .links {
    padding: 1rem
}
.resetPassword_page .links a {
    padding: 0.5rem;
    font-size: 1rem;
    color: #000;
    display: inline-block;
    float: right;
    text-align: center
}
.resetPassword_page .links a:hover {
    color: #3366ff;
    transition: all 150ms
}
.resetPassword_page .app_icons_group {
    padding: 1rem 0.5rem
}
/* Reset Success */
.resetSuccess_page {
    padding: 5rem 0;
    padding-bottom: 16.59rem;
    width: 100%
}
.resetSuccess_page h1 {
    color: #3366ff;
    text-align: center;
    padding: 6.2rem 0;
    padding-bottom: 3rem
}
.resetSuccess_page h3 {
    text-align: center
}
/* New Password */
.newPassword_page {
    padding: 5rem 0;
    padding-bottom: 4.6rem;
    width: 100%
}
.newPassword_page .title {
    color: #000;
    padding: 1rem;
    text-align: start;
    font-size: 1.5rem
}
.newPassword_form {
    float: none;
    margin: auto;
    display: block;
    width: 50%
}
.newPassword_form b {
    padding: 0.5rem 0;
    display: block
}
.newPassword_form form input {
    width: 100%;
    margin: 0.5rem 0rem;
    font-size: 1rem;
    padding: 0.5rem 1rem;
    background-color: #f6f6f6;
    border: none;
    border: 1px solid #e3e3e3
}
.newPassword_form form .newPassword_btn input {
    background-color: #3398cc;
    color: #fff
}
.forgetPassPage  .intro_form_container {
    left: auto !important;
    right: auto !important;
    float: none !important;
    display: block !important;
    margin: auto !important
}
.forgetPassPage   .submit-btn {
    width: 213px;
    float: left
}
.forgetPassPage .intro {
    height: 87% !important 
}
.forgetPassPage  .register_form_container  .form_header {
    text-align: start;
    padding: 0.5rem
}
.forgetPassPage   .backToRegister {
    color: #7f7f7f;
    text-decoration: underline;
    padding: 0rem 0.5rem
}
.forgetPassPage   .title {
    display: block;
    float: none;
    margin: auto
}
.help {
    padding-top: 5rem;
    background-color: rgb(248, 248, 248)
}
.webview .help {
    padding-top: 0rem
}
.help .section_title {
    text-align: start
}
.common_question_link {
    display: block;
    padding: 0.5rem;
    font-size: 1.1rem;
    color: #333;
    transition: all 200ms
}
.questions_container.active .common_question_link {
    color: #3f9fcf
}
.common_question_link:hover {
    color: #3f9fcf;
    transition: all 200ms
}
.common_question_link:hover .question_mark_icon i {
    background-color: #3f9fcf;
    transition: all 200ms
}
.help .user_common_questions {
    border-bottom: 1px solid #ddd
}
.help .common_questions {
    padding: 1rem 0rem
}
.help .help_questions_inner_container {
    padding: 1rem 7rem
}
.help .help_questions_inner_container:first-of-type {
    border-bottom: 13px solid #eee
}
.help .question_mark_icon {
    float: right;
    display: inline-block;
    padding: 0.5rem 0rem
}
.help .question {
    float: right;
    display: inline-block;
    padding: 0.5rem;
    font-weight: 900
}
.help .question_mark_icon i {
    font-size: 1.7rem;
    background-color: #333;
    padding: 0.3rem 0.5rem;
    vertical-align: middle;
    color: #fff
}
.help .question_div {
    border-bottom: 1px solid #eee
}
.help .question_div:last-of-type {
    border-bottom: none
}
.help .answer_container {
    padding: 0.5rem 2rem;
    box-shadow: 0px 2px 4px #dadada;
    height: auto;
    background-color: #f1f1f1
}
.editProfile_page {
    padding: 5rem 0;
    padding-bottom: 2rem;
    width: 100%;
    /* background-image: url('../images/bg_01.jpg'); */
    background-color: #478e9e;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}
.editProfile_page .details .img_container img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border: 1px solid #eee
}
.editProfile_page .person_img_container {
    height: 10rem;
    width: 10rem;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #ddd;
    margin: 1rem auto 0;
    display: block;
    float: right
}
.editProfile_page .person_img_container img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    cursor: pointer
}
.editProfile_page form {
    margin-bottom: 0rem
}
#top_profile,
#certificates_profile,
#experience_profile,
#specializedIn_profile {
    padding-bottom: 0;
    background-color: transparent;
    width: 86.9%;
    margin: auto
}
#top_profile .title,
#certificates_profile .certificates_header .title,
#experience_profile .experience_header .title,
#specializedIn_profile .specializedIn_header .title {
    font-weight: 900;
    color: #0d4884
}
#certificates_profile .certificates_header .title,
#experience_profile .experience_header .title,
#specializedIn_profile .specializedIn_header .title {
    color: #fff
}
.profil_links a {
    text-align: center;
    padding: 1rem;
    float: right;
    color: #7e7e7e
}
.profil_links a.active {
    border-bottom: 3px solid #e8308a;
    color: #333
}
#bottom_profile {
    padding: 0 3.5rem;
    background: #f4f4f4
}
#bottom_profile .title_btn,
#bottom_profile .accordion {
    padding: 1rem 2rem
}
#bottom_profile .save_edits {
    padding: 0.1rem 1rem;
    background: #3366ff;
    color: #fff;
    border: 1px solid #3366ff;
    border-radius: 4px
}
#bottom_profile .save_edits:hover {
    background: #6699ff;
    border: 1px solid #6699ff;
    cursor: pointer
}
#bottom_profile h2 {
    color: #000
}
#bottom_profile h3.accordion_container_header {
    position: relative;
    background: #fff;
    display: inline-block;
    padding: 0.5rem 1rem;
    cursor: pointer
}
#bottom_profile h3.accordion_container_header i.fa-chevron-down {
    position: absolute;
    left: 1rem;
    top: 1rem;
    color: #bcbcbc
}
#bottom_profile h3.accordion_container_header i.fa-check {
    line-height: 2.2rem;
    color: #3366ff
}
.accordion_container div.content {
    background-color: #ccc;
    padding: 10px;
    display: none
}
#bottom_profile .accordion_container_header span.title {
    color: #333;
    padding: 0 1rem
}
.accordion .content {
    display: block
}
.accordion .content .content_container {
    display: block;
    clear: both;
    padding: 1rem;
    background-color: #eee
}
.accordion .content .content_container .title {
    color: #333;
    padding: 0.5rem 0
}
.accordion .content form input {
    width: 97%;
    margin: 0.5rem 0rem;
    padding: 0.2rem 1rem;
    background-color: #fff;
    border: none;
    border: 1px solid #e3e3e3
}
.content_container .subSpeciality_header {
    border-bottom: 1px solid #e3e3e3
}
.content_container .subSpeciality_header span {
    color: #7e7e7e
}
.content_container .subSpeciality_header h4 {
    display: inline-block;
    padding: 0 0.5rem;
    color: #000
}
.subSpeciality_header_img {
    display: block;
    clear: both;
    overflow: hidden;
    padding: 0.5rem 0
}
.subSpeciality_header_img img {
    float: right;
    height: 70px;
    width: 70px;
    margin: 0 0 0 1rem;
    overflow: hidden
}
.subSpeciality_header_img h5 {
    line-height: 2rem;
    display: block;
    color: #333
}
.subSpeciality_footer .thumbnail .fa-file-image-o {
    font-size: 3rem;
    color: #bcbcbc
}
.subSpeciality_footer label {
    display: block;
    overflow: hidden
}
.subSpeciality_footer .thumbnail span {
    padding: 1rem;
    display: inline-block;
    color: #7e7e7e
}
.subSpeciality_footer .thumbnail input.choose {
    position: relative;
    left: 9rem;
    visibility: hidden
}
.subSpeciality_footer .thumbnail input.chooseNew {
    position: relative;
    left: 7rem;
    visibility: hidden
}
.subSpeciality_footer .thumbnail #blah {
    display: inline-block;
    float: right;
    height: 60px;
    width: 60px;
    object-fit: cover;
    z-index: 1
}
.subSpeciality_footer .thumbnail #blahNew {
    display: inline-block;
    float: right;
    height: 60px;
    width: 60px;
    object-fit: cover;
    z-index: 1
}
.subSpeciality_footer .thumbnail .upload_new_file {
    display: block;
    padding: 1rem 0;
    width: 100%;
    color: #3366ff
}
.subSpeciality_footer .thumbnail .upload_new_file i {
    padding: 0 0.5rem
}
.subSpeciality_footer .thumbnail .upload_new_file:hover {
    text-decoration: underline;
    cursor: pointer;
    color: #33ccff
}
.subSpeciality_footer .thumbnail .remove {
    display: none
}
.subSpeciality_footer .thumbnail .upload_btn {
    padding: 0rem 2rem;
    border-radius: 4px;
    background: #3398cc;
    border: 1px solid #3398cc;
    color: #fff;
    margin: 0 0 0 2rem
}
.subSpeciality_footer .thumbnail .upload_btn:hover {
    background: #3366ff;
    border: 1px solid #3366ff;
    cursor: pointer
}
/*form .datepicker {
    width:48.4% !important;
    float: right;
    display: block;
}*/
form .dateTo {
    margin-left: 3rem
}
.subSpeciality_header.specializedIn {
    border-bottom: none
}
.specializedIn div {
    border-bottom: 1px solid #e3e3e3;
    padding: 0.5rem 0
}
.addSpecialty {
    position: absolute;
    left: 10rem;
    padding: 0.8rem 0;
    color: #7e7e7e
}
.addSpecialty:hover {
    text-decoration: underline;
    color: #3366ff
}
.addSpecialty i {
    padding: 0 0.5rem
}
.intl-tel-input.allow-dropdown .flag-container {
    right: auto;
    left: 0rem !important
}
.intl-tel-input .selected-flag .iti-flag {
    left: 0.5rem
}
.intl-tel-input .country-list {
    left: 0
}
.editProfile_page .picker__holder {
    max-width: 300px;
    top: 0rem;
    right: -3rem;
    left: 0rem
}
.editProfile_page .top_profile_details .name_img label a {
    display: none !important;
    color: #7e7e7e
}
.editProfile_page .top_profile_details .name_img label h5,
.editProfile_page .top_profile_details .name_img label a {
    display: inline-block;
    position: relative;
    right: 11rem;
    top: -1rem
}
.editProfile_page .top_profile_details .name_img span {
    right: 11.5rem
}
.editProfile_page .top_profile_details .thumbnail input.choose {
    top: 0rem;
    position: absolute;
    height: 100%;
    right: 0;
    opacity: 0;
    left: 0;
    z-index: 999999999999999;
    margin: auto;
    width: 100%;
    height: 148px
}
.editProfile_page .top_profile_details .content {
    padding: 1rem 0
}
.editProfile_page input,
.editProfile_page select,
.editProfile_page textarea {
    width: 100%;
    margin: 0.5rem 0rem;
    padding: 0.4rem 1rem;
    background-color: #f3f3f3;
    border: 1px solid #e3e3e3;
    border-radius: 3px
}
.editProfile_page select {
    margin-bottom: 0
}
.editProfile_page .intl-tel-input {
    margin: 0.5rem 0rem
}
.editProfile_page .qulaification_name {
    float: right
}
.editProfile_page .qualification_ref_number {
    padding: 0rem 3rem
}
.editProfile_page input:focus,
.editProfile_page textarea:focus,
.editProfile_page select:focus {
    background-color: #eee;
    border: 1px solid #e3e3e3
}
.editProfile_page label {
    width: 100%;
    display: block
}
.editProfile_page .save_cancel {
    text-align: end
}
.editProfile_page .save_cancel .save {
    padding: 0.2rem 1.5rem;
    background: #3366ff;
    color: #fff;
    border: 1px solid #3366ff;
    border-radius: 4px
}
.editProfile_page .save_cancel .save[disabled] {
    background: #444 !important
}
.editProfile_page .top_profile_details .save_cancel .save:hover {
    background: #6699ff;
    border: 1px solid #6699ff;
    cursor: pointer
}
.editProfile_page .top_profile_details .choose {
    height: 0;
    left: 0;
    margin: 0;
    padding: 0
}
.editProfile_page .top_profile_details .save_cancel .cancel {
    padding: 0.2rem 1.5rem;
    background: #fff;
    color: #000;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    margin-right: 1rem
}
.editProfile_page .top_profile_details {
    border-bottom: none;
    position: relative;
    padding: 0rem !important;
    margin: auto
}
/*SECTION 2*/
#certificates_profile .certificates_header {
    padding: 1rem 0rem
}
#certificates_profile .certificates_header .title {
    display: inline-block
}
#certificates_profile .certificates_header .add_certificate {
    float: left;
    padding: 0.4rem 1.5rem;
    background: #fff;
    color: #000;
    border: 1px solid #e3e3e3;
    border-radius: 4px
}
.actions span i {
    color: #fff;
    border-radius: 5px;
    background: #7e7e7e;
    padding: 0.6rem;
    font-size: 1rem;
    transition: all 200ms;
    cursor: pointer
}
.actions span i:hover {
    background-color: #b1b1b1;
    transition: all 200ms
}
#certificates_profile .certificates_details .details h4,
#certificates_profile .certificates_details .details h5 {
    padding: 0.5rem 0
}
#certificates_profile .certificates_details .details h4 span {
    padding: 0 2rem
}
#certificates_profile .certificates_details .details h5 {
    color: #7e7e7e
}
#certificates_profile .certificates_details .details h4 {
    color: #333
}
.editProfile_page #certificates_profile .content label {
    width: 100%;
    display: block;
    color: #7e7e7e
}
.editProfile_page #certificates_profile .save_cancel {
    text-align: end
}
.editProfile_page #certificates_profile .save_cancel .save {
    padding: 0.2rem 1.5rem;
    background: #3366ff;
    color: #fff;
    border: 1px solid #3366ff;
    border-radius: 4px
}
.editProfile_page #certificates_profile .save_cancel .save:hover {
    background: #6699ff;
    border: 1px solid #6699ff;
    cursor: pointer
}
.editProfile_page #certificates_profile .save_cancel .cancel {
    padding: 0.2rem 1.5rem;
    background: #fff;
    color: #000;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    margin-right: 1rem;
    cursor: pointer
}
.editProfile_page #certificates_profile .certificates_form {
    padding: 1.2rem 0
}
/*SECTION 3*/
#experience_profile .experience_header {
    padding: 1rem 0rem
}
#experience_profile .experience_header .title {
    display: inline-block
}
#experience_profile .experience_header .add_experience {
    float: left;
    padding: 0.4rem 1.5rem;
    background: #fff;
    color: #000;
    border: 1px solid #e3e3e3;
    border-radius: 4px
}
.editProfile_page #experience_profile .experience_form {
    padding: 1.2rem 0
}
.editProfile_page #experience_profile .content label {
    width: 100%;
    display: block
}
.editProfile_page #experience_profile .save_cancel {
    text-align: end
}
.editProfile_page #experience_profile .save_cancel .save {
    padding: 0.2rem 1.5rem;
    background: #3366ff;
    color: #fff;
    border: 1px solid #3366ff;
    border-radius: 4px
}
.editProfile_page #experience_profile .save_cancel .save:hover {
    background: #6699ff;
    border: 1px solid #6699ff;
    cursor: pointer
}
.editProfile_page #experience_profile .save_cancel .cancel {
    padding: 0.2rem 1.5rem;
    background: #fff;
    color: #000;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    margin-right: 1rem;
    cursor: pointer
}
#experience_profile .experience_details {
    border-bottom: none
}
.certificates_details .note,
.experience_details .note {
    border: 1px solid rgba(0, 0, 0, 0.18);
    padding: 1rem;
    background: #ffff95;
    margin: 0
}
.certificates_details .note.highlight,
.experience_details .note.highlight {
    background: transparent;
    color: #666;
    font-size: 0.7rem
}
#experience_profile .experience_details .details h4,
#experience_profile .experience_details .details h5 {
    padding: 0.5rem 0
}
#experience_profile .experience_details .details h4 span {
    padding: 0 2rem
}
#experience_profile .experience_details .details h5 {
    color: #7e7e7e
}
#experience_profile .experience_details .details h4 {
    color: #333
}
/* SECTION 4*/
#specializedIn_profile .specializedIn_header {
    padding: 1rem 0rem
}
#specializedIn_profile .specializedIn_header .title {
    display: inline-block
}
#specializedIn_profile .specializedIn_header .add_specializedIn {
    float: left;
    padding: 0.4rem 1.5rem;
    background: #fff;
    color: #000;
    border: 1px solid #e3e3e3;
    border-radius: 4px
}
.editProfile_page #specializedIn_profile .experience_form {
    padding: 1.2rem 0
}
.editProfile_page #specializedIn_profile .content label {
    width: 100%;
    display: block
}
.editProfile_page #specializedIn_profile .save_cancel {
    text-align: end
}
.editProfile_page #specializedIn_profile .save_cancel .save {
    padding: 0.2rem 1.5rem;
    background: #3366ff;
    color: #fff;
    border: 1px solid #3366ff;
    border-radius: 4px
}
.editProfile_page #specializedIn_profile .save_cancel .save:hover {
    background: #6699ff;
    border: 1px solid #6699ff;
    cursor: pointer
}
.editProfile_page #specializedIn_profile .save_cancel .cancel {
    padding: 0.2rem 1.5rem;
    background: #fff;
    color: #000;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    margin-right: 1rem;
    cursor: pointer
}
#specializedIn_profile .experience_details {
    padding: 0rem 0.5rem;
    display: inline-block;
    border: none !important
}
#specializedIn_profile .experience_details .details h4,
#specializedIn_profile .experience_details .details h5 {
    padding: 0.5rem 0
}
#specializedIn_profile .experience_details .details h4 span {
    padding: 0 2rem
}
#specializedIn_profile .experience_details .details h5 {
    color: #7e7e7e
}
#specializedIn_profile .experience_details .details h4 {
    color: #333
}
/**/
.editProfile_page section .add .uploadImg {
    padding: 1rem 0;
    display: block
}
.editProfile_page section .add img {
    width: 100%;
    height: 100%;
    object-fit: contain
}
.editProfile_page section .add i.fa-camera {
    position: relative;
    top: 3rem;
    right: 29rem;
    font-size: 1.5rem;
    color: #fff
}
.editProfile_page section .add input.upload {
    position: relative;
    top: 3rem;
    right: 25rem;
    opacity: 0
}
.editProfile_page .certificates_form .add img {
    float: right
}
.editProfile_page section .certificates_form .add i.fa-camera {
    position: relative;
    top: 3rem;
    right: -4.5rem;
    font-size: 1.5rem;
    color: #fff
}
.editProfile_page section .certificates_form .add input.upload {
    position: relative;
    top: 3rem;
    right: -8rem;
    opacity: 0
}
.editProfile_page .experience_form .add img {
    float: right
}
.editProfile_page section .experience_form .add i.fa-camera {
    position: relative;
    top: 3rem;
    right: -4.5rem;
    font-size: 1.5rem;
    color: #fff
}
.editProfile_page section .experience_form .add input.upload {
    position: relative;
    top: 3rem;
    right: -8rem;
    opacity: 0
}
.extra_padding {
    padding: 0rem 0.5rem
}
input.save {
    width: auto !important
}
.left_padding {
    padding-left: 0.5rem
}
/* noran styles */
.details_inner_container h3 {
    color: #7a7a7a;
    font-weight: 200 !important
}
.qualification_ref_number {
    font-weight: 200 !important
}
.details_inner_container .imgs_row {
    max-width: 73%;
    float: left
}
.details_inner_container .img_container {
    width: 150px;
    height: 150px;
    float: left;
    padding: 1rem 0.2rem
}
.details_text {
    max-width: 36%;
    display: inline-block;
    float: right
}
.details {
    border-bottom: 1px solid #eee;
    padding: 1rem 0rem
}
.details .remove span,
.details .add span,
.experience_details .remove span,
.experience_details .add span {
    margin: 0rem 0.1rem
}
.details .remove span {
    float: left;
    background-color: #7e7e7e;
    border-radius: 5px;
    padding: 0.6rem;
    color: #fff;
    transition: all 200ms;
    font-size: 1.12rem !important
}
.details .remove span:hover,
#certificates_profile .certificates_details .add span i:hover,
#experience_profile .experience_details .add span i:hover,
#specializedIn_profile .experience_details .add span i:hover {
    transition: all 200ms;
    background-color: #aeabab
}
.qualificationEditDiv {
    display: none
}
.details:last-of-type {
    border-bottom: none !important;
    padding-bottom: 0
}
#qualification_form,
#experiences_form,
#specialized_form,
.qualificationEditDiv,
.specialityEditDiv,
.qualificationEditDiv {
    display: none
}
#qualification_form.show,
#experiences_form.show,
#specialized_form.show,
.experienceEditDiv.show,
.qualificationEditDiv.show {
    position: fixed;
    top: 10%;
    left: 0;
    right: 0;
    padding: 0rem 3rem;
    background-color: rgba(0, 0, 0, 0.9);
    display: block;
    top: 0;
    bottom: 0;
    z-index: 999997;
    padding: 1rem !important
}
#qualification_form.show .form_con,
#experiences_form.show .form_con,
#specialized_form.show .form_con,
.experienceEditDiv.show .form_cont,
.qualificationEditDiv.show .form_cont {
    display: inline-block;
    background-color: #fcfcfc;
    padding: 1rem !important;
    border: 1px solid #ddd;
    border-radius: 7px;
    margin: 1rem 0;
    z-index: 9999;
    width: 100%
}
#showAddQualificationButton,
#showAddExperienceButton,
#showAddSpecialized,
#cancelQualificationAddForm,
#cancelExperienceEditButton,
#cancelSpecializedAdd,
.cancelSpecializedEdit,
#cancelExperienceAddForm {
    cursor: pointer;
    background: #06c;
    color: #fff
}
.qualificationEditDiv.show {
    display: block !important
}
.experienceefitForm.show {
    display: block !important
}
.specialityEditDiv.show {
    display: block !important
}
#files {
    visibility: hidden;
    display: none
}
.add_image_qualification {
    padding: 1rem 0rem
}
.label_qualification_upImg {
    width: 10% !important;
    display: inline-block !important;
    max-height: 115px;
    float: right !important
}
.qualification_upload_img_container {
    float: left;
    max-width: 10%;
    max-height: 200px;
    overflow: hidden;
    border: 1px solid #ddd
}
.qualification_upload_img_container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 0.1rem
}
.images_uploaded {
    display: inline-block;
    width: 80%;
    float: left
}
.experience_title,
.editProfile_page .qulaification_name,
#specializedIn_profile .experience_details .details h4 {}
.noty_type_alert {
    background-color: #fe0000
}
.noty_type_success {
    background: #4caf50;
    color: #fff
}
.noty_type_alert .noty_message {
    text-align: end;
    padding: 10px;
    width: auto;
    position: relative;
    display: inline-block
}
.noty_type_alert .noty_text {
    float: right;
    display: block;
    width: 100%;
    text-align: start;
    color: #fff
}
.noty_topCenter_layout_container {
    direction: ltr
}
.noty_buttons {
    text-align: center !important
}
.noty_buttons .btn {
    border: 1px solid #eee;
    display: inline-block;
    margin: 0.5rem;
    text-align: center;
    padding: 0.25rem 1.5rem;
    border-radius: 4px;
    background: #36f;
    color: #fff;
    transition: all 200ms;
    cursor: pointer
}
.noty_buttons .btn.btn-primary {
    background: #36f
}
.noty_buttons .btn.btn-danger {
    background: #fe0000
}
.noty_buttons .btn:hover {
    background-color: #444
}
.padding_left {
    padding-left: 0.5rem
}
#example {
    display: none !important
}
.experienceEditDiv {
    display: none !important
}
.experienceEditDiv.show {
    display: block !important
}
.imageHolder {
    width: 160px !important;
    height: 160px !important;
    float: right;
    margin: 0.5rem;
    position: relative
}
.imageHolder img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover
}
.imageHolder input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    visibility: hidden
}
.imageHolder .removeAttachment {
    position: absolute;
    top: 2rem;
    right: 0;
    padding: 1rem;
    background: #fe0000;
    color: #fff;
    cursor: pointer
}
.remove span,
.add span,
.editSpecialized,
.submit-btn {
    cursor: pointer;
    -webkit-appearance: none
}
form img {
    cursor: pointer
}
.details_text h3 span {
    color: #000;
    padding-left: 0.8rem;
    float: right
}
.specialityName {
    display: inline-block;
    padding: 0.5rem 1rem !important;
    border: 1px solid #ccc;
    border-radius: 35px
}
.specialityName .remove,
.specialityName .remove span {
    padding: 0rem !important
}
.specialityName .remove span {
    padding-top: 9px !important;
    float: left;
    background-color: transparent !important;
    border-radius: 0px !important;
    padding: 0rem;
    color: #333;
    font-size: 1rem !important;
    padding-right: 1rem !important
}
.specialized_details .details {
    border: none !important
}
.modal_title {
    padding: 0rem 0.5rem;
    padding-bottom: 1rem;
    color: #16327f
}
form label {
    color: #1056ac
}
#noty_topCenter_layout_container {
    top: 43% !important
}
#noty_topCenter_layout_container li {
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.22) !important;
    border: 1px solid rgba(0, 0, 0, 0.21) !important
}
.noty_topCenter_layout_container:before {
    content: ''
}
.toogleSection {
    float: right;
    padding-left: 17px;
    cursor: pointer;
    color: #000;
    transition: all 200ms;
    display: list-item;
    list-style-type: none
}
.toogleSection i {
    font-style: normal !important
}
.toogleSection:hover {
    color: #3366ff;
    transition: all 200ms
}
.add_certificate:hover,
.add_experience:hover,
.add_specializedIn:hover {
    background: #e3e3e3 !important;
    color: #000 !important;
    transition: all 200ms
}
.profile_password .top_profile_details,
.basic_details {
    display: block
}
.experience_details,
.specialized_details,
.certificates_details,
.profile_password .top_profile_details.hideDetails,
.basic_details.hideDetails {
    display: none
}
.editProfile_page #top_profile {
    padding: 1rem
}
.experience_details,
.specialized_details,
.certificates_details {
    display: block;
    background-color: #fff
}
.table_heading {
    border-bottom: 1px solid #ddd;
    padding: 1rem
}
.qualificationImgContainer {
    display: inline-block;
    float: right;
    /* padding: 0.5rem; */
    position: relative;
    margin: 0rem 1rem;
    max-height: 88px;
    margin-right: 0rem
}
.qualificationImgContainer img {
    width: 100%;
    height: 100%;
    object-fit: cover
}
.fancybox-overlay {
    z-index: 999999999999999999999
}
#experience_profile .qualificationImgContainer .grouped_elements:after {
    content: attr(attr-length);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    text-align: center;
    padding-top: 17%;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-weight: normal;
    font-size: 1.6rem;
    bottom: 0;
    cursor: pointer
}
.fancybox-nav span {
    visibility: visible !important
}
.left {
    float: left !important
}
.right {
    float: right !important
}
.table_row h3 {
    display: block;
    font-size: 1rem
}
.table_row .notification_item i {
    padding: 0rem 0.5rem;
    float: right;
    line-height: 4rem
}
.table_row .notification_item h3 {
    line-height: 4rem
}
.table_row_container {
    padding: 0.5rem 1rem
}
.actions {
    display: inline-block;
    padding-top: 1rem
}
.experience_details .grouped_elements {
    display: none
}
.experience_details .grouped_elements:first-of-type {
    display: block
}
.table_heading_title:first-of-type {
    width: 46% !important
}
.container {
    position: relative;
    width: 90px;
    padding: 0rem !important
}
.filled {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 171px;
    height: attr(attr-content);
    background-color: #e8308a;
    right: 0
}
img.im {
    z-index: 1;
    width: 139px;
    height: 136px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 00;
    margin: auto;
    top: 0;
    bottom: 0;
    object-fit: cover
}
.profileLoader {
    position: relative;
    width: 147px;
    padding: 0rem !important;
    height: 147px
}
.circlie:after {
    content: attr(attr-content);
    position: absolute;
    z-index: 999;
    color: #e8308a;
    top: auto;
    bottom: 69%;
    margin-right: -1.5rem
}
.circlie {
    border-radius: 50%;
    overflow: hidden;
    height: 147px;
    width: 147px;
    margin: auto;
    background: #ccc
}
.top_profile_details .thumbnail {
    position: absolute;
    top: 0;
    padding-top: 22%;
    z-index: 99999;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
    width: 148px;
    height: 148px;
    margin: auto;
    right: 0;
    font-size: 22px;
    text-align: center;
    opacity: 0;
    transition: all 200ms
}
.top_profile_details .thumbnail:hover {
    opacity: 1;
    transition: all 200ms
}
.noDegree {
    text-align: center;
    padding: 1rem;
    color: #0d4893;
    background-color: #fff
}
.noDegree h2 {
    padding-bottom: 1rem
}
.noDegree a {
    padding: 0.5rem 2rem;
    border-radius: 3px;
    margin: 1rem 0;
    display: inline-block
}
.ProfileStatus {
    background-color: #f4f4f4;
    margin-top: 1rem;
    padding: 0.5rem;
    border: 1px dashed #ccc
}
.ProfileStatus h2 {
    text-align: center;
    font-size: 0.8rem;
    font-weight: normal
}
.ProfileStatus h2 span {
    color: #38c327;
    font-weight: 900
}
.changePassword {
    margin: 0rem 1rem;
    text-decoration: none;
    background-color: #f3f3f3;
    border: 1px solid #ddd;
    padding: 1px 0.5rem;
    border-radius: 4px;
    transition: all 200ms
}
.changePassword:hover {
    background-color: #ddd;
    transition: all 200ms
}
.password_forms {
    display: none
}
.password_forms.showForm {
    display: block
}
.msg_container {
    background-color: #fff;
    text-align: center;
    height: auto;
    position: relative
}
.noDegree_notify {
    color: #fff;
    font-size: 0.9rem;
    margin-bottom: 10px;
    height: auto;
    display: none;
    width: 100%;
    margin: auto;
    float: none;
    padding: 11px 4rem;
    background: #0267cc;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12)
}
.noDegree_notify.show-noty {
    display: inline-block
}
.noDegree_notify h2 {
    display: inline-block;
    padding: 0rem 23px;
    float: right
}
.noDegree_notify a {
    border: 1px dashed;
    padding: 5px 20px;
    position: relative;
    display: inline-block;
    border-radius: 6px;
    float: left;
    min-width: 17%
}
.noDegree_notify a:hover {
    color: #0267cc;
    background-color: #fff !important;
    border: 1px solid #000
}
.specialized_details .details {
    padding: 0rem !important
}
.specialized_details {
    padding: 10px 5px
}
.top_profile_img {
    width: 148px
}
.hint_img {
    font-size: 13px;
    color: #08196e
}
.register_page .title {
    color: #000;
    padding: 1rem;
    text-align: start;
    font-size: 1.5rem
}
.register_page {
    padding: 0rem;
    width: 100%
}
.register_form {
    width: 40%;
    float: none;
    margin: auto;
    display: block
}
.register_page .links {
    float: none;
    margin: auto;
    display: block;
    width: 50%
}
.register_page .app_icons_group {
    width: 30%;
    float: none;
    margin: auto;
    display: block
}
.register_form form input {
    width: 100%;
    margin: 0.5rem 0rem;
    font-size: 1rem;
    padding: 0.5rem 1rem;
    background-color: #f6f6f6;
    border: none;
    border: 1px solid #e3e3e3
}
.register_form form .login_btn input {
    background-color: #3398cc;
    color: #fff
}
.register_page .links {
    padding: 1rem
}
.register_page .links a {
    padding: 0.5rem;
    font-size: 1rem;
    color: #000;
    display: inline-block;
    float: right;
    text-align: center
}
.register_page .links a:hover {
    color: #3366ff;
    transition: all 150ms
}
.register_page .app_icons_group {
    padding: 1rem 0.5rem
}
.register_form form .fb_btn a {
    display: block;
    background-color: #3b5998;
    color: #fff;
    width: 100%;
    margin: 0.5rem 0rem;
    font-size: 1rem;
    padding: 0.5rem 1rem;
    border: 1px solid #e3e3e3;
    text-align: center;
    position: relative
}
.register_form form .fb_btn a i {
    color: #fff;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 3rem;
    height: 2.9rem;
    background: rgba(0,0,0,.25);
    line-height: 3rem;
    font-size: 2rem
}
.error_404 {
    padding-top: 5rem
}
.webview .error_404 {
    padding-top: 0rem
}
.error_404 .doctors {
    width: 86%;
    margin: auto
}
.error_404 .error_details {
    padding-top: 17%
}
.error_404 .error_details h1 {
    color: #e8308a;
    text-align: center;
    font-size: 3rem !important;
    font-weight: 900
}
.error_404 .error_details h2 {
    color: #000;
    text-align: center;
    /* padding-top: 29%; */
    padding: 0rem 2rem;
    font-size: 1.6rem
}
.error_404 .links_404 {
    text-align: center;
    padding: 1rem
}
.error_404 .links_404 a {
    color: #000;
    padding: 1rem
}
.error_404 .links_404 a:hover {
    color: #e8308a;
    transition: all 150ms
}
.subscribe_newsletter {
    padding-top: 5rem
}
.subscribe_newsletter .subscribe_details {
    padding-top: unset;
    padding-bottom: 5rem
}
.subscribe_newsletter .subscribe_details h1 {
    color: #e8308a;
    text-align: center;
    font-size: 3rem !important;
    font-weight: 900
}
.subscribe_newsletter .subscribe_details h2 {
    color: #000;
    text-align: center;
    padding: 0rem 2rem;
    font-size: 1.6rem
}
.breadCrumbs {
    width: 100%;
    margin: auto auto;
    display: block;
    padding: 1rem 4%
}
.breadCrumbs span {
    font-size: 1.1rem
}
.breadCrumbs span i {
    font-size: 0.5rem;
    vertical-align: baseline;
    padding: 0rem 0.5rem;
    color: #3398cc
}
.breadCrumbs span span {
    color: #e8308a
}
.breadCrumbs span a span {
    color: #000
}
.alert {
    position: absolute;
    z-index: 9999999
}
.alert strong {
    display: none
}
.notification_general h3 span {
    position: relative;
    font-size: inherit;
    float: left;
    font-weight: 400
}
.notification_general a {
    float: left;
    color: #fff;
    transition: all 200ms
}
.notification_general {
    background-color: #3366ff
}
.notification_general a:hover {
    color: #000;
    transition: all 200ms
}
.notification_general span {
    box-shadow: none
}
.notification_general span:hover {
    text-shadow: 1px 1px 4px #000
}
.notification-custom {
    position: absolute;
    background: #E8E8E8;
    width: 80vw;
    height: 30vh;
    top: 72%;
    left: 10%;
    z-index: 999;
    border-radius: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}
.notification-custom .close-noti {
    font-size: 2rem;
    position: absolute;
    right: 3rem;
    top: 2rem;
    cursor: pointer
}
.notification-custom p {
    font-size: 1.3rem;
    font-weight: bold;
    padding-top: 1rem;
    padding-right: 1rem;
    padding-left: 1rem
}
.webview .blogListing {
    padding-top: 0rem
}
.blogListing .articles_section_container {
    width: 92%;
    margin: auto;
    background-color: transparent
}
.blogListing .section_title {
    text-align: right;
    color: #000;
    padding-top: 1rem
}
.blogListing .articles_box_container {
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    border-top: 1px solid #ddd;
    padding-top: 1rem;
    margin-top: 1rem
}
.blogListing .articles_section_container .articles_box {
    width: 33.3%;
    border-radius: 5px;
    overflow: hidden
}
.advices_box_container .article_img_overlay {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    float: none;
    width: 100%;
    display: block;
    background-color: rgba(255, 255, 255, 0.9);
    text-align: center;
    height: auto;
    font-size: 1.2rem;
    top: calc(100% - 4rem);
    z-index: 1;
    transform: none;
    transition: all 200ms
}
.advices_box_container .article_img_overlay .h2_hide {
    height: 4rem;
    line-height: 4rem;
    font-size: 1rem
}
.advices_box_container.articles_box
  .inner_container:hover
  .article_img_overlay {
    top: 0;
    transition: all 200ms
}
.advices_box_container.articles_box .inner_container:hover .h2_hide {
    display: none
}
.advices_box_container.articles_box .article_img_overlay_p {
    padding: 1rem 2rem;
    font-size: 0.9rem
}
.advices_box_container .article_overlay_content h2 {
    font-size: 1rem
}
.advices_box_container .artcle_img {
    height: 320px
}
.advices_box_container .article_overlay_content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
        flex-flow: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    height: 320px
}
[dir='ltr'] .blogListing .section_title {
    text-align: left
}
/* search filter  */
#blogs-section .dropbtn {
    color: #8b8b8b;
    padding: 0.5rem;
    border: solid 1px #dfdfdf;
    cursor: pointer;
    width: 100%
}
#blogs-section .dropbtn .categories-blogs {
    color: #333333;
    font-size: 1.3rem
}
#blogs-section .dropdown {
    position: relative;
    display: block
}
#blogs-section .dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    width: 100%;
    overflow: auto;
    z-index: 5;
    width: 100%;
    left: 0;
    top: 3rem
}
#blogs-section .dropdown:hover .dropdown-content {
    display: block !important
}
#blogs-section .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block
}
#blogs-section .dropdown a:hover {
    background-color: #dfdfdf
}
#blogs-section .blogs-search-icon {
    padding: 1rem;
    background-color: #478e9e;
    color: #fff;
    display: -ms-flexbox;
    display: flex
}
#blogs-section .blogs-search-icon button {
    border: none;
    background: transparent;
    color: #fff
}
#blogs-section .blogs-section-search-input {
    width: 100%;
    padding: 0.8rem
}
#blogs-section .blogs-section-subscribe a {
    color: #478e9e;
    border: solid 1px #478e9e;
    background-color: #f7f5f2;
    font-size: 1.1rem;
    width: 100%;
    display: block;
    padding: 0.6rem;
    text-align: center
}
#blogs-section .tags {
    /* white-space: nowrap;
  overflow-x: auto; */
    padding: 0 2rem;
    margin-top: 1rem
}
#blogs-section .tags a {
    color: #5e9aa7;
    font-weight: 400;
    border: solid 1px #dcdcdc;
    background-color: #ffffff;
    font-size: 1.22rem;
    padding: 1rem;
    display: inline-block;
    margin-bottom: 0.5rem;
    margin-right: 1rem
}
#blogs-section .tags a:hover {
    background-color: #5e9aa7;
    color: #fff
}
#blogs-section .dropbtn-mobile {
    color: #8b8b8b;
    padding: 0.5rem;
    border: solid 1px #dfdfdf;
    cursor: pointer;
    width: 100%
}
#blogs-section .tags.owl-carousel .owl-controls .owl-nav .owl-prev {
    position: absolute;
    left: -1.7rem !important;
    top: 15%;
    color: #808080;
    background: #fff;
    width: 50px;
    height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    border: 1px solid #e2e2e2;
    border-radius: 50%
}
#blogs-section .tags.owl-carousel .owl-controls .owl-nav .owl-next {
    position: absolute;
    right: -1.7rem !important;
    top: 15%;
    color: #808080;
    background: #fff;
    width: 50px;
    height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    border: 1px solid #e2e2e2;
    border-radius: 50%
}
/* modelsss */
/* 1. Ensure this sits above everything when visible */
.model-blog-listing {
    position: absolute;
    z-index: 10000;
    /* 1 */
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    text-align: center
}
.model-blog-listing.is-visible {
    visibility: visible
}
.model-blog-listing-overlay {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.3s, opacity 0.3s;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    background-color: rgba(0, 0, 0, 0.5)
}
.model-blog-listing.is-visible .model-blog-listing-overlay {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s
}
.model-blog-listing-wrapper {
    position: absolute;
    z-index: 9999;
    top: 6em;
    left: 50%;
    width: 32em;
    margin-left: -16em;
    background-color: #fff;
    box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35)
}
.model-blog-listing-transition {
    transition: all 0.3s 0.12s;
    transform: translateY(-10%);
    opacity: 0
}
.model-blog-listing.is-visible .model-blog-listing-transition {
    transform: translateY(0);
    opacity: 1
}
.model-blog-listing-header,
.model-blog-listing-content {
    padding: 1em
}
.model-blog-listing-header {
    position: relative;
    background-color: #fff;
    border: solid 1px #dfdfdf
}
.model-blog-listing-close {
    position: absolute;
    top: 8px;
    right: 0;
    padding: 1em;
    color: #4c4c4c;
    background: none;
    border: 0
}
.model-blog-listing-close img {
    transform: rotate(180deg)
}
.model-blog-listing-close:hover {
    color: #777
}
.model-blog-listing-heading {
    font-size: 1.125em;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.model-blog-listing-content > *:first-child {
    margin-top: 0
}
.model-blog-listing-content > *:last-child {
    margin-bottom: 0
}
.model-blog-listing form {
    text-align: right
}
.model-blog-listing form label {
    color: #333333;
    font-size: 1.2rem
}
@media (max-width: 800px) {
    .model-blog-listing .model-blog-listing-card-image-details {
        -ms-flex-pack: center;
            justify-content: center
    }
    .model-blog-listing .col-lg-10 {
        text-align: center
    }
    .model-blog-listing .card .model-blog-listing-titles {
        -ms-flex-pack: center;
            justify-content: center
    }
    .model-blog-listing-wrapper {
        left: unset !important;
        width: 100%
    }
    .handleBlogFormInput {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        padding: 0
    }
}
/* modelsss */
/* 1. Ensure this sits above everything when visible */
.model-blog-subscribe {
    position: absolute;
    z-index: 10000;
    /* 1 */
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    text-align: center
}
.model-blog-subscribe.is-visible {
    visibility: visible
}
.model-blog-subscribe-overlay {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.3s, opacity 0.3s;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    background-color: rgba(0, 0, 0, 0.5)
}
.model-blog-subscribe.is-visible .model-blog-subscribe-overlay {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s
}
.model-blog-subscribe-wrapper {
    position: absolute;
    z-index: 9999;
    top: 6em;
    left: 50%;
    width: 32em;
    margin-left: -16em;
    background-color: #fff;
    box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35)
}
.model-blog-subscribe-transition {
    transition: all 0.3s 0.12s;
    transform: translateY(-10%);
    opacity: 0
}
.model-blog-subscribe.is-visible .model-blog-subscribe-transition {
    transform: translateY(0);
    opacity: 1
}
.model-blog-subscribe-header,
.model-blog-subscribe-content {
    padding: 1em
}
.model-blog-subscribe-header {
    position: relative;
    background-color: #fff
}
.model-blog-subscribe-close {
    position: absolute;
    top: 8px;
    right: 0;
    padding: 1em;
    color: #4c4c4c;
    background: none;
    border: 0
}
.model-blog-subscribe-close img {
    transform: rotate(180deg)
}
.model-blog-subscribe-close:hover {
    color: #777
}
.model-blog-subscribe-heading {
    font-size: 1.125em;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.model-blog-subscribe-content > *:first-child {
    margin-top: 0
}
.model-blog-subscribe-content > *:last-child {
    margin-bottom: 0
}
.model-blog-subscribe form {
    text-align: right
}
.model-blog-subscribe form .emailField {
    width: 100%;
    margin: 0.2rem 0rem;
    font-size: 0.9rem;
    padding: 0.5rem 1rem;
    background-color: #f6f6f6;
    border: none;
    border: 1px solid #e3e3e3
}
.model-blog-subscribe form .submit-btn {
    background-color: #478e9e;
    color: #fff;
    border: 2px solid transparent;
    transition: all 150ms;
    margin: 0.5rem 0rem;
    font-size: 1rem !important;
    width: 100%
}
.model-blog-subscribe form .submit-btn:hover {
    background-color: transparent;
    color: #3398cc;
    border-color: #3398cc;
    transition: all 150ms
}
@media (max-width: 800px) {
    .model-blog-subscribe-wrapper {
        left: unset !important;
        width: 100%
    }
    [dir='ltr'] .model-blog-listing-wrapper {
        right: 0
    }
}
.webview .genericPage {
    padding-top: 0rem
}
.genericPage .img_container {
    position: absolute;
    overflow: hidden;
    max-height: 100%;
    height: 350px;
    width: 100%
}
.genericPage .img_container img {
    height: 100%;
    width: 100%;
    object-fit: cover
}
.genericPage .article_title h1 {
    font-size: 2.1rem;
    color: #000;
    padding-bottom: 0.5rem
}
.genericPage .end_article_details {
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    padding: 2rem 3rem;
    box-shadow: 0px 1px 6px #7f7f7f;
    float: none
}
.genericPage .end_article_details p {
    color: #000;
    font-size: 1rem
}
.genericPage .inner_container {
    position: relative;
    padding-bottom: 3rem;
    padding-top: 3rem
}
.defaultPage .img_container {
    display: none
}
.defaultPage .inner_container {
    padding-top: 0rem !important
}
.genericPage .end_article_details .playstore {
    list-style-type: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem 0rem 1rem;
    -ms-flex-pack: distribute;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border-top: 1px solid #ddd;
    margin-top: 1rem;
    -ms-flex-pack: center;
        justify-content: center;
    text-align: center
}
.genericPage .end_article_details .playstore h3 {
    width: 100%;
    margin-bottom: 1rem;
    padding: 0rem 0.5em
}
.genericPage .end_article_details .playstore li {
    margin: 0
}
.end_article_details ul {
    list-style-type: disc
}
.end_article_details ul li {
    margin-right: 2rem
}
.webview .playstore,
.webview #tawkchat-minified-box,
.webview .donwload-banner-quiz .d-flex {
    display: none !important
}
.profile_page {
    background-image: url('../images/bg_01.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed
}
.profile_page .breadCrumbs {
    background-color: rgba(255, 255, 255, 0.3)
}
#top_profile {
    border-bottom: 5px solid transparent;
    background-color: #fff;
    width: 86.9%;
    margin: auto;
    padding: 1rem 2rem;
    padding-bottom: 0rem
}
.row h2 {
    font-size: 1.2rem;
    font-weight: 200
}
.edit_profile_link {
    font-size: 1rem;
    float: left;
    padding: 0.5rem 1rem;
    color: #333
}
.top_profile_details {
    border: none
}
.profile_reviews {
    border: none
}
.section_header {
    padding: 1rem 0rem;
    border-bottom: 1px solid #eee
}
.section_header_title {
    display: inline-block;
    font-size: 1.4rem;
    color: #0d4884
}
.section_body {
    padding: 1rem
}
.section_header_link {
    display: inline-block;
    float: left;
    font-size: 1rem;
    background-color: transparent;
    color: #000
}
.section_header_link:hover {
    border: 1px solid #ddd;
    background-color: #ddd;
    color: #000;
    transition: all 200ms
}
.profile_visits,
.profile_payments,
.profile_reviews {
    width: 86.9%;
    margin: auto;
    padding: 0rem 1rem;
    border-bottom: 5px solid transparent;
    background-color: #fff;
    margin-top: 0.5rem
}
.row a {
    color: #7e7e7e;
    font-size: 1rem
}
.name_img span {
    right: 9rem;
    /* bottom: 23.5rem; */
    width: 35px;
    height: 35px;
    top: 81%;
    bottom: auto
}
.noBorder {
    border: none !important
}
.profile_links {
    display: inline-block;
    padding: 1rem 0rem 0 !important;
    margin-top: 0.7rem !important;
    float: left !important;
    clear: left
}
.profile_link {
    display: inline-block;
    float: left;
    background-color: transparent;
    margin-right: 0.5rem;
    color: #0c0c0c;
    border-radius: 4px;
    padding: 5px 7px;
    border: 1px solid #ddd
}
.profile_link:hover {
    background-color: #217ad5;
    color: #fff;
    transition: all 150ms
}
.edit_profile_link a:hover {
    color: #3398cc;
    transition: all 200ms
}
.show_msg,
.show_details {
    text-align: end
}
.profile_page .top_profile_details .fa-pencil {
    display: none !important
}
#top_profile.basic {
    margin-bottom: 1rem
}
.grouped_elements {
    display: inline-block;
    overflow: hidden;
    height: 84px
}
.inline_title {
    display: inline-block
}
.visit-details_page {
    padding-top: 5rem;
    background-image: url('../images/bg_01.jpg');
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgb(28, 119, 175)), url('../images/bg_01.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed
}
.visit-details_page .section_title {
    text-align: start;
    padding: 0.5rem 0rem 1rem;
    border-bottom: 1px solid #eee;
    margin: 0 0 1rem
}
.visit-details_page .main_inner_container {
    width: 80%;
    margin: auto;
    display: block;
    padding: 0rem 10px;
    background-color: #fff
}
.visit-details_page .row {
    border-bottom: none
}
.visit_details_header {
    padding: 1rem 0rem;
    border-bottom: 1px solid #eee
}
.visit_user_details h2,
.brief_item h3 {
    font-size: inherit;
    font-weight: 300;
    display: inline-table
}
.visit_user_details h2 span,
.brief_item h2 {
    padding-left: 1rem;
    font-weight: 900;
    color: #1774d0;
    display: inline-block;
    width: 230px;
    font-size: 0.9em
}
.visit_user_details h2 span {
    width: auto !important
}
.brief_item {
    border-bottom: 1px solid #eee;
    line-height: 3rem
}
.brief_item:last-of-type {
    border: none
}
.download_perscription {
    padding: 2rem
}
.download_perscription a {
    margin: auto;
    display: block;
    float: none;
    max-width: 255px;
    font-size: 1.2rem;
    padding: 0.5rem 1rem;
    border-radius: 5px;
    background-color: #3366ff;
    color: #fff;
    border: 3px solid #3366ff;
    text-align: center
}
.download_perscription a:hover {
    color: #3366ff;
    background-color: #fff;
    transition: all 200ms
}
.download_perscription a i {
    vertical-align: middle;
    padding: 0rem 0.5rem;
    margin-top: 4px
}
.visit-details_page .visit_brief.active,
.visit-details_page .msg_history_body.active {
    display: block
}
.visit-details_page .visit_brief,
.visit-details_page .msg_history_body {
    display: none
}
.visit_details_header.removeBorder {
    border: none
}
.visit-details_page .visit_user_details h2 {
    font-size: 1rem !important;
    display: block
}
.visit-details_page .visit_details {
    padding: 1rem 0rem
}
.visit-details_page .visit_msg {
    padding: 1.5rem 0rem
}
.visit-details_page .visit_msg a {
    text-align: center
}
.visit-details_page .visit_brief_body {
    padding: 1rem
}
.visit-details_page .visit_brief_body p {
    color: #7f7f7f
}
.visit-details_page .visit_brief_body p span {
    float: right;
    font-weight: 900;
    padding-left: 0.3rem
}
.profile_links.wrap {
    padding: 0rem !important
}
.closeChat {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0.8rem;
    font-size: 19px;
    background-color: #fff;
    color: #3398cc
}
.msg_history .main_inner_container {
    padding: 0rem !important
}
.msg_history .visit_details_header {
    padding: 0rem 8rem;
    background-color: #fff;
    border-bottom: 7px solid #d0d0d0
}
.msg_history_body {
    background-color: #eee;
    overflow-y: scroll;
    max-height: 451px;
    padding: 1rem 0rem;
    position: relative;
    padding-bottom: 0rem;
    direction: ltr
}
.msg_date {
    text-align: center
}
.msg_date h2 {
    text-align: center;
    font-size: 1rem;
    font-weight: 300;
    color: #776f6f;
    display: inline-block;
    padding: 0.5rem 0.8rem;
    background-color: #e6e6e6;
    border-radius: 5px
}
.user_msg {
    float: left !important
}
.user_msg .msg_container {
    background-color: #3398cc;
    color: #fff;
    float: right
}
.doctor_msg .msg_container {
    background-color: #fff;
    color: #000
}
.user_msg .msg_container,
.doctor_msg .msg_container {
    padding: 1rem;
    border-radius: 5px;
    max-width: 86%;
    width: 100%;
    position: relative
}
.msg_history_body .inner_container {
    padding: 0rem 8rem;
    padding-bottom: 3rem
}
.user_msg,
.doctor_msg {
    padding: 1rem
}
.msg_history_body .download_perscription {
    padding: 1rem;
    background-color: #fff;
    position: relative;
    bottom: 0;
    width: 100%;
    top: auto
}
.msg_history_body .download_perscription a {
    max-width: 219px;
    font-size: 1.2rem;
    padding: 0.5rem 1rem
}
.visit_msg span {
    padding: 0rem 0.5rem
}
.msg_time {
    text-align: center;
    margin: auto;
    display: block;
    float: none
}
.chat_name {
    text-align: start;
    font-weight: 900
}
.chat_time {
    text-align: start;
    display: inline-block;
    float: left;
    font-size: 0.7rem;
    color: #777;
    padding: 0.1rem 0rem;
    position: absolute;
    bottom: -27px;
    top: auto;
    left: 0
}
.msg_container p {
    width: 100%;
    display: inline-block;
    text-align: start;
    position: inherit;
    z-index: 99999
}
.chatImg {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block
}
.doctor_msg  .chatImg {
    float: right
}
.user_msg .chatImg {
    float: left
}
.user_msg .msg_container:after {
    content: "";
    height: 20px;
    width: 20px;
    /* border-radius: 10px; */
    background-color: inherit;
    position: absolute;
    left: -4px;
    top: 20%;
    transform: rotate(45deg)
}
.doctor_msg .msg_container:after {
    content: "";
    height: 20px;
    width: 20px;
    background-color: inherit;
    position: absolute;
    right: -4px;
    top: 20%;
    transform: rotate(45deg)
}
.doctor_msg .chat_time {
    left: auto;
    right: 0
}
.user_msg .chat_name {
    left: 0;
    right: auto
}
.contact_us_page .intro_form_container {
    padding-top: 0rem
}
.contact_us_title {
    padding: 0rem 3rem
}
.contact_us_page .register_form_container form input,
.contact_us_page .register_form_container form textarea,
.contact_us_page .register_form_container form select {
    margin: 0.5rem 0rem
}
.contact_form_header {
    color: #3366ff;
    padding: 0.5rem
}
.contact_us_page .intro .headign_h1 span {
    padding: 1rem 0rem
}
.inner_big_container {
    position: relative
}
.contact_us_page .intro {
    position: relative;
    height: auto
}
.webview .contact_us_page .intro {
    padding-top: 0rem !important
}
.webview .contact_us_page .title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between
}
.webview .contact_form_header {
    padding-top: 1.5rem
}
.home-medical-form {
    position: relative;
    margin: 2rem 2%;
    border-radius: 0 !important;
    background-color: transparent !important;
    margin-top: -5rem
}
.home-medical-form .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    object-fit: contain;
    left: 0;
    right: auto
}
.home-medical-form .form_header {
    position: relative;
    border: none !important
}
.home-medical-form .contact_form_header {
    font-size: 1.5rem;
    font-weight: 900;
    color: #000;
    border: none;
    border-radius: 0 !important;
    width: 100%;
    margin: auto;
    /* text-align: center; */
    -ms-flex-pack: center;
    justify-content: center;
    display: block;
    float: none;
    text-align: right;
    padding-right: 1.5rem
}
.home-medical-form .form_container {
    position: relative;
    width: 100%;
    margin: auto;
    padding: 2rem;
    background: #eee;
    border-radius: 1rem
}
.home-medical-form form input,
.home-medical-form form textarea,
.home-medical-form form select {
    width: 100%;
    margin: 0.5rem 0rem !important;
    font-size: 1.2rem !important;
    padding: 0.5rem 1rem;
    background-color: #f6f6f6;
    border: none;
    border: 1px solid #e3e3e3;
    border-radius: 100px !important
}
.home-medical-form form select {
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+)
    no-repeat 95% 50%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-position: left
}
.home-medical-form .submit-btn:hover {
    background-color: #fff
}
.home-medical-form .form_btn_container {
    padding: 10px 0
}
.upload-input-container {
    width: 100%;
    margin: 0.5rem 0rem !important;
    font-size: 1.2rem !important;
    padding: 0.5rem 1rem;
    background-color: #f6f6f6;
    border: none;
    border: 1px solid #e3e3e3;
    border-radius: 100px !important;
    color: #8b8b8b;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center
}
.btn-upload-contactus {
    border: solid 1px #e5e5e5;
    background-color: #478e9e;
    color: #fff;
    font-size: 1rem
}
.input-upload-contactus {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}
.sitemap-end {
    text-align: start;
    padding-top: 5rem
}
.sitemap .section-title {
    padding: 0.34rem 0rem
}
.sitemap {
    padding: 0rem 1rem
}
.sitemap .group-1-label {
    width: 100%;
    padding: 1rem;
    border-bottom: 1px solid #eee
}
.sitemap-inner-container {
    text-align: start;
    background-color: #fff;
    border-style: hidden;
    border-radius: 8px;
    padding: 1rem 6rem
}
.sitemap-inner-container a {
    text-decoration: none
}
.cd-accordion-menu {
    width: 100%;
    list-style-type: none;
    color: #7d7d7d
}
.cd-accordion-menu ul {
    /* by default hide all sub menus */
    list-style-type: none;
    display: none
}
.cd-accordion-menu li {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.cd-accordion-menu input[type=checkbox] {
    /* hide native checkbox */
    position: absolute;
    opacity: 0
}
.cd-accordion-menu label,
.cd-accordion-menu a {
    position: relative;
    display: block;
    font-size: 1.1rem
}
.no-touch .cd-accordion-menu label:hover,
.no-touch .cd-accordion-menu a:hover {
    background: #52565d
}
.cd-accordion-menu label::before,
.cd-accordion-menu label::after,
.cd-accordion-menu a::after {
    /* icons */
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}
.cd-accordion-menu label {
    cursor: pointer;
    display: inline-block
}
.cd-accordion-menu label::before {
    /* arrow icon */
    left: 123px;
    top: 13px;
    transform-origin: bottom right;
    background-position: 0 0;
    transform: translateY(-50%) rotate(90deg)
}
.cd-accordion-menu label::after {
    /* folder icons */
    left: 41px;
    background-position: -16px 0
}
.group-2-label::before {
    left: 43px !important
}
.cd-accordion-menu a::after {
    /* image icon */
    left: 36px
}
.cd-accordion-menu input[type=checkbox]:checked+label::before {
    /* rotate arrow */
    transform: translateY(-11%) translateX(91%)
}
.cd-accordion-menu input[type=checkbox]:checked+label::after {
    /* show open folder icon if item is checked */
    background-position: -32px 0
}
.cd-accordion-menu input[type=checkbox]:checked+label+ul,
.cd-accordion-menu input[type=checkbox]:checked+label:nth-of-type(n)+ul {
    /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
    /* show children when item is checked */
    display: block
}
.cd-accordion-menu ul label,
.cd-accordion-menu ul a {
    padding-left: 0px
}
.no-touch .cd-accordion-menu ul label:hover,
.no-touch .cd-accordion-menu ul a:hover {
    background: #3c3f45
}
.cd-accordion-menu>li:last-of-type>label,
.cd-accordion-menu>li:last-of-type>a,
.cd-accordion-menu>li>ul>li:last-of-type label,
.cd-accordion-menu>li>ul>li:last-of-type a {
    box-shadow: none
}
.cd-accordion-menu ul label::after,
.cd-accordion-menu ul a::after {
    left: 59px
}
.cd-accordion-menu ul ul label::after,
.cd-accordion-menu ul ul a::after {
    left: 77px
}
.cd-accordion-menu ul ul ul label::after,
.cd-accordion-menu ul ul ul a::after {
    left: 95px
}
.cd-accordion-menu ul label::before {
    left: auto;
    right: -10px;
    top: 15px
}
@media only screen and (min-width: 600px) {
    .cd-accordion-menu label,
    .cd-accordion-menu a {
        font-size: 1.1rem
    }
    .cd-accordion-menu label::after {
        left: 53px
    }
    .cd-accordion-menu ul label::after,
    .cd-accordion-menu ul a::after {
        left: 77px
    }
    .cd-accordion-menu ul ul label::after,
    .cd-accordion-menu ul ul a::after {
        left: 101px
    }
    .cd-accordion-menu ul ul ul label::after,
    .cd-accordion-menu ul ul ul a::after {
        left: 125px
    }
}
.cd-accordion-menu.animated label::before {
    /* this class is used if you're using jquery to animate the accordion */
    transition: transform 0.3s
}
.cd-accordion-menu label::before,
.cd-accordion-menu label::after {
    background-image: url('../../assets/images/ic_keyboard_arrow_down_black_24dp_2x.png');
    background-repeat: no-repeat;
    background-position: right 0px 0px
}
.has-children {
    padding-right: 2rem
}
.has-children li {
    padding-right: 2.7rem;
    padding: 0.2rem 2rem;
    border-bottom: 1px solid #eee
}
.has-children li:last-child {
    border-bottom: none
}
.group-1-label {
    font-weight: bolder;
    color: #333
}
.sitemap .main_ul li {
    font-weight: 900;
    color: #333
}
.sitemap .main_ul li ul li {
    font-weight: 300;
    color: #7f7f7f
}
.sitemap .main_ul a:hover {
    color: #3366ff
}
.group-1-label:before , 
.group-1-label:after {
    content: none;
    display: none !important
}
.pagination li {
    display: inline-block;
    padding: 0rem 0.2rem;
    min-height: 40px
}
.pagination {
    padding: 1rem;
    display: block;
    width: 100%;
    text-align: center
}
.pagination li span,
.pagination li a {
    background-color: #fff;
    color: #767676;
    border-radius: 1px;
    padding: 0rem 0.7rem;
    line-height: 20px;
    font-size: 17px;
    border: 1px solid #ddd;
    transition: all 200ms
}
.pagination li span:hover,
.pagination li a:hover,
.pagination li.active a,
.pagination li.active span {
    background-color: #e8308a;
    color: #fff;
    transition: all 200ms;
    border: 1px solid transparent
}
section#customers {
    padding-bottom: 5rem
}
section#customers h2 {
    padding: 5rem 0rem 3rem
}
section#customers .our-customers {
    max-width: 1200;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap
}
section#customers .our-customers .customer {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    margin-bottom: 1rem
}
.top_profile_details {
    padding: 1rem 0.5rem
}
.top_profile_details .name_img h4,
.top_profile_details .name_img h5 {
    display: block;
    position: relative
}
.top_profile_details .name_img h4 {
    color: #000;
    line-height: 6rem;
    font-size: 1.1rem
}
.top_profile_details .name_img h5 {
    color: #7e7e7e;
    line-height: 0;
    font-size: 1.1rem
}
.top_profile_details .name_img img {
    float: right;
    height: 120px;
    width: 120px;
    margin: 0 0 0 1rem;
    border-radius: 100px;
    overflow: hidden;
    object-fit: cover
}
.top_profile_details .name_img i {
    font-size: 1.2rem;
    color: #fff;
    padding: 0.5rem;
    position: absolute;
    left: -5rem;
    right: 0;
    bottom: 0;
    width: 2rem;
    height: 2rem;
    margin: auto;
    z-index: 999;
    background: #e8308a;
    border-radius: 50%
}
.top_profile_details .address_phone h5 {
    font-size: 1.1rem;
    line-height: 3em;
    float: right;
    color: #7e7e7e
}
.top_profile_details .address_phone h5 i {
    padding: 0 0.5rem;
    color: #bcbcbc
}
.top_profile_details .address_phone .phone span {
    display: inline-block;
    direction: ltr
}
.top_profile_details .name_img {
    position: relative
}
.top_profile_details .visit_details {
    padding: 0rem !important
}
.top_profile_details .profileName {
    font-size: 1.3rem
}
.register_form_container {
    /* overflow: hidden; */
    border-radius: 12px;
    background-color: #eee
}
.register_form_container .form_header {
    border-bottom: solid 1px #eee;
    /* text-align: center; */
    font-size: 1.1rem
}
.register_form_container .form_container {
    padding: 0.5rem 1.5rem
}
.register_form_container form input,
.register_form_container form textarea,
.register_form_container form select {
    width: 100%;
    margin: 0.2rem 0rem;
    font-size: 0.9rem;
    padding: 0.5rem 1rem;
    background-color: #f6f6f6;
    border: none;
    border: 1px solid #e3e3e3
}
.register_form_container ::-webkit-input-placeholder {
    color: #7f7f7f
}
.register_form_container ::-moz-placeholder {
    color: #7f7f7f
}
.register_form_container :-ms-input-placeholder {
    color: #7f7f7f
}
.register_form_container :-moz-placeholder {
    color: #7f7f7f
}
.doctor_form_tab {
    border-left: 1px solid #eee
}
.register_form_container .submit-btn {
    background-color: #478e9e;
    color: #fff;
    border: 2px solid transparent;
    transition: all 150ms;
    margin: 0rem;
    font-size: 1rem !important
}
.register_form_container .submit-btn:hover {
    background-color: transparent;
    color: #3398cc;
    border-color: #3398cc;
    transition: all 150ms
}
.user_form_tab,
.doctor_form_tab {
    padding: 0.5rem;
    font-weight: 900
}
.form_tab_header {
    background-color: #e3e3e3;
    cursor: pointer
}
.form_tab_header.active {
    background-color: #eee;
    color: #3366ff
}
.register_form_container #agree {
    display: inline-block;
    width: auto;
    padding-left: 0.5rem;
    margin-left: 0.5rem;
    vertical-align: middle;
    margin-top: 9px;
    float: right
}
.area_input {
    display: inline-block;
    float: left
}
form.IsUser .area_input {
    width: 100% !important
}
form.IsUser .required-highlight {
    display: none
}
.register_form_container form.IsUser .doctor_only {
    display: none
}
.user_fb_btn,
.register_form_container form.IsUser .doc_fb_btn {
    display: none
}
.register_form_container form.IsUser .user_fb_btn {
    display: block
}
.register_form_container .exper_years_doc_input {
    min-height: 45px
}
.register_form_container .agree_container {
    font-size: 0.9rem !important;
    position: relative;
    padding: 10px 0px
}
.IsUser #speciality-error {
    display: none !important
}
.agreement-link a {
    color: #3398cc
}
#homePage .register_form_container .fb_btn a {
    margin: 0rem !important;
    border: none !important;
    text-align: start
}
#homePage .register_form_container .fb_btn a i {
    text-align: center
}
.fb_btn,
.form_btn_container {
    padding: 10px
}
#homePage .left_form .form_btn_container {
    width: 100% !important
}
#homePage .left_form.IsUser .form_btn_container {
    width: 50% !important
}
#fileuploadPath-homePageForm {
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inherit
}
.intro {
    padding: 0rem;
    position: relative;
    -webkit-transition-property: all;
    -webkit-transition-duration: 2s;
    -webkit-transition-timing-function: ease;
    transition-property: all;
    transition-duration: 2s;
    transition-timing-function: ease;
    margin: 0rem 0rem 1.5rem 0rem;
    transition: background 1s linear
}
.intro .owl-carousel .owl-item img {
    max-height: 580px;
    height: 100% !important
}
#rotating-item-wrapper {
    position: relative;
    width: 100%
}
.rotating-item {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
    object-position: top
}
#homepage {
    width: 100%;
    margin: auto;
    padding: 0rem
}
#homePage.main_container.loggedIn {
    padding-top: 5rem
}
.hiddenLayer {
    padding: 0rem;
    z-index: -1111;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}
.hiddenLayer img {
    width: 100%;
    height: 100%
}
.intro .app_icons_group {
    width: 20%;
    float: left;
    padding: 1rem 0rem;
    bottom: 0rem;
    top: auto;
    position: absolute;
    left: 2%;
    right: auto
}
.intro .app_icons_group .app_button {
    padding: 0rem 0.3rem
}
.intro .intro_button_group .intro_button {
    font-size: 1rem;
    padding: 0.5rem 1rem;
    border: 1px solid transparent;
    color: #000;
    border-radius: 4px;
    display: inline-block;
    font-weight: 900
}
.intro .intro_button_group .btn_with_bg {
    background-color: #3366ff;
    color: #fff
}
.intro .intro_button_group .intro_button:hover {
    background-color: #fff;
    color: #3366ff;
    transition: all 150ms
}
.intro .intro_heading_right {
    width: 58%;
    display: inline-block;
    padding: 1rem 0rem
}
.intro .headign_h1 {
    display: block;
    font-weight: bolder;
    font-size: 2.9rem;
    padding: 0rem;
    line-height: 3rem;
    padding-bottom: 1rem;
    color: #fff
}
.intro .headign_h1 span {
    font-size: 1.5rem;
    font-weight: 300;
    display: block;
    width: 60%;
    line-height: 2rem;
    padding: 0.5rem 0rem
}
.intro .intro_heading {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(71, 120, 177, 0.7)
}
.intro .heading_inner_container {
    width: 90%;
    margin: auto;
    float: none
}
.intro .intro_form_container {
    position: relative;
    z-index: 99;
    right: 3%;
    margin: 0 0 2rem
}
.app_icons_group .soon_app_title {
    padding: 0.5rem;
    color: #fff
}
.intro .intro_mobile_div {
    display: none
}
.intro .app_button_container {
    width: 100%;
    margin: auto
}
.intro.loggedin .heading_inner_container {
    width: 100%;
    padding: 0 2rem;
    float: none
}
.hiddenLoader {
    width: 100%;
    position: relative;
    top: 0;
    bottom: 0;
    background-size: cover;
    resize: none;
    background-repeat: no-repeat;
    z-index: -11
}
.intro-slider-nav a {
    width: 30px;
    height: 30px;
    display: inline;
    cursor: pointer
}
.intro-slider-nav a img {
    width: 30px;
    height: 30px;
    object-fit: contain
}
/* .intro .owl-controls .owl-nav {
    display: none;
} */
.intro .owl-carousel .owl-controls .owl-nav .owl-prev {
    position: absolute;
    top: 40%;
    left: 0;
    /* background: #494949; */
    padding: 3rem 1rem;
    color: #fff;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px
}
.intro .owl-carousel .owl-controls .owl-nav .owl-next {
    position: absolute;
    top: 40%;
    right: 0;
    /* background: #599ea5; */
    padding: 3rem 1rem;
    color: #fff;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px
}
@media (max-width: 700px) {
    .intro .owl-carousel .owl-controls .owl-nav .owl-prev {
        padding: 1rem
    }
    .intro .owl-carousel .owl-controls .owl-nav .owl-next {
        padding: 1rem
    }
    .stores-icons-hp-slider {
        width: 100px !important
    }
}
.intro .owl-controls .owl-dots {
    position: absolute;
    top: 90%;
    left: 0;
    right: 0;
    margin: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center
}
.intro .owl-controls .owl-dot span {
    width: 30px;
    height: 9px;
    border-radius: 4.5px;
    display: inline-block;
    background-color: #dfdfdf;
    margin: 0.5rem
}
.intro .owl-controls .owl-dot.active span {
    background-color: #599ea5;
    width: 30px;
    height: 9px;
    border-radius: 4.5px
}
.intro .intro-slider {
    position: absolute;
    bottom: auto;
    top: 69%;
    left: 0;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 1rem;
    z-index: 3;
    right: 0;
    margin: auto;
    width: 60%;
    text-align: center
}
.intro-slider h2 {
    padding: 0rem 3rem;
    color: #478e9e
}
.intro-slider-nav {
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    top: 31%;
    width: 90%;
    margin: auto
}
.intro-slider-nav-next {
    position: absolute;
    right: 0
}
.intro-slider-nav-prev {
    position: absolute;
    left: 0
}
.homepage .intro ul {
    position: relative;
    padding: 2rem 0px;
    width: auto;
    display: inline-block;
    z-index: 2;
    position: absolute;
    top: 0;
    bottom: 0
}
.homepage .intro ul li {
    padding: 1rem 2rem;
    font-size: 1.5rem;
    position: relative
}
.homepage .intro ul li:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 96%;
    height: 1px;
    background-color: #e6e3e3;
    margin: auto;
    left: 0;
    right: 0;
    opacity: 0.7
}
.homepage .intro ul li:last-of-type:after {
    content: none
}
.homepage .intro ul li.active a {
    opacity: 1
}
.homepage .intro ul li.active {
    border-right: 7px solid #e8308a;
    color: #e8308a
}
.homepage .intro .slider-words {
    position: absolute;
    top: 20%;
    right: 15%;
    font-size: 2.7rem;
    color: #fff;
    font-weight: bold;
    line-height: 1.5
}
[dir='ltr'] .homepage .intro .slider-words {
    left: 15%;
    right: unset;
    text-align: left;
    direction: ltr
}
.ver-hor-center-flex-homepage {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center
}
@media (min-width: 1000px) {
    .intro .owl-controls .owl-dots {
        top: 90%
    }
    .home-medical-form .form_container {
        /* position: absolute; */
        width: 80%;
        z-index: 99
        /* bottom: -6rem; */
    }
    .homepage .intro .slider-words {
        right: 10%
    }
    [dir='ltr'] .homepage .intro .slider-words {
        left: 10%
    }
    .landing-whyOt:before {
        z-index: 9
    }
}
.how_it_work {
    background-image: url('../images/bg_01.jpg');
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgb(74, 146, 159)),
    url('../images/bg_01.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    min-height: 300px
}
.how_it_work_user,
.how_it_work_doctor {
    text-align: center;
    position: relative;
    display: none
}
.how_it_work .app_icons_group .soon_app_title {
    color: #b8b8b8 !important
}
.how_it_work_user.active,
.how_it_work_doctor.active {
    display: -ms-flexbox;
    display: flex
}
.how_it_work .how_it_work_tabs {
    margin: auto;
    width: 100%;
    float: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-align: center;
        align-items: center;
    text-align: center;
    padding: 0rem;
    /* background-color: rgba(255, 255, 255, 0.050980392156862744); */
    background-color: #478e9e;
    margin-bottom: 2rem;
    -ms-flex-pack: center;
        justify-content: center
}
.how_it_work_tabs .tab_item h2 {
    color: #eee;
    font-size: 1rem
}
.how_it_work_tabs .tab_item h2 {
    color: #969696;
    font-size: 1rem
}
.how_it_work_tabs .tab_item.active h2 {
    color: #3366ff !important
}
.how_it_work .doctor_tab,
.how_it_work .user_tab {
    text-align: center;
    padding: 0rem 3rem;
    color: #fff;
    background-color: transparent;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    margin: 0rem 0.5rem
}
.how_it_work .doctor_tab.active,
.how_it_work .user_tab.active {
    color: #fff;
    transition: all 200ms ease
}
.how_it_work .section_title {
    padding: 1rem;
    clear: both;
    color: #fff
}
.how_it_work .circle_overlay {
    height: 609px;
    width: 502px;
    margin: auto;
    position: absolute;
    top: -61px;
    display: block;
    left: 0;
    right: -110px
}
.svg_container {
    margin: auto;
    overflow: hidden;
    position: relative;
    z-index: 9999;
    max-width: 356px;
    margin: auto;
    overflow: hidden;
    float: right;
    right: 14%
}
.how_it_work_user #svgCONTAIN,
.how_it_work_doctor #svgCONTAIN_doctor {
    height: auto;
    width: 100%;
    position: relative
}
.how_it_work_user #svgCONTAIN svg,
.how_it_work_doctor #svgCONTAIN_doctor svg {
    width: 100%;
    height: 100%
}
.how_it_work_user #patiant_doc_1,
.how_it_work_user #patiant_doc_2,
.how_it_work_user #patiant_doc_3,
.how_it_work_user #patiant_doc_4,
.how_it_work_user #patiant_doc_5 {
    opacity: 0
}
.how_it_work_user .prev_step,
.how_it_work_doctor .prev_step {
    display: inline-block;
    position: absolute;
    top: 45%;
    left: auto;
    right: 6%;
    width: 83px;
    height: 50px;
    font-size: 1.6rem;
    cursor: pointer;
    background-color: transparent;
    border-radius: 25px;
    text-align: center;
    color: #fff;
    border: 1px solid #d2d2d2;
    z-index: 9999
}
.how_it_work_user .prev_step:hover,
.how_it_work_doctor .prev_step:hover,
.how_it_work_user .next_step:hover,
.how_it_work_doctor .next_step:hover {
    transition: all 200ms;
    background-color: transparent;
    color: #d2d2d2
}
.how_it_work_user .next_step,
.how_it_work_doctor .next_step {
    display: inline-block;
    position: absolute;
    top: 45%;
    right: auto;
    left: 6%;
    width: 86px;
    height: 50px;
    font-size: 1.6rem;
    cursor: pointer;
    background-color: transparent;
    border-radius: 25px;
    text-align: center;
    color: #fff;
    border: 1px solid #d2d2d2;
    z-index: 9999
}
.next_step i,
.prev_step i {
    line-height: 3rem;
    font-size: 1rem
}
/* HOW IT WORKS - USER */
#svgCONTAIN #patiant_user,
#svgCONTAIN.step_3 #patiant_user {
    /* IE 9 */
    /* Safari */
    transform: translate(13px, 2px);
    transition: all 300ms ease;
    opacity: 1
}
#svgCONTAIN #patiant_doc_1 {
    /* IE 9 */
    /* Safari */
    transform: translate(6px, -30px);
    opacity: 0;
    transition: all 300ms ease
}
#svgCONTAIN.step_2 #patiant_doc_1 {
    /* IE 9 */
    /* Safari */
    transform: translate(6px, 8px);
    transition: all 300ms ease;
    opacity: 1
}
#svgCONTAIN #patiant_doc_2 {
    /* IE 9 */
    /* Safari */
    transform: translate(50px, 7px);
    opacity: 0;
    transition: all 300ms ease;
    /* Safari */
    transition-delay: 50ms
}
#svgCONTAIN.step_2 #patiant_doc_2 {
    /* IE 9 */
    /* Safari */
    transform: translate(50px, 100px);
    transition: all 300ms ease;
    opacity: 1;
    /* Safari */
    transition-delay: 50ms
}
#svgCONTAIN #patiant_doc_3 {
    /* IE 9 */
    /* Safari */
    transform: translate(50px, 7px);
    opacity: 0;
    transition: all 300ms ease;
    /* Safari */
    transition-delay: 100ms
}
#svgCONTAIN.step_2 #patiant_doc_3 {
    /* IE 9 */
    /* Safari */
    transform: translate(50px, 100px);
    transition: all 300ms ease;
    opacity: 1;
    /* Safari */
    transition-delay: 100ms
}
#svgCONTAIN #patiant_doc_4 {
    /* IE 9 */
    /* Safari */
    transform: translate(50px, 7px);
    opacity: 0;
    transition: all 300ms ease;
    /* Safari */
    transition-delay: 150ms
}
#svgCONTAIN.step_2 #patiant_doc_4 {
    /* IE 9 */
    /* Safari */
    transform: translate(50px, 100px);
    transition: all 300ms ease;
    opacity: 1;
    /* Safari */
    transition-delay: 150ms
}
#svgCONTAIN #patiant_doc_5 {
    /* IE 9 */
    /* Safari */
    transform: translate(800px, -640px);
    opacity: 0;
    transition: all 300ms ease;
    /* Safari */
    transition-delay: 200ms
}
#svgCONTAIN.step_2 #patiant_doc_5 {
    /* IE 9 */
    /* Safari */
    transform: translate(800px, -440px);
    transition: all 300ms ease;
    opacity: 1;
    /* Safari */
    transition-delay: 200ms
}
#svgCONTAIN #patiant_doc_6 {
    /* IE 9 */
    /* Safari */
    transform: translate(266px, 50px);
    opacity: 0;
    transition: all 300ms ease;
    /* Safari */
    transition-delay: 250ms
}
#svgCONTAIN.step_2 #patiant_doc_6 {
    /* IE 9 */
    /* Safari */
    transform: translate(266px, 224px);
    transition: all 300ms ease;
    opacity: 1;
    /* Safari */
    transition-delay: 250ms
}
#svgCONTAIN #patiant_doc_7 {
    /* IE 9 */
    /* Safari */
    transform: translate(50px, 7px);
    opacity: 0;
    transition: all 300ms ease;
    /* Safari */
    transition-delay: 300ms
}
#svgCONTAIN.step_2 #patiant_doc_7 {
    /* IE 9 */
    /* Safari */
    transform: translate(50px, 100px);
    transition: all 300ms ease;
    opacity: 1;
    /* Safari */
    transition-delay: 300ms
}
#svgCONTAIN.step_3 #patiant_doc_2,
#svgCONTAIN.step_3 #patiant_doc_3,
#svgCONTAIN.step_3 #patiant_doc_4,
#svgCONTAIN.step_3 #patiant_doc_5,
#svgCONTAIN.step_3 #patiant_doc_6,
#svgCONTAIN.step_3 #patiant_doc_7 {
    opacity: 0;
    /* Safari */
    transition-delay: 400ms;
    transition-duration: 1s;
    transition-timing-function: ease
}
#svgCONTAIN #waypoint {
    transition: 2s;
    transition-delay: 0.2s;
    stroke-dashoffset: 1000;
    stroke-dasharray: 1000 !important;
    opacity: 0
}
#svgCONTAIN.step_3 #waypoint {
    stroke-dashoffset: 0;
    opacity: 1
}
/* HOW IT WORKS - DOCTOR */
.how_it_work_doctor #patient,
.how_it_work_doctor #path_2_,
.how_it_work_doctor #download_1_,
.how_it_work_doctor #app_1_ {
    /* IE 9 */
    /* Safari */
    transform: translateY(-20px);
    opacity: 0;
    transition: all 300ms ease
}
#svgCONTAIN_doctor.step_1 #download_app {
    /* IE 9 */
    /* Safari */
    transform: translateY(0px);
    opacity: 1;
    transition: all 300ms ease
}
#svgCONTAIN_doctor.step_1 #download_1_ {
    /* IE 9 */
    /* Safari */
    transform: translateY(0px);
    opacity: 1;
    transition: all 300ms ease;
    transition-delay: 300ms
}
#svgCONTAIN_doctor.step_1 #app_1_ {
    /* IE 9 */
    /* Safari */
    transform: translateY(0px);
    opacity: 1;
    transition: all 300ms ease;
    transition-delay: 900ms
}
#svgCONTAIN_doctor.step_2 #download_1_,
#svgCONTAIN_doctor.step_2 #app_1_,
#svgCONTAIN_doctor.step_2 #download_app {
    opacity: 0;
    transition: all 300ms ease
}
#svgCONTAIN_doctor.step_2 #map_big {
    opacity: 1;
    transition: all 300ms ease
}
#svgCONTAIN_doctor.step_1 #not_available_3_ {
    /* IE 9 */
    /* Safari */
    transform: translateY(0px);
    opacity: 1;
    transition: all 300ms ease
}
#svgCONTAIN_doctor.step_1 #available_3_ {
    /* IE 9 */
    /* Safari */
    transform: translateY(0px);
    transition: all 300ms ease;
    transition-duration: 1s;
    opacity: 1;
    transition-delay: 10s
}
#svgCONTAIN_doctor.step_2 #patient,
#svgCONTAIN_doctor.step_3 #patient {
    /* IE 9 */
    /* Safari */
    transform: translateY(0px);
    opacity: 1;
    transition: all 300ms ease;
    opacity: 1
}
#svgCONTAIN_doctor #waypoint {
    opacity: 0;
    transition: 2s;
    transition-delay: 0.5s;
    stroke-dashoffset: 1000;
    stroke-dasharray: 1000 !important
}
#svgCONTAIN_doctor.step_3 #waypoint {
    stroke-dashoffset: 0;
    opacity: 1
}
.how_it_work_container {
    position: relative
}
.mobile_container {
    z-index: 9999
}
.mobile_frame {
    position: relative;
    overflow: hidden;
    z-index: 999;
    width: 302px;
    height: 426px
}
.step_title {
    width: 60%;
    float: left;
    text-align: start !important;
    bottom: 3rem;
    position: absolute;
    z-index: 999;
    left: 0;
    color: #000;
    font-size: 1.2rem
}
.step_title h2 {
    padding: 1rem 0rem;
    font-size: 1.6rem;
    color: #fff
}
.step_title h4 {
    color: #fff;
    max-width: 50%
}
.steps_bullet {
    padding-top: 4rem
}
.bullet_item {
    width: 20px;
    height: 20px;
    background-color: #d1d1d1;
    display: inline-block;
    border-radius: 10px;
    margin-left: 5px;
    cursor: pointer
}
.bullet_item.active {
    background-color: #8f8f8f
}
.step_title {
    width: 100%;
    float: left;
    float: right;
    right: auto;
    left: 0;
    padding-right: 600px
}
.how_it_work .app_icons_group {
    width: 39%
}
/* how it works page */
.how_it_works_page {
    padding-top: 5rem
}
.webview .how_it_works_page {
    padding-top: 0rem
}
.how_it_works_page .how_it_work {
    background-color: #fff
}
#homePage .mobile_container,
.how_it_works_page .mobile_container {
    opacity: 0
}
.ie10 .how_it_work_user #svgCONTAIN svg,
.ie10 .how_it_work_doctor #svgCONTAIN_doctor svg {
    transform: scale(3.5) translate(0rem, 4rem)
}
.ie11 .how_it_work_user #svgCONTAIN svg,
.ie11 .how_it_work_doctor #svgCONTAIN_doctor svg {
    transform: scale(3.5) translate(1.5rem, 4rem)
}
.ie10 .how_it_work .circle_overlay .ie11 .how_it_work .circle_overlay {
    height: 100%;
    width: 100%;
    margin: auto;
    position: absolute;
    top: 0px;
    display: block;
    left: 0px;
    right: 0px;
    bottom: 0px
}
.ie9 .articles_section_container .articles_box {
    padding: 1rem;
    float: right;
    width: 33.33%
}
@-moz-document url-prefix() {
    .how_it_work .circle_overlay {
        top: 10%
    }
}
.how_it_work_user {
    background-color: transparent
}
.how_it_work_step {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
        flex-flow: column;
    text-align: center;
    position: relative;
    -ms-flex-pack: center;
        justify-content: center;
    text-align: center
}
.how_it_work_step_img {
    width: 50%;
    height: auto;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto
}
.how_it_work_step h2 {
    bottom: 0;
    top: auto;
    background-color: #e5e5e5;
    width: auto;
    margin: auto;
    text-align: center;
    margin-top: -2.4rem;
    padding: 0.5rem 1rem;
    border-radius: 4rem;
    color: #176bb1;
    z-index: 999;
    border: 1px solid;
    font-weight: 900
}
.how_it_work_step_img span {
    position: absolute;
    color: #fff;
    font-size: 2rem;
    height: 54px;
    background-color: #e8308a;
    width: 54px;
    border-radius: 50%;
    z-index: 9999999;
    margin-right: 9%
}
.how_it_work_user,
.how_it_work_doctor {
    padding: 1rem 0rem
}
.testimo_box_container {
    padding: 2rem;
    text-align: center
}
.testimonial_section_container {
    padding: 2rem;
    background-color: transparent
}
.testimonial_section_container .testimo_box {
    padding: 1rem
}
.testimonial_section_container .section_title {
    color: #3c3c3c;
    font-size: 1.8rem
}
.testimo_box_container .owl-nav {
    top: 35%;
    position: absolute;
    left: 0;
    right: 0
}
.testo_stars {
    position: relative
}
.testo_stars_rate {
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    margin: auto
}
.testimo_box_container .owl-prev,
.articles_box_container .owl-prev {
    position: absolute;
    top: 0;
    left: 2%;
    right: auto;
    font-size: 1rem;
    height: 42px;
    width: 42px;
    border-radius: 25px;
    text-align: center;
    color: #fff;
    background-color: #d2d2d2
}
.testimo_box_container {}
.testimo_box_container .owl-next,
.articles_box_container .owl-next {
    position: absolute;
    top: 0;
    right: 2%;
    left: auto;
    font-size: 16px;
    height: 42px;
    width: 42px;
    border-radius: 25px;
    text-align: center;
    color: #fff;
    background-color: #d2d2d2
}
.testimo_box_container .owl-next:hover,
.testimo_box_container .owl-prev:hover,
.articles_box_container .owl-next:hover,
.articles_box_container .owl-prev:hover {
    color: #fff;
    background-color: #e8308a;
    transition: all 150ms
}
.testimo_box_container .owl-next i,
.testimo_box_container .owl-prev i,
.articles_box_container .owl-next i,
.articles_box_container .owl-prev i {
    margin-top: 14px
}
.testimo_box .testo_img {
    height: 200px;
    width: 200px;
    margin: auto;
    border-radius: 100px;
    overflow: hidden
}
.testimo_box .testo_img img {
    overflow: hidden
}
.testimo_box .testo_name {
    color: #3c3c3c;
    padding: 0.5rem 0rem;
    font-size: 1.3rem
}
.testimo_box label,
.testimo_box small {
    display: block;
    font-weight: initial
}
.testo_name-rating {
    display: inline-block !important;
    width: 24px !important;
    height: 24px !important
}
.testimo_box .testo_details {
    color: #000000;
    text-align: justify;
    padding: 0.5rem 0rem;
    opacity: 1
}
.testimo_box strong i {
    color: #d2d2d2;
    font-size: 2rem;
    vertical-align: middle;
    margin-left: 0.2rem
}
.articles_box_container {
    padding: 2rem
}
.articles_section_container {
    background-color: #f4f4f4
}
.articles_section_container .articles_box {
    padding: 1rem;
    direction: rtl
}
[dir=ltr] .articles_section_container .articles_box {
    direction: ltr
}
.articles_section_container .articles_box .inner_container {
    min-height: 200px;
    background-color: #fff;
    overflow: hidden;
    transition: all 300ms;
    border: 1px solid #ddd;
    transition: all 500ms ease;
    position: relative;
    display: block
}
.artcle_img {
    height: 220px;
    width: auto;
    position: relative
}
.artcle_img img {
    height: 100%;
    object-fit: cover
}
.article_details {
    padding: 1rem;
    text-align: start
}
.article_details p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    line-height: 2rem;
    max-height: 6rem
}
.article_details p,
.article_details h2 {
    color: #333 !important
}
.artcle_title {
    font-weight: 900;
    text-align: start;
    max-height: 36px;
    overflow: hidden;
    display: block
}
.articles_box .inner_container:hover .article_img_overlay {
    top: 0%;
    z-index: 99;
    transition: all 500ms ease
}
.article_img_overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    float: none;
    width: 100%;
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
    top: 100%;
    z-index: -99;
    transition: all 500ms ease
}
.overlay_readMore {
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    bottom: 0;
    padding: 6rem 0rem
}
.article_img_overlay span {
    color: #fff;
    font-size: 1.2rem;
    padding: 0.2rem 1rem
}
.read_more_articl {
    font-size: 1.4rem;
    vertical-align: sub;
    padding: 0rem 0.5rem;
    color: #333;
    transition: all 200ms
}
.read_more_articl:hover {
    color: #3366ff;
    transition: all 200ms
}
.owl-carousel .owl-item img {
    background-repeat: no-repeat;
    background-position: 50%;
    object-fit: contain;
    width: 100%;
    height: 100%
}
.person_details {
    position: relative;
    margin: 0 0 1rem
}
.visits_section .person_img_container,
.visit_details_header .person_img_container {
    width: 78px !important;
    height: 78px !important;
    border-radius: 50px !important;
    overflow: hidden !important;
    display: inline-block !important;
    position: relative !important;
    margin: 0rem !important;
    border: 1px solid #9099a3
}
.visits_section .person_img_container img {
    height: 100%;
    object-fit: cover
}
.person_name {
    display: inline-block;
    position: absolute;
    top: 23%;
    padding-right: 1rem
}
.visit_details {
    padding: 1.45rem 0rem
}
.row .person_name {
    top: 1rem
}
.row .person_name h2 {
    font-size: 1.3rem !important;
    line-height: 2rem
}
.row .visit_start_time {
    display: inline-block;
    position: absolute;
    top: 3rem;
    padding-right: 1rem;
    font-size: 0.8em;
    color: #999
}
.row .visit_start_time span {
    width: 100%;
    display: block
}
.visit_details .cancledVisit {
    color: #f00 !important
}
.visit_details .doneVisit {
    color: #29c34a
}
.show_msg {
    padding: 1.45rem 0rem
}
.section_header_link {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0.5rem 1rem;
    font-size: 0.8rem
}
/* .row {
    padding: 0.5rem 0rem;
    border-bottom: 1px solid #eee;
} */
.visit_msg {
    padding: 1.45rem 0rem;
    text-align: center
}
.visit_msg.active a {
    color: #f00
}
h2.paid,
.payment_details.paid,
.green {
    color: forestgreen !important
}
h2.unPaid,
.payment_details.unPaid,
.red {
    color: red !important
}
.orange {
    color: orange
}
.payment_endPage .show_details {
    display: none
}
.paymentDetails .person_name {
    position: relative;
    padding: 1.45rem 0rem
}
.paymentDetails .visit_time_payment h2 {
    color: #717171;
    font-weight: 300
}
.paymentDetails .payment_price {
    text-align: end
}
.paymentDetails .payment_summery_value {
    text-align: end
}
.paymentDetails .total_payment_status {
    text-align: center;
    padding: 1rem
}
.paymentDetails .payment_summary {
    padding: 1rem 4rem;
    color: #4c4c4c
}
.paymentDetails .payment_summary .inner_container {
    padding: 0.5rem;
    border-bottom: 1px solid #eee
}
.paymentDetails .payment_summary .inner_container h2 {
    font-size: 1.4rem
}
.paymentDetails .profile_payments {
    border: none
}
.paymentDetails.editProfile_page {
    padding-bottom: 0rem
}
.payment_mainContainer {
    width: 90%;
    margin: auto !important;
    float: none;
    margin-bottom: 1rem !important;
    position: relative
}
.paymentTable {
    background-color: #fff;
    margin-bottom: 1rem
}
.paymentTable_heading {
    display: inline-block;
    width: 100%;
    padding: 1rem;
    color: #3399cc;
    font-size: 1rem;
    border-bottom: 1px solid
}
.paymentTable_container {
    display: inline-block;
    width: 100%
}
.paymentTable_container h3 {
    font-weight: 200;
    color: #11477f;
    font-size: 1.2rem
}
.paymentTable_row {
    padding: 0.5rem 1rem;
    width: 100%;
    display: inline-block
}
.paymentTable_row:nth-child(even) {
    background-color: #e1f7ff
}
.paymentTable_sum {
    padding: 0.5rem 1rem
}
.paymentTable_sum h2 {
    font-size: 1.3rem;
    font-weight: 900;
    color: #11477f
}
.paymentPrice {
    font-weight: 900 !important
}
.payment_btn {
    padding: 0.5rem;
    background-color: #fefefe !important;
    color: #39c !important;
    border-radius: 5px;
    transition: all 200ms;
    float: left;
    margin-right: 10px
}
.payment_btn:hover {
    background-color: #ddd !important;
    transition: all 200ms
}
.hiddenLabel {
    display: none
}
.hiddenTitle {
    display: none
}
.payment_title {
    font-size: 1.4rem !important;
    padding-bottom: 0.5rem;
    color: #11477f;
    background-color: #fff;
    margin-bottom: 1rem;
    padding: 10px;
    font-weight: bold !important
}
.review_starts {
    font-size: 1.2rem
}
.review_starts .not_fill {
    color: #d2d2d2
}
.review_starts .fill {
    color: #ffb401
}
.features {
    padding: 1rem 4rem
}
.features .section_title {
    padding: 1rem;
    color: #000
}
.feature_item {
    text-align: center;
    color: #444;
    background-color: #eee;
    padding: 2rem
}
.feature_item p {
    font-size: 1rem;
    min-height: 100px
}
.features .section_subtitle {
    text-align: center;
    width: 70%;
    margin: auto;
    font-size: 1.3rem;
    margin: 1rem auto;
    font-weight: 200
}
.feature_item span {}
.feature_item img {
    width: auto;
    border-radius: 50%
}
.feature_item h2 {
    font-size: 1rem;
    padding: 2rem 0
}
.feature {
    padding: 0rem 0.5rem;
    padding-top: 1rem;
    background-color: transparent;
    transition: all 160ms
}
.feature:hover span {
    color: #fff;
    border: 3px solid #6cc4ec;
    background-color: #6cc4ec;
    transition: all 160ms
}
/* our doctors */
.ourdoctor-main {
    padding: 2rem 0
}
.ourdoctor-main .section_title {
    text-align: right;
    font-size: 3rem !important;
    color: #478e9e;
    margin: 1rem 0
}
.our-doctors .item {
    text-align: center
}
.our-doctors .item h3 {
    padding-top: 1rem;
    color: #5c5c5c
}
.our-doctors .owl-carousel .owl-item img {
    background-repeat: no-repeat;
    background-position: 50%;
    object-fit: cover;
    width: 50%;
    height: 25%;
    border-radius: 50%;
    margin: auto
}
.our-doctors .owl-carousel .owl-controls .owl-nav .owl-prev {
    position: absolute;
    left: 0;
    top: 40%;
    background-color: #599ea5;
    padding: 1rem;
    color: #fff;
    border-radius: 10px
}
.our-doctors .owl-carousel .owl-controls .owl-nav .owl-next {
    position: absolute;
    right: 0;
    top: 40%;
    background-color: #7e7e7e !important;
    padding: 1rem;
    color: #fff;
    border-radius: 10px
}
/* ourdoctors-new */
.our-doctors-new .card-body .card-title {
    text-align: center;
    color: #256a79;
    margin-bottom: 0;
    font-size: 1.3rem
}
.our-doctors-new .card-body .card-text {
    text-align: center;
    color: #4c4c4c;
    margin: 0
}
.our-doctors-new .card-body a {
    background-color: #5298a3;
    color: #fff;
    padding: 0.3rem 0.7rem
}
.our-doctors-new .owl-next .fa {
    position: absolute;
    top: 35%;
    right: -4rem;
    font-size: 2rem;
    color: #e93e91
}
.our-doctors-new .owl-prev .fa {
    position: absolute;
    top: 35%;
    left: -4rem;
    font-size: 2rem;
    color: #e93e91
}
#yemen-landing-doctor.our-doctors-new .owl-next .fa {
    right: unset;
    font-size: 1rem
}
#yemen-landing-doctor.our-doctors-new .owl-prev .fa {
    left: unset;
    font-size: 1rem
}
/* latest-medical-news */
.latest-midical-news {
    background-color: #f4f4f4;
    padding: 2rem 0
}
.latest-midical-news .latest-midical-news-h2 {
    text-align: right !important;
    font-size: 3rem !important;
    color: #478e9e !important;
    margin-bottom: 1rem !important
}
.latest-midical-news h3 {
    font-size: 1.3rem !important;
    color: #4c4c4c !important;
    line-height: 1.3
}
.latest-midical-news p {
    font-size: 1.1rem !important;
    color: #4c4c4c !important
}
.latest-midical-news .card-body a {
    color: #e93e91 !important;
    background-color: unset
}
.our-doctors-new .owl-carousel .owl-controls .owl-dots {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center
}
.our-doctors-new .owl-carousel .owl-controls .owl-dot span {
    width: 10px;
    height: 10px;
    border-radius: 4.5px;
    display: inline-block;
    background-color: #919191;
    margin: 0.5rem
}
.our-doctors-new .owl-carousel .owl-controls .owl-dot.active span {
    background-color: #e82f89;
    width: 10px;
    height: 10px;
    border-radius: 4.5px
}
/* our people cpounter */
.our-people-counter {
    background: url(../images/2021/layer-18.png) no-repeat center center;
    background-size: cover;
    padding: 2rem 0
}
.our-people-counter img {
    width: 180px
}
.our-people-counter h2 {
    font-size: 4rem;
    color: #fff;
    height: 90px;
    font-weight: bold
}
.our-people-counter p {
    font-size: 2rem;
    color: #fff
}
/* our testimonials */
.testimonial {
    /* background: url(../images/testimonial/Testimonial_BG.png) no-repeat center
    center;
  background-size: cover;
  height: 100%; */
    color: #478e9e
}
.testimonial .section_title {
    text-align: center;
    font-size: 3rem;
    color: #478e9e;
    padding: 3rem 0;
    padding-bottom: 0
}
.testimonial .testimonial-content {
    background-color: #fff;
    padding: 2rem 4rem;
    padding-top: 0
}
.testimonial .testimonial-content .item p {
    color: #478e9e;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center
}
.testimonial .testimonial-content .owl-controls {
    margin-top: 2rem
}
.testimonial .testimonial-content .owl-carousel .owl-item img {
    background-repeat: unset;
    background-position: unset;
    object-fit: unset;
    width: unset;
    height: unset;
    margin-right: auto;
    width: 2rem
}
.testimonial .testimonial-content .owl-carousel .owl-item .item {
    text-align: left
}
.testimonial
  .testimonial-content
  .owl-carousel
  .owl-item
  .item
  .testimonial-card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end
}
.testimonial
  .testimonial-content
  .owl-carousel
  .owl-item
  .item
  .testimonial-card
  img {
    background-repeat: unset;
    background-position: unset;
    object-fit: unset;
    width: unset;
    height: unset;
    margin-right: unset;
    width: 6rem;
    height: 6rem;
    margin-bottom: unset;
    display: inline-block;
    border-radius: 50%
}
.testimonial
  .testimonial-content
  .owl-carousel
  .owl-item
  .item
  .testimonial-card
  span {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    color: #343434;
    font-size: 1rem;
    font-weight: bold;
    padding-left: 1rem
}
.testimonial .testimonial-content .owl-carousel .owl-item h4 {
    margin-top: 1rem
}
@media (max-width: 700px) {
    .testimonial .testimonial-content .owl-carousel .owl-item h3 {
        height: unset
    }
}
.testimonial .testimonial-content .owl-carousel .owl-controls .owl-dots {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center
}
.testimonial .testimonial-content .owl-carousel .owl-controls .owl-dot span {
    width: 10px;
    height: 10px;
    border-radius: 4.5px;
    display: inline-block;
    background-color: #919191;
    margin: 0.5rem
}
.testimonial
  .testimonial-content
  .owl-carousel
  .owl-controls
  .owl-dot.active
  span {
    background-color: #e82f89;
    width: 10px;
    height: 10px;
    border-radius: 4.5px
}
#testimonial-homepage {
    overflow-x: hidden
}
#testimonial-homepage .owl-nav .fa-long-arrow-right {
    position: absolute;
    top: 20%;
    right: -7rem;
    font-size: 2rem;
    color: #e93e91
}
#testimonial-homepage .owl-nav .fa-long-arrow-left {
    position: absolute;
    top: 20%;
    left: -7rem;
    font-size: 2rem;
    color: #e93e91
}
/* downloadapp */
.download-apps {
    background-color: #4a929f;
    color: #fff;
    /* margin-top: 3rem; */
    padding: 2rem 0
}
.download-apps p {
    font-size: 2rem
}
.download-apps h3 {
    font-size: 2.5rem;
    font-weight: bold
}
.download-apps .download-app-img {
    width: 500px;
    margin: -4rem 0
}
@media (max-width: 800px) {
    .download-apps .download-app-img {
        width: 100%;
        margin: 2rem 0
    }
    .home-medical-form {
        margin-top: unset
    }
    .intro {
        margin-bottom: 0
    }
    #testimonial-homepage .owl-nav .fa-long-arrow-right {
        right: -4rem
    }
    #testimonial-homepage .owl-nav .fa-long-arrow-left {
        left: -4rem
    }
    .justify-content-center-sm {
        -ms-flex-pack: center !important;
            justify-content: center !important
    }
    .ourdoctor-main {
        padding: 1rem 0
    }
    .ourdoctor-main .section_title {
        margin: 0
    }
    .latest-midical-news .latest-midical-news-h2 {
        text-align: center
    }
    .latest-midical-news .my-2 {
        margin: 1rem 0
    }
    .latest-midical-news .card {
        margin: 2rem
    }
    .latest-midical-news .fa-chevron-left {
        position: absolute;
        top: 45%;
        left: 0rem;
        font-size: 1.5rem;
        color: #4b4b4b
    }
    .latest-midical-news .fa-chevron-right {
        position: absolute;
        top: 45%;
        right: 0rem;
        font-size: 1.5rem;
        color: #4b4b4b
    }
    .our-people-counter img {
        width: 120px
    }
    .our-people-counter h2 {
        font-size: 2rem;
        height: 45px
    }
    .our-people-counter p {
        font-size: 1.5rem
    }
    .testimonial .section_title {
        font-size: 2rem !important
    }
    .testimonial .testimonial-content .item p {
        font-size: 1.2rem
    }
    .download-apps p {
        font-size: 1rem
    }
    .download-apps h3 {
        font-size: 1.3rem
    }
}
@media (min-width: 999px) {
    .latest-midical-news p {
        height: 195px
    }
}
.payment-details-parent-container {
    max-width: 700px;
    margin: 0 auto
}
.payment-details-parent-container .img-container {
    text-align: right;
    margin-bottom: 50px
}
.payment-details-container {
    width: 100%
}
.payment-details-parent-container th,
.payment-details-parent-container td {
    padding: 0.5rem;
    vertical-align: middle
}
.payment-details-parent-container th {
    background: #478e9e;
    color: #fff
}
.payment-details-parent-container td {
    padding-left: 20px;
    padding-right: 20px
}
.payment-details-parent-container header {
    display: block
}
.payment-details-parent-container h1,
.payment-details-parent-container h2 {
    width: 100%
}
.payment-details-parent-container h1 {
    text-align: center;
    padding: 30px;
    font-size: 2.3rem
}
.step-form {
    background: #f5f5f5;
    color: #333;
    height: auto;
    padding: 1rem 0
}
.test-icon {
    width: 44px;
    height: auto
}
.step-form .step-form__container {
    border-radius: 25px;
    border: solid 2px #e5e5e5;
    background-color: #ffffff;
    padding: 3rem
}
.step-form .step-form--mainTitle {
    font-size: 1.5rem;
    margin-right: 1rem;
    font-weight: bold
}
.gender-icon {
    width: 80px;
    height: auto
}
.step-form .align-center-hor-ver {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center
}
.step-form .start-test,
.result-table-form .result-submit-email button,
.calc-again {
    background-color: #599ea5;
    padding: 0.5rem 2rem;
    color: #fff;
    border: navajowhite;
    font-weight: bold;
    border-radius: 25px;
    outline: none
}
.step-form .step-form-details .step-form-number div {
    height: 40px;
    display: inline-block;
    width: calc((100% - 18.1px) / 10);
    background: rgba(0, 0, 0, 0.15);
    margin-left: 2px;
    text-align: center;
    font-size: 1rem;
    color: #445a67;
    line-height: 2.2
}
.step-form .step-form-details .step-form-number div.active {
    background: #599ea5
}
.step-form .step-form-details .question-title {
    margin: 2rem 0;
    font-size: 1.5rem;
    color: #333;
    text-align: center
}
.step-form .step-form-details .question-answer div {
    display: inline-block;
    height: 46px;
    margin: 0 0 10px 10px;
    background: #e5e5e5;
    color: #333;
    text-align: center;
    padding: 0 10px;
    font-size: 1rem;
    line-height: 2.8;
    width: 25%;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
    transition: all 0.2s ease-in-out 0s
}
.step-form .step-form-details .question-answer div:hover {
    background: #599ea5;
    color: #fff
}
.step-form .step-form-details .checkmark-stepform-icon {
    width: 20px;
    position: absolute;
    left: 1rem;
    top: 1rem
}
.step-form .step-form-details .slide {
    background: #fff;
    padding: 0rem 3rem 3rem 0rem;
    border-radius: 25px;
    border: solid 2px #e5e5e5
}
.step-form .step-form-details .form-actions-forward-back {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin: 1rem 0
}
.step-form .step-form-details .form-actions-forward-back button {
    padding: 0.5rem 3.2rem;
    border: navajowhite;
    font-weight: bold;
    background-color: #599ea5;
    color: #fff;
    border-radius: 25px;
    outline: none
}
.result-table-form .average-result {
    /* padding: 1rem 0; */
    padding-bottom: 0
}
.average-result p {
    font-size: 1.5rem
}
.result-table-form .average-result span {
    font-size: 1.5rem;
    color: #599ea5
}
.sugary-details .red-alert-table {
    background-color: #d74e6a
}
.sugary-details .green-alert-table {
    background-color: #009732
}
.sugary-details .orange-alert-table {
    background-color: #ecab14
}
.red-alert-text {
    color: #d74e6a !important
}
.green-alert-text {
    color: #009732 !important
}
.orange-alert-text {
    color: #ecab14 !important
}
.sugary-details .others-th {
    color: #fff;
    font-size: 1.5rem
}
.result-table-form .result-submit-email {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    margin-top: 1rem
}
.result-table-form .form-group {
    margin: 1rem 0
}
.result-table-form .form-check {
    margin-bottom: 1rem
}
#form-actions-forward-back-id {
    margin-top: 1rem;
    margin-bottom: 1rem
}
#form-actions-forward-back-id button {
    margin: 0 2rem;
    position: relative;
    cursor: pointer;
    outline: none
}
#form-actions-forward-back-id button img {
    position: absolute
}
.donwload-banner-quiz {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between
}
.queNum {
    padding: 0.5rem 1rem !important;
    border-radius: 100px !important;
    background-color: #e8308a !important;
    position: relative
}
.queNum:after {
    content: '';
    position: absolute;
    background: #e8308a;
    display: block;
    width: 6rem;
    height: 5px;
    top: 1.3rem;
    left: 2.4rem
}
.result-table-form {
    border-radius: 25px;
    border: solid 2px #e5e5e5;
    background-color: #ffffff;
    padding: 2rem
}
#sentMsg {
    font-size: 1.5rem
}
#email {
    border-radius: 5px;
    border: solid 1px #d8d8d8;
    background-color: #f5f5f5;
    padding: 0.5rem 2rem
}
.test-result-container {
    /* margin: 0.5rem; */
    padding: 0.5rem 2rem;
    border: solid 1px #d8d8d8
}
@media (min-width: 768px) and (max-width: 999px) {
    .queNum:after {
        width: 2.8rem
    }
}
@media (max-width: 767px) {
    .step-form .step-form-details .form-actions-forward-back button {
        padding: 0.5rem 2.5rem
    }
    .step-form .step-form-details .question-answer div {
        display: block;
        height: unset;
        width: 100%
    }
    .donwload-banner-quiz {
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-align: center;
            align-items: center
    }
    .step-form .step-form-details .slide {
        padding: 1rem
    }
    .queNum {
        padding: 0.1rem 0.6rem !important
    }
    .queNum:after {
        width: 1rem;
        height: 5px;
        top: 0.8rem;
        left: 1.6rem
    }
    .flex-dir-clumn-sm {
        -ms-flex-direction: column;
            flex-direction: column
    }
}
.justify-content-center {
    -ms-flex-pack: center !important;
        justify-content: center !important
}
.calories-input {
    padding: 0.5rem;
    height: 50px;
    margin-inline: 0.5rem;
    padding: 0.5rem;
    border-radius: 0.5rem;
    border: solid 1px #d8d8d8;
    background-color: #f5f5f5;
    width: 80px;
    font-size: 1.2rem
}
.calories-radio-input {
    height: 20px;
    width: 20px
}
.calories-select {
    padding: 0.5rem 1rem;
    height: 50px;
    margin-inline: 0.5rem;
    padding: 0.5rem;
    border-radius: 0.5rem;
    border: solid 1px #d8d8d8;
    background-color: #f5f5f5;
    font-size: 1.2rem
}
#email.calories-email {
    padding: 0.5rem 1rem;
    height: 50px;
    margin-inline: 0.5rem;
    padding: 0.5rem;
    border-radius: 0.5rem;
    border: solid 1px #d8d8d8;
    background-color: #f5f5f5;
    font-size: 1.2rem
}
.fs-3 {
    font-size: 2rem
}
.fs-4 {
    font-size: 1.5rem
}
.fs-5 {
    font-size: 1.25rem
}
.error-msg {
    color: #ce0a0a;
    font-size: 1rem
}
#emailSubscribeMsg {
    color: forestgreen
}
#caloriesResult {
    color: #599ea5
}
#download-app .play-store-icon,
#download-app .app-store-icon {
    width: 160px;
    height: 50px
}
.calories-table {
    border-spacing: unset
}
.calories-table thead {
    background-color: #599ea5;
    color: #fff
}
.calories-table th {
    text-align: right
}
.calories-table th, .calories-table td {
    padding: 1rem 1.5rem
}
.calories-table tbody tr:nth-child(odd) {
    background-color: #f8f8f8
}
.calories-table tbody td {
    border-left: 2px solid #d8d8d8
}
.calories-table tbody td:last-child {
    border-left: unset
}
.border-end {
    border-left: 2px solid #d8d8d8
}
#mass-pointer {
    position: relative
}
#mass-pointer-data {
    color: #f3f3f3;
    position: absolute;
    right: 19%
}
#mass-pointer-icon {
    width: 60px;
    height: auto
}
.mass-bar {
    height: 20px;
    padding-inline: 0px;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    border-left: 2px solid #dddddd
}
#thin {
    background-image: linear-gradient(to right, #159986, #3299fb);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}
#normal {
    background-image: linear-gradient(to right, #33a533, #159986)
}
#fat-1 {
    background-image: linear-gradient(to right, #d3cc33, #33a533)
}
#fat-2 {
    background-image: linear-gradient(to right, #ef8b20, #d3cc33)
}
#fat-3 {
    background-image: linear-gradient(to right, #d92106, #ef8b20);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-left: unset
}
@media (max-width: 500px) {
    .calories-select {
        width: 100%
    }
    .result-table-form {
        padding: unset
    }
    #calories-result-container li {
        text-align: right !important
    }
    #calories-result-container li,
  .calories-table {
        font-size: 0.8rem !important
    }
    .calories-table th, .calories-table td {
        padding: 0.5rem
    }
    #download-app .fs-3 {
        font-size: 1.5rem
    }
    #download-app .play-store-icon,
  #download-app .app-store-icon {
        width: 120px;
        height: 37.5px
    }
    #mass-results {
        font-size: 0.8rem
    }
    #mass-pointer-icon {
        width: 40px
    }
    #mass-pointer-data {
        font-size: 0.8rem
    }
}
.doctor-listing-banner {
    background-image: url('../images/doctor-listing-banner.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 170px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    color: #fff
}
.doctor-listing-banner h1 {
    font-size: 2.5rem
}
.doctor-listing {
    background-color: #f4f4f4;
    padding: 3rem 0
}
.doctor-listing .doctor-list-container {
    padding-bottom: 2rem
}
.doctor-listing .doctor-list-container .card {
    border: none;
    cursor: pointer
}
.doctor-listing .doctor-list-container .card:hover {
    box-shadow: 0 0 18.7px 2.3px rgba(14, 48, 55, 0.3)
}
.doctor-listing .doctor-listing-card-image img {
    border-radius: 100px;
    height: 150px;
    width: 150px;
    object-fit: cover;
    object-position: top
}
.doctor-listing .doctor-details {
    background-color: unset !important;
    padding: unset !important
}
.doctor-listing .card .doctor-details h3 {
    color: #468e9e;
    font-size: 1rem
}
.doctor-listing .card .doctor-details p {
    color: #4c4c4c;
    font-size: 1rem;
    padding: 0.5rem 0
}
.doctor-listing .card .doctor-details .doctor-listing-card-rating .fa-star {
    color: #ffb501;
    font-size: 1.5rem
}
.doctor-listing .card .doctor-details .doctor-listing-card-rating .fa-star-o {
    color: #d3d3d3;
    font-size: 1.5rem
}
.our-doctors-new .doctor-listing-card-rating {
    margin-bottom: 0.5rem
}
.our-doctors-new .doctor-listing-card-rating .fa-star {
    color: #ffb501
}
.our-doctors-new .doctor-listing-card-rating .fa-star-o {
    color: #d3d3d3
}
[dir='ltr'] .arrow-all-ourdoctor {
    transform: rotate(180deg)
}
.doctor-filter {
    margin-bottom: 2rem
}
.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
        user-select: none;
    padding: 0.375rem 0.75rem;
    border-radius: 1rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin: 0.5rem
}
.btn.btn-outline-doctor-filter {
    background-color: transparent;
    color: #468e9e;
    border: 1px solid #468e9e
}
.btn.btn-outline-doctor-filter:hover {
    background-color: #468e9e;
    color: #f3f3f3
}
.btn.btn-doctor-filter {
    background-color: #468e9e;
    color: #f3f3f3
}
.doctor-details {
    background-color: #f4f4f4;
    padding: 4rem 0;
    position: relative
}
.doctor-details .doctor-details-card-image-details {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start
}
.doctor-details .doctor-details-card-image img {
    border-radius: 100px;
    width: 150px;
    height: 150px;
    object-fit: cover;
    object-position: top
}
.doctor-details .card .doctor-details-titles {
    -ms-flex-pack: justify;
        justify-content: space-between
}
.doctor-details .card h3 {
    color: #468e9e;
    font-size: 1.5rem
}
.doctor-details .card p {
    color: #4c4c4c;
    font-size: 1.1rem;
    padding: 0.5rem 0
}
.doctor-details .card .doctor-details-card-rating .fa-star {
    color: #ffb501;
    font-size: 1.5rem
}
.doctor-details .card .doctor-details-card-rating .fa-star-o {
    color: #d3d3d3;
    font-size: 1.5rem
}
.doctor-details .rating-btn {
    border-radius: 30px;
    background-color: #599ea5;
    color: #fff;
    padding: 1rem 6rem
}
.doctor-details .doctor-details-announcement {
    border-radius: 40px;
    border: solid 2px #66cccc;
    margin-top: 2rem;
    position: relative
}
.doctor-details .doctor-details-announcement .card-body span {
    font-size: 1.5rem
}
/* modelsss */
/* 1. Ensure this sits above everything when visible */
.model-details {
    position: absolute;
    z-index: 10000;
    /* 1 */
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    text-align: center
}
.model-details.is-visible {
    visibility: visible
}
.model-details-overlay {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.3s, opacity 0.3s;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    background-color: rgba(0, 0, 0, 0.5)
}
.model-details.is-visible .model-details-overlay {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s
}
.model-details-wrapper {
    position: absolute;
    z-index: 9999;
    top: 6em;
    left: 50%;
    width: 32em;
    margin-left: -16em;
    background-color: #fff;
    box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35)
}
.model-details-transition {
    transition: all 0.3s 0.12s;
    transform: translateY(-10%);
    opacity: 0
}
.model-details.is-visible .model-details-transition {
    transform: translateY(0);
    opacity: 1
}
.model-details-header,
.model-details-content {
    padding: 1em
}
.model-details-header {
    position: relative;
    background-color: #fff
}
.model-details-close {
    position: absolute;
    top: 0;
    left: 0;
    padding: 1em;
    color: #4c4c4c;
    background: none;
    border: 0
}
.model-details-close:hover {
    color: #777
}
.model-details-heading {
    font-size: 1.125em;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.model-details-content > *:first-child {
    margin-top: 0
}
.model-details-content > *:last-child {
    margin-bottom: 0
}
.model-details .model-details-body h3 {
    color: #7f7f7f
}
.model-details .model-details-body {
    margin: 1rem 0
}
.model-details .model-details-body .doctor-details-model-rating {
    margin: 1rem 0
}
.model-details .model-details-body .fa-star {
    color: #d3d3d3;
    font-size: 2.5rem;
    margin: 0 0.5rem
}
.model-details .model-details-body .fa-star.active,
.model-details .model-details-body .fa-star.active-hover {
    color: #ffb501;
    font-size: 2.5rem
}
.model-details .model-details-body .fa-star-o {
    color: #d3d3d3;
    font-size: 2.5rem
}
.model-details .model-details-body textarea {
    border-radius: 20px;
    border: solid 3px #e9e9e9;
    width: 100%;
    padding: 0 1rem
}
.model-details .model-details-body button {
    border-radius: 29.3px;
    background-color: #599ea5;
    padding: 1rem 3rem;
    color: #fff;
    border: none;
    outline: none
}
@media (max-width: 800px) {
    .doctor-details .rating-btn {
        padding: 1rem 3rem
    }
    .doctor-details .doctor-details-card-image-details {
        -ms-flex-pack: center;
            justify-content: center
    }
    .doctor-details .col-lg-10 {
        text-align: center
    }
    .doctor-details .card .doctor-details-titles {
        -ms-flex-pack: center;
            justify-content: center
    }
    .model-details-wrapper {
        left: unset !important;
        width: 100%
    }
    .doctor-listing .doctor-listing-card-image img {
        height: 100px;
        width: 100px
    }
}
.joinus-container-forms {
    padding: 3rem 0
}
.joinus-container-forms .tab {
    padding: 14px 20px;
    border: 1px solid #f7f7f7;
    margin-left: 1.5rem
}
.joinus-container-forms .tab:hover,
.joinus-container-forms .tab.active {
    background-color: #478e9e;
    color: #fff
}
.joinus-container-forms .tab-content input,
.joinus-container-forms .tab-content select {
    border-radius: 100px;
    margin: 0.5rem 0;
    font-size: 1.3rem
}
#joinus-page .tab-content-6 h2 {
    color: #4f5151;
    font-size: 2rem
}
#joinus-page .tab-content-6 label {
    display: block
}
#joinus-page .tab-content-6 select {
    width: 100%;
    padding: 0.5rem 1rem;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 100px !important;
    margin: 0.5rem 0rem !important;
    font-size: 1.2rem !important
}
.joinus-container-forms .tab {
    border-radius: 10px;
    border: solid 1px #dcdcdc;
    background-color: #f4f4f4;
    padding: 0.5rem 1rem
}
#joinus-page #map-canvas {
    height: 100%;
    width: 100%
}
#joinus-page .clinic-reg-submitBtn {
    border-radius: 34px;
    border: solid 1px #f6f6f6;
    background-color: #236170;
    padding: 0.1rem 3.5rem;
    font-size: 1.5rem;
    margin-top: 2rem;
    color: #fff
}
#joinus-page .intl-tel-input .flag-container {
    top: 1rem
}
@media (max-width: 800px) {
    .joinus-container-forms .tab {
        padding: 0.5rem 0.3rem;
        font-size: 0.8rem;
        display: block;
        margin: 1rem 0.5rem;
        text-align: center
    }
    #joinus-page #map-canvas {
        height: 500px
    }
}
.clinics-listing .submit-clinic-search {
    background-color: #599ea5;
    color: #fff;
    padding: 0.5rem 6rem;
    border-radius: 5px
}
.listing-clinic-container {
    background-color: #f4f4f4;
    padding: 3rem 0
}
.clinics-listing form label {
    color: #343434
}
.listing-clinic-container .clinics-sorting-paginate select {
    width: 7rem;
    padding: 0.3rem
}
.listing-clinic-container .card {
    border-radius: 20px;
    border: solid 1px #dedede;
    margin-top: 2rem
}
.listing-clinic-container .clinic-image-details .clinic-img {
    border-radius: 100px;
    height: 150px;
    width: 150px;
    object-fit: cover;
    object-position: top
}
.listing-clinic-container .clinic-image-details h3 {
    font-weight: bold;
    color: #236170;
    font-size: 2rem
}
.listing-clinic-container .clinic-image-details .rating-clinic-stars {
    color: #ffb501;
    font-size: 1.5rem
}
.listing-clinic-container .clinic-image-details .clinic-spec span {
    border-radius: 30px;
    border: solid 1px #7f7f7f;
    background-color: #fff;
    padding: 0.3rem 1rem;
    display: inline-block;
    margin-top: 0.5rem
}
.listing-clinic-container .clinic-image-details .clinic-details-btn {
    border-radius: 30px;
    background-color: #478e9e;
    padding: 0.5rem 3rem;
    color: #fff
}
.mr-3rem {
    margin-right: 3rem
}
@media (max-width: 800px) {
    .listing-clinic-container .clinics-sorting-paginate {
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-align: center;
            align-items: center
    }
    .listing-clinic-container .clinic-image-details .cost-waiting {
        margin: 1rem 0
    }
    .listing-clinic-container .card {
        text-align: center
    }
    .listing-clinic-container .clinic-image-details .d-flex {
        -ms-flex-direction: column;
            flex-direction: column
    }
    .listing-clinic-container .clinic-image-details .mr-3rem {
        margin-right: unset
    }
}
.clinic-details .clinic-img {
    border-radius: 100px;
    height: 200px;
    width: 200px;
    object-fit: cover;
    object-position: top
}
.clinic-details .clinic-name {
    color: #236170;
    font-size: 2rem
}
.clinic-details .clinic-specif {
    color: #4f5151;
    font-size: 1.5rem
}
.clinic-details .clinic-para {
    color: #4f5151;
    font-size: 1.3rem
}
.clinic-details .rating-clinicDetails-stars,
#rating-comments .rating-clinicDetails-stars {
    color: #ffb501;
    font-size: 1.5rem
}
.clinic-details #map {
    height: 400px;
    width: 100%
}
.clinic-details .map-card-body {
    background-color: #f4f4f4
}
.clinic-details .clinic-more-details {
    margin-top: 2rem
}
.clinic-details .clinic-more-details p,
.clinic-details .clinic-more-details a {
    color: #236170;
    font-size: 0.9rem
}
.clinic-details .clinic-more-details img {
    margin-left: 0.5rem
}
.clinic-details .btn-clinicDetails-appointment {
    border-radius: 5px;
    background-color: #478e9e;
    width: 100%;
    display: block;
    color: #fff !important;
    font-weight: bold;
    text-align: center;
    padding: 0.5rem 0;
    border: none
}
.clinic-details-tabs {
    background-color: #f4f4f4;
    padding: 3rem 0
}
.clinic-details .clinic-details-tabs ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: -ms-flexbox;
    display: flex
}
.clinic-details .clinic-details-tabs ul.tabs li {
    background-color: #e8e8e8;
    display: inline-block;
    padding: 1rem 0;
    cursor: pointer;
    -ms-flex: 1;
        flex: 1;
    text-align: center;
    color: #236170;
    font-weight: bold
}
.clinic-details .clinic-details-tabs ul.tabs li.current {
    background: #fff;
    color: #236170
}
.clinic-details .clinic-details-tabs .tab-content {
    display: none;
    background: #fff;
    padding: 2rem 15px
}
.clinic-details .clinic-details-tabs .tab-content.current {
    display: inherit
}
.clinic-details .clinic-details-tabs .tab-content .clinic-details-tags span {
    border-radius: 24px;
    border: solid 1px #236170;
    background-color: #f8f8f8;
    padding: 0.3rem 1rem;
    color: #236170
}
.clinic-details .clinic-details-tabs .tab-content .images-container-tab3 img {
    width: 200px;
    border-radius: 10px;
    margin-left: 0.5rem;
    height: 200px;
    object-fit: cover
}
.clinic-details .clinic-reserve-online img {
    width: 408px;
    height: 105px
}
#reservation-appointment.modal {
    max-width: 600px;
    text-align: right
}
#reservation-appointment.modal a.close-modal {
    top: 15px;
    right: 15px;
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    text-indent: -9999px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('../images/profile/Icon_ionic-ios-close-circle-outline.svg')
}
#reservation-appointment h4 {
    color: #236170;
    margin: 1rem 0
}
#reservation-appointment .choose-time li {
    border-radius: 25px;
    border: solid 1px #e8e8e8;
    background-color: #f8f8f8;
    padding: 0.1rem 0.7rem;
    margin-top: 0.5rem;
    color: #236170;
    direction: ltr;
    cursor: pointer
}
#reservation-appointment .choose-time li.active {
    border-radius: 25px;
    border: solid 1px #e8e8e8;
    background-color: #ec1b98;
    color: #fff
}
#rating-comments.modal {
    max-width: 600px;
    text-align: right;
    border-radius: 48px;
    box-shadow: 0 3px 30px #000;
    border: solid 1px #dedede
}
#rating-comments.modal .rating-comments-details-container {
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin: 1rem 0
}
#rating-comments.modal .rating-comments-details-container p {
    color: #4f5151;
    padding-bottom: 0.5rem
}
#rating-comments.modal .rating-comments-date {
    margin: auto 0;
    color: #ababab
}
#rating-comments.modal h4 {
    color: #236170
}
#reserve-clinic-navmenu {
    position: relative
}
#reserve-clinic-navmenu span {
    border-radius: 8px;
    background-color: #ec1b98;
    font-size: 0.7rem;
    color: #fff;
    padding: 0 0.5rem;
    position: absolute;
    top: -1rem;
    left: 1rem
}
/* //general css */
.list-inline {
    padding-left: 0;
    list-style: none
}
.list-inline-item:not(:last-child) {
    margin-left: 1rem
}
.list-inline-item {
    display: inline-block
}
.container-customCheckbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}
/* Hide the browser's default checkbox */
.container-customCheckbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}
/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
    margin-left: 0.5rem
}
/* On mouse-over, add a grey background color */
.container-customCheckbox:hover input ~ .checkmark {
    background-color: #ccc
}
/* When the checkbox is checked, add a blue background */
.container-customCheckbox input:checked ~ .checkmark {
    background-color: #ec1b98
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: '';
    position: absolute;
    display: none
}
/* Show the checkmark when checked */
.container-customCheckbox input:checked ~ .checkmark:after {
    display: block
}
/* Style the checkmark/indicator */
.container-customCheckbox .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg)
}
@media (max-width: 800px) {
    .clinic-details .clinic-more-details .mr-3rem {
        margin-right: unset
    }
    .clinic-details .clinic-reserve-online img {
        width: 200px;
        height: 75px;
        margin-bottom: 2rem
    }
    #reserve-clinic-navmenu span {
        top: 0.1rem
    }
}
button[disabled] {
    cursor: not-allowed
}
#loading-appointment-progress {
    display: none;
    width: 80px;
    height: 80px
}
#loading-appointment-progress:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #478e9e;
    border-color: #478e9e transparent #478e9e transparent;
    animation: lds-dual-ring 1.2s linear infinite
}
#gallary-img-view {
    max-width: 800px;
    max-height: 80%;
    border-radius: 48px
}
#clinic-img-view {
    height: calc(65% - 20px);
    object-fit: contain
}
.btn-view {
    border-radius: 0.35rem;
    background-color: #478e9e;
    color: #ffffff;
    font-size: 1rem;
    border: unset;
    padding: 0.35rem 1rem
}
button[disabled].btn-view {
    background-color: #cfcfcf
}
.arrow-icon {
    width: 16px
}
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}
.new-profile {
    background-color: #f4f4f4;
    padding-bottom: 20px
}
.new-profile .primary-color {
    color: #236170
}
.new-profile .py {
    padding: 0.5rem 0
}
.new-profile .px {
    padding: 0 0.5rem
}
.new-profile .subTitle {
    color: #4f5151
}
.new-profile .header {
    padding: 1rem 0;
    color: #343434;
    font-size: 1.5rem;
    font-weight: 800
}
.new-profile .icons {
    width: 16px;
    height: 22px
}
.new-profile .sm-icon {
    width: 8px;
    height: 12px
}
.new-profile .person-detail {
    background-color: #fff;
    padding: 3rem 0
}
.new-profile .profile-picture {
    border-radius: 50%
}
.new-profile .person-name {
    font-weight: 800;
    font-size: 25px
}
.new-profile .edit-btn {
    color: #478e9e;
    border: solid 1px #478e9e !important;
    border-radius: 5px;
    background-color: #fff;
    padding: 0.25rem 1rem;
    text-align: end
}
.new-profile .show-all {
    text-align: end
}
.new-profile .show-all a {
    white-space: nowrap
}
.new-profile .show-all a span {
    margin: 0 10px
}
.new-profile .card {
    background-color: #ffff;
    border: solid 1px #dedede;
    margin: 10px 0;
    padding: 25px 20px
}
.new-profile .img {
    border-radius: 50%
}
.new-profile .confirm-btn {
    background-color: #ffc220;
    color: #4f5151;
    border-radius: 30px;
    padding: 0px 35px
}
.new-profile .details-btn {
    background-color: #478e9e;
    padding: 0px 21px;
    color: #fff;
    border-radius: 30px
}
.new-profile .attend-btn {
    background-color: #94f3e0;
    border-radius: 30px;
    color: #4f5151;
    padding: 0px 26px
}
.new-profile .notattend-btn {
    background-color: #858585;
    color: #ffffff;
    padding: 0px 42px;
    border-radius: 30px
}
.new-profile .fa-calendar-o {
    color: #236170
}
/* MODAL */
.blocker {
    background-color: rgba(0, 0, 0, 0.5) !important
}
.modal-profile {
    max-width: 670px !important;
    padding: 20px 50px;
    margin: 50px
}
.modal-profile a.close-modal {
    top: 15px;
    right: 15px;
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    text-indent: -9999px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('../images/profile/Icon_ionic-ios-close-circle-outline.svg')
}
.modal-profile .img {
    border-radius: 50%
}
.modal-profile .primary-color {
    color: #236170
}
.modal-profile .header {
    font-weight: 800;
    font-size: 1.5rem
}
.modal-profile .icons {
    width: 16px;
    height: 22px
}
.modal-profile .subTitle {
    color: #4f5151
}
.modal-profile .done-btn {
    background-color: #94f3e0;
    color: #4f5151;
    border-radius: 30px;
    padding: 0 30px;
    border: solid 1px #94f3e0
}
.modal-profile .border-bottom {
    border-bottom: solid 1px #dedede;
    width: 100%;
    padding: 10px 0
}
.modal-profile .pb {
    padding-bottom: 20px
}
.modal-profile .fa-calendar-o {
    color: #236170
}
.modal-profile .px {
    padding: 0 0.5rem
}
.modal-profile .padding {
    padding: 30px
}
.modal-profile .medium {
    font-size: 20px
}
.modal-profile .text-area {
    border: solid 1px #ababab !important;
    width: 100%;
    resize: none !important;
    border-radius: 5px !important
}
.modal-profile .comment-btn {
    color: #fff;
    background-color: #478e9e;
    border-radius: 5px;
    padding: 2px 35px;
    border: solid 1px #478e9e
}
.modal-profile .confirm-btn {
    background-color: #ffc220;
    color: #4f5151;
    border-radius: 30px;
    padding: 0px 35px
}
:-ms-input-placeholder {
    color: #a2a2a2;
    padding: 2px 5px
}
::placeholder {
    color: #a2a2a2;
    padding: 2px 5px
}
/* GLOBAL CLASSES */
.w-100 {
    width: 100%
}
.text-start {
    text-align: start
}
.text-end {
    text-align: end
}
.align-items-baseline {
    -ms-flex-align: baseline;
        align-items: baseline
}
.align-items-center {
    -ms-flex-align: center;
        align-items: center
}
.align-items-start {
    -ms-flex-align: start;
        align-items: flex-start
}
.mt-11 {
    margin-top: 11px
}
.m-5 {
    margin: 5px
}
.marked-star {
    color: #ffc220;
    margin-left: 2px;
    margin-right: 2px
}
.unmarked-star {
    color: #ababab;
    margin-left: 2px;
    margin-right: 2px
}
.margin-y {
    margin-top: 1rem;
    margin-bottom: 1rem
}
.margin-small-y {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem
}
@media only screen and (max-width: 768px) {
    .text-end {
        text-align: start
    }
}
@-moz-document url-prefix() {
    [dir='rtl'] .person-detail [class*='col'] {
        float: unset !important
    }
}
.reservations-listing {
    padding: 3rem 0;
    background-color: #f4f4f4
}
.reservations-listing .search-reservationList input {
    border-radius: 100px;
    background-color: #fff !important
}
.reservations-listing .search-reservationList .search-reservation-btn {
    border-radius: 41px;
    background-color: #236170;
    color: #fff !important;
    border: 2px solid transparent;
    transition: all 150ms;
    font-size: 1rem !important;
    padding: 0.5rem 1rem;
    margin: 0.5rem 0rem !important;
    cursor: pointer;
    text-align: center;
    font-weight: bold
}
.reservations-listing .card {
    border-radius: 20px;
    border: solid 1px #dedede;
    margin-top: 2rem
}
.reservations-listing .reservation-img {
    border-radius: 100px;
    height: 150px;
    width: 150px;
    object-fit: cover;
    object-position: top
}
.reservations-listing .reservation-more-details h3 {
    color: #236170;
    font-size: 2rem
}
.reservations-listing .reservation-more-details h4 {
    color: #4f5151;
    font-size: 1.3rem
}
.reservations-listing .rating-clinicDetails-stars {
    color: #ffb501;
    font-size: 1.5rem
}
.reservations-listing .reservation-more-details .reservation-listing-date i {
    color: #236170;
    font-size: 1.5rem
}
.reservations-listing .reservation-more-details .reservation-listing-date span,
.reservations-listing .reservation-more-details .reservation-listing-time {
    color: #4f5151;
    font-size: 1.3rem
}
.reservations-listing .btns-reservation-listing-action {
    border-radius: 41px;
    background-color: #236170;
    color: #4f5151;
    border: 2px solid transparent;
    transition: all 150ms;
    font-size: 1rem !important;
    padding: 0.5rem 1rem;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    display: block;
    margin-top: 1rem
}
.reservations-listing .btns-reservation-listing-action.pending {
    background-color: #ffc220
}
.reservations-listing .btns-reservation-listing-action.confirmed {
    background-color: #94f3e0
}
.reservations-listing .btns-reservation-listing-action.detailed {
    background-color: #478e9e;
    color: #fff
}
#reservation-details-model.modal {
    max-width: 60%;
    text-align: right;
    background-color: #fff;
    border-radius: 48px;
    box-shadow: 0 3px 30px 0 #000;
    border: solid 1px #dedede
}
#reservation-details-model .blue-color-modal {
    color: #236170
}
#reservation-details-model .btn-upload-contactus {
    margin-top: 1rem;
    padding: 0.3rem 3rem
}
/* rating vote reservation */
.reservation-details-model-rating .fa-star {
    color: #d3d3d3;
    font-size: 1.5rem;
    margin: 0 0.5rem
}
.reservation-details-model-rating .fa-star.active,
.reservation-details-model-rating .fa-star.active-hover {
    color: #ffb501;
    font-size: 1.5rem
}
.reservation-details-model-rating .fa-star-o {
    color: #d3d3d3;
    font-size: 1.5rem
}
@media (max-width: 768px) {
    .reservations-listing .reservation-more-details h3 {
        font-size: 1.5rem
    }
    .reservation-image-details .d-flex {
        -ms-flex-direction: column;
            flex-direction: column
    }
    .reservation-image-details .mr-3rem {
        margin-right: 0
    }
    .modal-profile {
        margin: unset
    }
}
@-moz-document url-prefix() {
    [dir='rtl'] .reservations-listing [class*='col'] {
        float: unset !important
    }
}
.clinic-banner {
    position: relative
}
.clinic-banner h1 {
    position: absolute;
    top: 40%;
    right: 5%;
    color: #478e9e;
    font-size: 2.5rem;
    font-weight: 900
}
.clinic-login .card {
    border-radius: 46px;
    border: solid 1px #dedede;
    background-color: #f8f8f8;
    margin: 2rem 0
}
.clinic-login h2 {
    color: #4f5151
}
.clinic-login .card label {
    text-align: right;
    color: #4f5151
}
.clinic-login .card input {
    width: 100%;
    padding: 0.5rem 1rem;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 100px !important;
    margin: 0.5rem 0rem !important;
    font-size: 1.2rem !important
}
.clinic-login .card .sign-in-form-submit {
    border-radius: 34px;
    border: solid 1px #f6f6f6;
    background-color: #468e9e;
    padding: 0.5rem 2.5rem;
    color: #fff;
    margin-top: 1rem
}
.clinic-login .card .sign-in-form-forgetPassBtn {
    color: #4f5151;
    margin: 1rem 0;
    text-decoration: underline
}
.clinic-login .card .sign-in-form-registerBtn {
    color: #468e9e;
    font-weight: bold;
    text-decoration: underline
}
.clinic-login .reg-done-clinic h2,
.clinic-login .reg-done-clinic p {
    font-size: 2rem
}
@media (max-width: 700px) {
    .clinic-banner h1 {
        top: 5%;
        font-size: 1.5rem
    }
    .clinic-login .reg-done-clinic h2,
  .clinic-login .reg-done-clinic p {
        font-size: 1.5rem
    }
}
.reservation-all {
    padding: 3rem 0
}
.reservation-all .search-reservation-all input {
    border-radius: 100px;
    background-color: #fff !important
}
.reservation-all .search-reservation-all .search-reservation-btn {
    border-radius: 41px;
    background-color: #236170;
    color: #fff !important;
    border: 2px solid transparent;
    transition: all 150ms;
    font-size: 1rem !important;
    padding: 0.5rem 1rem;
    margin: 0.5rem 0rem !important;
    cursor: pointer;
    text-align: center;
    font-weight: bold
}
.reservation-all .reservation-all-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
    margin-top: 7rem
}
.reservation-all .reservation-all-table thead {
    background-color: #f8f8f8
}
.reservation-all .reservation-all-table th,
.reservation-all .reservation-all-table td {
    padding: 16px;
    color: #236170;
    font-size: 1.3rem
}
.reservation-all .reservation-all-table th {
    font-weight: bold
}
.reservation-all .reservation-all-table tr:nth-child(even) {
    background-color: #f8f8f8
}
.reservation-all .reservation-all-table .reservation-all-table-timeslot {
    direction: ltr;
    text-align: right
}
.reservation-all .reservation-all-table .reservation-all-table-timeslot span {
    padding: 0.5rem 1rem;
    border-radius: 25px;
    border: solid 1px #f8f8f8;
    background-color: #f6f6f6;
    font-size: 1.1rem
}
.reservation-all
  .reservation-all-table
  .reservation-all-table-timeslot.reservation-all-table-timeslot--status
  span.accepted {
    background-color: #46c6cb;
    color: #fff
}
.reservation-all
  .reservation-all-table
  .reservation-all-table-timeslot.reservation-all-table-timeslot--status
  span.canceled {
    background-color: #ec1b98;
    color: #fff
}
.reservation-all
  .reservation-all-table
  .reservation-all-table-timeslot.reservation-all-table-timeslot--status
  span.pending {
    background-color: #ffc220;
    color: #4f5151
}
.reservation-all
  .reservation-all-table
  .reservation-all-table-timeslot.reservation-all-table-timeslot--status
  span.completed {
    background-color: #488f77;
    color: #fff
}
.reservation-all .reservation-all-table .reservation-all-table-actions a {
    padding: 0.2rem 0.7rem;
    border-radius: 24px;
    background-color: #488f77;
    font-size: 0.9rem;
    color: #fff
}
.reservation-all
  .reservation-all-table
  .reservation-all-table-actions
  a:nth-child(2) {
    background-color: #ec1b98
}
.reservation-all
  .reservation-all-table
  .reservation-all-table-actions
  a:nth-child(3) {
    background-color: #46c6cb
}
.reservation-all-modal-class.modal {
    max-width: 70% !important;
    text-align: right;
    background-color: #fff;
    border-radius: 48px;
    box-shadow: 0 3px 30px 0 #000;
    border: solid 1px #dedede
}
.reservation-all-modal-class .reservation-all-modal-headName-label {
    color: #236170;
    font-size: 1.5rem;
    font-weight: 500
}
.reservation-all-modal-class .reservation-all-modal-headName-details-label {
    color: #236170;
    font-size: 1.5rem;
    font-weight: bold
}
.reservation-all-modal-class .reservation-all-modal-headName-p {
    color: #236170;
    font-weight: 300;
    font-size: 1.2rem
}
.reservation-all-modal-class .reservation-all-modal-rating {
    color: #f1bf4b;
    font-size: 1.5rem
}
.reservation-all-modal-class .reservation-all-modal-rating-container {
    border-radius: 23px;
    background-color: #f8f8f8;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center
}
.reservation-all-modal-class .reservation-all-modal-rating-container p {
    font-size: 2rem;
    font-weight: 500;
    color: #236170
}
.reservation-all-modal-class hr {
    border: solid 1px #dedede;
    width: 100%;
    margin: 2rem 0
}
.reservation-all-modal-class .reservation-all-table-actions a {
    padding: 0.2rem 0.7rem;
    border-radius: 24px;
    background-color: #488f77;
    font-size: 0.9rem;
    color: #fff
}
.reservation-all-modal-class .reservation-all-table-actions a:nth-child(2) {
    background-color: #ec1b98
}
.reservation-all-modal-class .reservation-all-table-actions a:nth-child(3) {
    background-color: #46c6cb
}
@media screen and (max-width: 1206px) {
    .reservation-all .reservation-all-table caption {
        font-size: 1.3em
    }
    .reservation-all .reservation-all-table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }
    .reservation-all .reservation-all-table tr {
        display: block;
        margin-bottom: 0.625em
    }
    .reservation-all .reservation-all-table td {
        display: block;
        font-size: 0.8em;
        text-align: center
    }
    .reservation-all .reservation-all-table .reservation-all-table-actions a {
        display: inline-block;
        margin-top: 0.5rem
    }
    .reservation-all .reservation-all-table td::before {
        /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
        content: attr(data-label);
        float: right;
        font-weight: bold;
        text-transform: uppercase
    }
    .reservation-all .reservation-all-table td:last-child {
        border-bottom: 0
    }
    .reservation-all-modal-class.modal {
        max-width: 100% !important;
        text-align: center
    }
    .reservation-all-modal-class .reservation-all-modal-headName-label {
        font-size: 1.2rem
    }
    .reservation-all-modal-class .reservation-all-modal-headName-details-label {
        font-size: 1.2rem
    }
    .reservation-all-modal-class .reservation-all-modal-rating-container {
        margin-top: 1rem
    }
    .reservation-all-modal-class .reservation-all-table-actions {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column
    }
    .reservation-all-modal-class .reservation-all-table-actions a {
        margin-bottom: 1rem
    }
}
.reservation-today {
    background-color: #fff !important;
    padding-bottom: 20px;
    padding-top: 20px
}
.reservation-today .containerr-fluid {
    /* margin-top: 50px; */
}
.reservation-today .mt-15 {
    margin-top: 15px
}
.reservation-today .py-5 {
    padding-top: 5px;
    padding-bottom: 5px
}
.reservation-today .w-100 {
    width: 100%
}
.reservation-today .my-15 {
    margin-top: 15px;
    margin-bottom: 15px
}
.reservation-today .text-center {
    text-align: center
}
.reservation-today .fs-18 {
    font-size: 18px
}
.reservation-today .header {
    font-weight: 800 !important;
    font-size: 1.5rem !important
}
.reservation-today .primary-color {
    color: #236170 !important
}
.reservation-today .align-items-center {
    -ms-flex-align: center;
        align-items: center
}
.reservation-today .daily-reservation {
    border: solid 1px #dedede;
    background-color: #f4f4f4;
    padding-bottom: 50px
}
.reservation-today .w-4 {
    width: 4%
}
.reservation-today .table-container {
    overflow: auto
}
.reservation-today .table-container .table {
    width: 100%;
    border: none !important
}
.reservation-today td {
    height: 80px
}
.reservation-today tr .days {
    background-color: #f6f6f6;
    text-align: center;
    color: #236170;
    border-radius: 20px;
    padding: 5px;
    width: 75%;
    margin: 0 auto
}
.reservation-today tr:nth-child(odd) {
    background-color: #fff;
    color: #236170
}
.reservation-today tr:nth-child(even) .days {
    background: #fff;
    text-align: center;
    color: #4f5151;
    border-radius: 20px
}
/* .reservation-today .reservation-all .reservation-all-table tr:nth-child(even) {
    background-color: #fff;
  } */
.reservation-today .reservation-all .reservation-all-table tr:nth-child(even) {
    background-color: #f8f8f8
}
.reservation-today .w-6 {
    width: 6%
}
.reservation-today .reservetion-time {
    background-color: #f6f6f6;
    color: #236170;
    border-radius: 20px;
    padding: 2px 20px;
    margin-right: 20px;
    margin-left: 20px
}
.reservation-today .btn-delete {
    border: none;
    background-color: transparent;
    color: #236170;
    vertical-align: middle;
    cursor: pointer
}
.reservation-today .pink {
    color: #ec1b98
}
.reservation-today .custom-input {
    border: solid 1px #dedede;
    background-color: #f8f8f8;
    border-radius: 7px;
    direction: ltr
}
.reservation-today .add-btn {
    background-color: #236170;
    border-radius: 20px;
    border: none;
    color: #fff;
    padding: 2px 15px;
    cursor: pointer
}
.reservation-today .add-icon {
    width: 15px;
    vertical-align: middle;
    margin-bottom: 3px;
    margin-left: 6px
}
.reservation-today .empty-time {
    width: 100px;
    height: 1px;
    background-color: #707070;
    margin-right: 20px
}
.reservation-today .reservation-all {
    padding: 1rem 0
}
.reservation-today .reservation-all-table {
    margin-top: 0
}
.reservation-today .reservation-all-table-timeslot {
    text-align: center !important
}
.reservation-today .text-end {
    text-align: end
}
.reservation-today .pb-15 {
    padding-bottom: 15px
}
.reservation-today .reservation-all .reservation-all-table-actions {
    width: 32%
}
.reservation-today .show-all {
    color: #236170;
    font-size: 24px;
    text-decoration: underline;
    font-weight: 700
}
@media screen and (max-width: 759px) {
    .reservation-today .reservation-all .reservation-all-table-actions {
        width: 100%
    }
}
@media screen and (max-width: 945px) {
    .reservation-today .table tr {
        display: block;
        margin-bottom: 0.625em
    }
    .reservation-today .table td {
        display: block;
        font-size: 0.8em;
        text-align: center;
        height: 100%;
        border: solid 1px transparent;
        padding: 5px
    }
    .reservation-today .table .dates {
        -ms-flex-pack: center;
            justify-content: center
    }
    .reservation-today .table .custom-input {
        width: 50%
    }
    .reservation-today .w-4 {
        width: 100%
    }
    .reservation-today .table .add-btn {
        width: 50%
    }
    .reservation-today .text-end {
        text-align: start
    }
    .reservation-today .empty-time {
        text-align: center
    }
    .reservation-today .days {
        margin-top: 8px !important;
        margin-bottom: 8px !important
    }
    .reservation-today .w-15-sm {
        height: 30px !important
    }
}
.landing-header {
    /* padding: 1rem 0rem; */
}
.header-left {
    margin-left: 3rem;
    margin-right: auto;
    -ms-flex-order: 2;
        order: 2
}
.header-left a.header-logo-img {
    display: -ms-flexbox;
    display: flex
}
.header-left span {
    font-weight: 900
}
.header-right {
    margin-right: 0;
    margin-left: auto;
    -ms-flex-order: 1;
        order: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row-reverse;
        flex-flow: row-reverse;
    -ms-flex-align: center;
        align-items: center
}
.header-right a:first-of-type {
    color: #2864ad;
    font-weight: 900;
    font-size: 1.5rem
}
.header-right a.hotline {
    padding: 0.5rem 1rem 0.5rem 2rem;
    background-color: #2864ad;
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
    color: #fff;
    font-weight: 900;
    margin-left: 2rem
}
.header-right a.hotline img {
    padding: 0.5rem
}
.landing-intro {
    position: relative;
    padding: 5% 8%
}
.landing-intro:after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(
    rgba(255, 0, 0, 0),
    rgba(69, 125, 182, 0.83)
  )
}
.landing-intro .landing-intro-img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    object-fit: cover
}
.landing-intro-cont {
    position: relative;
    z-index: 9;
    width: 100%;
    margin: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row-reverse;
        flex-flow: row-reverse;
    -ms-flex-align: end;
        align-items: flex-end
}
.register_form_container.landing_intro_form {
    width: 35%;
    margin-left: 0;
    margin-right: auto;
    background-color: #fff;
    border-radius: 2rem;
    padding: 1.5rem
}
.landing-intro-cont {
    position: relative
}
.register_form_container.landing_intro_form form input,
.register_form_container.landing_intro_form form textarea,
.register_form_container.landing_intro_form form select {
    font-size: 1.1rem;
    padding: 0.5rem 1rem;
    background-color: #fff;
    border-radius: 2rem;
    margin: 0.5rem 0rem
}
.landing_intro_form .intl-tel-input {
    margin: 0.5rem 0rem
}
.register_form_container.landing_intro_form .intl-tel-input .flag-container {
    margin: auto
}
.register_form_container.landing_intro_form form input.submit-btn {
    background-color: #e8308a;
    margin: 0
}
.register_form_container.landing_intro_form form input.submit-btn:hover {
    background-color: #fff;
    color: #e8308a;
    border: #e8308a
}
.landing-intro-content {
    width: 60%;
    color: #fff
}
.landing-intro-content h1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
        flex-flow: column;
    font-size: 4vw;
    line-height: 5vw
}
.landing-intro-content h1 span {
    font-size: 3rem
}
.landing-intro-content p {
    font-size: 1.5rem;
    line-height: 2.5rem;
    margin-top: 1rem
}
.landing-whyOt {
    background: linear-gradient(to right, #478e9e, #599ea5);
    /* padding: 2rem; */
    padding: 1rem;
    text-align: center;
    color: #fff;
    position: relative
}
.landing-whyOt h2 {
    color: #fff;
    font-size: 2rem
}
.whyot-item {
    width: 23%
}
.landing-whyot-grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: start;
    -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    width: 90%;
    margin: 2rem auto 1rem
}
.whyot-item img {
    height: 144px;
    width: 170px;
    object-fit: scale-down;
    margin-bottom: 1rem
}
.whyot-item p {
    width: 64%;
    margin: auto;
    font-size: 1rem;
    line-height: 2rem
}
.landing-footer {
    text-align: center;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    padding: 1rem !important;
    background-color: #3268a8;
    font-size: 1.5rem
}
.landing-whyOt:after {
    content: '';
    position: absolute;
    width: 27%;
    left: 0;
    right: auto;
    bottom: -5px;
    top: auto;
    height: 9px;
    background-color: #e8308a;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 6px
}
.landing-whyOt:before {
    content: '';
    position: absolute;
    width: 27%;
    right: 0;
    left: auto;
    top: -5px;
    height: 9px;
    background-color: #e8308a;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 6px
}
/* start new video landing */
.landing-video-header-img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 102% !important;
    width: 100%;
    object-fit: cover
}
.flex-dir-col-jus-cen {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center
}
@font-face {
    font-family: NotoSansArabic-Bold;
    src: url(../fonts/NotoSansArabicUI-ExtraCondensedSemiBold.ttf)
}
.header-container h1 {
    font-size: 3.5vw;
    line-height: 5vw
    /* font-family: 'NotoSansArabic-Bold', sans-serif !important; */
}
.header-container h3 {
    font-size: 2rem;
    padding-top: 1rem
}
.mt-minus-10 {
    margin-top: -4rem
}
.landing-video-bestdoctor-img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100vh;
    width: 100%;
    object-fit: cover;
    z-index: -1
}
.best-doctobrs-video .item {
    text-align: center !important;
    padding: 1rem !important;
    background: #fff !important;
    margin: 2rem !important;
    border-radius: 2rem !important
}
.best-doctobrs-video .best-doctobrs-video-heading {
    text-align: center;
    padding-top: 2rem;
    color: #fff;
    font-size: 2.5rem;
    position: relative
    /* font-family: 'NotoSansArabic-Bold', sans-serif !important; */
}
.best-doctobrs-video .best-doctobrs-video-heading::after {
    content: '';
    left: 29%;
    width: 40%;
    height: 3px;
    background: #fff;
    position: absolute;
    bottom: -11px
}
.our-doctors.best-doctobrs-video
  .owl-carousel
  .owl-controls
  .owl-nav
  .owl-prev {
    left: -3rem !important
}
.our-doctors.best-doctobrs-video
  .owl-carousel
  .owl-controls
  .owl-nav
  .owl-next {
    right: -3rem !important
}
.best-doctobrs-video h3 {
    color: #000 !important;
    font-size: 1rem
}
.best-doctobrs-video .best-doctobrs-video-para-spec {
    color: #000 !important;
    position: relative;
    font-weight: bold;
    padding-bottom: 1rem
}
.best-doctobrs-video .best-doctobrs-video-para-spec::after {
    /* content: ''; */
    position: absolute;
    width: 50%;
    height: 2px;
    background-color: #e8308a;
    bottom: 0.3rem;
    left: 24%
}
.how-reserve-ourvideo {
    padding: 1rem 0
}
.how-reserve-ourvideo h3 {
    color: #478e9e;
    font-size: 3rem;
    position: relative
    /* text-align: center; */
    /* font-family: 'NotoSansArabic-Bold', sans-serif !important; */
}
.how-reserve-ourvideo h3::after {
    content: '';
    position: absolute;
    background-color: #e8308a;
    width: 30%;
    height: 3px;
    bottom: -0.5rem;
    left: 56%
}
.how-reserve-ourvideo ul li {
    color: #e8308a;
    list-style-type: disc;
    margin-left: 2em
}
.how-reserve-ourvideo ul li span {
    color: #000
}
.testimonials-ourvideo {
    height: 100%
}
.testimonials-ourvideo-img-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100vh;
    width: 100%;
    object-fit: cover;
    z-index: -1
}
.testimonials-ourvideo .testimonials-ourvideo-heading {
    text-align: center;
    padding-top: 2rem;
    color: #fff;
    font-size: 2.5rem;
    position: relative;
    margin-bottom: 3rem
    /* font-family: 'NotoSansArabic-Bold', sans-serif !important; */
}
.testimonials-ourvideo .testimonials-ourvideo-heading::after {
    content: '';
    left: 41%;
    width: 19%;
    height: 3px;
    background: #fff;
    position: absolute;
    bottom: -10px
}
.testimonials-ourvideo .item {
    background-color: #fff;
    padding: 4rem 1rem;
    border-top-left-radius: 5rem;
    border-bottom-right-radius: 5rem;
    position: relative
}
.testimonials-ourvideo .w-img-quotes {
    width: 50px !important;
    position: absolute
}
.testimonials-ourvideo .w-img-quotes-right-top {
    top: -7rem
}
.w-img-quotes-left-bottom {
    bottom: -6rem;
    left: 1rem;
    transform: rotate(180deg)
}
.testimonials-ourvideo-details {
    -ms-flex-pack: end;
        justify-content: flex-end
}
.testimonials-ourvideo .testimonials-ourvideo-details img {
    width: 70px;
    height: 70px;
    border: 3px solid;
    border-radius: 50%
}
.bg-footer {
    background-color: #262729
}
.best-doctobrs-video {
    height: 100%
}
.testimonials-ourvideo {
    height: 80vh
}
.testimonials-ourvideo-img-bg {
    height: 80vh
}
.our-doctors.best-doctobrs-video .owl-carousel .owl-controls .owl-nav .owl-next,
.our-doctors.best-doctobrs-video
  .owl-carousel
  .owl-controls
  .owl-nav
  .owl-prev {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    color: #2d94d4 !important;
    background-color: #fdf9ed !important
}
.our-doctors.best-doctobrs-video
  .owl-carousel
  .owl-controls
  .owl-nav
  .owl-prev {
    color: #ee568c
}
.testimonials-ourvideo .item {
    height: 278px
}
.yemen-copywrite {
    font-size: 1.3rem !important
}
.fw-bold {
    font-weight: bold
}
.open-modal {
    cursor: pointer
}
.modal-confirm {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    overflow-y: auto
}
.modal-confirm-2 {
    position: fixed;
    z-index: 999;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    overflow-y: auto
}
.modalContent-confirm {
    font-size: 20px;
    background-color: #F4F4F4;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 75%;
    border-radius: 3rem
}
.close-confirm {
    color: rgb(255, 65, 65);
    float: right;
    font-size: 40px;
    font-weight: bold
}
.close-modal {
    color: #333;
    margin: 0;
    padding: 0;
    position: relative;
    left: 48.5%;
    top: -20px;
    float: unset
}
.yemen-copywrite a {
    margin-left: 1rem
}
.confimation-check-icon {
    width: 100px
}
@media (min-width: 1600px) {
    .why-reserve-video {
        margin-top: 5rem
    }
    .our-doctors .owl-carousel .owl-item img {
        width: 150px;
        height: 150px
    }
    .h-100 {
        height: 100% !important
    }
    .register_form_container.landing_intro_form {
        width: 80% !important
    }
    /* .best-doctobrs-video {
    height: 80% !important;
  } */
    .landing-video-bestdoctor-img {
        height: 100%
    }
}
@media (max-width: 700px) {
    .testimonials-ourvideo .item {
        height: unset
    }
    .header-container h1 {
        font-size: 1.5rem;
        line-height: unset;
        text-align: center
    }
    .header-container h3 {
        text-align: center;
        font-size: 1.1rem;
        padding: 1rem 0
    }
    .landing-video-header-img {
        height: 171vh !important
    }
    .mt-minus-10 {
        margin-top: -1rem
    }
    .our-doctors .owl-carousel .owl-item img {
        width: 80% !important
    }
    .why-reserve-video .reserve-icons {
        margin: 1rem 0
    }
    .how-reserve-ourvideo h3 {
        margin-top: 2rem
    }
}
@media (max-width: 390px) {
    .best-doctobrs-video {
        height: 750px
    }
    .landing-video-bestdoctor-img {
        height: 123vh
    }
    .landing-video-header-img {
        height: 159vh !important
    }
    .best-doctobrs-video .best-doctobrs-video-heading {
        font-size: 1.5rem
    }
    .landing-video-bestdoctor-img {
        height: 100%
    }
    .how-reserve-ourvideo h3 {
        font-size: 1.5rem
    }
    .testimonials-ourvideo .testimonials-ourvideo-heading {
        font-size: 1.5rem
    }
    .f-01-sm {
        font-size: 1rem !important
    }
    .testimonials-ourvideo {
        height: 530px
    }
    .testimonials-ourvideo-img-bg {
        height: 100%
    }
    .yemen-copywrite {
        font-size: 0.7rem !important
    }
}
@media only screen and (min-width: 1367px) {
    .intro .owl-carousel .owl-item img {
        object-fit: cover
    }
}
@media only screen and (min-width: 1090px) and (max-width: 1250px) {
    .editProfile_page .top_profile_details .name_img span {
        bottom: 17.5rem
    }
    .header-logo {
        max-width: 16%
    }
}
@media only screen and (min-width: 1025px) {
    .playstore-mobile {
        /* display: none; */
        height: 10vh;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        background-color: #eee
    }
    .playstore-mobile h2 {
        padding-left: 8px
    }
    [dir='ltr'] .playstore-mobile h2 {
        padding-right: 5rem;
        padding-left: unset
    }
    header .logout_header_link a {
        background-color: transparent;
        border-bottom: 1px solid #eee;
        padding: 0.5rem;
        font-size: 1rem;
        width: 100%;
        text-align: center;
        color: #000
    }
    header .logedin_header_link a:last-of-type {
        border: none
    }
    header .logout_header_link a:hover {
        background-color: #eee
    }
    .notificationList_title {
        display: none
    }
    .intro {
        background-repeat: no-repeat;
        background-size: cover;
        margin-bottom: 0
    }
    header .logedin_header_link:hover ~ .logout_header_link {
        display: block !important;
        transition: all 300ms ease
    }
    .how_it_work .section_title {
        width: 76%;
        text-align: start;
        display: inline-block;
        padding-right: 3rem
    }
    .how_it_work .doctor_tab,
  .how_it_work .user_tab {
        padding: 0.6rem 2rem;
        border: 1px solid;
        border-radius: 58px;
        transition: all 200ms
    }
    .how_it_work_tabs .tab_item h2 {
        color: #fff !important
    }
    .how_it_work .doctor_tab:hover,
  .how_it_work .user_tab:hover {
        border: 1px solid;
        color: #176ba0;
        background-color: #767171;
        border-color: #767171;
        transition: all 200ms
    }
    .how_it_work .doctor_tab.active,
  .how_it_work .user_tab.active {
        border: 1px solid;
        color: #176ba0;
        background-color: #fff;
        border-color: #fff
    }
    .how_it_work_tabs .tab_item.active h2 {
        color: #176ba0 !important
    }
    .how_it_work .doctor_tab:hover .tab_item h2,
  .how_it_work .user_tab:hover .tab_item h2 {
        color: #176ba0 !important
    }
}
@media only screen and (max-width: 1024px) {
    .feature_item {
        padding: 1rem
    }
    .feature_item p {
        min-height: auto
    }
    .feature_item img {
        max-width: 44%
    }
    .intro .owl-carousel .owl-item img {
        object-fit: cover
    }
    .header-fixed {
        display: none
    }
    .advices_box_container .article_img_overlay .h2_hide {
        display: none
    }
    .advices_box_container.articles_box .article_img_overlay_p {
        display: none
    }
    .advices_box_container .article_img_overlay {
        top: 0;
        font-size: 13px;
        background-color: rgba(255, 255, 255, 0.51)
    }
    .playstore-mobile {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -ms-flex-pack: center;
            justify-content: center;
        padding: 1rem 0rem
    }
    .playstore-mobile h2 {
        padding-bottom: 1rem;
        width: 100%;
        text-align: center
    }
    .rotating-item {
        object-fit: contain;
        position: relative;
        height: auto
    }
    .how_it_work .section_title {
        width: 100%
    }
    .how_it_work_user,
  .how_it_work_doctor {
        -ms-flex-flow: column;
            flex-flow: column
    }
    .homepage .intro ul {
        display: none
    }
    .footer-links,
  .footer-contact,
  .footer-post {
        width: 100%
    }
    footer {
        -ms-flex-flow: column;
            flex-flow: column
    }
    .header-logo span {
        display: none
    }
    .intro .owl-controls .owl-dots {
        top: 88%
    }
    .intro .intro-slider {
        position: relative;
        border-radius: 0;
        left: 0 !important;
        right: 0 !important;
        bottom: 0;
        text-align: center;
        font-size: 0.8rem;
        width: 100% !important
    }
    .intro .owl-carousel .owl-item img {
        max-height: 187px;
        height: 100% !important
    }
    .how_it_work_step h2 {
        font-size: 1.2rem
    }
    .how_it_work_step {
        margin-bottom: 1rem
    }
    footer .articles_section_container .articles_box {
        width: 100%
    }
    .footer-contact,
  .footer-links {
        border-bottom: 2px solid #e8308a
    }
    .features .section_subtitle {
        width: 100%
    }
    .footer-post-heading {
        -ms-flex-flow: column;
            flex-flow: column;
        -ms-flex-positive: 1;
            flex-grow: 1
    }
    .header-social,
  .header-actions {
        display: none
    }
    .navbar .header-social {
        display: -ms-flexbox !important;
        display: flex !important
    }
    .header_hotline_mobile {}
    .hiddenLoader {
        height: auto
    }
    [dir='ltr'] header nav.navbar .login_header_link {
        line-height: 19px;
        padding-left: 3vw !important
    }
    [dir='ltr'] header .logout_header_link {
        left: auto;
        right: 5rem;
        width: 16rem;
        max-width: 100%
    }
    [dir='ltr'] header .profileLoader {
        float: left;
        margin-right: 10px;
        margin-left: 0rem
    }
    [dir='ltr'] .login_header_link a {
        display: block !important;
        width: 72% !important;
        float: left !important
    }
    [dir='ltr'] header .hello_span {
        float: left;
        width: 72%;
        text-align: left
    }
    .intro .intro_form_container {
        margin-bottom: 0px !important
    }
    #homePage .left_form.IsUser .form_btn_container {
        width: 50% !important
    }
    #homepage,
  footer {
        width: 100%
    }
    .hiddenLayer {
        display: none
    }
    header .main_nav_links a {
        line-height: 2rem !important
    }
    .noDegree_notify {
        padding: 11px 2rem
    }
    .noDegree_notify h2 {
        font-size: 1rem;
        line-height: 2.6rem
    }
    .payment_btn {
        position: relative;
        display: block;
        left: 0;
        display: inline-block !important;
        width: 49.61% !important
    }
    .profile_page .profileName {
        line-height: 8rem
    }
    .TextCenter {
        text-align: center
    }
    .blockDiv {
        display: inline-block;
        width: 100%;
        background-color: #f0f0f0
    }
    .qualificationImgContainer {
        max-height: 160px;
        margin: -1.5rem -1rem 1rem
    }
    .table_heading {
        display: none
    }
    .notificationList_title {
        display: inline-block;
        width: 100%;
        padding: 0.5rem
    }
    .notification_item a {
        padding: 0.5rem 0rem !important
    }
    #notification_list .link_back i {
        padding-right: 0.5rem;
        vertical-align: sub;
        padding: 0.6rem 0.3rem;
        float: left
    }
    #notification_list {
        padding: 0.5rem;
        position: fixed;
        top: 0;
        left: -100%;
        right: auto;
        bottom: 0;
        width: 320px !important;
        max-width: 100% !important;
        z-index: 99999999999;
        overflow: hidden;
        box-shadow: 0px 2px 4px #333;
        height: 100% !important;
        transition: all 200ms;
        display: inline !important;
        max-height: 100% !important;
        height: 100% !important
    }
    .show_notification #notification_list {
        transition: all 200ms;
        left: 0
    }
    .notification a.link_back {
        border-bottom: 1px solid #eee
    }
    .notification a i {
        padding: 1rem
    }
    .notification {
        padding-left: 0rem !important;
        padding-bottom: 0rem !important
    }
    header nav.navbar .login_header_link {
        position: absolute;
        top: 1rem;
        left: 0;
        text-align: end;
        display: inline-block;
        padding: 0.3rem;
        width: auto;
        border-bottom: none
    }
    .logout_header_link.show {
        padding: 0.5rem 2rem !important
    }
    header .hello_span {
        font-size: 1rem !important;
        float: right
    }
    header nav.navbar li a {
        font-size: 1rem;
        display: block;
        text-align: start
    }
    .highlight-language {
        margin-top: auto !important
    }
    header .logout_header_link {
        position: relative !important;
        top: 0 !important;
        border: none;
        width: 100% !important;
        box-shadow: none !important;
        left: 0 !important;
        background-color: #0c73c0 !important;
        display: inline-block !important;
        border-bottom: 1px solid #eeeeee0f !important;
        right: 0
    }
    .logedin_header_link.link_back {
        padding: 0.5rem !important;
        display: none !important
    }
    .logout_header_link {
        display: none !important
    }
    .logout_header_link.show,
  .logedin_header_link.link_back.show {
        display: block !important
    }
    .visits_section .show_msg,
  .show_details {
        margin: auto;
        float: none !important;
        height: auto;
        display: block;
        clear: both;
        background-color: #eee;
        padding: 0rem;
        margin-bottom: 0.3rem
    }
    .grouped_elements {
        height: auto
    }
    .payments_section .section_body {
        text-align: center
    }
    .payment_details {
        padding: 0.5rem 0rem
    }
    .payment_month {
        padding: 0.5rem 0rem
    }
    .articles_box_container {
        padding: 0rem 2rem
    }
    .paymentDetails .payment_summary {
        padding: 1rem 2rem
    }
    .paymentDetails .visit_details,
  .paymentDetails .person_name {
        padding: 0.5rem 0rem
    }
    .paymentDetails .payment_price {
        text-align: center
    }
    .sitemap-inner-container {
        padding: 1rem
    }
    .help .help_questions_inner_container {
        padding: 1rem 3rem
    }
    #homePage .intro .intro_heading_right {
        padding-top: 7%
    }
    #homePage .intro .intro_mobile_div {
        overflow: hidden;
        width: 44%;
        height: auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: inherit;
            flex: inherit;
        float: left
    }
    #homePage .intro .intro_mobile_div img {
        object-fit: cover;
        height: 100%
    }
    #homePage .intro .app_icons_group {
        display: none
    }
    #homePage .intro_heading {
        width: 56% !important;
        display: inline-block
    }
    #homePage .intro .headign_h1 {
        padding-bottom: 1.2rem
    }
    .tabletGrid {
        display: -ms-flexbox;
        display: flex;
        max-height: 252px;
        direction: ltr
    }
    .intro .intro_mobile_div img {
        height: auto;
        width: 100%
    }
    .editProfile_page #bottom_profile,
  #top_profile,
  #certificates_profile,
  #experience_profile,
  #specializedIn_profile,
  .editProfile_page #top_profile {
        padding: 0 2rem
    }
    .social-media li {
        width: 25% !important
    }
    header .navbar {
        position: fixed;
        display: inline-block !important;
        top: 0;
        left: -320px;
        right: auto;
        bottom: 0;
        width: 320px !important;
        max-width: 100% !important;
        background-color: #0c73c0;
        color: #fff;
        overflow: hidden;
        box-shadow: 0px 2px 4px #333
    }
    .nav_inner_container {
        display: inline-block
    }
    .hello_span {
        font-size: 1rem !important
    }
    header .toogle_navbar_icon {
        display: inline-block !important;
        float: left;
        color: #3366ff;
        padding: 0.5rem;
        font-size: 2rem;
        border-radius: 5px;
        margin-top: 0px;
        cursor: pointer;
        padding-left: 1rem;
        margin-right: 10%
        /* margin-right: auto; */
    }
    [dir='ltr'] header .toogle_navbar_icon {
        margin-left: 0;
        margin-right: auto
    }
    header .toogle_navbar_icon:hover {
        color: #e8308a;
        background-color: #fff;
        transition: all 200ms ease
    }
    header .navbar {
        padding: 1rem 0rem;
        transition: all 200ms
    }
    header .navbar.openNav {
        left: 0;
        z-index: 99999999999
    }
    .notification_item i {
        line-height: 2rem
    }
    header .link_back {
        display: block !important;
        float: left;
        text-align: end;
        cursor: pointer
    }
    header .link_back i {
        padding-right: 0.5rem;
        vertical-align: middle
    }
    header .navbar .link_with_border {
        border-bottom: none
    }
    header nav.navbar li {
        display: block;
        padding: 0.2rem 2rem !important;
        float: left;
        width: 100%;
        border-bottom: 1px solid rgba(238, 238, 238, 0.05)
    }
    header .navbar li.link_back {
        background: #0c73c0;
        display: inline-block !important;
        float: right;
        width: auto;
        padding: 0.5rem 1rem
    }
    header .navbar .link_with_border a {
        text-align: center
    }
    .intro {
        padding-top: 0rem !important;
        background-color: #fff
    }
    .intro-slider h1 {
        padding: 0rem 2rem;
        color: #478e9e;
        font-size: 1.2em
    }
    header .header_hotline_mobile {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        line-height: inherit;
        top: 100%;
        text-align: center;
        border-radius: 0;
        margin: auto !important;
        display: block;
        background-color: #f39;
        color: #fff;
        font-size: 1.2rem;
        padding: 1.1rem 0rem
    }
    .intro .intro_form_container {
        right: 0% !important;
        left: 0% !important
    }
    .intro .intro_heading {
        position: relative;
        padding: 0rem !important
    }
    .intro .headign_h1 {
        font-size: 2.4rem;
        text-align: center
    }
    .intro .headign_h1 span {
        font-size: 1.1rem;
        width: 100%;
        text-align: center
    }
    .intro .intro_button_group .intro_button {
        font-size: 0.8rem !important
    }
    .intro .heading_inner_container {
        width: 100% !important;
        float: none;
        margin: auto;
        float: none;
        display: block
    }
    .intro .intro_heading_right {
        width: 100% !important;
        padding: 1rem
    }
    .intro .app_icons_group {
        width: 100%;
        left: 0;
        right: 0;
        background-color: #81a3ca;
        padding: 0.5rem 1rem;
        margin: auto;
        display: block;
        float: none;
        position: relative;
        padding-bottom: 1.5rem
    }
    .testimo_box_container .owl-next,
  .articles_box_container .owl-next {
        top: -53px;
        right: 2%
    }
    .testimo_box_container .owl-prev,
  .articles_box_container .owl-prev {
        top: -53px;
        left: 2%
    }
    .intro_button_group {
        margin: auto;
        text-align: center
    }
    .register_form_container {
        border-radius: 0px
    }
    .login_form,
  .resetPassword_form,
  .register_form,
  .newPassword_form {
        width: 95%
    }
    .login_page .app_icons_group,
  .resetPassword_page .app_icons_group,
  .register_page .app_icons_group {
        float: right;
        width: 100%
    }
    .loginPage .intro,
  .contact_us_page .intro {
        background-image: none !important
    }
    .login_page .links,
  .resetPassword_page .links,
  .register_page .links {
        width: 100%
    }
    .login_page .links a,
  .resetPassword_page .links a,
  .register_page .links a {
        text-align: start
    }
    .newPassword_page {
        padding-bottom: 1rem
    }
    .resetSuccess_page {
        padding-bottom: 5rem
    }
    .how_it_work_section,
  .testimonial_section_container {
        padding: 5rem 2rem
    }
    .genericPage .end_article_details p {
        font-size: 1rem
    }
    .forgetPassPage .intro {
        height: initial !important
    }
    .forgetPassPage .submit-btn {
        width: 100%
    }
    .forgetPassPage .backToRegister {
        display: block;
        text-align: center
    }
    footer .social_media_footer li {
        display: inline-block;
        font-size: 1.3rem;
        padding: 1rem 0.3rem;
        margin: auto;
        float: none;
        text-align: center
    }
    footer .social_media_footer ul {
        width: 100%;
        text-align: center
    }
    footer .important_links ul {
        padding-top: 0.5rem;
        width: 100%;
        margin: auto;
        float: none;
        display: block;
        text-align: center
    }
    footer .important_links ul li {
        display: inline-block;
        padding: 1rem 0.5rem;
        margin: auto;
        float: none;
        text-align: center;
        font-size: 1rem
    }
    /* EDIT PROFILE */
    .editProfile_page .name_img span {
        bottom: 18rem;
        right: 7rem !important
    }
    .editProfile_page .address_phone h5 {
        line-height: 3.5rem
    }
    .editProfile_page .profil_links a {
        text-align: center;
        padding: 1rem 0.2rem
    }
    .editProfile_page #bottom_profile {
        padding: 0 0.5rem
    }
    /* END OF EDIT PROFILE */
    .profile_page .row a {
        font-size: 1.1rem;
        text-align: center;
        display: block;
        background-color: #eee;
        margin-top: 0.5rem;
        margin: auto;
        float: none
    }
    .error_404 .error_details h2 {
        font-size: 1rem
    }
    .error_404 .error_details {
        padding: 0rem
    }
    .error_404 .error_details h1 {
        font-size: 2rem !important
    }
    .blogListing .section_title {
        padding: 0.5rem !important
    }
    .visit_msg a,
  .show_msg a {
        background-color: transparent !important
    }
    header .logo {
        max-width: 50%;
        padding-top: 16px
    }
    .basic_details label {
        font-size: 0.8rem !important;
        padding: 0.3rem 0rem
    }
    .editProfile_page .intl-tel-input {
        margin: 0rem !important
    }
    .editProfile_page input,
  .editProfile_page select,
  .editProfile_page textarea {
        margin: 0px !important
    }
    .details_text {
        max-width: 49%
    }
    .editProfile_page label {
        font-size: 0.9rem
    }
    #showAddQualificationButton,
  #showAddExperienceButton,
  #showAddSpecialized {
        margin-top: 0rem
    }
    #qualification_form.show,
  #experiences_form.show,
  #specialized_form.show,
  .experienceEditDiv.show,
  .qualificationEditDiv.show {
        padding: 3rem !important;
        overflow: scroll;
        height: 100%
    }
    #centeredPath {
        width: 90% !important;
        transform: scaleX(0.98) translateX(14px) !important
    }
    .how_it_work_tabs .tab_item.active h2 {
        color: #fff !important
    }
    .how_it_works_page .how_it_work {
        padding: 3rem 0rem
    }
    .artcle_title {
        font-size: 1rem
    }
    .how_it_work_doctor .inner_container {
        padding-top: 0rem
    }
    .svg_container {
        position: relative;
        z-index: 9999;
        width: 100%;
        margin: auto;
        overflow: hidden;
        float: none !important;
        left: 0 !important;
        right: 0 !important;
        display: block;
        opacity: 1 !important
    }
    .how_it_work .circle_overlay {
        position: relative;
        width: 100%;
        max-height: 252px;
        display: block;
        float: none;
        left: 0;
        right: 0;
        top: 0
    }
    .how_it_work_doctor #svgCONTAIN_docto {
        height: auto;
        width: 100%;
        position: relative
    }
    .mobile_frame {
        display: none
    }
    .how_it_work .section_title {
        padding: 0rem
    }
    .tab_item {
        padding: 0.5rem 2rem !important
    }
    .step_title {
        width: 95%;
        position: relative;
        bottom: auto;
        margin: auto;
        float: none !important;
        display: block;
        padding: 0rem !important
    }
    .step_title h4 {
        color: #fff;
        max-width: 100%;
        text-align: center
    }
    .step_title h2 {
        padding: 1rem 0rem;
        font-size: 1.5rem;
        text-align: center
    }
    .steps_bullet {
        margin: auto;
        float: none;
        display: block;
        width: 100%;
        text-align: center;
        padding: 0.5rem !important
    }
    nav .logedin_header_link.desktop_login_link {
        display: -ms-flexbox !important;
        display: flex !important
    }
    .how_it_work_user .prev_step,
  .how_it_work_doctor .prev_step {
        top: 21%;
        right: 4%
    }
    .how_it_work_user .next_step,
  .how_it_work_doctor .next_step {
        top: 21%;
        left: 4%
    }
    .how_it_work_user .inner_container,
  .how_it_work_doctor .inner_container {
        padding-top: 0rem
    }
    .how_it_work svg {
        transform: scale(1.3) translateX(-39px);
        -webkit-transform: scale(1.3) translateX(-39px);
        -ms-transform: scale(1.3) translateX(-39px)
    }
    .how_it_work .app_icons_group {
        max-width: 70%;
        text-align: center;
        margin: auto
    }
    .visit-details_page .main_inner_container {
        padding: 0rem 4rem
    }
    .msg_history .visit_details_header {
        padding: 0rem 2rem
    }
    .msg_history_body .inner_container {
        padding: 0rem 3rem;
        padding-bottom: 3rem
    }
    header .doctor_profile_link {
        display: inline-block !important;
        text-align: start !important;
        float: right !important
    }
    .top_profile_details .profileLoader {
        margin: auto
    }
    .top_profile_details .address_phone h5 {
        line-height: 3rem
    }
    .intro .app_button_container {
        width: 42%;
        margin: auto
    }
    header .navbar .logedin_header_link.link_back {
        display: none !important
    }
    .logedin_header_link.desktop_login_link {
        position: relative !important;
        width: 100% !important;
        margin: auto !important;
        padding-left: 3rem !important;
        display: none
    }
    footer .copy_rights h4 {
        text-align: center
    }
    .footer-post-heading {
        padding: 1rem
    }
    .footer-post-heading h2 {
        font-size: 1rem
    }
}
@media (max-width: 768px) {
    .header-left {
        margin-left: 0rem;
        margin-right: auto
    }
    .header-left span {
        font-size: 0.8rem
    }
    .header-right {
        -ms-flex-flow: column;
            flex-flow: column;
        -ms-flex-pack: stretch;
            justify-content: stretch;
        -ms-flex-align: end;
            align-items: end
    }
    .landing-intro-cont {
        -ms-flex-flow: column;
            flex-flow: column
    }
    .register_form_container.landing_intro_form {
        width: 100%;
        -ms-flex-order: 2;
            order: 2
    }
    .landing-intro-content {
        width: 100%;
        margin-top: 1rem;
        text-align: center;
        -ms-flex-order: 1;
            order: 1
    }
    .landing-intro-content h1 {
        font-size: 2rem;
        line-height: 3.5rem
    }
    .landing-intro-content h1 span {
        font-size: inherit
    }
    .landing-intro-content p {
        font-size: 1.5rem;
        line-height: 2.5rem;
        margin-top: 1rem
    }
    .landing-whyOt {
        padding: 0
    }
    .landing-whyOt h2 {
        font-size: 2rem;
        margin: 2rem 0
    }
    .landing-whyot-grid {
        -ms-flex-flow: column;
            flex-flow: column
    }
    .whyot-item {
        width: 100%;
        margin-bottom: 2rem
    }
    .whyot-item p {
        width: 100%;
        margin: auto;
        font-size: 1.3rem;
        line-height: 2rem
    }
    .landing-footer {
        font-size: 1rem
    }
    .ourdoctor-main.landing-doctors h2.section_title {
        font-size: 2rem !important
    }
    .webview[dir='ltr'] .contact_us_page .title {
        text-align: right
    }
    .row .visit_start_time {
        position: relative;
        top: 0;
        padding: 0rem;
        padding-top: 52px;
        padding-right: 7px
    }
    .home-medical-form {
        padding: 0;
        border: none !important;
        border-radius: 0 !important;
        margin: 0
    }
    .home-medical-form .bg-img {
        display: none
    }
    .home-medical-form .contact_form_header {
        width: 100%;
        font-size: 1.5rem;
        color: #000 !important
    }
    .home-medical-form .form_container {
        width: 100% !important;
        border-radius: 0 !important
    }
    .visit-details_page .visit_start_time {
        display: block !important;
        padding: 0rem !important
    }
    .features {
        padding: 1rem
    }
    .intro-slider h2 {
        padding: 0rem 2rem;
        font-size: 1rem
    }
    .features .section_title {
        padding: 0rem
    }
    .feature {
        padding: 1rem 0rem
    }
    .feature_item span {
        font-size: 2.5rem;
        width: 73px;
        height: 73px
    }
    .feature_item span i {
        line-height: 4.5rem
    }
    .feature_item h2 {
        font-size: 1rem;
        padding: 1rem 0rem
    }
    .noDegree_notify h2 {
        width: 100%;
        display: block;
        text-align: center;
        float: none
    }
    .noDegree_notify a {
        display: inherit;
        text-align: center;
        margin: auto;
        float: none;
        width: 87%
    }
    header .filled:after {
        content: none;
        display: none
    }
    .paymentTable:first-of-type {
        margin-top: 0rem
    }
    .profile_page .profileName {
        line-height: 4.5rem
    }
    .specialized_details {
        padding: 1rem 0rem
    }
    .tabletGrid {
        max-height: 341px
    }
    .specialityName .remove span {
        padding-top: 5px !important
    }
    .table_row_container {
        padding: 0
    }
    .table_row {
        display: block;
        margin: auto;
        float: none !important
    }
    .hiddenTitle {
        display: block;
        font-size: 1.4rem !important;
        color: #fff;
        padding: 0.5rem
    }
    .paymentTable_heading {
        display: none
    }
    .paymentTable_container h3 {
        font-size: 1rem;
        padding: 0.3rem 0.1rem
    }
    .chatImg {
        width: 40px;
        height: 40px
    }
    .user_msg .msg_container,
  .doctor_msg .msg_container {
        max-width: 82%
    }
    .msg_container:after {
        top: 15% !important
    }
    .payment_btn {
        width: 100% !important;
        margin: 10px 0rem !important
    }
    .hiddenLabel {
        display: inline
    }
    .blockDiv {
        background-color: transparent !important
    }
    .actions {
        padding: 0px !important
    }
    .details .remove span,
  .details .add span {
        margin: 0px 15px
    }
    .table_row .notification_item h3 {
        width: 100%;
        text-align: center;
        line-height: initial
    }
    .table_row .notification_item i {
        line-height: inherit;
        vertical-align: middle;
        float: none
    }
    .blockDiv .table_row {
        display: inline-block !important;
        float: right !important;
        margin: 0 !important
    }
    .blockDiv .table_row:last-of-type {
        padding: 10px !important;
        background-color: #eee
    }
    #notification_list {
        width: 100% !important
    }
    .step_title {
        padding-top: 3rem !important
    }
    .top_profile_details .name_img i {
        right: 13rem
    }
    .articles_section_container .articles_box {
        padding: 2rem 0rem 1rem 0rem
    }
    .how_it_work_user .prev_step,
  .how_it_work_doctor .prev_step {
        margin: 0.5rem 0rem;
        width: 45%;
        display: inline-block;
        float: right;
        display: inline-block;
        position: relative;
        border-radius: 35px;
        right: 2%;
        height: 39px
    }
    .how_it_work_user .next_step,
  .how_it_work_doctor .next_step {
        margin: 0.5rem 0rem;
        position: relative;
        display: inline-block;
        float: left;
        width: 45%;
        left: 2%;
        border-radius: 35px;
        height: 39px
    }
    .next_step i,
  .prev_step i {
        line-height: 2.5rem;
        font-size: 0.8rem
    }
    .profile_link {
        padding: 0.5rem 1rem;
        float: none;
        text-align: center;
        width: 45%
    }
    span.profile_link {
        margin-top: 10px;
        width: 94%
    }
    .header_inner_container {
        padding: 0rem 0.5rem
    }
    #qualification_form.show,
  #experiences_form.show,
  #specialized_form.show,
  .experienceEditDiv.show,
  .qualificationEditDiv.show {
        padding: 1rem !important;
        overflow: scroll;
        height: 100%
    }
    .modal_title {
        font-size: 1.3rem !important
    }
    .paymentDetails.profile_page .visit_details {
        text-align: center;
        display: block;
        margin: auto;
        float: none
    }
    .paymentDetails .person_name {
        padding: 0rem;
        display: block
    }
    .paymentDetails .payment_summary {
        padding: 1rem
    }
    .paymentDetails .payment_summary .inner_container h2 {
        font-size: 1rem
    }
    .has-children li {
        padding: 0.2rem 0rem
    }
    .cd-accordion-menu label,
  .cd-accordion-menu a {
        font-size: 0.9rem
    }
    .help .help_questions_inner_container {
        padding: 1rem
    }
    header {
        background-color: rgba(255, 255, 255, 1);
        box-shadow: none;
        padding: 0rem
    }
    .intro .intro_button_group .intro_button {
        padding: 0.5rem;
        font-size: 0.9rem
    }
    .testimo_box_container .owl-next {
        top: 24%;
        right: 0%
    }
    .testimo_box_container .owl-prev {
        top: 24%;
        left: 0%
    }
    .header-contact {
        font-size: 1rem
    }
    .how_it_work_section,
  .testimonial_section_container,
  .articles_section_container {
        padding: 1rem !important
    }
    .blogListing .articles_section_container .articles_box {
        width: 100%
    }
    header .toogle_navbar_icon {
        font-size: 1.5rem;
        -ms-flex-order: 3;
            order: 3
    }
    [dir='rtl'] header .toogle_navbar_icon {
        -ms-flex-order: 3;
            order: 3
    }
    [dir='rtl'] .header-logo {
        -ms-flex-order: 1;
            order: 1
    }
    [dir='rtl'] .header-contact {
        -ms-flex-order: 2;
            order: 2
    }
    .articles_box_container {
        padding: 0rem
    }
    .section_title {
        padding: 1rem 0rem;
        font-size: 1.3rem !important
    }
    .testimo_box_container .owl-prev,
  .articles_box_container .owl-prev,
  .testimo_box_container .owl-next,
  .articles_box_container .owl-next {
        top: -23px
    }
    .articles_section_container .section_title {
        padding: 1rem 0rem 2rem 1rem
    }
    .login_form,
  .resetPassword_form,
  .register_form,
  .newPassword_form {
        width: 95%
    }
    .login_page,
  .resetPassword_page,
  .register_page {
        padding: 1rem
    }
    .login_page .title,
  .resetPassword_page .title,
  .register_page .title {
        font-size: 1.2rem
    }
    .login_page .links a,
  .resetPassword_page .links a,
  .register_page .links a {
        width: 100%;
        padding: 0.5rem 1rem;
        text-align: start
    }
    .login_page .links,
  .resetPassword_page .links,
  .register_page .links {
        width: 100%;
        padding: 0
    }
    .login_page .app_icons_group,
  .resetPassword_page .app_icons_group,
  .register_page .app_icons_group {
        padding: 0
    }
    .login_page .app_icons_group,
  .resetPassword_page .app_icons_group,
  .register_page .app_icons_group {
        width: 100%
    }
    .login_page .app_icons_group img,
  .register_page .app_icons_group img,
  .resetPassword_page .app_icons_group img {
        width: 100%
    }
    .resetSuccess_page h1 {
        font-size: 1.2rem
    }
    .resetSuccess_page h3 {
        font-size: 1rem
    }
    .help .common_questions .grid {
        padding: 0.5rem 0.1rem
    }
    .help .question_mark_icon {
        padding: 0.5rem 0rem;
        max-width: 10%
    }
    .help .question_mark_icon i {
        font-size: 1.2rem;
        padding: 0.2rem 0.4rem
    }
    .help .question {
        padding: 0rem 0.5rem;
        max-width: 90%;
        font-size: 0.8rem
    }
    .help .answer_container {
        font-size: 0.8rem
    }
    .error_404 .error_details {
        padding-top: 0%
    }
    .error_404 .error_details h2 {
        font-size: 1.2rem
    }
    .genericPage .article_title h1 {
        font-size: 1.4rem;
        padding: 0.5rem
    }
    /* EDIT PROFILE */
    #top_profile .name_img span {
        bottom: 19.5rem;
        right: 6rem;
        width: 30px;
        height: 30px
    }
    .editProfile_page .top_profile_details .name_img label a {
        display: inline-block !important;
        top: 17.9rem;
        position: absolute;
        right: 14rem;
        font-size: 0.8rem;
        font-weight: 600
    }
    .editProfile_page #top_profile .name_img span {
        bottom: 17.5rem;
        right: 6rem !important;
        width: 30px;
        height: 30px
    }
    #top_profile .name_img i {
        font-size: 1rem
    }
    #top_profile .name_img h4 {
        font-size: 1rem;
        line-height: 2rem !important;
        padding: 0.5rem 0rem !important
    }
    #top_profile .name_img h5 {
        font-size: 0.8rem;
        line-height: 2rem !important
    }
    #top_profile .address_phone h5 {
        font-size: 1rem;
        line-height: 3rem;
        float: right;
        color: #7e7e7e
    }
    .paymentDetails .profile_payments {
        margin-bottom: 0.5rem
    }
    .profile_page #top_profile {
        width: 91%
    }
    .editProfile_page #bottom_profile,
  #top_profile,
  #certificates_profile,
  #experience_profile,
  #specializedIn_profile,
  .editProfile_page #top_profile {
        padding: 0 0.5rem;
        margin-top: 1rem;
        margin: 0 auto !important;
        width: 100% !important
    }
    .editProfile_page #bottom_profile .title_btn,
  .editProfile_page #bottom_profile .accordion {
        padding: 1rem
    }
    .editProfile_page #bottom_profile .save_edits {
        margin-top: 0.3rem
    }
    .editProfile_page .profil_links a {
        text-align: start;
        padding: 0.5rem
    }
    /* END OF EDIT PROFILE */
    .profile_page .row h2 {
        font-size: 1rem;
        text-align: center
    }
    .profile_page .row .person_name {
        padding-right: 0.2rem
    }
    .profile_page .row a {
        font-size: 1.1rem;
        text-align: center;
        display: block;
        background-color: #eee
    }
    .profile_page .section_header_title {
        font-size: 1rem
    }
    .no_data_container {
        font-size: 1rem
    }
    .profile_page .section_header_link {
        font-size: 0.8rem
    }
    .profile_page .show_msg {
        padding: 0.1rem 0rem;
        text-align: center
    }
    .profile_page .visit_details {
        padding: 0.1rem 0rem;
        text-align: center
    }
    .profile_visits,
  .profile_payments,
  .profile_reviews {
        width: 95%
    }
    #top_profile .title,
  #certificates_profile .certificates_header .title,
  #experience_profile .experience_header .title,
  #specializedIn_profile .specializedIn_header .title {
        font-size: 1.4rem;
        padding: 0.6rem 0;
        text-align: center
    }
    .editProfile_page #specializedIn_profile .save_cancel {
        padding: 1rem 0rem
    }
    .imageHolder .removeAttachment {
        top: 2.4rem;
        right: 0;
        padding: 0.2rem
    }
    .details {
        padding: 1rem
    }
    .experience_title,
  .editProfile_page .qulaification_name,
  #specializedIn_profile .experience_details .details h4,
  .qualificationName {
        font-size: 1.1rem
    }
    .specialized_details .details {
        padding: 0rem !important
    }
    .editProfile_page .person_img_container {
        display: block;
        float: none
    }
    .details .remove span {
        font-size: 1rem !important;
        padding: 0.5rem !important
    }
    #experience_profile .experience_details .add span i,
  #certificates_profile .certificates_details .add span i,
  .specialityName {
        font-size: 0.8rem !important
    }
    .details_inner_container h3 {
        font-size: 1rem
    }
    .editProfile_page label {
        padding: 0.2rem 0rem
    }
    .imageHolder {
        width: auto !important;
        height: auto !important
    }
    .imageHolder img {
        max-width: 54px;
        max-height: 55px
    }
    .top_profile_details .name_img {
        width: 100%;
        margin: auto
    }
    .top_profile_details .name_img img {
        width: 60px;
        height: 60px;
        margin: auto;
        display: block;
        float: none
    }
    #showAddQualificationButton,
  #showAddExperienceButton,
  #showAddSpecialized {
        padding: 0.4rem 0.5rem !important;
        font-size: 0.8rem;
        margin-top: 8px
    }
    .profile_page .edit_profile_link {
        font-size: 0.7rem;
        padding: 0.5rem
    }
    .visits_section .visit_msg {
        margin: auto;
        float: none !important;
        height: auto;
        display: block;
        clear: both;
        background-color: #eee;
        padding: 0rem;
        margin-bottom: 0.3rem
    }
    .genericPage .img_container {
        max-height: 231px
    }
    .profile_page .profile_header_container {
        padding: 0rem 0.5rem
    }
    .visit_msg {
        padding: 0.6rem 0rem;
        text-align: center
    }
    .person_img_container {
        width: 62px;
        height: 62px;
        border-radius: 50px
    }
    .person_details {
        margin: auto;
        display: block;
        float: none !important;
        width: 100% !important
    }
    .show_msg a {
        width: 100% !important
    }
    .visit-details_page .main_inner_container {
        padding: 0rem 2rem
    }
    .download_perscription a {
        font-size: 1rem
    }
    .download_perscription a i {
        margin-top: 6px
    }
    .user_msg .msg_container,
  .doctor_msg .msg_container {
        padding: 0.5rem
    }
    .user_msg,
  .doctor_msg {
        font-size: 0.9rem
    }
    .msg_history_body .download_perscription a {
        max-width: 194px;
        font-size: 1rem;
        padding: 0.1rem
    }
    .visit_user_details h2,
  .brief_item h3 {
        font-size: 1.1rem
    }
    .visit_user_details h2 span,
  .brief_item h2 {
        font-size: 1rem;
        padding-left: 0.5rem
    }
    .visit-details_page .visit_msg {
        padding: 1.2rem 0rem
    }
    .person_name h2 {
        font-size: 1.3rem
    }
    .testimo_box .testo_details {
        text-align: center
    }
    .intro .headign_h1 span {
        width: 100%
    }
    .how_it_work .app_icons_group .soon_app_title {
        font-size: 0.8rem
    }
    .how_it_work .app_icons_group {
        width: 100%
    }
    footer .important_links ul {
        width: 100%
    }
    footer .important_links ul li {
        width: 100%;
        float: none;
        margin: auto;
        display: block;
        padding: 0.1rem 0rem;
        border: none
    }
    footer .social_media_footer ul {
        float: none
    }
    .how_it_work_user .prev_step,
  .how_it_work_doctor .prev_step,
  .how_it_work_user .next_step,
  .how_it_work_doctor .next_step {
        border-color: #fff;
        background-color: #fff;
        color: #000
    }
    .how_it_work_user .prev_step:hover,
  .how_it_work_doctor .prev_step:hover,
  .how_it_work_user .next_step:hover,
  .how_it_work_doctor .next_step:hover {
        border-color: #fff;
        background-color: #fff;
        color: #000
    }
    .msg_history_body .inner_container {
        padding: 0rem 1rem;
        padding-bottom: 1rem
    }
    .visit_details {
        font-size: 0.8rem
    }
    .intro .app_button_container {
        width: 90%
    }
    .details_text {
        width: 100%;
        max-width: 100%
    }
    .imgs_row {
        max-width: 100% !important;
        width: 100%
    }
    .details_inner_container .img_container {
        width: 100px;
        height: 100px;
        padding: 0.2rem !important
    }
    .sitemap-inner-container {
        padding: 1rem 0.5rem
    }
    .resetPassword_btn input {
        margin: auto;
        float: none;
        display: block
    }
    .backToRegister {
        position: relative;
        width: 100%;
        float: none
    }
    .genericPage .inner_container {
        padding-bottom: 0rem
    }
    .genericPage .end_article_details {
        padding: 1.3rem
    }
    .artcle_title {
        font-size: 1rem;
        max-height: 37px
    }
    .article_details p {
        max-height: 74px;
        font-size: 0.8rem
    }
    .step_title h4 {
        font-size: 0.8rem
    }
    .contact_us_title {
        text-align: start;
        padding: 0rem
    }
    .submit-btn {
        margin: auto;
        float: none
    }
    .how_it_works_page .how_it_work {
        padding: 1.5rem 0rem
    }
    .help .common_questions {
        padding: 0rem
    }
    .breadCrumbs {
        display: none
    }
    header .logo {
        padding-top: 22px
    }
    .notification_general {
        font-size: 13px;
        text-align: center;
        width: 85%;
        padding-right: 17px
    }
    .profile_notifiacation span {
        font-size: 1.3rem
    }
    .notification_general a {
        width: 100%;
        display: block;
        text-align: center
    }
    #homePage .left_form.IsUser .form_btn_container {
        width: 100% !important
    }
    .homepage .intro .slider-words {
        font-size: 1rem
    }
    .header-contact .hotline {
        background: #fff
    }
}
@media (max-width: 350px) {
    .editProfile_page #bottom_profile .save_edits {
        margin-top: 0rem
    }
    #bottom_profile h2 {
        font-size: 1rem
    }
    .resetSuccess_page h1 {
        padding: 2rem 0;
        padding-bottom: 1rem
    }
    .login_form form .fb_btn a i {
        font-size: 1.8rem;
        height: 2.5rem
    }
    .login_form form .fb_btn a {
        font-size: 0.8rem
    }
    .register_form form .fb_btn a i {
        width: 2rem;
        height: 2.3rem;
        font-size: 1.5rem;
        line-height: 2.5rem
    }
    .register_form form .fb_btn a {
        font-size: 0.7rem
    }
    #homePage .intro .headign_h1 {
        font-size: 9vw
    }
}
@media print {
    * , h2 , h3 {
        color: #000
    }
    body {
        border: 2px solid #000
    }
    .breadCrumbs  , footer , .printPayment , .paymentTable_heading , .navbar , .notification {
        display: none !important
    }
    header .logo {
        width: 335px;
        max-width: 100%
    }
    .paymentTable_row {
        padding: 0.5rem;
        border-bottom: 1px solid #000
    }
    .hiddenLabel {
        display: inline
    }
    .hiddenTitle {
        display: block;
        color: #000;
        font-size: 1.7rem !important;
        text-align: center;
        text-decoration: underline
    }
    .payment_mainContainer {
        display: block
    }
    header {
        height: auto;
        max-width: 99%
    }
    .profile_page {
        padding-top: 7rem
    }
    .visit_msg {
        display: none
    }
}
[dir='ltr'] .intro .intro_form_container {
    right: auto;
    left: 3%;
    float: left
}
[dir='ltr'] .notification_general h3 span {
    position: static;
    padding: 0 1rem;
    float: none
}
[dir='ltr'] .table_row .notification_item i,
[dir='ltr'] .notification_general a,
[dir='ltr'] header .toogle_navbar_icon,
[dir='ltr'] .intro .heading_inner_container {
    float: right
}
[dir='ltr'] .home-medical-form form select {
    background-position: right !important
}
[dir='ltr'] .intro .app_icons_group {
    float: right;
    left: auto;
    right: 2%
}
[dir='ltr'] footer .important_links ul li:last-child {
    border-right: none !important
}
[dir='ltr'] .payment_month,
[dir='ltr'] .payment_details {
    float: left !important
}
[dir='ltr'] .inline_title.title {
    float: left !important
}
[dir='ltr'] header .header_hotline i {
    padding-right: 1rem;
    padding-left: 0;
    transform: scaleX(1)
}
[dir='ltr'] .visits_section .person_details,
[dir='ltr'] .visits_section .person_img_container,
[dir='ltr'] .visits_section .visit_details,
[dir='ltr'] .visit_details_header .person_img_container {
    float: left !important
}
[dir='ltr'] .register_form_container #agree {
    float: left;
    padding-left: 0;
    margin-left: 0;
    padding-right: 0.5rem;
    margin-right: 0.5rem
}
[dir='ltr'] .noDegree_notify h2,
[dir='ltr'] .top_profile_details .address_phone h5,
[dir='ltr'] header .logo {
    float: left
}
[dir='ltr'] header .arrow_header img {
    margin: 0 0.5rem
}
[dir='ltr'] .notification,
[dir='ltr'] header nav.navbar .login_header_link,
[dir='ltr'] #showAddQualificationButton,
[dir='ltr'] #showAddExperienceButton,
[dir='ltr'] #showAddSpecialized,
[dir='ltr'] #cancelQualificationAddForm,
[dir='ltr'] #cancelExperienceEditButton,
[dir='ltr'] #cancelSpecializedAdd,
[dir='ltr'] .cancelSpecializedEdit,
[dir='ltr'] #cancelExperienceAddForm,
[dir='ltr'] #certificates_profile .certificates_header .add_certificate,
[dir='ltr'] #experience_profile .experience_header .add_experience,
[dir='ltr'] #specializedIn_profile .specializedIn_header .add_specializedIn,
[dir='ltr'] header nav.navbar .link_with_border,
[dir='ltr'] header nav.navbar {
    float: right
}
[dir='ltr'] .logedin_header_link {
    padding-right: 0vw !important;
    padding-left: 3vw !important
}
[dir='ltr'] header .logout_header_link {
    left: 2rem
}
[dir='ltr'] header .profileLoader {
    float: left;
    margin-left: 0rem;
    margin-right: 10px
}
[dir='ltr'] header .profileLoader {
    width: 59px
}
[dir='ltr'] footer .important_links ul li {
    padding-left: 0px
}
[dir='ltr'] .notification.show_notification ul {
    float: right;
    left: auto;
    right: 3px
}
[dir='ltr'] .notification_item a i,
[dir='ltr'] .imageHolder {
    float: left
}
[dir='ltr'] .editProfile_page #experience_profile .save_cancel .save {
    margin: 0px 10px;
    line-height: 30px
}
[dir='ltr'] .imageHolder .removeAttachment {
    top: 0;
    left: 0;
    right: auto
}
[dir='ltr'] footer .important_links ul li {
    border-left: 0;
    border-right: 1px solid #000
}
[dir='ltr'] .top_profile_details .name_img {
    position: relative;
    float: left;
    margin: 0 1rem 0 0
}
[dir='ltr'] .step_title {
    padding: 0 0 0 700px;
    float: right
}
[dir='ltr'] .svg_container {
    float: left;
    right: auto;
    left: 16%
}
[dir='ltr'] .footer-post-heading h2 span {
    margin-left: 0;
    margin-right: 1rem
}
[dir='ltr'] header .link_back i {
    float: left;
    margin: 8px 0 0 0
}
[dir='ltr'] .intro-slider h2 {
    direction: ltr
}
[dir='ltr'] .how_it_work_user .prev_step,
[dir='ltr'] .how_it_work_doctor .prev_step {
    right: auto;
    left: 6%
}
[dir='ltr'] .how_it_work_user .next_step,
[dir='ltr'] .how_it_work_doctor .next_step {
    left: auto;
    right: 6%
}
[dir='ltr'] .common_question_link,
[dir='ltr'] .notification_item h3 {
    direction: ltr
}
[dir='ltr'] .help .question,
[dir='ltr'] .help .question_mark_icon {
    float: left
}
[dir='ltr'] .blogListing .articles_section_container .articles_box {
    float: left
}
[dir='ltr'] .how_it_work_user .inner_container,
[dir='ltr'] .how_it_work_doctor .inner_container {
    overflow: hidden
}
[dir='ltr'] .header-contact .hotline {
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
    border-top-right-radius: 0rem;
    border-bottom-right-radius: 0rem
}
[dir='ltr'] .header-fixed .header-actions {
    margin-right: 0;
    margin-left: auto
}
[dir='ltr'] .how_it_work_step_img span {
    margin-left: 9%;
    margin-right: 0
}
[dir='ltr'] .footer-links {
    text-align: left
}
[dir='ltr'] footer h2 {
    text-align: left
}
[dir='ltr'] .footer-contact p span {
    margin-right: 0.5rem;
    margin-left: 0
}
[dir='ltr'] .footer-post-heading a {
    margin-right: 0;
    margin-left: auto
}
[dir='ltr'] .header-contact a {
    -ms-flex-flow: row;
        flex-flow: row
}
[dir='ltr'] .pr-05 {
    padding-left: 0.5rem
}
.clinic-profile {
    background-color: #f4f4f4;
    padding-top: 20px
}
.clinic-profile .header {
    font-weight: 800 !important;
    font-size: 1.5rem !important
}
.clinic-profile .medium-f {
    font-weight: 800 !important;
    font-size: 1rem !important
}
.clinic-profile .small-f {
    font-size: 0.75rem !important
}
.clinic-profile .mx-2 {
    margin-left: 2px;
    margin-right: 2px
}
.clinic-profile .my-2 {
    margin-top: 2px;
    margin-bottom: 2px
}
.clinic-profile .my-5 {
    margin-top: 5px;
    margin-bottom: 5px
}
.clinic-profile .my-15 {
    margin-top: 15px;
    margin-bottom: 15px
}
.clinic-profile .mt-15 {
    margin-top: 15px
}
.clinic-profile .align-items-center {
    -ms-flex-align: center;
        align-items: center
}
.clinic-profile .mx-5 {
    margin-left: 5px;
    margin-right: 5px
}
.clinic-profile .px-10 {
    padding-left: 10px;
    padding-right: 10px
}
.clinic-profile .py-10 {
    padding-top: 10px;
    padding-bottom: 10px
}
.clinic-profile .py-5 {
    padding-top: 5px;
    padding-bottom: 5px
}
.clinic-profile .no-padding {
    padding: 0px
}
.clinic-profile .text-center {
    text-align: center
}
.clinic-profile .text-end {
    text-align: end
}
.clinic-profile .primary-color {
    color: #236170
}
.clinic-profile .booking-dates {
    background-color: #ec1b98;
    color: #fff;
    padding: 5px 20px;
    border-radius: 5px
}
.clinic-profile .rounded {
    border-radius: 50%;
    border: solid 1px #dedede;
    height: 200px
}
.clinic-profile .dark-grey {
    color: #4f5151
}
.clinic-profile .light-grey {
    color: #dedede
}
.clinic-profile .ltr {
    direction: ltr
}
.clinic-profile .clinic-card {
    background-color: #fff;
    border-radius: 15px;
    border: solid 1px #dedede;
    padding: 30px
}
.clinic-profile .main-img {
    position: relative
}
.clinic-profile #map {
    width: 100% !important;
    height: 260px !important
}
.clinic-profile .location-img {
    width: 15px
}
.clinic-profile .clinic-details {
    background-color: #236170;
    color: #fff;
    border-radius: 5px;
    padding: 5px 2px;
    white-space: nowrap
}
.clinic-profile .edit-btn {
    color: #fff;
    border: solid 1px #ec1b98 !important;
    border-radius: 5px;
    background-color: #ec1b98;
    padding: 0 1rem;
    text-align: end
}
.clinic-profile .add-new-service {
    background-color: #236170;
    color: #fff;
    padding: 4px 12px;
    border-radius: 20px
}
.clinic-profile .tag-btn {
    border: solid 1px #236170;
    color: #236170;
    background-color: #f8f8f8;
    border-radius: 15px;
    padding: 3px 20px;
    margin: 5px 10px;
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center
}
.clinic-profile .delete-btn {
    border: none;
    background-color: #f8f8f8;
    cursor: pointer
}
.clinic-profile .pink-color {
    color: #ec1b98
}
.modal-edit .rounded {
    border-radius: 50%;
    border: solid 1px #dedede;
    height: 140px;
    cursor: auto
}
.modal-edit .upload-img {
    width: 50%;
    margin: 0 auto
}
.modal-edit .img-to-upload {
    position: relative;
    width: 50%;
    margin: 0 auto
}
.modal-edit .img-upload-button {
    position: absolute;
    bottom: 23px;
    right: 11px;
    color: #fff;
    font-size: 16px;
    background: #236170;
    display: block;
    border-radius: 50%;
    padding: 9px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    cursor: pointer
}
.modal-edit .my-5 {
    margin-top: 5px;
    margin-bottom: 5px
}
.modal-edit .mb-10 {
    margin-bottom: 10px
}
.modal-edit .label_modal {
    display: block
}
.modal-edit .input_modal {
    border: solid 1px #ababab !important;
    width: 100%;
    border-radius: 5px !important;
    margin: 5px 0
}
.modal-edit .text-area {
    border: solid 1px #ababab !important;
    width: 100%;
    resize: none !important;
    border-radius: 5px !important;
    margin: 5px 0
}
.modal-edit .edit-btn {
    background-color: #236170;
    color: #fff;
    border-radius: 5px;
    border: solid 1px #236170
}
.modal-edit .w-100 {
    width: 100%
}
.modal-edit .add-service-btn {
    background-color: #236170;
    color: #fff;
    border-radius: 20px;
    border: solid 1px #236170;
    padding: 2px 10px
}
.modal-edit .mt-30 {
    margin-top: 30px
}
.modal-edit .text-end {
    text-align: end
}
.swiper-button-prev,
.swiper-button-next {
    background: #f1f1f1;
    font-size: 11px;
    width: 40px;
    height: 40px;
    border-radius: 50%
}
.swiper-button-prev {
    left: -42px
}
.swiper-button-next {
    right: -42px
}
.swiper-button-prev:after,
.swiper-button-next:after {
    font-size: 18px !important;
    color: #236170 !important;
    font-weight: 900 !important
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    font-size: 18px !important;
    color: #236170 !important;
    font-weight: 900 !important
}
.swiper {
    width: 100%;
    height: 100%
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}
.swiper-slide-thumb-active {
    border: solid 3px #236170 !important
    /* border-radius: 32px !important; */
}
.swiper-slide img {
    display: block;
    width: 70%;
    height: 100%;
    object-fit: cover
    /* border-radius: 28px; */
}
.swiper {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto
}
.swiper-slide {
    background-size: cover;
    background-position: center;
    border-radius: 30px !important
}
.mySwiper2 {
    height: 60%;
    width: 95%
}
.mySwiper {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0
}
.mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4
}
.mySwiper .swiper-slide-thumb-active {
    opacity: 1
}
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}
.choose_file {
    position: relative;
    display: inline-block;
    border-radius: 20px;
    border: solid 1px #236170;
    padding: 3px 70px 3px 70px;
    color: #fff;
    margin-top: 2px;
    background: #236170
}
.choose_file input[type='file'] {
    -webkit-appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}
@media only screen and (max-width: 575px) {
    .text-center-small {
        text-align: center !important
    }
    .modal-edit .img-to-upload {
        width: 100%
    }
    .half-img {
        width: 50%
    }
}
@media only screen and (max-width: 768px) {
    .swiper-button-next,
  .swiper-button-prev {
        display: none !important
    }
    .mySwiper2 {
        width: 100% !important
    }
    .choose_file {
        padding: 5px !important
    }
}
[class*=col] {
    float: left;
    width: 100%
}
.grid {
    margin: 0 -0
}
.grid:before, .grid:after {
    display: table;
    clear: both
}
.wrap {
    margin-right: auto;
    margin-left: auto;
    float: none
}
* {
    box-sizing: border-box
}
[class~="display:block"] {
    display: block
}
[class~="display:inline-block"] {
    display: inline-block
}
[class~="display:inline"] {
    display: inline
}
[class~="display:none"] {
    display: none
}
[class~="display:inherit"] {
    display: inherit
}
[class~="text-align:left"] {
    text-align: left
}
[class~="text-align:right"] {
    text-align: right
}
[class~="text-align:center"] {
    text-align: center
}
[class~="text-align:start"] {
    text-align: start
}
[class~="text-align:end"] {
    text-align: end
}
[class~="text-align:inherit"] {
    text-align: inherit
}
[class~="float:left"] {
    float: left
}
[class~="float:right"] {
    float: right
}
[class~="float:none"] {
    float: none
}
[class~="float:inherit"] {
    float: inherit
}
[class~="clear:left"] {
    clear: left
}
[class~="clear:right"] {
    clear: right
}
[class~="clear:none"] {
    clear: none
}
[class~="clear:inherit"] {
    clear: inherit
}
@media only screen and (min-width: 1367px) {
    [media-type] {
        display: none !important
    }
    [media-type=screen] {
        display: block !important
    }
    [class~="screen:display:block"] {
        display: block
    }
    [class~="screen:display:inline-block"] {
        display: inline-block
    }
    [class~="screen:display:inline"] {
        display: inline
    }
    [class~="screen:display:none"] {
        display: none
    }
    [class~="screen:display:inherit"] {
        display: inherit
    }
    [class~="screen:text-align:left"] {
        text-align: left
    }
    [class~="screen:text-align:right"] {
        text-align: right
    }
    [class~="screen:text-align:center"] {
        text-align: center
    }
    [class~="screen:text-align:start"] {
        text-align: start
    }
    [class~="screen:text-align:end"] {
        text-align: end
    }
    [class~="screen:text-align:inherit"] {
        text-align: inherit
    }
    [class~="screen:float:left"] {
        float: left
    }
    [class~="screen:float:right"] {
        float: right
    }
    [class~="screen:float:none"] {
        float: none
    }
    [class~="screen:float:inherit"] {
        float: inherit
    }
    [class~="screen:clear:left"] {
        clear: left
    }
    [class~="screen:clear:right"] {
        clear: right
    }
    [class~="screen:clear:none"] {
        clear: none
    }
    [class~="screen:clear:inherit"] {
        clear: inherit
    }
    [class~="screen:col:1"] {
        width: 8.333333333333334%
    }
    [class~="screen:col:2"] {
        width: 16.666666666666668%
    }
    [class~="screen:col:3"] {
        width: 25%
    }
    [class~="screen:col:4"] {
        width: 33.333333333333336%
    }
    [class~="screen:col:5"] {
        width: 41.66666666666667%
    }
    [class~="screen:col:6"] {
        width: 50%
    }
    [class~="screen:col:7"] {
        width: 58.333333333333336%
    }
    [class~="screen:col:8"] {
        width: 66.66666666666667%
    }
    [class~="screen:col:9"] {
        width: 75%
    }
    [class~="screen:col:10"] {
        width: 83.33333333333334%
    }
    [class~="screen:col:11"] {
        width: 91.66666666666667%
    }
    [class~="screen:col:12"] {
        width: 100%
    }
    [class~="screen:grid:1"] {
        width: 100%
    }
    [class~="screen:grid:2"] {
        width: 50%
    }
    [class~="screen:grid:3"] {
        width: 33.333333333333336%
    }
    [class~="screen:grid:4"] {
        width: 25%
    }
    [class~="screen:grid:5"] {
        width: 20%
    }
    [class~="screen:grid:6"] {
        width: 16.666666666666668%
    }
    [class~="screen:grid:7"] {
        width: 14.285714285714286%
    }
    [class~="screen:grid:8"] {
        width: 12.5%
    }
    [class~="screen:grid:9"] {
        width: 11.11111111111111%
    }
    [class~="screen:grid:10"] {
        width: 10%
    }
    [class~="screen:grid:11"] {
        width: 9.090909090909092%
    }
    [class~="screen:grid:12"] {
        width: 8.333333333333334%
    }
}
@media only screen and (min-width: 1025px) and (max-width: 1366px) {
    [media-type] {
        display: none !important
    }
    [media-type=display] {
        display: block !important
    }
    [class~="display:display:block"] {
        display: block
    }
    [class~="display:display:inline-block"] {
        display: inline-block
    }
    [class~="display:display:inline"] {
        display: inline
    }
    [class~="display:display:none"] {
        display: none
    }
    [class~="display:display:inherit"] {
        display: inherit
    }
    [class~="display:text-align:left"] {
        text-align: left
    }
    [class~="display:text-align:right"] {
        text-align: right
    }
    [class~="display:text-align:center"] {
        text-align: center
    }
    [class~="display:text-align:start"] {
        text-align: start
    }
    [class~="display:text-align:end"] {
        text-align: end
    }
    [class~="display:text-align:inherit"] {
        text-align: inherit
    }
    [class~="display:float:left"] {
        float: left
    }
    [class~="display:float:right"] {
        float: right
    }
    [class~="display:float:none"] {
        float: none
    }
    [class~="display:float:inherit"] {
        float: inherit
    }
    [class~="display:clear:left"] {
        clear: left
    }
    [class~="display:clear:right"] {
        clear: right
    }
    [class~="display:clear:none"] {
        clear: none
    }
    [class~="display:clear:inherit"] {
        clear: inherit
    }
    [class~="display:col:1"] {
        width: 8.333333333333334%
    }
    [class~="display:col:2"] {
        width: 16.666666666666668%
    }
    [class~="display:col:3"] {
        width: 25%
    }
    [class~="display:col:4"] {
        width: 33.333333333333336%
    }
    [class~="display:col:5"] {
        width: 41.66666666666667%
    }
    [class~="display:col:6"] {
        width: 50%
    }
    [class~="display:col:7"] {
        width: 58.333333333333336%
    }
    [class~="display:col:8"] {
        width: 66.66666666666667%
    }
    [class~="display:col:9"] {
        width: 75%
    }
    [class~="display:col:10"] {
        width: 83.33333333333334%
    }
    [class~="display:col:11"] {
        width: 91.66666666666667%
    }
    [class~="display:col:12"] {
        width: 100%
    }
    [class~="display:grid:1"] {
        width: 100%
    }
    [class~="display:grid:2"] {
        width: 50%
    }
    [class~="display:grid:3"] {
        width: 33.333333333333336%
    }
    [class~="display:grid:4"] {
        width: 25%
    }
    [class~="display:grid:5"] {
        width: 20%
    }
    [class~="display:grid:6"] {
        width: 16.666666666666668%
    }
    [class~="display:grid:7"] {
        width: 14.285714285714286%
    }
    [class~="display:grid:8"] {
        width: 12.5%
    }
    [class~="display:grid:9"] {
        width: 11.11111111111111%
    }
    [class~="display:grid:10"] {
        width: 10%
    }
    [class~="display:grid:11"] {
        width: 9.090909090909092%
    }
    [class~="display:grid:12"] {
        width: 8.333333333333334%
    }
}
@media only screen and (min-width: 480px) and (max-width: 1024px) {
    [media-type] {
        display: none !important
    }
    [media-type=medium] {
        display: block !important
    }
    [class~="medium:display:block"] {
        display: block
    }
    [class~="medium:display:inline-block"] {
        display: inline-block
    }
    [class~="medium:display:inline"] {
        display: inline
    }
    [class~="medium:display:none"] {
        display: none
    }
    [class~="medium:display:inherit"] {
        display: inherit
    }
    [class~="medium:text-align:left"] {
        text-align: left
    }
    [class~="medium:text-align:right"] {
        text-align: right
    }
    [class~="medium:text-align:center"] {
        text-align: center
    }
    [class~="medium:text-align:start"] {
        text-align: start
    }
    [class~="medium:text-align:end"] {
        text-align: end
    }
    [class~="medium:text-align:inherit"] {
        text-align: inherit
    }
    [class~="medium:float:left"] {
        float: left
    }
    [class~="medium:float:right"] {
        float: right
    }
    [class~="medium:float:none"] {
        float: none
    }
    [class~="medium:float:inherit"] {
        float: inherit
    }
    [class~="medium:clear:left"] {
        clear: left
    }
    [class~="medium:clear:right"] {
        clear: right
    }
    [class~="medium:clear:none"] {
        clear: none
    }
    [class~="medium:clear:inherit"] {
        clear: inherit
    }
    [class~="medium:col:1"] {
        width: 8.333333333333334%
    }
    [class~="medium:col:2"] {
        width: 16.666666666666668%
    }
    [class~="medium:col:3"] {
        width: 25%
    }
    [class~="medium:col:4"] {
        width: 33.333333333333336%
    }
    [class~="medium:col:5"] {
        width: 41.66666666666667%
    }
    [class~="medium:col:6"] {
        width: 50%
    }
    [class~="medium:col:7"] {
        width: 58.333333333333336%
    }
    [class~="medium:col:8"] {
        width: 66.66666666666667%
    }
    [class~="medium:col:9"] {
        width: 75%
    }
    [class~="medium:col:10"] {
        width: 83.33333333333334%
    }
    [class~="medium:col:11"] {
        width: 91.66666666666667%
    }
    [class~="medium:col:12"] {
        width: 100%
    }
    [class~="medium:grid:1"] {
        width: 100%
    }
    [class~="medium:grid:2"] {
        width: 50%
    }
    [class~="medium:grid:3"] {
        width: 33.333333333333336%
    }
    [class~="medium:grid:4"] {
        width: 25%
    }
    [class~="medium:grid:5"] {
        width: 20%
    }
    [class~="medium:grid:6"] {
        width: 16.666666666666668%
    }
    [class~="medium:grid:7"] {
        width: 14.285714285714286%
    }
    [class~="medium:grid:8"] {
        width: 12.5%
    }
    [class~="medium:grid:9"] {
        width: 11.11111111111111%
    }
    [class~="medium:grid:10"] {
        width: 10%
    }
    [class~="medium:grid:11"] {
        width: 9.090909090909092%
    }
    [class~="medium:grid:12"] {
        width: 8.333333333333334%
    }
}
@media only screen and (min-width: 480px) and (max-width: 1024px) and (orientation: portrait) {
    [media-type] {
        display: none !important
    }
    [media-type=medium-portrait] {
        display: block !important
    }
    [class~="medium-portrait:display:block"] {
        display: block
    }
    [class~="medium-portrait:display:inline-block"] {
        display: inline-block
    }
    [class~="medium-portrait:display:inline"] {
        display: inline
    }
    [class~="medium-portrait:display:none"] {
        display: none
    }
    [class~="medium-portrait:display:inherit"] {
        display: inherit
    }
    [class~="medium-portrait:text-align:left"] {
        text-align: left
    }
    [class~="medium-portrait:text-align:right"] {
        text-align: right
    }
    [class~="medium-portrait:text-align:center"] {
        text-align: center
    }
    [class~="medium-portrait:text-align:start"] {
        text-align: start
    }
    [class~="medium-portrait:text-align:end"] {
        text-align: end
    }
    [class~="medium-portrait:text-align:inherit"] {
        text-align: inherit
    }
    [class~="medium-portrait:float:left"] {
        float: left
    }
    [class~="medium-portrait:float:right"] {
        float: right
    }
    [class~="medium-portrait:float:none"] {
        float: none
    }
    [class~="medium-portrait:float:inherit"] {
        float: inherit
    }
    [class~="medium-portrait:clear:left"] {
        clear: left
    }
    [class~="medium-portrait:clear:right"] {
        clear: right
    }
    [class~="medium-portrait:clear:none"] {
        clear: none
    }
    [class~="medium-portrait:clear:inherit"] {
        clear: inherit
    }
    [class~="medium-portrait:col:1"] {
        width: 8.333333333333334%
    }
    [class~="medium-portrait:col:2"] {
        width: 16.666666666666668%
    }
    [class~="medium-portrait:col:3"] {
        width: 25%
    }
    [class~="medium-portrait:col:4"] {
        width: 33.333333333333336%
    }
    [class~="medium-portrait:col:5"] {
        width: 41.66666666666667%
    }
    [class~="medium-portrait:col:6"] {
        width: 50%
    }
    [class~="medium-portrait:col:7"] {
        width: 58.333333333333336%
    }
    [class~="medium-portrait:col:8"] {
        width: 66.66666666666667%
    }
    [class~="medium-portrait:col:9"] {
        width: 75%
    }
    [class~="medium-portrait:col:10"] {
        width: 83.33333333333334%
    }
    [class~="medium-portrait:col:11"] {
        width: 91.66666666666667%
    }
    [class~="medium-portrait:col:12"] {
        width: 100%
    }
    [class~="medium-portrait:grid:1"] {
        width: 100%
    }
    [class~="medium-portrait:grid:2"] {
        width: 50%
    }
    [class~="medium-portrait:grid:3"] {
        width: 33.333333333333336%
    }
    [class~="medium-portrait:grid:4"] {
        width: 25%
    }
    [class~="medium-portrait:grid:5"] {
        width: 20%
    }
    [class~="medium-portrait:grid:6"] {
        width: 16.666666666666668%
    }
    [class~="medium-portrait:grid:7"] {
        width: 14.285714285714286%
    }
    [class~="medium-portrait:grid:8"] {
        width: 12.5%
    }
    [class~="medium-portrait:grid:9"] {
        width: 11.11111111111111%
    }
    [class~="medium-portrait:grid:10"] {
        width: 10%
    }
    [class~="medium-portrait:grid:11"] {
        width: 9.090909090909092%
    }
    [class~="medium-portrait:grid:12"] {
        width: 8.333333333333334%
    }
}
@media only screen and (min-width: 480px) and (max-width: 1024px) and (orientation: landscape) {
    [media-type] {
        display: none !important
    }
    [media-type=medium-landscape] {
        display: block !important
    }
    [class~="medium-landscape:display:block"] {
        display: block
    }
    [class~="medium-landscape:display:inline-block"] {
        display: inline-block
    }
    [class~="medium-landscape:display:inline"] {
        display: inline
    }
    [class~="medium-landscape:display:none"] {
        display: none
    }
    [class~="medium-landscape:display:inherit"] {
        display: inherit
    }
    [class~="medium-landscape:text-align:left"] {
        text-align: left
    }
    [class~="medium-landscape:text-align:right"] {
        text-align: right
    }
    [class~="medium-landscape:text-align:center"] {
        text-align: center
    }
    [class~="medium-landscape:text-align:start"] {
        text-align: start
    }
    [class~="medium-landscape:text-align:end"] {
        text-align: end
    }
    [class~="medium-landscape:text-align:inherit"] {
        text-align: inherit
    }
    [class~="medium-landscape:float:left"] {
        float: left
    }
    [class~="medium-landscape:float:right"] {
        float: right
    }
    [class~="medium-landscape:float:none"] {
        float: none
    }
    [class~="medium-landscape:float:inherit"] {
        float: inherit
    }
    [class~="medium-landscape:clear:left"] {
        clear: left
    }
    [class~="medium-landscape:clear:right"] {
        clear: right
    }
    [class~="medium-landscape:clear:none"] {
        clear: none
    }
    [class~="medium-landscape:clear:inherit"] {
        clear: inherit
    }
    [class~="medium-landscape:col:1"] {
        width: 8.333333333333334%
    }
    [class~="medium-landscape:col:2"] {
        width: 16.666666666666668%
    }
    [class~="medium-landscape:col:3"] {
        width: 25%
    }
    [class~="medium-landscape:col:4"] {
        width: 33.333333333333336%
    }
    [class~="medium-landscape:col:5"] {
        width: 41.66666666666667%
    }
    [class~="medium-landscape:col:6"] {
        width: 50%
    }
    [class~="medium-landscape:col:7"] {
        width: 58.333333333333336%
    }
    [class~="medium-landscape:col:8"] {
        width: 66.66666666666667%
    }
    [class~="medium-landscape:col:9"] {
        width: 75%
    }
    [class~="medium-landscape:col:10"] {
        width: 83.33333333333334%
    }
    [class~="medium-landscape:col:11"] {
        width: 91.66666666666667%
    }
    [class~="medium-landscape:col:12"] {
        width: 100%
    }
    [class~="medium-landscape:grid:1"] {
        width: 100%
    }
    [class~="medium-landscape:grid:2"] {
        width: 50%
    }
    [class~="medium-landscape:grid:3"] {
        width: 33.333333333333336%
    }
    [class~="medium-landscape:grid:4"] {
        width: 25%
    }
    [class~="medium-landscape:grid:5"] {
        width: 20%
    }
    [class~="medium-landscape:grid:6"] {
        width: 16.666666666666668%
    }
    [class~="medium-landscape:grid:7"] {
        width: 14.285714285714286%
    }
    [class~="medium-landscape:grid:8"] {
        width: 12.5%
    }
    [class~="medium-landscape:grid:9"] {
        width: 11.11111111111111%
    }
    [class~="medium-landscape:grid:10"] {
        width: 10%
    }
    [class~="medium-landscape:grid:11"] {
        width: 9.090909090909092%
    }
    [class~="medium-landscape:grid:12"] {
        width: 8.333333333333334%
    }
}
@media only screen and (min-width: 480px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    [media-type] {
        display: none !important
    }
    [media-type=medium-retina] {
        display: block !important
    }
    [class~="medium-retina:display:block"] {
        display: block
    }
    [class~="medium-retina:display:inline-block"] {
        display: inline-block
    }
    [class~="medium-retina:display:inline"] {
        display: inline
    }
    [class~="medium-retina:display:none"] {
        display: none
    }
    [class~="medium-retina:display:inherit"] {
        display: inherit
    }
    [class~="medium-retina:text-align:left"] {
        text-align: left
    }
    [class~="medium-retina:text-align:right"] {
        text-align: right
    }
    [class~="medium-retina:text-align:center"] {
        text-align: center
    }
    [class~="medium-retina:text-align:start"] {
        text-align: start
    }
    [class~="medium-retina:text-align:end"] {
        text-align: end
    }
    [class~="medium-retina:text-align:inherit"] {
        text-align: inherit
    }
    [class~="medium-retina:float:left"] {
        float: left
    }
    [class~="medium-retina:float:right"] {
        float: right
    }
    [class~="medium-retina:float:none"] {
        float: none
    }
    [class~="medium-retina:float:inherit"] {
        float: inherit
    }
    [class~="medium-retina:clear:left"] {
        clear: left
    }
    [class~="medium-retina:clear:right"] {
        clear: right
    }
    [class~="medium-retina:clear:none"] {
        clear: none
    }
    [class~="medium-retina:clear:inherit"] {
        clear: inherit
    }
    [class~="medium-retina:col:1"] {
        width: 8.333333333333334%
    }
    [class~="medium-retina:col:2"] {
        width: 16.666666666666668%
    }
    [class~="medium-retina:col:3"] {
        width: 25%
    }
    [class~="medium-retina:col:4"] {
        width: 33.333333333333336%
    }
    [class~="medium-retina:col:5"] {
        width: 41.66666666666667%
    }
    [class~="medium-retina:col:6"] {
        width: 50%
    }
    [class~="medium-retina:col:7"] {
        width: 58.333333333333336%
    }
    [class~="medium-retina:col:8"] {
        width: 66.66666666666667%
    }
    [class~="medium-retina:col:9"] {
        width: 75%
    }
    [class~="medium-retina:col:10"] {
        width: 83.33333333333334%
    }
    [class~="medium-retina:col:11"] {
        width: 91.66666666666667%
    }
    [class~="medium-retina:col:12"] {
        width: 100%
    }
    [class~="medium-retina:grid:1"] {
        width: 100%
    }
    [class~="medium-retina:grid:2"] {
        width: 50%
    }
    [class~="medium-retina:grid:3"] {
        width: 33.333333333333336%
    }
    [class~="medium-retina:grid:4"] {
        width: 25%
    }
    [class~="medium-retina:grid:5"] {
        width: 20%
    }
    [class~="medium-retina:grid:6"] {
        width: 16.666666666666668%
    }
    [class~="medium-retina:grid:7"] {
        width: 14.285714285714286%
    }
    [class~="medium-retina:grid:8"] {
        width: 12.5%
    }
    [class~="medium-retina:grid:9"] {
        width: 11.11111111111111%
    }
    [class~="medium-retina:grid:10"] {
        width: 10%
    }
    [class~="medium-retina:grid:11"] {
        width: 9.090909090909092%
    }
    [class~="medium-retina:grid:12"] {
        width: 8.333333333333334%
    }
}
@media only screen and (max-width: 480px) {
    [media-type] {
        display: none !important
    }
    [media-type=small] {
        display: block !important
    }
    [class~="small:display:block"] {
        display: block
    }
    [class~="small:display:inline-block"] {
        display: inline-block
    }
    [class~="small:display:inline"] {
        display: inline
    }
    [class~="small:display:none"] {
        display: none
    }
    [class~="small:display:inherit"] {
        display: inherit
    }
    [class~="small:text-align:left"] {
        text-align: left
    }
    [class~="small:text-align:right"] {
        text-align: right
    }
    [class~="small:text-align:center"] {
        text-align: center
    }
    [class~="small:text-align:start"] {
        text-align: start
    }
    [class~="small:text-align:end"] {
        text-align: end
    }
    [class~="small:text-align:inherit"] {
        text-align: inherit
    }
    [class~="small:float:left"] {
        float: left
    }
    [class~="small:float:right"] {
        float: right
    }
    [class~="small:float:none"] {
        float: none
    }
    [class~="small:float:inherit"] {
        float: inherit
    }
    [class~="small:clear:left"] {
        clear: left
    }
    [class~="small:clear:right"] {
        clear: right
    }
    [class~="small:clear:none"] {
        clear: none
    }
    [class~="small:clear:inherit"] {
        clear: inherit
    }
    [class~="small:col:1"] {
        width: 8.333333333333334%
    }
    [class~="small:col:2"] {
        width: 16.666666666666668%
    }
    [class~="small:col:3"] {
        width: 25%
    }
    [class~="small:col:4"] {
        width: 33.333333333333336%
    }
    [class~="small:col:5"] {
        width: 41.66666666666667%
    }
    [class~="small:col:6"] {
        width: 50%
    }
    [class~="small:col:7"] {
        width: 58.333333333333336%
    }
    [class~="small:col:8"] {
        width: 66.66666666666667%
    }
    [class~="small:col:9"] {
        width: 75%
    }
    [class~="small:col:10"] {
        width: 83.33333333333334%
    }
    [class~="small:col:11"] {
        width: 91.66666666666667%
    }
    [class~="small:col:12"] {
        width: 100%
    }
    [class~="small:grid:1"] {
        width: 100%
    }
    [class~="small:grid:2"] {
        width: 50%
    }
    [class~="small:grid:3"] {
        width: 33.333333333333336%
    }
    [class~="small:grid:4"] {
        width: 25%
    }
    [class~="small:grid:5"] {
        width: 20%
    }
    [class~="small:grid:6"] {
        width: 16.666666666666668%
    }
    [class~="small:grid:7"] {
        width: 14.285714285714286%
    }
    [class~="small:grid:8"] {
        width: 12.5%
    }
    [class~="small:grid:9"] {
        width: 11.11111111111111%
    }
    [class~="small:grid:10"] {
        width: 10%
    }
    [class~="small:grid:11"] {
        width: 9.090909090909092%
    }
    [class~="small:grid:12"] {
        width: 8.333333333333334%
    }
}
@media only screen and (max-width: 480px) and (orientation: portrait) {
    [media-type] {
        display: none !important
    }
    [media-type=small-landscape] {
        display: block !important
    }
    [class~="small-landscape:display:block"] {
        display: block
    }
    [class~="small-landscape:display:inline-block"] {
        display: inline-block
    }
    [class~="small-landscape:display:inline"] {
        display: inline
    }
    [class~="small-landscape:display:none"] {
        display: none
    }
    [class~="small-landscape:display:inherit"] {
        display: inherit
    }
    [class~="small-landscape:text-align:left"] {
        text-align: left
    }
    [class~="small-landscape:text-align:right"] {
        text-align: right
    }
    [class~="small-landscape:text-align:center"] {
        text-align: center
    }
    [class~="small-landscape:text-align:start"] {
        text-align: start
    }
    [class~="small-landscape:text-align:end"] {
        text-align: end
    }
    [class~="small-landscape:text-align:inherit"] {
        text-align: inherit
    }
    [class~="small-landscape:float:left"] {
        float: left
    }
    [class~="small-landscape:float:right"] {
        float: right
    }
    [class~="small-landscape:float:none"] {
        float: none
    }
    [class~="small-landscape:float:inherit"] {
        float: inherit
    }
    [class~="small-landscape:clear:left"] {
        clear: left
    }
    [class~="small-landscape:clear:right"] {
        clear: right
    }
    [class~="small-landscape:clear:none"] {
        clear: none
    }
    [class~="small-landscape:clear:inherit"] {
        clear: inherit
    }
    [class~="small-landscape:col:1"] {
        width: 8.333333333333334%
    }
    [class~="small-landscape:col:2"] {
        width: 16.666666666666668%
    }
    [class~="small-landscape:col:3"] {
        width: 25%
    }
    [class~="small-landscape:col:4"] {
        width: 33.333333333333336%
    }
    [class~="small-landscape:col:5"] {
        width: 41.66666666666667%
    }
    [class~="small-landscape:col:6"] {
        width: 50%
    }
    [class~="small-landscape:col:7"] {
        width: 58.333333333333336%
    }
    [class~="small-landscape:col:8"] {
        width: 66.66666666666667%
    }
    [class~="small-landscape:col:9"] {
        width: 75%
    }
    [class~="small-landscape:col:10"] {
        width: 83.33333333333334%
    }
    [class~="small-landscape:col:11"] {
        width: 91.66666666666667%
    }
    [class~="small-landscape:col:12"] {
        width: 100%
    }
    [class~="small-landscape:grid:1"] {
        width: 100%
    }
    [class~="small-landscape:grid:2"] {
        width: 50%
    }
    [class~="small-landscape:grid:3"] {
        width: 33.333333333333336%
    }
    [class~="small-landscape:grid:4"] {
        width: 25%
    }
    [class~="small-landscape:grid:5"] {
        width: 20%
    }
    [class~="small-landscape:grid:6"] {
        width: 16.666666666666668%
    }
    [class~="small-landscape:grid:7"] {
        width: 14.285714285714286%
    }
    [class~="small-landscape:grid:8"] {
        width: 12.5%
    }
    [class~="small-landscape:grid:9"] {
        width: 11.11111111111111%
    }
    [class~="small-landscape:grid:10"] {
        width: 10%
    }
    [class~="small-landscape:grid:11"] {
        width: 9.090909090909092%
    }
    [class~="small-landscape:grid:12"] {
        width: 8.333333333333334%
    }
}
@media only screen and (max-width: 480px) and (orientation: landscape) {
    [media-type] {
        display: none !important
    }
    [media-type=small-portrait] {
        display: block !important
    }
    [class~="small-portrait:display:block"] {
        display: block
    }
    [class~="small-portrait:display:inline-block"] {
        display: inline-block
    }
    [class~="small-portrait:display:inline"] {
        display: inline
    }
    [class~="small-portrait:display:none"] {
        display: none
    }
    [class~="small-portrait:display:inherit"] {
        display: inherit
    }
    [class~="small-portrait:text-align:left"] {
        text-align: left
    }
    [class~="small-portrait:text-align:right"] {
        text-align: right
    }
    [class~="small-portrait:text-align:center"] {
        text-align: center
    }
    [class~="small-portrait:text-align:start"] {
        text-align: start
    }
    [class~="small-portrait:text-align:end"] {
        text-align: end
    }
    [class~="small-portrait:text-align:inherit"] {
        text-align: inherit
    }
    [class~="small-portrait:float:left"] {
        float: left
    }
    [class~="small-portrait:float:right"] {
        float: right
    }
    [class~="small-portrait:float:none"] {
        float: none
    }
    [class~="small-portrait:float:inherit"] {
        float: inherit
    }
    [class~="small-portrait:clear:left"] {
        clear: left
    }
    [class~="small-portrait:clear:right"] {
        clear: right
    }
    [class~="small-portrait:clear:none"] {
        clear: none
    }
    [class~="small-portrait:clear:inherit"] {
        clear: inherit
    }
    [class~="small-portrait:col:1"] {
        width: 8.333333333333334%
    }
    [class~="small-portrait:col:2"] {
        width: 16.666666666666668%
    }
    [class~="small-portrait:col:3"] {
        width: 25%
    }
    [class~="small-portrait:col:4"] {
        width: 33.333333333333336%
    }
    [class~="small-portrait:col:5"] {
        width: 41.66666666666667%
    }
    [class~="small-portrait:col:6"] {
        width: 50%
    }
    [class~="small-portrait:col:7"] {
        width: 58.333333333333336%
    }
    [class~="small-portrait:col:8"] {
        width: 66.66666666666667%
    }
    [class~="small-portrait:col:9"] {
        width: 75%
    }
    [class~="small-portrait:col:10"] {
        width: 83.33333333333334%
    }
    [class~="small-portrait:col:11"] {
        width: 91.66666666666667%
    }
    [class~="small-portrait:col:12"] {
        width: 100%
    }
    [class~="small-portrait:grid:1"] {
        width: 100%
    }
    [class~="small-portrait:grid:2"] {
        width: 50%
    }
    [class~="small-portrait:grid:3"] {
        width: 33.333333333333336%
    }
    [class~="small-portrait:grid:4"] {
        width: 25%
    }
    [class~="small-portrait:grid:5"] {
        width: 20%
    }
    [class~="small-portrait:grid:6"] {
        width: 16.666666666666668%
    }
    [class~="small-portrait:grid:7"] {
        width: 14.285714285714286%
    }
    [class~="small-portrait:grid:8"] {
        width: 12.5%
    }
    [class~="small-portrait:grid:9"] {
        width: 11.11111111111111%
    }
    [class~="small-portrait:grid:10"] {
        width: 10%
    }
    [class~="small-portrait:grid:11"] {
        width: 9.090909090909092%
    }
    [class~="small-portrait:grid:12"] {
        width: 8.333333333333334%
    }
}
@media only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    [media-type] {
        display: none !important
    }
    [media-type=small-retina] {
        display: block !important
    }
    [class~="small-retina:display:block"] {
        display: block
    }
    [class~="small-retina:display:inline-block"] {
        display: inline-block
    }
    [class~="small-retina:display:inline"] {
        display: inline
    }
    [class~="small-retina:display:none"] {
        display: none
    }
    [class~="small-retina:display:inherit"] {
        display: inherit
    }
    [class~="small-retina:text-align:left"] {
        text-align: left
    }
    [class~="small-retina:text-align:right"] {
        text-align: right
    }
    [class~="small-retina:text-align:center"] {
        text-align: center
    }
    [class~="small-retina:text-align:start"] {
        text-align: start
    }
    [class~="small-retina:text-align:end"] {
        text-align: end
    }
    [class~="small-retina:text-align:inherit"] {
        text-align: inherit
    }
    [class~="small-retina:float:left"] {
        float: left
    }
    [class~="small-retina:float:right"] {
        float: right
    }
    [class~="small-retina:float:none"] {
        float: none
    }
    [class~="small-retina:float:inherit"] {
        float: inherit
    }
    [class~="small-retina:clear:left"] {
        clear: left
    }
    [class~="small-retina:clear:right"] {
        clear: right
    }
    [class~="small-retina:clear:none"] {
        clear: none
    }
    [class~="small-retina:clear:inherit"] {
        clear: inherit
    }
    [class~="small-retina:col:1"] {
        width: 8.333333333333334%
    }
    [class~="small-retina:col:2"] {
        width: 16.666666666666668%
    }
    [class~="small-retina:col:3"] {
        width: 25%
    }
    [class~="small-retina:col:4"] {
        width: 33.333333333333336%
    }
    [class~="small-retina:col:5"] {
        width: 41.66666666666667%
    }
    [class~="small-retina:col:6"] {
        width: 50%
    }
    [class~="small-retina:col:7"] {
        width: 58.333333333333336%
    }
    [class~="small-retina:col:8"] {
        width: 66.66666666666667%
    }
    [class~="small-retina:col:9"] {
        width: 75%
    }
    [class~="small-retina:col:10"] {
        width: 83.33333333333334%
    }
    [class~="small-retina:col:11"] {
        width: 91.66666666666667%
    }
    [class~="small-retina:col:12"] {
        width: 100%
    }
    [class~="small-retina:grid:1"] {
        width: 100%
    }
    [class~="small-retina:grid:2"] {
        width: 50%
    }
    [class~="small-retina:grid:3"] {
        width: 33.333333333333336%
    }
    [class~="small-retina:grid:4"] {
        width: 25%
    }
    [class~="small-retina:grid:5"] {
        width: 20%
    }
    [class~="small-retina:grid:6"] {
        width: 16.666666666666668%
    }
    [class~="small-retina:grid:7"] {
        width: 14.285714285714286%
    }
    [class~="small-retina:grid:8"] {
        width: 12.5%
    }
    [class~="small-retina:grid:9"] {
        width: 11.11111111111111%
    }
    [class~="small-retina:grid:10"] {
        width: 10%
    }
    [class~="small-retina:grid:11"] {
        width: 9.090909090909092%
    }
    [class~="small-retina:grid:12"] {
        width: 8.333333333333334%
    }
}
@media only screen and print {
    [media-type] {
        display: none !important
    }
    [media-type=print] {
        display: block !important
    }
    [class~="print:display:block"] {
        display: block
    }
    [class~="print:display:inline-block"] {
        display: inline-block
    }
    [class~="print:display:inline"] {
        display: inline
    }
    [class~="print:display:none"] {
        display: none
    }
    [class~="print:display:inherit"] {
        display: inherit
    }
    [class~="print:text-align:left"] {
        text-align: left
    }
    [class~="print:text-align:right"] {
        text-align: right
    }
    [class~="print:text-align:center"] {
        text-align: center
    }
    [class~="print:text-align:start"] {
        text-align: start
    }
    [class~="print:text-align:end"] {
        text-align: end
    }
    [class~="print:text-align:inherit"] {
        text-align: inherit
    }
    [class~="print:float:left"] {
        float: left
    }
    [class~="print:float:right"] {
        float: right
    }
    [class~="print:float:none"] {
        float: none
    }
    [class~="print:float:inherit"] {
        float: inherit
    }
    [class~="print:clear:left"] {
        clear: left
    }
    [class~="print:clear:right"] {
        clear: right
    }
    [class~="print:clear:none"] {
        clear: none
    }
    [class~="print:clear:inherit"] {
        clear: inherit
    }
    [class~="print:col:1"] {
        width: 8.333333333333334%
    }
    [class~="print:col:2"] {
        width: 16.666666666666668%
    }
    [class~="print:col:3"] {
        width: 25%
    }
    [class~="print:col:4"] {
        width: 33.333333333333336%
    }
    [class~="print:col:5"] {
        width: 41.66666666666667%
    }
    [class~="print:col:6"] {
        width: 50%
    }
    [class~="print:col:7"] {
        width: 58.333333333333336%
    }
    [class~="print:col:8"] {
        width: 66.66666666666667%
    }
    [class~="print:col:9"] {
        width: 75%
    }
    [class~="print:col:10"] {
        width: 83.33333333333334%
    }
    [class~="print:col:11"] {
        width: 91.66666666666667%
    }
    [class~="print:col:12"] {
        width: 100%
    }
    [class~="print:grid:1"] {
        width: 100%
    }
    [class~="print:grid:2"] {
        width: 50%
    }
    [class~="print:grid:3"] {
        width: 33.333333333333336%
    }
    [class~="print:grid:4"] {
        width: 25%
    }
    [class~="print:grid:5"] {
        width: 20%
    }
    [class~="print:grid:6"] {
        width: 16.666666666666668%
    }
    [class~="print:grid:7"] {
        width: 14.285714285714286%
    }
    [class~="print:grid:8"] {
        width: 12.5%
    }
    [class~="print:grid:9"] {
        width: 11.11111111111111%
    }
    [class~="print:grid:10"] {
        width: 10%
    }
    [class~="print:grid:11"] {
        width: 9.090909090909092%
    }
    [class~="print:grid:12"] {
        width: 8.333333333333334%
    }
}

/*# sourceMappingURL=style.css.map */