@import url(https://fonts.googleapis.com/css2?family=REM:ital,wght@0,100..900;1,100..900&display=swap);

 .loading-content {
     margin-top: 20px
 }

 @-ms-viewport {
     width: device-width
 }

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

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

 .HeaderWriteReviewButton__Component-sc-8f3d2b0c-0.hgRytX.es-header-write-review-button-container {
     display: none !important
 }

 .megamenucard {
     width: 25%;
     position: absolute;
     z-index: 999;
     right: 0;
     height: 100%
 }

 .megamenucardimg img {
     height: 100%;
     width: 100%;
     border-radius: 10px;
     object-fit: cover
 }

 .menu li:hover .mega-menu-test.mega-menu-77 {
     display: block
 }

 .megamenucardimg {
     width: 88%;
     height: 80%;
     position: relative;
     border-radius: 10px
 }

 .megamenucardimg::before {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     z-index: 9;
     top: 0;
     bottom: 0;
     background-image: linear-gradient(45deg, black, transparent);
     border-radius: 10px
 }

 .megaimgcontact {
     position: absolute;
     z-index: 9;
     background-image: linear-gradient(731deg, black, transparent);
     width: 100%;
     padding-left: 30px;
     padding-top: 15px;
     bottom: 0;
     padding-bottom: 12px;
     border-radius: 10px
 }

 .megaimgcontact button i {
     margin-right: 10px
 }

 .megaimgcontact a i {
     margin-right: 10px
 }

 .megaimgcontact h2 {
     font-size: 17px;
     font-weight: 500;
     color: #fff
 }

 .megaimgcontact button {
     margin-bottom: 10px
 }

 .megaimgcontact a {
     text-decoration: none;
     display: block;
     font-size: 13px;
     color: #fff;
     margin-bottom: 10px
 }

 .menu li:hover:hover .megamenucard {
     display: none
 }

 .megamenucard {
     display: none
 }

 .mega-menu-test.mega-menu-77 {
     background: #f4f8f9;
     position: absolute;
     display: none;
     left: 0;
     right: 0;
     width: 100%;
     top: 100%;
     border-top: solid 2px #ff3969;
     padding-top: 20px
 }

 .menu li ul.mega-menu-77 {
     padding-left: 3%;
     float: left;
     overflow-y: auto;
     height: 100vh
 }

 .menu li ul.mega-menu-77 li ul:last-child {
     padding-bottom: 20px
 }

 .mega-menu-test .mega-menu-77 {
     width: 60%;
     left: 0;
     position: relative;
     background: inherit !important
 }

 .banner-trip {
     position: relative
 }

 .img-grid img {
     height: 100%;
     width: 100%;
     object-fit: cover
 }

 .img-grid {
     height: 100%;
     min-height: 250px;
     width: 100%
 }

 * .slider-nav {
     img {
         width: 105px !important;
         height: 105px !important
     }
 }

 */.slider-for {
     img {
         height: 768px !important
     }
 }

 #bgvid {
     width: 100%;
     border-radius: 5px;
     position: absolute;
     height: 100% !important;
     position: absolute;
     top: 0;
     left: 0;
     background-size: cover;
     display: block
 }

 .content.gallery {
     padding-top: 105px
 }

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

 .date-range-picker-box {
     margin: 0 !important;
     padding: 0 !important;
     height: 0 !important
 }

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

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

 dt {
     font-weight: 700
 }

 dd {
     margin-bottom: .5rem;
     margin-left: 0
 }

 blockquote {
     margin: 0 0 1rem
 }

 dfn {
     font-style: italic
 }

 small {
     font-size: 80%
 }

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

 sub {
     bottom: -.25em
 }

 sup {
     top: -.5em
 }

 a:hover {
     color: #0056b3;
     text-decoration: underline
 }

 .flight_details th,
 .flight_details td {
     padding: 5px;
     font-size: 11px;
     border-bottom: solid 1px #DFE3E8;
     color: #212b35;
     vertical-align: top
 }

 .form_content .flight_details p {
     font-size: 12px;
     line-height: 18px;
     margin: 10px 0;
     color: #212b35
 }

 .flight_details p {
     font-size: 12px;
     line-height: 18px;
     margin: 10px 0;
     color: #212b35
 }

 .emaisecond {
     display: block
 }

 .passwordToggle {
     position: relative
 }

 .passwordToggle i {
     position: absolute;
     top: 10%;
     transform: translateX(-50%);
     display: block;
     right: 6px;
     color: #5D5D5D
 }

 .tab_box_btn button {
     width: 100%;
     border-radius: 10px
 }

 .rest-pass {
     text-align: right
 }

 a.backsecondBox {
     text-align: center !important;
     display: block
 }

 .rest-pass a {
     font-size: 16px;
     color: #202020
 }

 .top-0 {
     top: 0 !important
 }

 .login_form.page li strong {
     max-width: 28%
 }

 .page li {
     margin-bottom: 15px !important
 }

 .input_field .text {
     border: solid 1px #CFCFCF !important;
     background: rgba(0, 0, 0, 2%);
     padding: 16px 14px;
     border-radius: 10px
 }

 .blog-image-right img {
     width: 100%;
     object-fit: cover
 }

 .guide-info-form .form-text-field label {
     display: block
 }

 .login_form.page .input_field {
     width: 72% !important
 }

 .dashboard .panelcolumn .MeMenu li {
     display: inline-block
 }

 .dashboard .panelcolumn .MeMenu li form {
     border-bottom: 1px dashed #007bff;
     margin-bottom: 5px;
     margin-right: 15px;
     padding-bottom: 5px;
     text-decoration: none
 }

 .guide-info-form .form-text-field input {
     width: 100%
 }

 input#s,
 .searchform select {
     padding: 2px 10px;
     vertical-align: top;
     height: 33px;
     font-size: 14px;
     border-radius: 4px;
     border: 1px solid #007bff
 }

 #searchform input[type=submit] {
     padding: 7px 20px !important;
     background: #007bff
 }

 .search-filter-box {
     padding-top: 20px
 }

 .search-filter-box input {
     margin-right: 10px
 }

 form#searchform {
     margin-bottom: 25px
 }

 #login_form ul {
     position: relative
 }

 code,
 kbd,
 pre,
 samp {
     font-family: monospace, monospace;
     font-size: 1em
 }

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

 figure {
     margin: 0 0 1rem
 }

 svg:not(:root) {
     overflow: hidden
 }

 .data-inr .jw-modal-body {
     max-width: 500px !important;
     border-radius: 5px
 }

 .data-inr .fancybox-close-small {
     right: -5px !important;
     top: -5px !important
 }

 .data-inr p.alert.alert-success {
     padding: 7px;
     text-align: center;
     text-transform: uppercase
 }

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

 .text-right.booking-btns.sticky1 {
     margin-bottom: 20px
 }

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

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

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

 #covid_info .jw-modal-body {
     max-width: 570px
 }

 #price_info .jw-modal-body {
     max-width: 570px
 }

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

 progress {
     vertical-align: baseline
 }

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

 [type=search]::-webkit-search-cancel-button,
 [type=search]::-webkit-search-decoration {
     -webkit-appearance: none
 }

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

 output {
     display: inline-block
 }

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

 template {
     display: none
 }

 [hidden] {
     display: none !important
 }

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

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

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

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

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

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

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

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

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

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

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

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

 .list-inline-item {
     display: inline-block
 }

 .list-inline-item:not(:last-child) {
     margin-right: .5rem
 }

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

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

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

 .blockquote-footer::before {
     content: "\2014 \00A0"
 }

 .img-fluid {
     max-width: 100%;
     height: auto
 }

 .img-thumbnail {
     padding: .25rem;
     background-color: #fff;
     border: 1px solid #dee2e6;
     border-radius: .25rem;
     max-width: 100%;
     height: auto
 }

 .figure {
     display: inline-block
 }

 .figure-img {
     margin-bottom: .5rem;
     line-height: 1
 }

 .figure-caption {
     font-size: 90%;
     color: #6c757d
 }

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

 code {
     font-size: 87.5%;
     color: #e83e8c;
     word-break: break-word
 }

 a>code {
     color: inherit
 }

 kbd {
     padding: .2rem .4rem;
     font-size: 87.5%;
     color: #fff;
     background-color: #212529;
     border-radius: .2rem
 }

 .bb {
     width: 170px;
     height: 183px
 }

 #uploadContainer {
     position: relative;
     cursor: pointer
 }

 #uploadInput {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     z-index: 9
 }

 #uploadedImage {
     max-width: 170px;
     max-height: 170px;
     width: 100%;
     object-fit: contain
 }

 .up-profile {
     color: #3c763d;
     background-color: #dff0d8;
     border-color: #d6e9c6;
     padding: 15px;
     margin-bottom: 20px !important;
     border: 1px solid #fff0;
     border-radius: 4px
 }

 .up-error {
     color: #a94442;
     background-color: #f2dede;
     border-color: #ebccd1;
     padding: 15px;
     margin-bottom: 20px !important;
     border: 1px solid #fff0;
     border-radius: 4px;
     list-style: none
 }

 kbd kbd {
     padding: 0;
     font-size: 100%;
     font-weight: 700
 }

 a.image-editor-src {
     position: relative;
     display: block;
     height: 88px;
     width: 88px
 }

 pre {
     display: block;
     font-size: 87.5%;
     color: #212529
 }

 pre code {
     font-size: inherit;
     color: inherit;
     word-break: normal
 }

 .pre-scrollable {
     max-height: 340px;
     overflow-y: scroll
 }

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

 .no-gutters {
     margin-right: 0;
     margin-left: 0
 }

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

 .col-auto {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     width: auto;
     max-width: none
 }

 .col-1 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 8.333333%;
     flex: 0 0 8.333333%;
     max-width: 8.333333%
 }

 .col-2 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 16.666667%;
     flex: 0 0 16.666667%;
     max-width: 16.666667%
 }

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

 .col-5 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 41.666667%;
     flex: 0 0 41.666667%;
     max-width: 41.666667%
 }

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

 .col-7 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 58.333333%;
     flex: 0 0 58.333333%;
     max-width: 58.333333%
 }

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

 .col-10 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 83.333333%;
     flex: 0 0 83.333333%;
     max-width: 83.333333%
 }

 .col-11 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 91.666667%;
     flex: 0 0 91.666667%;
     max-width: 91.666667%
 }

 .order-first {
     -webkit-box-ordinal-group: 0;
     -ms-flex-order: -1;
     order: -1
 }

 .order-last {
     -webkit-box-ordinal-group: 14;
     -ms-flex-order: 13;
     order: 13
 }

 .order-0 {
     -webkit-box-ordinal-group: 1;
     -ms-flex-order: 0;
     order: 0
 }

 .order-1 {
     -webkit-box-ordinal-group: 2;
     -ms-flex-order: 1;
     order: 1
 }

 .order-2 {
     -webkit-box-ordinal-group: 3;
     -ms-flex-order: 2;
     order: 2
 }

 .order-3 {
     -webkit-box-ordinal-group: 4;
     -ms-flex-order: 3;
     order: 3
 }

 .order-4 {
     -webkit-box-ordinal-group: 5;
     -ms-flex-order: 4;
     order: 4
 }

 .order-5 {
     -webkit-box-ordinal-group: 6;
     -ms-flex-order: 5;
     order: 5
 }

 .order-6 {
     -webkit-box-ordinal-group: 7;
     -ms-flex-order: 6;
     order: 6
 }

 .order-7 {
     -webkit-box-ordinal-group: 8;
     -ms-flex-order: 7;
     order: 7
 }

 .order-8 {
     -webkit-box-ordinal-group: 9;
     -ms-flex-order: 8;
     order: 8
 }

 .order-9 {
     -webkit-box-ordinal-group: 10;
     -ms-flex-order: 9;
     order: 9
 }

 .order-10 {
     -webkit-box-ordinal-group: 11;
     -ms-flex-order: 10;
     order: 10
 }

 .order-11 {
     -webkit-box-ordinal-group: 12;
     -ms-flex-order: 11;
     order: 11
 }

 .order-12 {
     -webkit-box-ordinal-group: 13;
     -ms-flex-order: 12;
     order: 12
 }

 .offset-1 {
     margin-left: 8.333333%
 }

 .offset-2 {
     margin-left: 16.666667%
 }

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

 .offset-4 {
     margin-left: 33.333333%
 }

 .offset-5 {
     margin-left: 41.666667%
 }

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

 .offset-7 {
     margin-left: 58.333333%
 }

 .offset-8 {
     margin-left: 66.666667%
 }

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

 .offset-10 {
     margin-left: 83.333333%
 }

 .offset-11 {
     margin-left: 91.666667%
 }

 .table {
     width: 100%;
     max-width: 100%;
     margin-bottom: 1rem;
     background-color: #fff0
 }

 .table td,
 .table th {
     padding: .75rem;
     vertical-align: top;
     border-top: 1px solid #dee2e6
 }

 .table thead th {
     vertical-align: bottom;
     border-bottom: 2px solid #dee2e6
 }

 .table tbody+tbody {
     border-top: 2px solid #dee2e6
 }

 .table .table {
     background-color: #fff
 }

 .table-sm td,
 .table-sm th {
     padding: .3rem
 }

 .table-bordered {
     border: 1px solid #dee2e6
 }

 .table-bordered td,
 .table-bordered th {
     border: 1px solid #dee2e6
 }

 .table-bordered thead td,
 .table-bordered thead th {
     border-bottom-width: 2px
 }

 .table-striped tbody tr:nth-of-type(odd) {
     background-color: rgb(0 0 0 / .05)
 }

 .table-hover tbody tr:hover {
     background-color: rgb(0 0 0 / .075)
 }

 .table-primary,
 .table-primary>td,
 .table-primary>th {
     background-color: #b8daff
 }

 .table-hover .table-primary:hover {
     background-color: #9fcdff
 }

 .table-hover .table-primary:hover>td,
 .table-hover .table-primary:hover>th {
     background-color: #9fcdff
 }

 .table-secondary,
 .table-secondary>td,
 .table-secondary>th {
     background-color: #d6d8db
 }

 .table-hover .table-secondary:hover {
     background-color: #c8cbcf
 }

 .table-hover .table-secondary:hover>td,
 .table-hover .table-secondary:hover>th {
     background-color: #c8cbcf
 }

 .table-success,
 .table-success>td,
 .table-success>th {
     background-color: #c3e6cb
 }

 .table-hover .table-success:hover {
     background-color: #b1dfbb
 }

 .table-hover .table-success:hover>td,
 .table-hover .table-success:hover>th {
     background-color: #b1dfbb
 }

 .table-info,
 .table-info>td,
 .table-info>th {
     background-color: #bee5eb
 }

 .table-hover .table-info:hover {
     background-color: #abdde5
 }

 .table-hover .table-info:hover>td,
 .table-hover .table-info:hover>th {
     background-color: #abdde5
 }

 .table-warning,
 .table-warning>td,
 .table-warning>th {
     background-color: #ffeeba
 }

 .table-hover .table-warning:hover {
     background-color: #ffe8a1
 }

 .table-hover .table-warning:hover>td,
 .table-hover .table-warning:hover>th {
     background-color: #ffe8a1
 }

 .table-danger,
 .table-danger>td,
 .table-danger>th {
     background-color: #f5c6cb
 }

 .table-hover .table-danger:hover {
     background-color: #f1b0b7
 }

 .table-hover .table-danger:hover>td,
 .table-hover .table-danger:hover>th {
     background-color: #f1b0b7
 }

 .table-light,
 .table-light>td,
 .table-light>th {
     background-color: #fdfdfe
 }

 .table-hover .table-light:hover {
     background-color: #ececf6
 }

 .table-hover .table-light:hover>td,
 .table-hover .table-light:hover>th {
     background-color: #ececf6
 }

 .table-dark,
 .table-dark>td,
 .table-dark>th {
     background-color: #c6c8ca
 }

 .table-hover .table-dark:hover {
     background-color: #b9bbbe
 }

 .table-hover .table-dark:hover>td,
 .table-hover .table-dark:hover>th {
     background-color: #b9bbbe
 }

 .table-active,
 .table-active>td,
 .table-active>th {
     background-color: rgb(0 0 0 / .075)
 }

 .table-hover .table-active:hover {
     background-color: rgb(0 0 0 / .075)
 }

 .table-hover .table-active:hover>td,
 .table-hover .table-active:hover>th {
     background-color: rgb(0 0 0 / .075)
 }

 .table .thead-dark th {
     color: #fff;
     background-color: #212529;
     border-color: #32383e
 }

 .table .thead-light th {
     color: #495057;
     background-color: #e9ecef;
     border-color: #dee2e6
 }

 .table-dark {
     color: #fff;
     background-color: #212529
 }

 .table-dark td,
 .table-dark th,
 .table-dark thead th {
     border-color: #32383e
 }

 .table-dark.table-bordered {
     border: 0
 }

 .table-dark.table-striped tbody tr:nth-of-type(odd) {
     background-color: rgb(255 255 255 / .05)
 }

 .table-dark.table-hover tbody tr:hover {
     background-color: rgb(255 255 255 / .075)
 }

 @media(max-width:575.98px) {
     .table-responsive-sm {
         display: block;
         width: 100%;
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
         -ms-overflow-style: -ms-autohiding-scrollbar
     }

     .table-responsive-sm>.table-bordered {
         border: 0
     }
 }

 @media(max-width:767.98px) {
     .blog-small-box .blog_box .img-lazy-load {
         height: 210px
     }

     .blog-small-box .blog_box .img-lazy-load img {
         height: 100%
     }

     .table-responsive-md {
         display: block;
         width: 100%;
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
         -ms-overflow-style: -ms-autohiding-scrollbar
     }

     .table-responsive-md>.table-bordered {
         border: 0
     }

     .containerClientSideUser {
         display: none
     }
 }

 @media(max-width:991.98px) {
     .eHvTui:not(:first-child) {
         white-space: nowrap !important
     }

     .table-responsive-lg {
         display: block;
         width: 100%;
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
         -ms-overflow-style: -ms-autohiding-scrollbar
     }

     .table-responsive-lg>.table-bordered {
         border: 0
     }
 }

 @media(max-width:1199.98px) {
     .table-responsive-xl {
         display: block;
         width: 100%;
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
         -ms-overflow-style: -ms-autohiding-scrollbar
     }

     .table-responsive-xl>.table-bordered {
         border: 0
     }
 }

 .table-responsive {
     display: block;
     width: 100%;
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
     -ms-overflow-style: -ms-autohiding-scrollbar
 }

 .table-responsive>.table-bordered {
     border: 0
 }

 .form-control {
     display: block;
     width: 100%;
     padding: .375rem .75rem;
     font-size: 1rem;
     line-height: 1.5;
     color: #495057;
     background-color: #fff;
     background-clip: padding-box;
     border: 1px solid #ced4da;
     border-radius: .25rem;
     transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
 }

 .form-control::-ms-expand {
     background-color: #fff0;
     border: 0
 }

 .form-control:focus {
     color: #495057;
     background-color: #fff;
     border-color: #80bdff;
     outline: 0;
     box-shadow: 0 0 0 .2rem rgb(0 123 255 / .25)
 }

 .form-control::-webkit-input-placeholder {
     color: #6c757d;
     opacity: 1
 }

 .form-control::-moz-placeholder {
     color: #6c757d;
     opacity: 1
 }

 .form-control:-ms-input-placeholder {
     color: #6c757d;
     opacity: 1
 }

 .form-control::-ms-input-placeholder {
     color: #6c757d;
     opacity: 1
 }

 .form-control::placeholder {
     color: #6c757d;
     opacity: 1
 }

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

 select.form-control:not([size]):not([multiple]) {
     height: calc(2.25rem + 2px)
 }

 select.form-control:focus::-ms-value {
     color: #495057;
     background-color: #fff
 }

 .form-control-file,
 .form-control-range {
     display: block;
     width: 100%
 }

 .col-form-label {
     padding-top: calc(.375rem + 1px);
     padding-bottom: calc(.375rem + 1px);
     margin-bottom: 0;
     font-size: inherit;
     line-height: 1.5
 }

 .col-form-label-lg {
     padding-top: calc(.5rem + 1px);
     padding-bottom: calc(.5rem + 1px);
     font-size: 1.25rem;
     line-height: 1.5
 }

 .col-form-label-sm {
     padding-top: calc(.25rem + 1px);
     padding-bottom: calc(.25rem + 1px);
     font-size: .875rem;
     line-height: 1.5
 }

 .form-control-plaintext {
     display: block;
     width: 100%;
     padding-top: .375rem;
     padding-bottom: .375rem;
     margin-bottom: 0;
     line-height: 1.5;
     background-color: #fff0;
     border: solid #fff0;
     border-width: 1px 0
 }

 .form-control-plaintext.form-control-lg,
 .form-control-plaintext.form-control-sm,
 .input-group-lg>.form-control-plaintext.form-control,
 .input-group-lg>.input-group-append>.form-control-plaintext.btn,
 .input-group-lg>.input-group-append>.form-control-plaintext.input-group-text,
 .input-group-lg>.input-group-prepend>.form-control-plaintext.btn,
 .input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text,
 .input-group-sm>.form-control-plaintext.form-control,
 .input-group-sm>.input-group-append>.form-control-plaintext.btn,
 .input-group-sm>.input-group-append>.form-control-plaintext.input-group-text,
 .input-group-sm>.input-group-prepend>.form-control-plaintext.btn,
 .input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text {
     padding-right: 0;
     padding-left: 0
 }

 .form-control-sm,
 .input-group-sm>.form-control,
 .input-group-sm>.input-group-append>.btn,
 .input-group-sm>.input-group-append>.input-group-text,
 .input-group-sm>.input-group-prepend>.btn,
 .input-group-sm>.input-group-prepend>.input-group-text {
     padding: .25rem .5rem;
     font-size: .875rem;
     line-height: 1.5;
     border-radius: .2rem
 }

 .input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]),
 .input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]),
 .input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]),
 .input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),
 .input-group-sm>select.form-control:not([size]):not([multiple]),
 select.form-control-sm:not([size]):not([multiple]) {
     height: calc(1.8125rem + 2px)
 }

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

 .input-group-lg>.input-group-append>select.btn:not([size]):not([multiple]),
 .input-group-lg>.input-group-append>select.input-group-text:not([size]):not([multiple]),
 .input-group-lg>.input-group-prepend>select.btn:not([size]):not([multiple]),
 .input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),
 .input-group-lg>select.form-control:not([size]):not([multiple]),
 select.form-control-lg:not([size]):not([multiple]) {
     height: calc(2.875rem + 2px)
 }

 .form-group {
     margin-bottom: 1rem
 }

 .form-text {
     display: block;
     margin-top: .25rem
 }

 .form-row {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-right: -5px;
     margin-left: -5px
 }

 .form-row>.col,
 .form-row>[class*=col-] {
     padding-right: 5px;
     padding-left: 5px
 }

 .form-check {
     position: relative;
     display: block;
     padding-left: 1.25rem
 }

 .form-check-input {
     position: absolute;
     margin-top: .3rem;
     margin-left: -1.25rem
 }

 .form-check-input:disabled~.form-check-label {
     color: #6c757d
 }

 .form-check-label {
     margin-bottom: 0
 }

 .form-check-inline {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding-left: 0;
     margin-right: .75rem
 }

 .form-check-inline .form-check-input {
     position: static;
     margin-top: 0;
     margin-right: .3125rem;
     margin-left: 0
 }

 .valid-feedback {
     display: none;
     width: 100%;
     margin-top: .25rem;
     font-size: 80%;
     color: #28a745
 }

 .valid-tooltip {
     position: absolute;
     top: 100%;
     z-index: 5;
     display: none;
     max-width: 100%;
     padding: .5rem;
     margin-top: .1rem;
     font-size: .875rem;
     line-height: 1;
     color: #fff;
     background-color: rgb(40 167 69 / .8);
     border-radius: .2rem
 }

 .custom-select.is-valid,
 .form-control.is-valid,
 .was-validated .custom-select:valid,
 .was-validated .form-control:valid {
     border-color: #28a745
 }

 .custom-select.is-valid:focus,
 .form-control.is-valid:focus,
 .was-validated .custom-select:valid:focus,
 .was-validated .form-control:valid:focus {
     border-color: #28a745;
     box-shadow: 0 0 0 .2rem rgb(40 167 69 / .25)
 }

 .custom-select.is-valid~.valid-feedback,
 .custom-select.is-valid~.valid-tooltip,
 .form-control.is-valid~.valid-feedback,
 .form-control.is-valid~.valid-tooltip,
 .was-validated .custom-select:valid~.valid-feedback,
 .was-validated .custom-select:valid~.valid-tooltip,
 .was-validated .form-control:valid~.valid-feedback,
 .was-validated .form-control:valid~.valid-tooltip {
     display: block
 }

 .form-check-input.is-valid~.form-check-label,
 .was-validated .form-check-input:valid~.form-check-label {
     color: #28a745
 }

 .form-check-input.is-valid~.valid-feedback,
 .form-check-input.is-valid~.valid-tooltip,
 .was-validated .form-check-input:valid~.valid-feedback,
 .was-validated .form-check-input:valid~.valid-tooltip {
     display: block
 }

 .custom-control-input.is-valid~.custom-control-label,
 .was-validated .custom-control-input:valid~.custom-control-label {
     color: #28a745
 }

 .custom-control-input.is-valid~.custom-control-label::before,
 .was-validated .custom-control-input:valid~.custom-control-label::before {
     background-color: #71dd8a
 }

 .custom-control-input.is-valid~.valid-feedback,
 .custom-control-input.is-valid~.valid-tooltip,
 .was-validated .custom-control-input:valid~.valid-feedback,
 .was-validated .custom-control-input:valid~.valid-tooltip {
     display: block
 }

 .custom-control-input.is-valid:checked~.custom-control-label::before,
 .was-validated .custom-control-input:valid:checked~.custom-control-label::before {
     background-color: #34ce57
 }

 .custom-control-input.is-valid:focus~.custom-control-label::before,
 .was-validated .custom-control-input:valid:focus~.custom-control-label::before {
     box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgb(40 167 69 / .25)
 }

 .custom-file-input.is-valid~.custom-file-label,
 .was-validated .custom-file-input:valid~.custom-file-label {
     border-color: #28a745
 }

 .custom-file-input.is-valid~.custom-file-label::before,
 .was-validated .custom-file-input:valid~.custom-file-label::before {
     border-color: inherit
 }

 .custom-file-input.is-valid~.valid-feedback,
 .custom-file-input.is-valid~.valid-tooltip,
 .was-validated .custom-file-input:valid~.valid-feedback,
 .was-validated .custom-file-input:valid~.valid-tooltip {
     display: block
 }

 .custom-file-input.is-valid:focus~.custom-file-label,
 .was-validated .custom-file-input:valid:focus~.custom-file-label {
     box-shadow: 0 0 0 .2rem rgb(40 167 69 / .25)
 }

 .invalid-feedback {
     display: none;
     width: 100%;
     margin-top: .25rem;
     font-size: 80%;
     color: #dc3545
 }

 .invalid-tooltip {
     position: absolute;
     top: 100%;
     z-index: 5;
     display: none;
     max-width: 100%;
     padding: .5rem;
     margin-top: .1rem;
     font-size: .875rem;
     line-height: 1;
     color: #fff;
     background-color: rgb(220 53 69 / .8);
     border-radius: .2rem
 }

 .custom-select.is-invalid,
 .form-control.is-invalid,
 .was-validated .custom-select:invalid,
 .was-validated .form-control:invalid {
     border-color: #dc3545
 }

 .custom-select.is-invalid:focus,
 .form-control.is-invalid:focus,
 .was-validated .custom-select:invalid:focus,
 .was-validated .form-control:invalid:focus {
     border-color: #dc3545;
     box-shadow: 0 0 0 .2rem rgb(220 53 69 / .25)
 }

 .custom-select.is-invalid~.invalid-feedback,
 .custom-select.is-invalid~.invalid-tooltip,
 .form-control.is-invalid~.invalid-feedback,
 .form-control.is-invalid~.invalid-tooltip,
 .was-validated .custom-select:invalid~.invalid-feedback,
 .was-validated .custom-select:invalid~.invalid-tooltip,
 .was-validated .form-control:invalid~.invalid-feedback,
 .was-validated .form-control:invalid~.invalid-tooltip {
     display: block
 }

 .form-check-input.is-invalid~.form-check-label,
 .was-validated .form-check-input:invalid~.form-check-label {
     color: #dc3545
 }

 .form-check-input.is-invalid~.invalid-feedback,
 .form-check-input.is-invalid~.invalid-tooltip,
 .was-validated .form-check-input:invalid~.invalid-feedback,
 .was-validated .form-check-input:invalid~.invalid-tooltip {
     display: block
 }

 .custom-control-input.is-invalid~.custom-control-label,
 .was-validated .custom-control-input:invalid~.custom-control-label {
     color: #dc3545
 }

 .custom-control-input.is-invalid~.custom-control-label::before,
 .was-validated .custom-control-input:invalid~.custom-control-label::before {
     background-color: #efa2a9
 }

 .custom-control-input.is-invalid~.invalid-feedback,
 .custom-control-input.is-invalid~.invalid-tooltip,
 .was-validated .custom-control-input:invalid~.invalid-feedback,
 .was-validated .custom-control-input:invalid~.invalid-tooltip {
     display: block
 }

 .custom-control-input.is-invalid:checked~.custom-control-label::before,
 .was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
     background-color: #e4606d
 }

 .custom-control-input.is-invalid:focus~.custom-control-label::before,
 .was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
     box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgb(220 53 69 / .25)
 }

 .custom-file-input.is-invalid~.custom-file-label,
 .was-validated .custom-file-input:invalid~.custom-file-label {
     border-color: #dc3545
 }

 .custom-file-input.is-invalid~.custom-file-label::before,
 .was-validated .custom-file-input:invalid~.custom-file-label::before {
     border-color: inherit
 }

 .custom-file-input.is-invalid~.invalid-feedback,
 .custom-file-input.is-invalid~.invalid-tooltip,
 .was-validated .custom-file-input:invalid~.invalid-feedback,
 .was-validated .custom-file-input:invalid~.invalid-tooltip {
     display: block
 }

 .custom-file-input.is-invalid:focus~.custom-file-label,
 .was-validated .custom-file-input:invalid:focus~.custom-file-label {
     box-shadow: 0 0 0 .2rem rgb(220 53 69 / .25)
 }

 .form-inline {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-flow: row wrap;
     flex-flow: row wrap;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
 }

 .form-inline .form-check {
     width: 100%
 }

 @media(min-width:576px) {
     .form-inline label {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         margin-bottom: 0
     }

     .form-inline .form-group {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-flex: 0;
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-flow: row wrap;
         flex-flow: row wrap;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         margin-bottom: 0
     }

     .form-inline .form-control {
         display: inline-block;
         width: auto;
         vertical-align: middle
     }

     .form-inline .form-control-plaintext {
         display: inline-block
     }

     .form-inline .input-group {
         width: auto
     }

     .form-inline .form-check {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         width: auto;
         padding-left: 0
     }

     .form-inline .form-check-input {
         position: relative;
         margin-top: 0;
         margin-right: .25rem;
         margin-left: 0
     }

     .form-inline .custom-control {
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center
     }

     .form-inline .custom-control-label {
         margin-bottom: 0
     }
 }

 .btn:focus,
 .btn:hover {
     text-decoration: none
 }

 .btn.focus,
 .btn:focus {
     outline: 0;
     box-shadow: 0 0 0 .2rem rgb(0 123 255 / .25)
 }

 .btn.disabled,
 .btn:disabled {
     opacity: .65
 }

 .btn:not(:disabled):not(.disabled).active,
 .btn:not(:disabled):not(.disabled):active {
     background-image: none
 }

 a.btn.disabled,
 fieldset:disabled a.btn {
     pointer-events: none
 }

 .btn-primary:hover {
     color: #fff;
     background-color: #0069d9;
     border-color: #0062cc
 }

 .btn-primary.focus,
 .btn-primary:focus {
     box-shadow: 0 0 0 .2rem rgb(0 123 255 / .5)
 }

 .btn-primary.disabled,
 .btn-primary:disabled {
     color: #fff;
     background-color: #007bff;
     border-color: #007bff
 }

 .btn-primary:not(:disabled):not(.disabled).active,
 .btn-primary:not(:disabled):not(.disabled):active,
 .show>.btn-primary.dropdown-toggle {
     color: #fff;
     background-color: #0062cc;
     border-color: #005cbf
 }

 .btn-primary:not(:disabled):not(.disabled).active:focus,
 .btn-primary:not(:disabled):not(.disabled):active:focus,
 .show>.btn-primary.dropdown-toggle:focus {
     box-shadow: 0 0 0 .2rem rgb(0 123 255 / .5)
 }

 .btn-secondary {
     color: #fff;
     background-color: #6c757d;
     border-color: #6c757d
 }

 .btn-secondary:hover {
     color: #fff;
     background-color: #5a6268;
     border-color: #545b62
 }

 .btn-secondary.focus,
 .btn-secondary:focus {
     box-shadow: 0 0 0 .2rem rgb(108 117 125 / .5)
 }

 .btn-secondary.disabled,
 .btn-secondary:disabled {
     color: #fff;
     background-color: #6c757d;
     border-color: #6c757d
 }

 .btn-secondary:not(:disabled):not(.disabled).active,
 .btn-secondary:not(:disabled):not(.disabled):active,
 .show>.btn-secondary.dropdown-toggle {
     color: #fff;
     background-color: #545b62;
     border-color: #4e555b
 }

 .btn-secondary:not(:disabled):not(.disabled).active:focus,
 .btn-secondary:not(:disabled):not(.disabled):active:focus,
 .show>.btn-secondary.dropdown-toggle:focus {
     box-shadow: 0 0 0 .2rem rgb(108 117 125 / .5)
 }

 .btn-success {
     color: #fff;
     background-color: #28a745;
     border-color: #28a745
 }

 .btn-success:hover {
     color: #fff;
     background-color: #218838;
     border-color: #1e7e34
 }

 .btn-success.focus,
 .btn-success:focus {
     box-shadow: 0 0 0 .2rem rgb(40 167 69 / .5)
 }

 .btn-success.disabled,
 .btn-success:disabled {
     color: #fff;
     background-color: #28a745;
     border-color: #28a745
 }

 .btn-success:not(:disabled):not(.disabled).active,
 .btn-success:not(:disabled):not(.disabled):active,
 .show>.btn-success.dropdown-toggle {
     color: #fff;
     background-color: #1e7e34;
     border-color: #1c7430
 }

 .btn-success:not(:disabled):not(.disabled).active:focus,
 .btn-success:not(:disabled):not(.disabled):active:focus,
 .show>.btn-success.dropdown-toggle:focus {
     box-shadow: 0 0 0 .2rem rgb(40 167 69 / .5)
 }

 .btn-info {
     color: #fff;
     background-color: #17a2b8;
     border-color: #17a2b8
 }

 .btn-info:hover {
     color: #fff;
     background-color: #138496;
     border-color: #117a8b
 }

 .btn-info.focus,
 .btn-info:focus {
     box-shadow: 0 0 0 .2rem rgb(23 162 184 / .5)
 }

 .btn-info.disabled,
 .btn-info:disabled {
     color: #fff;
     background-color: #17a2b8;
     border-color: #17a2b8
 }

 .btn-info:not(:disabled):not(.disabled).active,
 .btn-info:not(:disabled):not(.disabled):active,
 .show>.btn-info.dropdown-toggle {
     color: #fff;
     background-color: #117a8b;
     border-color: #10707f
 }

 .btn-info:not(:disabled):not(.disabled).active:focus,
 .btn-info:not(:disabled):not(.disabled):active:focus,
 .show>.btn-info.dropdown-toggle:focus {
     box-shadow: 0 0 0 .2rem rgb(23 162 184 / .5)
 }

 .btn-warning {
     color: #212529;
     background-color: #ffc107;
     border-color: #ffc107
 }

 .btn-warning:hover {
     color: #212529;
     background-color: #e0a800;
     border-color: #d39e00
 }

 .btn-warning.focus,
 .btn-warning:focus {
     box-shadow: 0 0 0 .2rem rgb(255 193 7 / .5)
 }

 .btn-warning.disabled,
 .btn-warning:disabled {
     color: #212529;
     background-color: #ffc107;
     border-color: #ffc107
 }

 .btn-warning:not(:disabled):not(.disabled).active,
 .btn-warning:not(:disabled):not(.disabled):active,
 .show>.btn-warning.dropdown-toggle {
     color: #212529;
     background-color: #d39e00;
     border-color: #c69500
 }

 .btn-warning:not(:disabled):not(.disabled).active:focus,
 .btn-warning:not(:disabled):not(.disabled):active:focus,
 .show>.btn-warning.dropdown-toggle:focus {
     box-shadow: 0 0 0 .2rem rgb(255 193 7 / .5)
 }

 .btn-danger {
     color: #fff;
     background-color: #dc3545;
     border-color: #dc3545
 }

 .btn-danger:hover {
     color: #fff;
     background-color: #c82333;
     border-color: #bd2130
 }

 .btn-danger.focus,
 .btn-danger:focus {
     box-shadow: 0 0 0 .2rem rgb(220 53 69 / .5)
 }

 .btn-danger.disabled,
 .btn-danger:disabled {
     color: #fff;
     background-color: #dc3545;
     border-color: #dc3545
 }

 .btn-danger:not(:disabled):not(.disabled).active,
 .btn-danger:not(:disabled):not(.disabled):active,
 .show>.btn-danger.dropdown-toggle {
     color: #fff;
     background-color: #bd2130;
     border-color: #b21f2d
 }

 .btn-danger:not(:disabled):not(.disabled).active:focus,
 .btn-danger:not(:disabled):not(.disabled):active:focus,
 .show>.btn-danger.dropdown-toggle:focus {
     box-shadow: 0 0 0 .2rem rgb(220 53 69 / .5)
 }

 .btn-light {
     color: #212529;
     background-color: #f8f9fa;
     border-color: #f8f9fa
 }

 .btn-light:hover {
     color: #212529;
     background-color: #e2e6ea;
     border-color: #dae0e5
 }

 .btn-light.focus,
 .btn-light:focus {
     box-shadow: 0 0 0 .2rem rgb(248 249 250 / .5)
 }

 .btn-light.disabled,
 .btn-light:disabled {
     color: #212529;
     background-color: #f8f9fa;
     border-color: #f8f9fa
 }

 .btn-light:not(:disabled):not(.disabled).active,
 .btn-light:not(:disabled):not(.disabled):active,
 .show>.btn-light.dropdown-toggle {
     color: #212529;
     background-color: #dae0e5;
     border-color: #d3d9df
 }

 .btn-light:not(:disabled):not(.disabled).active:focus,
 .btn-light:not(:disabled):not(.disabled):active:focus,
 .show>.btn-light.dropdown-toggle:focus {
     box-shadow: 0 0 0 .2rem rgb(248 249 250 / .5)
 }

 .btn-dark {
     color: #fff;
     background-color: #343a40;
     border-color: #343a40
 }

 .btn-dark:hover {
     color: #fff;
     background-color: #23272b;
     border-color: #1d2124
 }

 .btn-dark.focus,
 .btn-dark:focus {
     box-shadow: 0 0 0 .2rem rgb(52 58 64 / .5)
 }

 .btn-dark.disabled,
 .btn-dark:disabled {
     color: #fff;
     background-color: #343a40;
     border-color: #343a40
 }

 .btn-dark:not(:disabled):not(.disabled).active,
 .btn-dark:not(:disabled):not(.disabled):active,
 .show>.btn-dark.dropdown-toggle {
     color: #fff;
     background-color: #1d2124;
     border-color: #171a1d
 }

 .btn-dark:not(:disabled):not(.disabled).active:focus,
 .btn-dark:not(:disabled):not(.disabled):active:focus,
 .show>.btn-dark.dropdown-toggle:focus {
     box-shadow: 0 0 0 .2rem rgb(52 58 64 / .5)
 }

 .btn-outline-primary {
     color: #007bff;
     background-color: #fff0;
     background-image: none;
     border-color: #007bff
 }

 .btn-outline-primary:hover {
     color: #fff;
     background-color: #007bff;
     border-color: #007bff
 }

 .btn-outline-primary.focus,
 .btn-outline-primary:focus {
     box-shadow: 0 0 0 .2rem rgb(0 123 255 / .5)
 }

 .btn-outline-primary.disabled,
 .btn-outline-primary:disabled {
     color: #007bff;
     background-color: #fff0
 }

 .btn-outline-primary:not(:disabled):not(.disabled).active,
 .btn-outline-primary:not(:disabled):not(.disabled):active,
 .show>.btn-outline-primary.dropdown-toggle {
     color: #fff;
     background-color: #007bff;
     border-color: #007bff
 }

 .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
 .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
 .show>.btn-outline-primary.dropdown-toggle:focus {
     box-shadow: 0 0 0 .2rem rgb(0 123 255 / .5)
 }

 .btn-outline-secondary {
     color: #6c757d;
     background-color: #fff0;
     background-image: none;
     border-color: #6c757d
 }

 .btn-outline-secondary:hover {
     color: #fff;
     background-color: #6c757d;
     border-color: #6c757d
 }

 .btn-outline-secondary.focus,
 .btn-outline-secondary:focus {
     box-shadow: 0 0 0 .2rem rgb(108 117 125 / .5)
 }

 .btn-outline-secondary.disabled,
 .btn-outline-secondary:disabled {
     color: #6c757d;
     background-color: #fff0
 }

 .btn-outline-secondary:not(:disabled):not(.disabled).active,
 .btn-outline-secondary:not(:disabled):not(.disabled):active,
 .show>.btn-outline-secondary.dropdown-toggle {
     color: #fff;
     background-color: #6c757d;
     border-color: #6c757d
 }

 .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
 .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
 .show>.btn-outline-secondary.dropdown-toggle:focus {
     box-shadow: 0 0 0 .2rem rgb(108 117 125 / .5)
 }

 .btn-outline-success {
     color: #28a745;
     background-color: #fff0;
     background-image: none;
     border-color: #28a745
 }

 .btn-outline-success:hover {
     color: #fff;
     background-color: #28a745;
     border-color: #28a745
 }

 .btn-outline-success.focus,
 .btn-outline-success:focus {
     box-shadow: 0 0 0 .2rem rgb(40 167 69 / .5)
 }

 .btn-outline-success.disabled,
 .btn-outline-success:disabled {
     color: #28a745;
     background-color: #fff0
 }

 .btn-outline-success:not(:disabled):not(.disabled).active,
 .btn-outline-success:not(:disabled):not(.disabled):active,
 .show>.btn-outline-success.dropdown-toggle {
     color: #fff;
     background-color: #28a745;
     border-color: #28a745
 }

 .btn-outline-success:not(:disabled):not(.disabled).active:focus,
 .btn-outline-success:not(:disabled):not(.disabled):active:focus,
 .show>.btn-outline-success.dropdown-toggle:focus {
     box-shadow: 0 0 0 .2rem rgb(40 167 69 / .5)
 }

 .btn-outline-info {
     color: #17a2b8;
     background-color: #fff0;
     background-image: none;
     border-color: #17a2b8
 }

 .btn-outline-info:hover {
     color: #fff;
     background-color: #17a2b8;
     border-color: #17a2b8
 }

 .btn-outline-info.focus,
 .btn-outline-info:focus {
     box-shadow: 0 0 0 .2rem rgb(23 162 184 / .5)
 }

 .btn-outline-info.disabled,
 .btn-outline-info:disabled {
     color: #17a2b8;
     background-color: #fff0
 }

 .btn-outline-info:not(:disabled):not(.disabled).active,
 .btn-outline-info:not(:disabled):not(.disabled):active,
 .show>.btn-outline-info.dropdown-toggle {
     color: #fff;
     background-color: #17a2b8;
     border-color: #17a2b8
 }

 .btn-outline-info:not(:disabled):not(.disabled).active:focus,
 .btn-outline-info:not(:disabled):not(.disabled):active:focus,
 .show>.btn-outline-info.dropdown-toggle:focus {
     box-shadow: 0 0 0 .2rem rgb(23 162 184 / .5)
 }

 .btn-outline-warning {
     color: #ffc107;
     background-color: #fff0;
     background-image: none;
     border-color: #ffc107
 }

 .btn-outline-warning:hover {
     color: #212529;
     background-color: #ffc107;
     border-color: #ffc107
 }

 .btn-outline-warning.focus,
 .btn-outline-warning:focus {
     box-shadow: 0 0 0 .2rem rgb(255 193 7 / .5)
 }

 .btn-outline-warning.disabled,
 .btn-outline-warning:disabled {
     color: #ffc107;
     background-color: #fff0
 }

 .btn-outline-warning:not(:disabled):not(.disabled).active,
 .btn-outline-warning:not(:disabled):not(.disabled):active,
 .show>.btn-outline-warning.dropdown-toggle {
     color: #212529;
     background-color: #ffc107;
     border-color: #ffc107
 }

 .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
 .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
 .show>.btn-outline-warning.dropdown-toggle:focus {
     box-shadow: 0 0 0 .2rem rgb(255 193 7 / .5)
 }

 .btn-outline-danger {
     color: #dc3545;
     background-color: #fff0;
     background-image: none;
     border-color: #dc3545
 }

 .btn-outline-danger:hover {
     color: #fff;
     background-color: #dc3545;
     border-color: #dc3545
 }

 .btn-outline-danger.focus,
 .btn-outline-danger:focus {
     box-shadow: 0 0 0 .2rem rgb(220 53 69 / .5)
 }

 .btn-outline-danger.disabled,
 .btn-outline-danger:disabled {
     color: #dc3545;
     background-color: #fff0
 }

 .btn-outline-danger:not(:disabled):not(.disabled).active,
 .btn-outline-danger:not(:disabled):not(.disabled):active,
 .show>.btn-outline-danger.dropdown-toggle {
     color: #fff;
     background-color: #dc3545;
     border-color: #dc3545
 }

 .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
 .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
 .show>.btn-outline-danger.dropdown-toggle:focus {
     box-shadow: 0 0 0 .2rem rgb(220 53 69 / .5)
 }

 .btn-outline-light {
     color: #f8f9fa;
     background-color: #fff0;
     background-image: none;
     border-color: #f8f9fa
 }

 .btn-outline-light:hover {
     color: #212529;
     background-color: #f8f9fa;
     border-color: #f8f9fa
 }

 .btn-outline-light.focus,
 .btn-outline-light:focus {
     box-shadow: 0 0 0 .2rem rgb(248 249 250 / .5)
 }

 .btn-outline-light.disabled,
 .btn-outline-light:disabled {
     color: #f8f9fa;
     background-color: #fff0
 }

 .btn-outline-light:not(:disabled):not(.disabled).active,
 .btn-outline-light:not(:disabled):not(.disabled):active,
 .show>.btn-outline-light.dropdown-toggle {
     color: #212529;
     background-color: #f8f9fa;
     border-color: #f8f9fa
 }

 .btn-outline-light:not(:disabled):not(.disabled).active:focus,
 .btn-outline-light:not(:disabled):not(.disabled):active:focus,
 .show>.btn-outline-light.dropdown-toggle:focus {
     box-shadow: 0 0 0 .2rem rgb(248 249 250 / .5)
 }

 .btn-outline-dark {
     color: #343a40;
     background-color: #fff0;
     background-image: none;
     border-color: #343a40
 }

 .btn-outline-dark:hover {
     color: #fff;
     background-color: #343a40;
     border-color: #343a40
 }

 .btn-outline-dark.focus,
 .btn-outline-dark:focus {
     box-shadow: 0 0 0 .2rem rgb(52 58 64 / .5)
 }

 .btn-outline-dark.disabled,
 .btn-outline-dark:disabled {
     color: #343a40;
     background-color: #fff0
 }

 .btn-outline-dark:not(:disabled):not(.disabled).active,
 .btn-outline-dark:not(:disabled):not(.disabled):active,
 .show>.btn-outline-dark.dropdown-toggle {
     color: #fff;
     background-color: #343a40;
     border-color: #343a40
 }

 .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
 .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
 .show>.btn-outline-dark.dropdown-toggle:focus {
     box-shadow: 0 0 0 .2rem rgb(52 58 64 / .5)
 }

 .btn-link {
     font-weight: 400;
     color: #007bff;
     background-color: #fff0
 }

 .btn-link:hover {
     color: #0056b3;
     text-decoration: underline;
     background-color: #fff0;
     border-color: #fff0
 }

 .btn-link.focus,
 .btn-link:focus {
     text-decoration: underline;
     border-color: #fff0;
     box-shadow: none
 }

 .btn-link.disabled,
 .btn-link:disabled {
     color: #6c757d
 }

 .btn-group-lg>.btn,
 .btn-lg {
     padding: .5rem 1rem;
     font-size: 1.25rem;
     line-height: 1.5;
     border-radius: .3rem
 }

 .btn-group-sm>.btn,
 .btn-sm {
     padding: .25rem .5rem;
     font-size: .875rem;
     line-height: 1.5;
     border-radius: .2rem
 }

 .btn-block {
     display: block;
     width: 100%
 }

 .btn-block+.btn-block {
     margin-top: .5rem
 }

 input[type=button].btn-block,
 input[type=reset].btn-block,
 input[type=submit].btn-block {
     width: 100%
 }

 .fade {
     opacity: 0;
     transition: opacity .15s linear
 }

 .fade.show {
     opacity: 1
 }

 .collapse {
     display: none
 }

 .collapse.show {
     display: block
 }

 tr.collapse.show {
     display: table-row
 }

 tbody.collapse.show {
     display: table-row-group
 }

 .collapsing {
     position: relative;
     height: 0;
     overflow: hidden;
     transition: height .35s ease
 }

 .dropdown,
 .dropup {
     position: relative
 }

 .dropdown-toggle::after {
     display: inline-block;
     width: 0;
     height: 0;
     margin-left: .255em;
     vertical-align: .255em;
     content: "";
     border-top: .3em solid;
     border-right: .3em solid #fff0;
     border-bottom: 0;
     border-left: .3em solid #fff0
 }

 .dropdown-toggle:empty::after {
     margin-left: 0
 }

 .dropdown-menu {
     position: absolute;
     top: 100%;
     left: 0;
     z-index: 1000;
     display: none;
     float: left;
     min-width: 10rem;
     padding: .5rem 0;
     margin: .125rem 0 0;
     font-size: 1rem;
     color: #212529;
     text-align: left;
     list-style: none;
     background-color: #fff;
     background-clip: padding-box;
     border: 1px solid rgb(0 0 0 / .15);
     border-radius: .25rem
 }

 .dropup .dropdown-menu {
     margin-top: 0;
     margin-bottom: .125rem
 }

 .dropup .dropdown-toggle::after {
     display: inline-block;
     width: 0;
     height: 0;
     margin-left: .255em;
     vertical-align: .255em;
     content: "";
     border-top: 0;
     border-right: .3em solid #fff0;
     border-bottom: .3em solid;
     border-left: .3em solid #fff0
 }

 .dropup .dropdown-toggle:empty::after {
     margin-left: 0
 }

 .dropright .dropdown-menu {
     margin-top: 0;
     margin-left: .125rem
 }

 .dropright .dropdown-toggle::after {
     display: inline-block;
     width: 0;
     height: 0;
     margin-left: .255em;
     vertical-align: .255em;
     content: "";
     border-top: .3em solid #fff0;
     border-bottom: .3em solid #fff0;
     border-left: .3em solid
 }

 .dropright .dropdown-toggle:empty::after {
     margin-left: 0
 }

 .dropright .dropdown-toggle::after {
     vertical-align: 0
 }

 .dropleft .dropdown-menu {
     margin-top: 0;
     margin-right: .125rem
 }

 .dropleft .dropdown-toggle::after {
     display: inline-block;
     width: 0;
     height: 0;
     margin-left: .255em;
     vertical-align: .255em;
     content: ""
 }

 .dropleft .dropdown-toggle::after {
     display: none
 }

 .dropleft .dropdown-toggle::before {
     display: inline-block;
     width: 0;
     height: 0;
     margin-right: .255em;
     vertical-align: .255em;
     content: "";
     border-top: .3em solid #fff0;
     border-right: .3em solid;
     border-bottom: .3em solid #fff0
 }

 .dropleft .dropdown-toggle:empty::after {
     margin-left: 0
 }

 .dropleft .dropdown-toggle::before {
     vertical-align: 0
 }

 .dropdown-divider {
     height: 0;
     margin: .5rem 0;
     overflow: hidden;
     border-top: 1px solid #e9ecef
 }

 .dropdown-item {
     display: block;
     width: 100%;
     padding: .25rem 1.5rem;
     clear: both;
     font-weight: 400;
     color: #212529;
     text-align: inherit;
     white-space: nowrap;
     background-color: #fff0;
     border: 0
 }

 .dropdown-item:focus,
 .dropdown-item:hover {
     color: #16181b;
     text-decoration: none;
     background-color: #f8f9fa
 }

 .dropdown-item.active,
 .dropdown-item:active {
     color: #fff;
     text-decoration: none;
     background-color: #007bff
 }

 .dropdown-item.disabled,
 .dropdown-item:disabled {
     color: #6c757d;
     background-color: #fff0
 }

 .dropdown-menu.show {
     display: block
 }

 .dropdown-header {
     display: block;
     padding: .5rem 1.5rem;
     margin-bottom: 0;
     font-size: .875rem;
     color: #6c757d;
     white-space: nowrap
 }

 .btn-group,
 .btn-group-vertical {
     position: relative;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     vertical-align: middle
 }

 .btn-group-vertical>.btn,
 .btn-group>.btn {
     position: relative;
     -webkit-box-flex: 0;
     -ms-flex: 0 1 auto;
     flex: 0 1 auto
 }

 .btn-group-vertical>.btn:hover,
 .btn-group>.btn:hover {
     z-index: 1
 }

 .btn-group-vertical>.btn.active,
 .btn-group-vertical>.btn:active,
 .btn-group-vertical>.btn:focus,
 .btn-group>.btn.active,
 .btn-group>.btn:active,
 .btn-group>.btn:focus {
     z-index: 1
 }

 .btn-group .btn+.btn,
 .btn-group .btn+.btn-group,
 .btn-group .btn-group+.btn,
 .btn-group .btn-group+.btn-group,
 .btn-group-vertical .btn+.btn,
 .btn-group-vertical .btn+.btn-group,
 .btn-group-vertical .btn-group+.btn,
 .btn-group-vertical .btn-group+.btn-group {
     margin-left: -1px
 }

 .btn-toolbar {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start
 }

 .btn-toolbar .input-group {
     width: auto
 }

 .btn-group>.btn:first-child {
     margin-left: 0
 }

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

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

 .dropdown-toggle-split {
     padding-right: .5625rem;
     padding-left: .5625rem
 }

 .dropdown-toggle-split::after {
     margin-left: 0
 }

 .btn-group-sm>.btn+.dropdown-toggle-split,
 .btn-sm+.dropdown-toggle-split {
     padding-right: .375rem;
     padding-left: .375rem
 }

 .btn-group-lg>.btn+.dropdown-toggle-split,
 .btn-lg+.dropdown-toggle-split {
     padding-right: .75rem;
     padding-left: .75rem
 }

 .btn-group-vertical {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center
 }

 .btn-group-vertical .btn,
 .btn-group-vertical .btn-group {
     width: 100%
 }

 .btn-group-vertical>.btn+.btn,
 .btn-group-vertical>.btn+.btn-group,
 .btn-group-vertical>.btn-group+.btn,
 .btn-group-vertical>.btn-group+.btn-group {
     margin-top: -1px;
     margin-left: 0
 }

 .btn-group-vertical>.btn-group:not(:last-child)>.btn,
 .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0
 }

 .btn-group-vertical>.btn-group:not(:first-child)>.btn,
 .btn-group-vertical>.btn:not(:first-child) {
     border-top-left-radius: 0;
     border-top-right-radius: 0
 }

 .btn-group-toggle>.btn,
 .btn-group-toggle>.btn-group>.btn {
     margin-bottom: 0
 }

 .btn-group-toggle>.btn input[type=checkbox],
 .btn-group-toggle>.btn input[type=radio],
 .btn-group-toggle>.btn-group>.btn input[type=checkbox],
 .btn-group-toggle>.btn-group>.btn input[type=radio] {
     position: absolute;
     clip: rect(0, 0, 0, 0);
     pointer-events: none
 }

 .input-group {
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
     align-items: stretch;
     width: 100%
 }

 .input-group>.custom-file,
 .input-group>.custom-select,
 .input-group>.form-control {
     position: relative;
     -webkit-box-flex: 1;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
     width: 1%;
     margin-bottom: 0
 }

 .input-group>.custom-file:focus,
 .input-group>.custom-select:focus,
 .input-group>.form-control:focus {
     z-index: 3
 }

 .input-group>.custom-file+.custom-file,
 .input-group>.custom-file+.custom-select,
 .input-group>.custom-file+.form-control,
 .input-group>.custom-select+.custom-file,
 .input-group>.custom-select+.custom-select,
 .input-group>.custom-select+.form-control,
 .input-group>.form-control+.custom-file,
 .input-group>.form-control+.custom-select,
 .input-group>.form-control+.form-control {
     margin-left: -1px
 }

 .input-group>.custom-select:not(:last-child),
 .input-group>.form-control:not(:last-child) {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0
 }

 .input-group>.custom-select:not(:first-child),
 .input-group>.form-control:not(:first-child) {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0
 }

 .input-group>.custom-file {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
 }

 .input-group>.custom-file:not(:last-child) .custom-file-label,
 .input-group>.custom-file:not(:last-child) .custom-file-label::before {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0
 }

 .input-group>.custom-file:not(:first-child) .custom-file-label,
 .input-group>.custom-file:not(:first-child) .custom-file-label::before {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0
 }

 .input-group-append,
 .input-group-prepend {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex
 }

 .input-group-append .btn,
 .input-group-prepend .btn {
     position: relative;
     z-index: 2
 }

 .input-group-append .btn+.btn,
 .input-group-append .btn+.input-group-text,
 .input-group-append .input-group-text+.btn,
 .input-group-append .input-group-text+.input-group-text,
 .input-group-prepend .btn+.btn,
 .input-group-prepend .btn+.input-group-text,
 .input-group-prepend .input-group-text+.btn,
 .input-group-prepend .input-group-text+.input-group-text {
     margin-left: -1px
 }

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

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

 .input-group-text {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: .375rem .75rem;
     margin-bottom: 0;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: #495057;
     text-align: center;
     white-space: nowrap;
     background-color: #e9ecef;
     border: 1px solid #ced4da;
     border-radius: .25rem
 }

 .input-group-text input[type=checkbox],
 .input-group-text input[type=radio] {
     margin-top: 0
 }

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

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

 .custom-control {
     position: relative;
     display: block;
     min-height: 1.5rem;
     padding-left: 1.5rem
 }

 .custom-control-inline {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     margin-right: 1rem
 }

 .custom-control-input {
     position: absolute;
     z-index: -1;
     opacity: 0
 }

 .custom-control-input:checked~.custom-control-label::before {
     color: #fff;
     background-color: #007bff
 }

 .custom-control-input:focus~.custom-control-label::before {
     box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgb(0 123 255 / .25)
 }

 .custom-control-input:active~.custom-control-label::before {
     color: #fff;
     background-color: #b3d7ff
 }

 .custom-control-input:disabled~.custom-control-label {
     color: #6c757d
 }

 .custom-control-input:disabled~.custom-control-label::before {
     background-color: #e9ecef
 }

 .custom-control-label {
     margin-bottom: 0
 }

 .custom-control-label::before {
     position: absolute;
     top: .25rem;
     left: 0;
     display: block;
     width: 1rem;
     height: 1rem;
     pointer-events: none;
     content: "";
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     background-color: #dee2e6
 }

 .custom-control-label::after {
     position: absolute;
     top: .25rem;
     left: 0;
     display: block;
     width: 1rem;
     height: 1rem;
     content: "";
     background-repeat: no-repeat;
     background-position: center center;
     background-size: 50% 50%
 }

 .custom-checkbox .custom-control-label::before {
     border-radius: .25rem
 }

 .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
     background-color: #007bff
 }

 .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='0088'%3E%3Cpathfill='%23fff'd='M6.564.75l-3.593.612-1.538-1.55L04.262.9747.2582.193z'/%3E%3C/svg%3E")
 }

 .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
     background-color: #007bff
 }

 .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='0044'%3E%3Cpathstroke='%23fff'd='M02h4'/%3E%3C/svg%3E")
 }

 .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
     background-color: rgb(0 123 255 / .5)
 }

 .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
     background-color: rgb(0 123 255 / .5)
 }

 .custom-radio .custom-control-label::before {
     border-radius: 50%
 }

 .custom-radio .custom-control-input:checked~.custom-control-label::before {
     background-color: #007bff
 }

 .custom-radio .custom-control-input:checked~.custom-control-label::after {
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='-4-488'%3E%3Ccircler='3'fill='%23fff'/%3E%3C/svg%3E")
 }

 .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
     background-color: rgb(0 123 255 / .5)
 }

 .custom-select {
     display: inline-block;
     width: 100%;
     height: calc(2.25rem + 2px);
     padding: .375rem 1.75rem .375rem .75rem;
     line-height: 1.5;
     color: #495057;
     vertical-align: middle;
     background: #fff url("data:image/svg+xml;charset=utf8,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='0045'%3E%3Cpathfill='%23343a40'd='M20L02h4zm05L03h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
     background-size: 8px 10px;
     border: 1px solid #ced4da;
     border-radius: .25rem;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none
 }

 .custom-select:focus {
     border-color: #80bdff;
     outline: 0;
     box-shadow: inset 0 1px 2px rgb(0 0 0 / .075), 0 0 5px rgb(128 189 255 / .5)
 }

 .custom-select:focus::-ms-value {
     color: #495057;
     background-color: #fff
 }

 .custom-select[multiple],
 .custom-select[size]:not([size="1"]) {
     height: auto;
     padding-right: .75rem;
     background-image: none
 }

 .custom-select:disabled {
     color: #6c757d;
     background-color: #e9ecef
 }

 .custom-select::-ms-expand {
     opacity: 0
 }

 .custom-select-sm {
     height: calc(1.8125rem + 2px);
     padding-top: .375rem;
     padding-bottom: .375rem;
     font-size: 75%
 }

 .custom-select-lg {
     height: calc(2.875rem + 2px);
     padding-top: .375rem;
     padding-bottom: .375rem;
     font-size: 125%
 }

 .custom-file {
     position: relative;
     display: inline-block;
     width: 100%;
     height: calc(2.25rem + 2px);
     margin-bottom: 0
 }

 .custom-file-input {
     position: relative;
     z-index: 2;
     width: 100%;
     height: calc(2.25rem + 2px);
     margin: 0;
     opacity: 0
 }

 .custom-file-input:focus~.custom-file-control {
     border-color: #80bdff;
     box-shadow: 0 0 0 .2rem rgb(0 123 255 / .25)
 }

 .custom-file-input:focus~.custom-file-control::before {
     border-color: #80bdff
 }

 .custom-file-input:lang(en)~.custom-file-label::after {
     content: "Browse"
 }

 .custom-file-label {
     position: absolute;
     top: 0;
     right: 0;
     left: 0;
     z-index: 1;
     height: calc(2.25rem + 2px);
     padding: .375rem .75rem;
     line-height: 1.5;
     color: #495057;
     background-color: #fff;
     border: 1px solid #ced4da;
     border-radius: .25rem
 }

 .custom-file-label::after {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     z-index: 3;
     display: block;
     height: calc(calc(2.25rem + 2px) - 1px * 2);
     padding: .375rem .75rem;
     line-height: 1.5;
     color: #495057;
     content: "Browse";
     background-color: #e9ecef;
     border-left: 1px solid #ced4da;
     border-radius: 0 .25rem .25rem 0
 }

 .nav {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     padding-left: 0;
     margin-bottom: 0;
     list-style: none
 }

 .nav-link {
     display: block;
     padding: .5rem 1rem
 }

 .nav-link:focus,
 .nav-link:hover {
     text-decoration: none
 }

 .nav-link.disabled {
     color: #6c757d
 }

 .nav-tabs {
     border-bottom: 1px solid #dee2e6
 }

 .nav-tabs .nav-item {
     margin-bottom: -1px
 }

 .nav-tabs .nav-link {
     border: 1px solid #fff0;
     border-top-left-radius: .25rem;
     border-top-right-radius: .25rem
 }

 .nav-tabs .nav-link:focus,
 .nav-tabs .nav-link:hover {
     border-color: #e9ecef #e9ecef #dee2e6
 }

 .nav-tabs .nav-link.disabled {
     color: #6c757d;
     background-color: #fff0;
     border-color: #fff0
 }

 .nav-tabs .nav-item.show .nav-link,
 .nav-tabs .nav-link.active {
     color: #495057;
     background-color: #fff;
     border-color: #dee2e6 #dee2e6 #fff
 }

 .nav-tabs .dropdown-menu {
     margin-top: -1px;
     border-top-left-radius: 0;
     border-top-right-radius: 0
 }

 .nav-pills .nav-link {
     border-radius: .25rem
 }

 .nav-pills .nav-link.active,
 .nav-pills .show>.nav-link {
     color: #fff;
     background-color: #007bff
 }

 .nav-fill .nav-item {
     -webkit-box-flex: 1;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
     text-align: center
 }

 .nav-justified .nav-item {
     -ms-flex-preferred-size: 0;
     flex-basis: 0%;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     text-align: center
 }

 .tab-content>.tab-pane {
     display: none
 }

 .tab-content>.active {
     display: block
 }

 .navbar {
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     padding: .5rem 1rem
 }

 .navbar>.container,
 .navbar>.container-fluid {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between
 }

 .navbar-brand {
     display: inline-block;
     padding-top: .3125rem;
     padding-bottom: .3125rem;
     margin-right: 1rem;
     font-size: 1.25rem;
     line-height: inherit;
     white-space: nowrap
 }

 .navbar-brand:focus,
 .navbar-brand:hover {
     text-decoration: none
 }

 .navbar-nav {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     padding-left: 0;
     margin-bottom: 0;
     list-style: none
 }

 .navbar-nav .nav-link {
     padding-right: 0;
     padding-left: 0
 }

 .navbar-nav .dropdown-menu {
     position: static;
     float: none
 }

 .navbar-text {
     display: inline-block;
     padding-top: .5rem;
     padding-bottom: .5rem
 }

 .navbar-collapse {
     -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
 }

 .navbar-toggler {
     padding: .25rem .75rem;
     font-size: 1.25rem;
     line-height: 1;
     background-color: #fff0;
     border: 1px solid #fff0;
     border-radius: .25rem
 }

 .navbar-toggler:focus,
 .navbar-toggler:hover {
     text-decoration: none
 }

 .navbar-toggler:not(:disabled):not(.disabled) {
     cursor: pointer
 }

 .navbar-toggler-icon {
     display: inline-block;
     width: 1.5em;
     height: 1.5em;
     vertical-align: middle;
     content: "";
     background: no-repeat center center;
     background-size: 100% 100%
 }

 @media(max-width:575.98px) {

     .navbar-expand-sm>.container,
     .navbar-expand-sm>.container-fluid {
         padding-right: 0;
         padding-left: 0
     }
 }

 @media(min-width:576px) {
     .navbar-expand-sm {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-flow: row nowrap;
         flex-flow: row nowrap;
         -webkit-box-pack: start;
         -ms-flex-pack: start;
         justify-content: flex-start
     }

     .navbar-expand-sm .navbar-nav {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row
     }

     .navbar-expand-sm .navbar-nav .dropdown-menu {
         position: absolute
     }

     .navbar-expand-sm .navbar-nav .dropdown-menu-right {
         right: 0;
         left: auto
     }

     .navbar-expand-sm .navbar-nav .nav-link {
         padding-right: .5rem;
         padding-left: .5rem
     }

     .navbar-expand-sm>.container,
     .navbar-expand-sm>.container-fluid {
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap
     }

     .navbar-expand-sm .navbar-collapse {
         display: -webkit-box !important;
         display: -ms-flexbox !important;
         display: flex !important;
         -ms-flex-preferred-size: auto;
         flex-basis: auto
     }

     .navbar-expand-sm .navbar-toggler {
         display: none
     }

     .navbar-expand-sm .dropup .dropdown-menu {
         top: auto;
         bottom: 100%
     }
 }

 @media(max-width:767.98px) {

     .navbar-expand-md>.container,
     .navbar-expand-md>.container-fluid {
         padding-right: 0;
         padding-left: 0
     }

     .d_content.book {
         padding-top: 0
     }

     #quiz-section {
         padding-bottom: 20px !important
     }
 }

 @media(min-width:768px) {
     .navbar-expand-md {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-flow: row nowrap;
         flex-flow: row nowrap;
         -webkit-box-pack: start;
         -ms-flex-pack: start;
         justify-content: flex-start
     }

     .navbar-expand-md .navbar-nav {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row
     }

     .navbar-expand-md .navbar-nav .dropdown-menu {
         position: absolute
     }

     .navbar-expand-md .navbar-nav .dropdown-menu-right {
         right: 0;
         left: auto
     }

     .navbar-expand-md .navbar-nav .nav-link {
         padding-right: .5rem;
         padding-left: .5rem
     }

     .navbar-expand-md>.container,
     .navbar-expand-md>.container-fluid {
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap
     }

     .navbar-expand-md .navbar-collapse {
         display: -webkit-box !important;
         display: -ms-flexbox !important;
         display: flex !important;
         -ms-flex-preferred-size: auto;
         flex-basis: auto
     }

     .navbar-expand-md .navbar-toggler {
         display: none
     }

     .navbar-expand-md .dropup .dropdown-menu {
         top: auto;
         bottom: 100%
     }
 }

 @media(max-width:991.98px) {

     .navbar-expand-lg>.container,
     .navbar-expand-lg>.container-fluid {
         padding-right: 0;
         padding-left: 0
     }
 }

 @media(min-width:992px) {
     .navbar-expand-lg {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-flow: row nowrap;
         flex-flow: row nowrap;
         -webkit-box-pack: start;
         -ms-flex-pack: start;
         justify-content: flex-start
     }

     .navbar-expand-lg .navbar-nav {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row
     }

     .navbar-expand-lg .navbar-nav .dropdown-menu {
         position: absolute
     }

     .navbar-expand-lg .navbar-nav .dropdown-menu-right {
         right: 0;
         left: auto
     }

     .navbar-expand-lg .navbar-nav .nav-link {
         padding-right: .5rem;
         padding-left: .5rem
     }

     .navbar-expand-lg>.container,
     .navbar-expand-lg>.container-fluid {
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap
     }

     .navbar-expand-lg .navbar-collapse {
         display: -webkit-box !important;
         display: -ms-flexbox !important;
         display: flex !important;
         -ms-flex-preferred-size: auto;
         flex-basis: auto
     }

     .navbar-expand-lg .navbar-toggler {
         display: none
     }

     .navbar-expand-lg .dropup .dropdown-menu {
         top: auto;
         bottom: 100%
     }
 }

 @media(max-width:1199.98px) {

     .navbar-expand-xl>.container,
     .navbar-expand-xl>.container-fluid {
         padding-right: 0;
         padding-left: 0
     }
 }

 @media(min-width:1200px) {
     .navbar-expand-xl {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-flow: row nowrap;
         flex-flow: row nowrap;
         -webkit-box-pack: start;
         -ms-flex-pack: start;
         justify-content: flex-start
     }

     .navbar-expand-xl .navbar-nav {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row
     }

     .navbar-expand-xl .navbar-nav .dropdown-menu {
         position: absolute
     }

     .navbar-expand-xl .navbar-nav .dropdown-menu-right {
         right: 0;
         left: auto
     }

     .navbar-expand-xl .navbar-nav .nav-link {
         padding-right: .5rem;
         padding-left: .5rem
     }

     .navbar-expand-xl>.container,
     .navbar-expand-xl>.container-fluid {
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap
     }

     .navbar-expand-xl .navbar-collapse {
         display: -webkit-box !important;
         display: -ms-flexbox !important;
         display: flex !important;
         -ms-flex-preferred-size: auto;
         flex-basis: auto
     }

     .navbar-expand-xl .navbar-toggler {
         display: none
     }

     .navbar-expand-xl .dropup .dropdown-menu {
         top: auto;
         bottom: 100%
     }
 }

 .navbar-expand {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-flow: row nowrap;
     flex-flow: row nowrap;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start
 }

 .navbar-expand>.container,
 .navbar-expand>.container-fluid {
     padding-right: 0;
     padding-left: 0
 }

 .navbar-expand .navbar-nav {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row
 }

 .navbar-expand .navbar-nav .dropdown-menu {
     position: absolute
 }

 .navbar-expand .navbar-nav .dropdown-menu-right {
     right: 0;
     left: auto
 }

 .navbar-expand .navbar-nav .nav-link {
     padding-right: .5rem;
     padding-left: .5rem
 }

 .navbar-expand>.container,
 .navbar-expand>.container-fluid {
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap
 }

 .navbar-expand .navbar-collapse {
     display: -webkit-box !important;
     display: -ms-flexbox !important;
     display: flex !important;
     -ms-flex-preferred-size: auto;
     flex-basis: auto
 }

 .navbar-expand .navbar-toggler {
     display: none
 }

 .navbar-expand .dropup .dropdown-menu {
     top: auto;
     bottom: 100%
 }

 .navbar-light .navbar-brand {
     color: rgb(0 0 0 / .9)
 }

 .navbar-light .navbar-brand:focus,
 .navbar-light .navbar-brand:hover {
     color: rgb(0 0 0 / .9)
 }

 .navbar-light .navbar-nav .nav-link {
     color: rgb(0 0 0 / .5)
 }

 .navbar-light .navbar-nav .nav-link:focus,
 .navbar-light .navbar-nav .nav-link:hover {
     color: rgb(0 0 0 / .7)
 }

 .navbar-light .navbar-nav .nav-link.disabled {
     color: rgb(0 0 0 / .3)
 }

 .navbar-light .navbar-nav .active>.nav-link,
 .navbar-light .navbar-nav .nav-link.active,
 .navbar-light .navbar-nav .nav-link.show,
 .navbar-light .navbar-nav .show>.nav-link {
     color: rgb(0 0 0 / .9)
 }

 .navbar-light .navbar-toggler {
     color: rgb(0 0 0 / .5);
     border-color: rgb(0 0 0 / .1)
 }

 .navbar-light .navbar-toggler-icon {
     background-image: url("data:image/svg+xml;charset=utf8,%3CsvgviewBox='003030'xmlns='http://www.w3.org/2000/svg'%3E%3Cpathstroke='rgba(0,0,0,0.5)'stroke-width='2'stroke-linecap='round'stroke-miterlimit='10'd='M47h22M415h22M423h22'/%3E%3C/svg%3E")
 }

 .navbar-light .navbar-text {
     color: rgb(0 0 0 / .5)
 }

 .navbar-light .navbar-text a {
     color: rgb(0 0 0 / .9)
 }

 .navbar-light .navbar-text a:focus,
 .navbar-light .navbar-text a:hover {
     color: rgb(0 0 0 / .9)
 }

 .navbar-dark .navbar-brand {
     color: #fff
 }

 .navbar-dark .navbar-brand:focus,
 .navbar-dark .navbar-brand:hover {
     color: #fff
 }

 .navbar-dark .navbar-nav .nav-link {
     color: rgb(255 255 255 / .5)
 }

 .navbar-dark .navbar-nav .nav-link:focus,
 .navbar-dark .navbar-nav .nav-link:hover {
     color: rgb(255 255 255 / .75)
 }

 .navbar-dark .navbar-nav .nav-link.disabled {
     color: rgb(255 255 255 / .25)
 }

 .navbar-dark .navbar-nav .active>.nav-link,
 .navbar-dark .navbar-nav .nav-link.active,
 .navbar-dark .navbar-nav .nav-link.show,
 .navbar-dark .navbar-nav .show>.nav-link {
     color: #fff
 }

 .navbar-dark .navbar-toggler {
     color: rgb(255 255 255 / .5);
     border-color: rgb(255 255 255 / .1)
 }

 .navbar-dark .navbar-toggler-icon {
     background-image: url("data:image/svg+xml;charset=utf8,%3CsvgviewBox='003030'xmlns='http://www.w3.org/2000/svg'%3E%3Cpathstroke='rgba(255,255,255,0.5)'stroke-width='2'stroke-linecap='round'stroke-miterlimit='10'd='M47h22M415h22M423h22'/%3E%3C/svg%3E")
 }

 .navbar-dark .navbar-text {
     color: rgb(255 255 255 / .5)
 }

 .navbar-dark .navbar-text a {
     color: #fff
 }

 .navbar-dark .navbar-text a:focus,
 .navbar-dark .navbar-text a:hover {
     color: #fff
 }

 .card {
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-color: #fff;
     background-clip: border-box;
     border: 1px solid rgb(0 0 0 / .125);
     border-radius: .25rem
 }

 .card>hr {
     margin-right: 0;
     margin-left: 0
 }

 .card>.list-group:first-child .list-group-item:first-child {
     border-top-left-radius: .25rem;
     border-top-right-radius: .25rem
 }

 .card>.list-group:last-child .list-group-item:last-child {
     border-bottom-right-radius: .25rem;
     border-bottom-left-radius: .25rem
 }

 .card-body {
     -webkit-box-flex: 1;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
     padding: 1.25rem
 }

 .card-title {
     margin-bottom: .75rem
 }

 .card-subtitle {
     margin-top: -.375rem;
     margin-bottom: 0
 }

 .card-text:last-child {
     margin-bottom: 0
 }

 .card-link:hover {
     text-decoration: none
 }

 .card-link+.card-link {
     margin-left: 1.25rem
 }

 .card-header {
     padding: .75rem 1.25rem;
     margin-bottom: 0;
     background-color: rgb(0 0 0 / .03);
     border-bottom: 1px solid rgb(0 0 0 / .125)
 }

 .card-header:first-child {
     border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
 }

 .card-header+.list-group .list-group-item:first-child {
     border-top: 0
 }

 .card-footer {
     padding: .75rem 1.25rem;
     background-color: rgb(0 0 0 / .03);
     border-top: 1px solid rgb(0 0 0 / .125)
 }

 .card-footer:last-child {
     border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
 }

 .card-header-tabs {
     margin-right: -.625rem;
     margin-bottom: -.75rem;
     margin-left: -.625rem;
     border-bottom: 0
 }

 .card-header-pills {
     margin-right: -.625rem;
     margin-left: -.625rem
 }

 .card-img-overlay {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     padding: 1.25rem
 }

 .card-img {
     width: 100%;
     border-radius: calc(.25rem - 1px)
 }

 .card-img-top {
     width: 100%;
     border-top-left-radius: calc(.25rem - 1px);
     border-top-right-radius: calc(.25rem - 1px)
 }

 .card-img-bottom {
     width: 100%;
     border-bottom-right-radius: calc(.25rem - 1px);
     border-bottom-left-radius: calc(.25rem - 1px)
 }

 .card-deck {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column
 }

 .card-deck .card {
     margin-bottom: 15px
 }

 @media(min-width:576px) {
     .card-deck {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-flow: row wrap;
         flex-flow: row wrap;
         margin-right: -15px;
         margin-left: -15px
     }

     .card-deck .card {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-flex: 1;
         -ms-flex: 1 0 0%;
         flex: 1 0 0%;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         margin-right: 15px;
         margin-bottom: 0;
         margin-left: 15px
     }
 }

 .card-group {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column
 }

 .card-group>.card {
     margin-bottom: 15px
 }

 @media(min-width:576px) {
     .card-group {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-flow: row wrap;
         flex-flow: row wrap
     }

     .card-group>.card {
         -webkit-box-flex: 1;
         -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-header,
     .card-group>.card:first-child .card-img-top {
         border-top-right-radius: 0
     }

     .card-group>.card:first-child .card-footer,
     .card-group>.card:first-child .card-img-bottom {
         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-header,
     .card-group>.card:last-child .card-img-top {
         border-top-left-radius: 0
     }

     .card-group>.card:last-child .card-footer,
     .card-group>.card:last-child .card-img-bottom {
         border-bottom-left-radius: 0
     }

     .card-group>.card:only-child {
         border-radius: .25rem
     }

     .card-group>.card:only-child .card-header,
     .card-group>.card:only-child .card-img-top {
         border-top-left-radius: .25rem;
         border-top-right-radius: .25rem
     }

     .card-group>.card:only-child .card-footer,
     .card-group>.card:only-child .card-img-bottom {
         border-bottom-right-radius: .25rem;
         border-bottom-left-radius: .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-footer,
     .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-img-bottom,
     .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
         border-radius: 0
     }
 }

 .card-columns .card {
     margin-bottom: .75rem
 }

 @media(min-width:576px) {
     .card-columns {
         -webkit-column-count: 3;
         -moz-column-count: 3;
         column-count: 3;
         -webkit-column-gap: 1.25rem;
         -moz-column-gap: 1.25rem;
         column-gap: 1.25rem
     }

     .card-columns .card {
         display: inline-block;
         width: 100%
     }
 }

 .breadcrumb {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     padding: .75rem 1rem;
     margin-bottom: 1rem;
     list-style: none;
     background-color: #e9ecef;
     border-radius: .25rem
 }

 .breadcrumb-item+.breadcrumb-item::before {
     display: inline-block;
     padding-right: .5rem;
     padding-left: .5rem;
     color: #6c757d;
     content: "/"
 }

 .breadcrumb-item+.breadcrumb-item:hover::before {
     text-decoration: underline
 }

 .breadcrumb-item+.breadcrumb-item:hover::before {
     text-decoration: none
 }

 .breadcrumb-item.active {
     color: #6c757d
 }

 .pagination {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     padding-left: 0;
     list-style: none;
     border-radius: .25rem
 }

 .page-link {
     position: relative;
     display: block;
     padding: .5rem .75rem;
     margin-left: -1px;
     line-height: 1.25;
     color: #007bff;
     background-color: #fff;
     border: 1px solid #dee2e6
 }

 .page-link:hover {
     color: #0056b3;
     text-decoration: none;
     background-color: #e9ecef;
     border-color: #dee2e6
 }

 .page-link:focus {
     z-index: 2;
     outline: 0;
     box-shadow: 0 0 0 .2rem rgb(0 123 255 / .25)
 }

 .page-link:not(:disabled):not(.disabled) {
     cursor: pointer
 }

 .page-item:first-child .page-link {
     margin-left: 0;
     border-top-left-radius: .25rem;
     border-bottom-left-radius: .25rem
 }

 .page-item:last-child .page-link {
     border-top-right-radius: .25rem;
     border-bottom-right-radius: .25rem
 }

 .page-item.active .page-link {
     z-index: 1;
     color: #fff;
     background-color: #007bff;
     border-color: #007bff
 }

 .page-item.disabled .page-link {
     color: #6c757d;
     pointer-events: none;
     cursor: auto;
     background-color: #fff;
     border-color: #dee2e6
 }

 .pagination-lg .page-link {
     padding: .75rem 1.5rem;
     font-size: 1.25rem;
     line-height: 1.5
 }

 .pagination-lg .page-item:first-child .page-link {
     border-top-left-radius: .3rem;
     border-bottom-left-radius: .3rem
 }

 .pagination-lg .page-item:last-child .page-link {
     border-top-right-radius: .3rem;
     border-bottom-right-radius: .3rem
 }

 .pagination-sm .page-link {
     padding: .25rem .5rem;
     font-size: .875rem;
     line-height: 1.5
 }

 .pagination-sm .page-item:first-child .page-link {
     border-top-left-radius: .2rem;
     border-bottom-left-radius: .2rem
 }

 .pagination-sm .page-item:last-child .page-link {
     border-top-right-radius: .2rem;
     border-bottom-right-radius: .2rem
 }

 .badge {
     display: inline-block;
     padding: .25em .4em;
     font-size: 75%;
     font-weight: 700;
     line-height: 1;
     text-align: center;
     white-space: nowrap;
     vertical-align: baseline;
     border-radius: .25rem
 }

 .badge:empty {
     display: none
 }

 .btn .badge {
     position: relative;
     top: -1px
 }

 .badge-pill {
     padding-right: .6em;
     padding-left: .6em;
     border-radius: 10rem
 }

 .badge-primary {
     color: #fff;
     background-color: #007bff
 }

 .badge-primary[href]:focus,
 .badge-primary[href]:hover {
     color: #fff;
     text-decoration: none;
     background-color: #0062cc
 }

 .badge-secondary {
     color: #fff;
     background-color: #6c757d
 }

 .badge-secondary[href]:focus,
 .badge-secondary[href]:hover {
     color: #fff;
     text-decoration: none;
     background-color: #545b62
 }

 .badge-success {
     color: #fff;
     background-color: #28a745
 }

 .badge-success[href]:focus,
 .badge-success[href]:hover {
     color: #fff;
     text-decoration: none;
     background-color: #1e7e34
 }

 .badge-info {
     color: #fff;
     background-color: #17a2b8
 }

 .badge-info[href]:focus,
 .badge-info[href]:hover {
     color: #fff;
     text-decoration: none;
     background-color: #117a8b
 }

 .badge-warning {
     color: #212529;
     background-color: #ffc107
 }

 .badge-warning[href]:focus,
 .badge-warning[href]:hover {
     color: #212529;
     text-decoration: none;
     background-color: #d39e00
 }

 .badge-danger {
     color: #fff;
     background-color: #dc3545
 }

 .badge-danger[href]:focus,
 .badge-danger[href]:hover {
     color: #fff;
     text-decoration: none;
     background-color: #bd2130
 }

 .badge-light {
     color: #212529;
     background-color: #f8f9fa
 }

 .badge-light[href]:focus,
 .badge-light[href]:hover {
     color: #212529;
     text-decoration: none;
     background-color: #dae0e5
 }

 .badge-dark {
     color: #fff;
     background-color: #343a40
 }

 .badge-dark[href]:focus,
 .badge-dark[href]:hover {
     color: #fff;
     text-decoration: none;
     background-color: #1d2124
 }

 .jumbotron {
     padding: 2rem 1rem;
     margin-bottom: 2rem;
     background-color: #e9ecef;
     border-radius: .3rem
 }

 @media(min-width:576px) {
     .jumbotron {
         padding: 4rem 2rem
     }
 }

 .jumbotron-fluid {
     padding-right: 0;
     padding-left: 0;
     border-radius: 0
 }

 .alert-heading {
     color: inherit
 }

 .alert-link {
     font-weight: 700
 }

 .alert-dismissible {
     padding-right: 4rem
 }

 .alert-dismissible .close {
     position: absolute;
     top: 0;
     right: 0;
     padding: .75rem 1.25rem;
     color: inherit
 }

 .alert-primary {
     color: #004085;
     background-color: #cce5ff;
     border-color: #b8daff
 }

 .alert-primary hr {
     border-top-color: #9fcdff
 }

 .alert-primary .alert-link {
     color: #002752
 }

 .alert-secondary {
     color: #383d41;
     background-color: #e2e3e5;
     border-color: #d6d8db
 }

 .alert-secondary hr {
     border-top-color: #c8cbcf
 }

 .alert-secondary .alert-link {
     color: #202326
 }

 .alert-success {
     color: #155724;
     background-color: #d4edda;
     border-color: #c3e6cb
 }

 .alert-success hr {
     border-top-color: #b1dfbb
 }

 .alert-success .alert-link {
     color: #0b2e13
 }

 .alert-info hr {
     border-top-color: #abdde5
 }

 .alert-info .alert-link {
     color: #062c33
 }

 .alert-warning {
     color: #856404;
     background-color: #fff3cd;
     border-color: #ffeeba
 }

 .alert-warning hr {
     border-top-color: #ffe8a1
 }

 .alert-warning .alert-link {
     color: #533f03
 }

 .alert-danger hr {
     border-top-color: #f1b0b7
 }

 .alert-danger .alert-link {
     color: #491217
 }

 .alert-light {
     color: #818182;
     background-color: #fefefe;
     border-color: #fdfdfe
 }

 .alert-light hr {
     border-top-color: #ececf6
 }

 .alert-light .alert-link {
     color: #686868
 }

 .alert-dark {
     color: #1b1e21;
     background-color: #d6d8d9;
     border-color: #c6c8ca
 }

 .alert-dark hr {
     border-top-color: #b9bbbe
 }

 .alert-dark .alert-link {
     color: #040505
 }

 @-webkit-keyframes progress-bar-stripes {
     from {
         background-position: 1rem 0
     }

     to {
         background-position: 0 0
     }
 }

 @keyframes progress-bar-stripes {
     from {
         background-position: 1rem 0
     }

     to {
         background-position: 0 0
     }
 }

 .progress {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     height: 1rem;
     overflow: hidden;
     font-size: .75rem;
     background-color: #e9ecef;
     border-radius: .25rem
 }

 .progress-bar {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     color: #fff;
     text-align: center;
     background-color: #007bff;
     transition: width .6s ease
 }

 .progress-bar-striped {
     background-image: linear-gradient(45deg, rgb(255 255 255 / .15) 25%, transparent 25%, transparent 50%, rgb(255 255 255 / .15) 50%, rgb(255 255 255 / .15) 75%, transparent 75%, transparent);
     background-size: 1rem 1rem
 }

 .progress-bar-animated {
     -webkit-animation: progress-bar-stripes 1s linear infinite;
     animation: progress-bar-stripes 1s linear infinite
 }

 .media {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start
 }

 .media-body {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1
 }

 .list-group {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     padding-left: 0;
     margin-bottom: 0
 }

 .list-group-item-action {
     width: 100%;
     color: #495057;
     text-align: inherit
 }

 .list-group-item-action:focus,
 .list-group-item-action:hover {
     color: #495057;
     text-decoration: none;
     background-color: #f8f9fa
 }

 .list-group-item-action:active {
     color: #212529;
     background-color: #e9ecef
 }

 .list-group-item {
     position: relative;
     display: block;
     padding: .75rem 1.25rem;
     margin-bottom: -1px;
     background-color: #fff;
     border: 1px solid rgb(0 0 0 / .125)
 }

 .list-group-item:first-child {
     border-top-left-radius: .25rem;
     border-top-right-radius: .25rem
 }

 .list-group-item:last-child {
     margin-bottom: 0;
     border-bottom-right-radius: .25rem;
     border-bottom-left-radius: .25rem
 }

 .list-group-item:focus,
 .list-group-item:hover {
     z-index: 1;
     text-decoration: none
 }

 .list-group-item.disabled,
 .list-group-item:disabled {
     color: #6c757d;
     background-color: #fff
 }

 .list-group-item.active {
     z-index: 2;
     color: #fff;
     background-color: #007bff;
     border-color: #007bff
 }

 .list-group-flush .list-group-item {
     border-right: 0;
     border-left: 0;
     border-radius: 0
 }

 .list-group-flush:first-child .list-group-item:first-child {
     border-top: 0
 }

 .list-group-flush:last-child .list-group-item:last-child {
     border-bottom: 0
 }

 .list-group-item-primary {
     color: #004085;
     background-color: #b8daff
 }

 .list-group-item-primary.list-group-item-action:focus,
 .list-group-item-primary.list-group-item-action:hover {
     color: #004085;
     background-color: #9fcdff
 }

 .list-group-item-primary.list-group-item-action.active {
     color: #fff;
     background-color: #004085;
     border-color: #004085
 }

 .list-group-item-secondary {
     color: #383d41;
     background-color: #d6d8db
 }

 .list-group-item-secondary.list-group-item-action:focus,
 .list-group-item-secondary.list-group-item-action:hover {
     color: #383d41;
     background-color: #c8cbcf
 }

 .list-group-item-secondary.list-group-item-action.active {
     color: #fff;
     background-color: #383d41;
     border-color: #383d41
 }

 .list-group-item-success {
     color: #155724;
     background-color: #c3e6cb
 }

 .list-group-item-success.list-group-item-action:focus,
 .list-group-item-success.list-group-item-action:hover {
     color: #155724;
     background-color: #b1dfbb
 }

 .list-group-item-success.list-group-item-action.active {
     color: #fff;
     background-color: #155724;
     border-color: #155724
 }

 .list-group-item-info {
     color: #0c5460;
     background-color: #bee5eb
 }

 .list-group-item-info.list-group-item-action:focus,
 .list-group-item-info.list-group-item-action:hover {
     color: #0c5460;
     background-color: #abdde5
 }

 .list-group-item-info.list-group-item-action.active {
     color: #fff;
     background-color: #0c5460;
     border-color: #0c5460
 }

 .list-group-item-warning {
     color: #856404;
     background-color: #ffeeba
 }

 .list-group-item-warning.list-group-item-action:focus,
 .list-group-item-warning.list-group-item-action:hover {
     color: #856404;
     background-color: #ffe8a1
 }

 .list-group-item-warning.list-group-item-action.active {
     color: #fff;
     background-color: #856404;
     border-color: #856404
 }

 .list-group-item-danger {
     color: #721c24;
     background-color: #f5c6cb
 }

 .list-group-item-danger.list-group-item-action:focus,
 .list-group-item-danger.list-group-item-action:hover {
     color: #721c24;
     background-color: #f1b0b7
 }

 .list-group-item-danger.list-group-item-action.active {
     color: #fff;
     background-color: #721c24;
     border-color: #721c24
 }

 .list-group-item-light {
     color: #818182;
     background-color: #fdfdfe
 }

 .list-group-item-light.list-group-item-action:focus,
 .list-group-item-light.list-group-item-action:hover {
     color: #818182;
     background-color: #ececf6
 }

 .list-group-item-light.list-group-item-action.active {
     color: #fff;
     background-color: #818182;
     border-color: #818182
 }

 .list-group-item-dark {
     color: #1b1e21;
     background-color: #c6c8ca
 }

 .list-group-item-dark.list-group-item-action:focus,
 .list-group-item-dark.list-group-item-action:hover {
     color: #1b1e21;
     background-color: #b9bbbe
 }

 .list-group-item-dark.list-group-item-action.active {
     color: #fff;
     background-color: #1b1e21;
     border-color: #1b1e21
 }

 .close {
     float: right;
     font-size: 1.5rem;
     font-weight: 700;
     line-height: 1;
     color: #000;
     text-shadow: 0 1px 0 #fff;
     opacity: .5
 }

 .close:focus,
 .close:hover {
     color: #000;
     text-decoration: none;
     opacity: .75
 }

 .close:not(:disabled):not(.disabled) {
     cursor: pointer
 }

 button.close {
     padding: 0;
     background-color: #fff0;
     border: 0;
     -webkit-appearance: none
 }

 .modal-open {
     overflow: hidden
 }

 .modal {
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1050;
     display: none;
     overflow: hidden;
     outline: 0
 }

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

 .modal-dialog {
     position: relative;
     width: auto;
     margin: .5rem;
     pointer-events: none
 }

 .modal.fade .modal-dialog {
     transition: -webkit-transform .3s ease-out;
     transition: transform .3s ease-out;
     transition: transform .3s ease-out, -webkit-transform .3s ease-out;
     -webkit-transform: translate(0, -25%);
     transform: translate(0, -25%)
 }

 .modal.show .modal-dialog {
     -webkit-transform: translate(0, 0);
     transform: translate(0, 0)
 }

 .modal-dialog-centered {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     min-height: calc(100% - (.5rem * 2))
 }

 .modal-content {
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     width: 100%;
     pointer-events: auto;
     background-color: #fff;
     background-clip: padding-box;
     border: 1px solid rgb(0 0 0 / .2);
     border-radius: .3rem;
     outline: 0
 }

 .modal-backdrop {
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1040;
     background-color: #000
 }

 .modal-backdrop.fade {
     opacity: 0
 }

 .modal-backdrop.show {
     opacity: .5
 }

 .modal-header {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     padding: 1rem;
     border-bottom: 1px solid #e9ecef;
     border-top-left-radius: .3rem;
     border-top-right-radius: .3rem
 }

 .modal-header .close {
     padding: 1rem;
     margin: -1rem -1rem -1rem auto
 }

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

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

 .modal-footer {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
     padding: 1rem;
     border-top: 1px solid #e9ecef
 }

 .modal-footer>:not(:first-child) {
     margin-left: .25rem
 }

 .modal-footer>:not(:last-child) {
     margin-right: .25rem
 }

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

 .tooltipIcon {
     background: #bfffb3;
     width: 20px;
     height: 20px;
     border-radius: 100%;
     padding: 5px
 }

 .tooltipIcon img {
     display: block
 }

 span.tooltipboxtext {
     visibility: hidden;
     width: 200px;
     background-color: #caf1ff;
     text-align: center;
     border-radius: 6px;
     padding: 10px 10px;
     position: absolute;
     z-index: 1;
     bottom: 125%;
     left: 50%;
     transform: translateX(-50%);
     font-size: 12px !important;
     text-transform: lowercase;
     font-weight: 400;
     line-height: 12px
 }

 .account_btn {
     background: none;
     padding: 0px !important
 }

 .item-box.clientLeader {
     width: 50%
 }

 .tooltipbox:hover .tooltipboxtext {
     visibility: visible
 }

 .tooltipbox {
     position: relative;
     display: inline-block
 }

 @media(min-width:576px) {
     .modal-dialog {
         max-width: 500px;
         margin: 1.75rem auto
     }

     .modal-dialog-centered {
         min-height: calc(100% - (1.75rem * 2))
     }

     .modal-sm {
         max-width: 300px
     }
 }

 @media(min-width:992px) {
     .modal-lg {
         max-width: 800px
     }
 }

 .tooltip.show {
     opacity: .9
 }

 .tooltip .arrow {
     position: absolute;
     display: block;
     width: .8rem;
     height: .4rem
 }

 .tooltip .arrow::before {
     position: absolute;
     content: "";
     border-color: #fff0;
     border-style: solid
 }

 .bs-tooltip-auto[x-placement^=top],
 .bs-tooltip-top {
     padding: .4rem 0
 }

 .bs-tooltip-auto[x-placement^=top] .arrow,
 .bs-tooltip-top .arrow {
     bottom: 0
 }

 .bs-tooltip-auto[x-placement^=top] .arrow::before,
 .bs-tooltip-top .arrow::before {
     top: 0;
     border-width: .4rem .4rem 0;
     border-top-color: #000
 }

 .bs-tooltip-auto[x-placement^=right],
 .bs-tooltip-right {
     padding: 0 .4rem
 }

 .bs-tooltip-auto[x-placement^=right] .arrow,
 .bs-tooltip-right .arrow {
     left: 0;
     width: .4rem;
     height: .8rem
 }

 .bs-tooltip-auto[x-placement^=right] .arrow::before,
 .bs-tooltip-right .arrow::before {
     right: 0;
     border-width: .4rem .4rem .4rem 0;
     border-right-color: #000
 }

 .bs-tooltip-auto[x-placement^=bottom],
 .bs-tooltip-bottom {
     padding: .4rem 0
 }

 .bs-tooltip-auto[x-placement^=bottom] .arrow,
 .bs-tooltip-bottom .arrow {
     top: 0
 }

 .bs-tooltip-auto[x-placement^=bottom] .arrow::before,
 .bs-tooltip-bottom .arrow::before {
     bottom: 0;
     border-width: 0 .4rem .4rem;
     border-bottom-color: #000
 }

 .bs-tooltip-auto[x-placement^=left],
 .bs-tooltip-left {
     padding: 0 .4rem
 }

 .bs-tooltip-auto[x-placement^=left] .arrow,
 .bs-tooltip-left .arrow {
     right: 0;
     width: .4rem;
     height: .8rem
 }

 .bs-tooltip-auto[x-placement^=left] .arrow::before,
 .bs-tooltip-left .arrow::before {
     left: 0;
     border-width: .4rem 0 .4rem .4rem;
     border-left-color: #000
 }

 .tooltip-inner {
     max-width: 200px;
     padding: .25rem .5rem;
     color: #fff;
     text-align: center;
     background-color: #000;
     border-radius: .25rem
 }

 .popover {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 1060;
     display: block;
     max-width: 276px;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
     font-style: normal;
     font-weight: 400;
     line-height: 1.5;
     text-align: left;
     text-align: start;
     text-decoration: none;
     text-shadow: none;
     text-transform: none;
     letter-spacing: normal;
     word-break: normal;
     word-spacing: normal;
     white-space: normal;
     line-break: auto;
     font-size: .875rem;
     word-wrap: break-word;
     background-color: #fff;
     background-clip: padding-box;
     border: 1px solid rgb(0 0 0 / .2);
     border-radius: .3rem
 }

 .popover .arrow {
     position: absolute;
     display: block;
     width: 1rem;
     height: .5rem;
     margin: 0 .3rem
 }

 .popover .arrow::after,
 .popover .arrow::before {
     position: absolute;
     display: block;
     content: "";
     border-color: #fff0;
     border-style: solid
 }

 .bs-popover-auto[x-placement^=top],
 .bs-popover-top {
     margin-bottom: .5rem
 }

 .bs-popover-auto[x-placement^=top] .arrow,
 .bs-popover-top .arrow {
     bottom: calc((.5rem + 1px) * -1)
 }

 .bs-popover-auto[x-placement^=top] .arrow::after,
 .bs-popover-auto[x-placement^=top] .arrow::before,
 .bs-popover-top .arrow::after,
 .bs-popover-top .arrow::before {
     border-width: .5rem .5rem 0
 }

 .bs-popover-auto[x-placement^=top] .arrow::before,
 .bs-popover-top .arrow::before {
     bottom: 0;
     border-top-color: rgb(0 0 0 / .25)
 }

 .bs-popover-auto[x-placement^=top] .arrow::after,
 .bs-popover-top .arrow::after {
     bottom: 1px;
     border-top-color: #fff
 }

 .bs-popover-auto[x-placement^=right],
 .bs-popover-right {
     margin-left: .5rem
 }

 .bs-popover-auto[x-placement^=right] .arrow,
 .bs-popover-right .arrow {
     left: calc((.5rem + 1px) * -1);
     width: .5rem;
     height: 1rem;
     margin: .3rem 0
 }

 .bs-popover-auto[x-placement^=right] .arrow::after,
 .bs-popover-auto[x-placement^=right] .arrow::before,
 .bs-popover-right .arrow::after,
 .bs-popover-right .arrow::before {
     border-width: .5rem .5rem .5rem 0
 }

 .bs-popover-auto[x-placement^=right] .arrow::before,
 .bs-popover-right .arrow::before {
     left: 0;
     border-right-color: rgb(0 0 0 / .25)
 }

 .bs-popover-auto[x-placement^=right] .arrow::after,
 .bs-popover-right .arrow::after {
     left: 1px;
     border-right-color: #fff
 }

 .bs-popover-auto[x-placement^=bottom],
 .bs-popover-bottom {
     margin-top: .5rem
 }

 .bs-popover-auto[x-placement^=bottom] .arrow,
 .bs-popover-bottom .arrow {
     top: calc((.5rem + 1px) * -1)
 }

 .bs-popover-auto[x-placement^=bottom] .arrow::after,
 .bs-popover-auto[x-placement^=bottom] .arrow::before,
 .bs-popover-bottom .arrow::after,
 .bs-popover-bottom .arrow::before {
     border-width: 0 .5rem .5rem .5rem
 }

 .bs-popover-auto[x-placement^=bottom] .arrow::before,
 .bs-popover-bottom .arrow::before {
     top: 0;
     border-bottom-color: rgb(0 0 0 / .25)
 }

 .bs-popover-auto[x-placement^=bottom] .arrow::after,
 .bs-popover-bottom .arrow::after {
     top: 1px;
     border-bottom-color: #fff
 }

 .bs-popover-auto[x-placement^=bottom] .popover-header::before,
 .bs-popover-bottom .popover-header::before {
     position: absolute;
     top: 0;
     left: 50%;
     display: block;
     width: 1rem;
     margin-left: -.5rem;
     content: "";
     border-bottom: 1px solid #f7f7f7
 }

 .bs-popover-auto[x-placement^=left],
 .bs-popover-left {
     margin-right: .5rem
 }

 .bs-popover-auto[x-placement^=left] .arrow,
 .bs-popover-left .arrow {
     right: calc((.5rem + 1px) * -1);
     width: .5rem;
     height: 1rem;
     margin: .3rem 0
 }

 .bs-popover-auto[x-placement^=left] .arrow::after,
 .bs-popover-auto[x-placement^=left] .arrow::before,
 .bs-popover-left .arrow::after,
 .bs-popover-left .arrow::before {
     border-width: .5rem 0 .5rem .5rem
 }

 .bs-popover-auto[x-placement^=left] .arrow::before,
 .bs-popover-left .arrow::before {
     right: 0;
     border-left-color: rgb(0 0 0 / .25)
 }

 .bs-popover-auto[x-placement^=left] .arrow::after,
 .bs-popover-left .arrow::after {
     right: 1px;
     border-left-color: #fff
 }

 .popover-header {
     padding: .5rem .75rem;
     margin-bottom: 0;
     font-size: 1rem;
     color: inherit;
     background-color: #f7f7f7;
     border-bottom: 1px solid #ebebeb;
     border-top-left-radius: calc(.3rem - 1px);
     border-top-right-radius: calc(.3rem - 1px)
 }

 .popover-header:empty {
     display: none
 }

 .popover-body {
     padding: .5rem .75rem;
     color: #212529
 }

 .carousel-inner {
     position: relative;
     width: 100%;
     overflow: hidden
 }

 .carousel-item {
     position: relative;
     display: none;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     width: 100%;
     transition: -webkit-transform .6s ease;
     transition: transform .6s ease;
     transition: transform .6s ease, -webkit-transform .6s ease;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -webkit-perspective: 1000px;
     perspective: 1000px
 }

 .carousel-item-next,
 .carousel-item-prev,
 .carousel-item.active {
     display: block
 }

 .carousel-item-next,
 .carousel-item-prev {
     position: absolute;
     top: 0
 }

 .carousel-item-next.carousel-item-left,
 .carousel-item-prev.carousel-item-right {
     -webkit-transform: translateX(0);
     transform: translateX(0)
 }

 @supports((-webkit-transform-style:preserve-3d) or(transform-style:preserve-3d)) {

     .carousel-item-next.carousel-item-left,
     .carousel-item-prev.carousel-item-right {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }
 }

 .active.carousel-item-right,
 .carousel-item-next {
     -webkit-transform: translateX(100%);
     transform: translateX(100%)
 }

 @supports((-webkit-transform-style:preserve-3d) or(transform-style:preserve-3d)) {

     .active.carousel-item-right,
     .carousel-item-next {
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0)
     }
 }

 .active.carousel-item-left,
 .carousel-item-prev {
     -webkit-transform: translateX(-100%);
     transform: translateX(-100%)
 }

 @supports((-webkit-transform-style:preserve-3d) or(transform-style:preserve-3d)) {

     .active.carousel-item-left,
     .carousel-item-prev {
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0)
     }
 }

 .carousel-control-next,
 .carousel-control-prev {
     position: absolute;
     top: 0;
     bottom: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     width: 15%;
     color: #fff;
     text-align: center;
     opacity: .5
 }

 .carousel-control-next:focus,
 .carousel-control-next:hover,
 .carousel-control-prev:focus,
 .carousel-control-prev:hover {
     color: #fff;
     text-decoration: none;
     outline: 0;
     opacity: .9
 }

 .carousel-control-prev {
     left: 0
 }

 .carousel-control-next {
     right: 0
 }

 .carousel-control-next-icon,
 .carousel-control-prev-icon {
     display: inline-block;
     width: 20px;
     height: 20px;
     background: #fff0 no-repeat center center;
     background-size: 100% 100%
 }

 .carousel-control-prev-icon {
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvgxmlns='http://www.w3.org/2000/svg'fill='%23fff'viewBox='0088'%3E%3Cpathd='M5.250l-44441.5-1.5-2.5-2.52.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
 }

 .carousel-control-next-icon {
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvgxmlns='http://www.w3.org/2000/svg'fill='%23fff'viewBox='0088'%3E%3Cpathd='M2.750l-1.51.52.52.5-2.52.51.51.54-4-4-4z'/%3E%3C/svg%3E")
 }

 .carousel-indicators {
     position: absolute;
     right: 0;
     bottom: 10px;
     left: 0;
     z-index: 15;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     padding-left: 0;
     margin-right: 15%;
     margin-left: 15%;
     list-style: none
 }

 .carousel-indicators li {
     position: relative;
     -webkit-box-flex: 0;
     -ms-flex: 0 1 auto;
     flex: 0 1 auto;
     width: 30px;
     height: 3px;
     margin-right: 3px;
     margin-left: 3px;
     text-indent: -999px;
     background-color: rgb(255 255 255 / .5)
 }

 .carousel-indicators li::before {
     position: absolute;
     top: -10px;
     left: 0;
     display: inline-block;
     width: 100%;
     height: 10px;
     content: ""
 }

 .carousel-indicators li::after {
     position: absolute;
     bottom: -10px;
     left: 0;
     display: inline-block;
     width: 100%;
     height: 10px;
     content: ""
 }

 .carousel-indicators .active {
     background-color: #fff
 }

 .carousel-caption {
     position: absolute;
     right: 15%;
     bottom: 20px;
     left: 15%;
     z-index: 10;
     padding-top: 20px;
     padding-bottom: 20px;
     color: #fff;
     text-align: center
 }

 .align-baseline {
     vertical-align: baseline !important
 }

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

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

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

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

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

 .bg-primary {
     background-color: #007bff !important
 }

 a.bg-primary:focus,
 a.bg-primary:hover,
 button.bg-primary:focus,
 button.bg-primary:hover {
     background-color: #0062cc !important
 }

 .bg-secondary {
     background-color: #6c757d !important
 }

 a.bg-secondary:focus,
 a.bg-secondary:hover,
 button.bg-secondary:focus,
 button.bg-secondary:hover {
     background-color: #545b62 !important
 }

 .bg-success {
     background-color: #28a745 !important
 }

 a.bg-success:focus,
 a.bg-success:hover,
 button.bg-success:focus,
 button.bg-success:hover {
     background-color: #1e7e34 !important
 }

 .bg-info {
     background-color: #17a2b8 !important
 }

 a.bg-info:focus,
 a.bg-info:hover,
 button.bg-info:focus,
 button.bg-info:hover {
     background-color: #117a8b !important
 }

 .bg-warning {
     background-color: #ffc107 !important
 }

 a.bg-warning:focus,
 a.bg-warning:hover,
 button.bg-warning:focus,
 button.bg-warning:hover {
     background-color: #d39e00 !important
 }

 .bg-danger {
     background-color: #dc3545 !important
 }

 a.bg-danger:focus,
 a.bg-danger:hover,
 button.bg-danger:focus,
 button.bg-danger:hover {
     background-color: #bd2130 !important
 }

 .bg-light {
     background-color: #f8f9fa !important
 }

 a.bg-light:focus,
 a.bg-light:hover,
 button.bg-light:focus,
 button.bg-light:hover {
     background-color: #dae0e5 !important
 }

 .bg-dark {
     background-color: #343a40 !important
 }

 a.bg-dark:focus,
 a.bg-dark:hover,
 button.bg-dark:focus,
 button.bg-dark:hover {
     background-color: #1d2124 !important
 }

 .bg-white {
     background-color: #fff !important
 }

 .bg-transparent {
     background-color: transparent !important
 }

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

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

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

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

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

 .border-0 {
     border: 0 !important
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

 .rounded {
     border-radius: .25rem !important
 }

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

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

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

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

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

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

 .d-none {
     display: none !important
 }

 .d-inline {
     display: inline !important
 }

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

 .d-block {
     display: block !important
 }

 .d-table {
     display: table !important
 }

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

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

 .d-flex {
     display: -webkit-box !important;
     display: -ms-flexbox !important;
     display: flex !important
 }

 .d-inline-flex {
     display: -webkit-inline-box !important;
     display: -ms-inline-flexbox !important;
     display: inline-flex !important
 }

 @media(min-width:576px) {
     .d-sm-none {
         display: none !important
     }

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

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

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

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

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

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

     .d-sm-flex {
         display: -webkit-box !important;
         display: -ms-flexbox !important;
         display: flex !important
     }

     .d-sm-inline-flex {
         display: -webkit-inline-box !important;
         display: -ms-inline-flexbox !important;
         display: inline-flex !important
     }
 }

 @media(min-width:768px) {
     .d-md-none {
         display: none !important
     }

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

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

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

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

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

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

     .d-md-flex {
         display: -webkit-box !important;
         display: -ms-flexbox !important;
         display: flex !important
     }

     .d-md-inline-flex {
         display: -webkit-inline-box !important;
         display: -ms-inline-flexbox !important;
         display: inline-flex !important
     }
 }

 @media(min-width:992px) {
     .d-lg-none {
         display: none !important
     }

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

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

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

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

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

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

     .d-lg-flex {
         display: -webkit-box !important;
         display: -ms-flexbox !important;
         display: flex !important
     }

     .d-lg-inline-flex {
         display: -webkit-inline-box !important;
         display: -ms-inline-flexbox !important;
         display: inline-flex !important
     }
 }

 @media(min-width:1200px) {
     .d-xl-none {
         display: none !important
     }

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

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

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

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

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

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

     .d-xl-flex {
         display: -webkit-box !important;
         display: -ms-flexbox !important;
         display: flex !important
     }

     .d-xl-inline-flex {
         display: -webkit-inline-box !important;
         display: -ms-inline-flexbox !important;
         display: inline-flex !important
     }
 }

 @media print {
     .d-print-none {
         display: none !important
     }

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

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

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

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

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

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

     .d-print-flex {
         display: -webkit-box !important;
         display: -ms-flexbox !important;
         display: flex !important
     }

     .d-print-inline-flex {
         display: -webkit-inline-box !important;
         display: -ms-inline-flexbox !important;
         display: inline-flex !important
     }
 }

 .embed-responsive {
     position: relative;
     display: block;
     width: 100%;
     padding: 0;
     overflow: hidden
 }

 .embed-responsive::before {
     display: block;
     content: ""
 }

 .embed-responsive .embed-responsive-item,
 .embed-responsive embed,
 .embed-responsive iframe,
 .embed-responsive object,
 .embed-responsive video {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border: 0
 }

 .embed-responsive-21by9::before {
     padding-top: 42.857143%
 }

 .embed-responsive-16by9::before {
     padding-top: 56.25%
 }

 .embed-responsive-4by3::before {
     padding-top: 75%
 }

 .embed-responsive-1by1::before {
     padding-top: 100%
 }

 .flex-row {
     -webkit-box-orient: horizontal !important;
     -webkit-box-direction: normal !important;
     -ms-flex-direction: row !important;
     flex-direction: row !important
 }

 .flex-column {
     -webkit-box-orient: vertical !important;
     -webkit-box-direction: normal !important;
     -ms-flex-direction: column !important;
     flex-direction: column !important
 }

 .flex-row-reverse {
     -webkit-box-orient: horizontal !important;
     -webkit-box-direction: reverse !important;
     -ms-flex-direction: row-reverse !important;
     flex-direction: row-reverse !important
 }

 .flex-column-reverse {
     -webkit-box-orient: vertical !important;
     -webkit-box-direction: reverse !important;
     -ms-flex-direction: column-reverse !important;
     flex-direction: column-reverse !important
 }

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

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

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

 .justify-content-start {
     -webkit-box-pack: start !important;
     -ms-flex-pack: start !important;
     justify-content: flex-start !important
 }

 .justify-content-end {
     -webkit-box-pack: end !important;
     -ms-flex-pack: end !important;
     justify-content: flex-end !important
 }

 .justify-content-center {
     -webkit-box-pack: center !important;
     -ms-flex-pack: center !important;
     justify-content: center !important
 }

 .justify-content-between {
     -webkit-box-pack: justify !important;
     -ms-flex-pack: justify !important;
     justify-content: space-between !important
 }

 .justify-content-around {
     -ms-flex-pack: distribute !important;
     justify-content: space-around !important
 }

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

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

 .align-items-center {
     -webkit-box-align: center !important;
     -ms-flex-align: center !important;
     align-items: center !important
 }

 .align-items-baseline {
     -webkit-box-align: baseline !important;
     -ms-flex-align: baseline !important;
     align-items: baseline !important
 }

 .align-items-stretch {
     -webkit-box-align: stretch !important;
     -ms-flex-align: stretch !important;
     align-items: stretch !important
 }

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

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

 .align-content-center {
     -ms-flex-line-pack: center !important;
     align-content: center !important
 }

 .align-content-between {
     -ms-flex-line-pack: justify !important;
     align-content: space-between !important
 }

 .align-content-around {
     -ms-flex-line-pack: distribute !important;
     align-content: space-around !important
 }

 .align-content-stretch {
     -ms-flex-line-pack: stretch !important;
     align-content: stretch !important
 }

 .align-self-auto {
     -ms-flex-item-align: auto !important;
     align-self: auto !important
 }

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

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

 .align-self-center {
     -ms-flex-item-align: center !important;
     align-self: center !important
 }

 .align-self-baseline {
     -ms-flex-item-align: baseline !important;
     align-self: baseline !important
 }

 .align-self-stretch {
     -ms-flex-item-align: stretch !important;
     align-self: stretch !important
 }

 .dropDown {
     border-left: none;
     border-right: none;
     border-radius: 0px !important;
     border-bottom: none !important
 }

 a.dropdown-item {
     border: none !important
 }

 .daeshboard-list ul ul>li:last-child {
     border-bottom: none
 }

 @media(min-width:576px) {
     .flex-sm-row {
         -webkit-box-orient: horizontal !important;
         -webkit-box-direction: normal !important;
         -ms-flex-direction: row !important;
         flex-direction: row !important
     }

     .flex-sm-column {
         -webkit-box-orient: vertical !important;
         -webkit-box-direction: normal !important;
         -ms-flex-direction: column !important;
         flex-direction: column !important
     }

     .flex-sm-row-reverse {
         -webkit-box-orient: horizontal !important;
         -webkit-box-direction: reverse !important;
         -ms-flex-direction: row-reverse !important;
         flex-direction: row-reverse !important
     }

     .flex-sm-column-reverse {
         -webkit-box-orient: vertical !important;
         -webkit-box-direction: reverse !important;
         -ms-flex-direction: column-reverse !important;
         flex-direction: column-reverse !important
     }

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

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

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

     .justify-content-sm-start {
         -webkit-box-pack: start !important;
         -ms-flex-pack: start !important;
         justify-content: flex-start !important
     }

     .justify-content-sm-end {
         -webkit-box-pack: end !important;
         -ms-flex-pack: end !important;
         justify-content: flex-end !important
     }

     .justify-content-sm-center {
         -webkit-box-pack: center !important;
         -ms-flex-pack: center !important;
         justify-content: center !important
     }

     .justify-content-sm-between {
         -webkit-box-pack: justify !important;
         -ms-flex-pack: justify !important;
         justify-content: space-between !important
     }

     .justify-content-sm-around {
         -ms-flex-pack: distribute !important;
         justify-content: space-around !important
     }

     .align-items-sm-start {
         -webkit-box-align: start !important;
         -ms-flex-align: start !important;
         align-items: flex-start !important
     }

     .align-items-sm-end {
         -webkit-box-align: end !important;
         -ms-flex-align: end !important;
         align-items: flex-end !important
     }

     .align-items-sm-center {
         -webkit-box-align: center !important;
         -ms-flex-align: center !important;
         align-items: center !important
     }

     .align-items-sm-baseline {
         -webkit-box-align: baseline !important;
         -ms-flex-align: baseline !important;
         align-items: baseline !important
     }

     .align-items-sm-stretch {
         -webkit-box-align: stretch !important;
         -ms-flex-align: stretch !important;
         align-items: stretch !important
     }

     .align-content-sm-start {
         -ms-flex-line-pack: start !important;
         align-content: flex-start !important
     }

     .align-content-sm-end {
         -ms-flex-line-pack: end !important;
         align-content: flex-end !important
     }

     .align-content-sm-center {
         -ms-flex-line-pack: center !important;
         align-content: center !important
     }

     .align-content-sm-between {
         -ms-flex-line-pack: justify !important;
         align-content: space-between !important
     }

     .align-content-sm-around {
         -ms-flex-line-pack: distribute !important;
         align-content: space-around !important
     }

     .align-content-sm-stretch {
         -ms-flex-line-pack: stretch !important;
         align-content: stretch !important
     }

     .align-self-sm-auto {
         -ms-flex-item-align: auto !important;
         align-self: auto !important
     }

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

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

     .align-self-sm-center {
         -ms-flex-item-align: center !important;
         align-self: center !important
     }

     .align-self-sm-baseline {
         -ms-flex-item-align: baseline !important;
         align-self: baseline !important
     }

     .align-self-sm-stretch {
         -ms-flex-item-align: stretch !important;
         align-self: stretch !important
     }
 }

 @media(min-width:768px) {
     .flex-md-row {
         -webkit-box-orient: horizontal !important;
         -webkit-box-direction: normal !important;
         -ms-flex-direction: row !important;
         flex-direction: row !important
     }

     .flex-md-column {
         -webkit-box-orient: vertical !important;
         -webkit-box-direction: normal !important;
         -ms-flex-direction: column !important;
         flex-direction: column !important
     }

     .flex-md-row-reverse {
         -webkit-box-orient: horizontal !important;
         -webkit-box-direction: reverse !important;
         -ms-flex-direction: row-reverse !important;
         flex-direction: row-reverse !important
     }

     .flex-md-column-reverse {
         -webkit-box-orient: vertical !important;
         -webkit-box-direction: reverse !important;
         -ms-flex-direction: column-reverse !important;
         flex-direction: column-reverse !important
     }

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

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

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

     .justify-content-md-start {
         -webkit-box-pack: start !important;
         -ms-flex-pack: start !important;
         justify-content: flex-start !important
     }

     .justify-content-md-end {
         -webkit-box-pack: end !important;
         -ms-flex-pack: end !important;
         justify-content: flex-end !important
     }

     .justify-content-md-center {
         -webkit-box-pack: center !important;
         -ms-flex-pack: center !important;
         justify-content: center !important
     }

     .justify-content-md-between {
         -webkit-box-pack: justify !important;
         -ms-flex-pack: justify !important;
         justify-content: space-between !important
     }

     .justify-content-md-around {
         -ms-flex-pack: distribute !important;
         justify-content: space-around !important
     }

     .align-items-md-start {
         -webkit-box-align: start !important;
         -ms-flex-align: start !important;
         align-items: flex-start !important
     }

     .align-items-md-end {
         -webkit-box-align: end !important;
         -ms-flex-align: end !important;
         align-items: flex-end !important
     }

     .align-items-md-center {
         -webkit-box-align: center !important;
         -ms-flex-align: center !important;
         align-items: center !important
     }

     .align-items-md-baseline {
         -webkit-box-align: baseline !important;
         -ms-flex-align: baseline !important;
         align-items: baseline !important
     }

     .align-items-md-stretch {
         -webkit-box-align: stretch !important;
         -ms-flex-align: stretch !important;
         align-items: stretch !important
     }

     .align-content-md-start {
         -ms-flex-line-pack: start !important;
         align-content: flex-start !important
     }

     .align-content-md-end {
         -ms-flex-line-pack: end !important;
         align-content: flex-end !important
     }

     .align-content-md-center {
         -ms-flex-line-pack: center !important;
         align-content: center !important
     }

     .align-content-md-between {
         -ms-flex-line-pack: justify !important;
         align-content: space-between !important
     }

     .align-content-md-around {
         -ms-flex-line-pack: distribute !important;
         align-content: space-around !important
     }

     .align-content-md-stretch {
         -ms-flex-line-pack: stretch !important;
         align-content: stretch !important
     }

     .align-self-md-auto {
         -ms-flex-item-align: auto !important;
         align-self: auto !important
     }

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

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

     .align-self-md-center {
         -ms-flex-item-align: center !important;
         align-self: center !important
     }

     .align-self-md-baseline {
         -ms-flex-item-align: baseline !important;
         align-self: baseline !important
     }

     .align-self-md-stretch {
         -ms-flex-item-align: stretch !important;
         align-self: stretch !important
     }
 }

 @media(min-width:992px) {
     .flex-lg-row {
         -webkit-box-orient: horizontal !important;
         -webkit-box-direction: normal !important;
         -ms-flex-direction: row !important;
         flex-direction: row !important
     }

     .flex-lg-column {
         -webkit-box-orient: vertical !important;
         -webkit-box-direction: normal !important;
         -ms-flex-direction: column !important;
         flex-direction: column !important
     }

     .flex-lg-row-reverse {
         -webkit-box-orient: horizontal !important;
         -webkit-box-direction: reverse !important;
         -ms-flex-direction: row-reverse !important;
         flex-direction: row-reverse !important
     }

     .flex-lg-column-reverse {
         -webkit-box-orient: vertical !important;
         -webkit-box-direction: reverse !important;
         -ms-flex-direction: column-reverse !important;
         flex-direction: column-reverse !important
     }

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

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

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

     .justify-content-lg-start {
         -webkit-box-pack: start !important;
         -ms-flex-pack: start !important;
         justify-content: flex-start !important
     }

     .justify-content-lg-end {
         -webkit-box-pack: end !important;
         -ms-flex-pack: end !important;
         justify-content: flex-end !important
     }

     .justify-content-lg-center {
         -webkit-box-pack: center !important;
         -ms-flex-pack: center !important;
         justify-content: center !important
     }

     .justify-content-lg-between {
         -webkit-box-pack: justify !important;
         -ms-flex-pack: justify !important;
         justify-content: space-between !important
     }

     .justify-content-lg-around {
         -ms-flex-pack: distribute !important;
         justify-content: space-around !important
     }

     .align-items-lg-start {
         -webkit-box-align: start !important;
         -ms-flex-align: start !important;
         align-items: flex-start !important
     }

     .align-items-lg-end {
         -webkit-box-align: end !important;
         -ms-flex-align: end !important;
         align-items: flex-end !important
     }

     .align-items-lg-center {
         -webkit-box-align: center !important;
         -ms-flex-align: center !important;
         align-items: center !important
     }

     .align-items-lg-baseline {
         -webkit-box-align: baseline !important;
         -ms-flex-align: baseline !important;
         align-items: baseline !important
     }

     .align-items-lg-stretch {
         -webkit-box-align: stretch !important;
         -ms-flex-align: stretch !important;
         align-items: stretch !important
     }

     .align-content-lg-start {
         -ms-flex-line-pack: start !important;
         align-content: flex-start !important
     }

     .align-content-lg-end {
         -ms-flex-line-pack: end !important;
         align-content: flex-end !important
     }

     .align-content-lg-center {
         -ms-flex-line-pack: center !important;
         align-content: center !important
     }

     .align-content-lg-between {
         -ms-flex-line-pack: justify !important;
         align-content: space-between !important
     }

     .align-content-lg-around {
         -ms-flex-line-pack: distribute !important;
         align-content: space-around !important
     }

     .align-content-lg-stretch {
         -ms-flex-line-pack: stretch !important;
         align-content: stretch !important
     }

     .align-self-lg-auto {
         -ms-flex-item-align: auto !important;
         align-self: auto !important
     }

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

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

     .align-self-lg-center {
         -ms-flex-item-align: center !important;
         align-self: center !important
     }

     .align-self-lg-baseline {
         -ms-flex-item-align: baseline !important;
         align-self: baseline !important
     }

     .align-self-lg-stretch {
         -ms-flex-item-align: stretch !important;
         align-self: stretch !important
     }
 }

 @media(min-width:1200px) {
     .flex-xl-row {
         -webkit-box-orient: horizontal !important;
         -webkit-box-direction: normal !important;
         -ms-flex-direction: row !important;
         flex-direction: row !important
     }

     .flex-xl-column {
         -webkit-box-orient: vertical !important;
         -webkit-box-direction: normal !important;
         -ms-flex-direction: column !important;
         flex-direction: column !important
     }

     .flex-xl-row-reverse {
         -webkit-box-orient: horizontal !important;
         -webkit-box-direction: reverse !important;
         -ms-flex-direction: row-reverse !important;
         flex-direction: row-reverse !important
     }

     .flex-xl-column-reverse {
         -webkit-box-orient: vertical !important;
         -webkit-box-direction: reverse !important;
         -ms-flex-direction: column-reverse !important;
         flex-direction: column-reverse !important
     }

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

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

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

     .justify-content-xl-start {
         -webkit-box-pack: start !important;
         -ms-flex-pack: start !important;
         justify-content: flex-start !important
     }

     .justify-content-xl-end {
         -webkit-box-pack: end !important;
         -ms-flex-pack: end !important;
         justify-content: flex-end !important
     }

     .justify-content-xl-center {
         -webkit-box-pack: center !important;
         -ms-flex-pack: center !important;
         justify-content: center !important
     }

     .justify-content-xl-between {
         -webkit-box-pack: justify !important;
         -ms-flex-pack: justify !important;
         justify-content: space-between !important
     }

     .justify-content-xl-around {
         -ms-flex-pack: distribute !important;
         justify-content: space-around !important
     }

     .align-items-xl-start {
         -webkit-box-align: start !important;
         -ms-flex-align: start !important;
         align-items: flex-start !important
     }

     .align-items-xl-end {
         -webkit-box-align: end !important;
         -ms-flex-align: end !important;
         align-items: flex-end !important
     }

     .align-items-xl-center {
         -webkit-box-align: center !important;
         -ms-flex-align: center !important;
         align-items: center !important
     }

     .align-items-xl-baseline {
         -webkit-box-align: baseline !important;
         -ms-flex-align: baseline !important;
         align-items: baseline !important
     }

     .align-items-xl-stretch {
         -webkit-box-align: stretch !important;
         -ms-flex-align: stretch !important;
         align-items: stretch !important
     }

     .align-content-xl-start {
         -ms-flex-line-pack: start !important;
         align-content: flex-start !important
     }

     .align-content-xl-end {
         -ms-flex-line-pack: end !important;
         align-content: flex-end !important
     }

     .align-content-xl-center {
         -ms-flex-line-pack: center !important;
         align-content: center !important
     }

     .align-content-xl-between {
         -ms-flex-line-pack: justify !important;
         align-content: space-between !important
     }

     .align-content-xl-around {
         -ms-flex-line-pack: distribute !important;
         align-content: space-around !important
     }

     .align-content-xl-stretch {
         -ms-flex-line-pack: stretch !important;
         align-content: stretch !important
     }

     .align-self-xl-auto {
         -ms-flex-item-align: auto !important;
         align-self: auto !important
     }

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

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

     .align-self-xl-center {
         -ms-flex-item-align: center !important;
         align-self: center !important
     }

     .align-self-xl-baseline {
         -ms-flex-item-align: baseline !important;
         align-self: baseline !important
     }

     .align-self-xl-stretch {
         -ms-flex-item-align: stretch !important;
         align-self: stretch !important
     }
 }

 .float-left {
     float: left !important
 }

 .float-right {
     float: right !important
 }

 .float-none {
     float: none !important
 }

 @media(min-width:576px) {
     .float-sm-left {
         float: left !important
     }

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

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

 @media(min-width:768px) {
     .float-md-left {
         float: left !important
     }

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

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

 @media(min-width:992px) {
     .float-lg-left {
         float: left !important
     }

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

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

 @media(min-width:1200px) {
     .float-xl-left {
         float: left !important
     }

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

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

 .position-static {
     position: static !important
 }

 .position-relative {
     position: relative !important
 }

 .position-absolute {
     position: absolute !important
 }

 .position-fixed {
     position: fixed !important
 }

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

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

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

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

 .sr-only {
     position: absolute;
     width: 1px;
     height: 1px;
     padding: 0;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     white-space: nowrap;
     -webkit-clip-path: inset(50%);
     clip-path: inset(50%);
     border: 0
 }

 .sr-only-focusable:active,
 .sr-only-focusable:focus {
     position: static;
     width: auto;
     height: auto;
     overflow: visible;
     clip: auto;
     white-space: normal;
     -webkit-clip-path: none;
     clip-path: none
 }

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

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

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

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

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

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

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

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

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

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

 .m-0 {
     margin: 0 !important
 }

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

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

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

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

 .m-1 {
     margin: .25rem !important
 }

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

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

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

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

 .m-2 {
     margin: .5rem !important
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 .p-0 {
     padding: 0 !important
 }

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

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

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

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

 .p-1 {
     padding: .25rem !important
 }

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

 .pr-1,
 .px-1 {
     padding-right: .25rem !important
 }

 .pb-1,
 .py-1 {
     padding-bottom: .25rem !important
 }

 .pl-1,
 .px-1 {
     padding-left: .25rem !important
 }

 .p-2 {
     padding: .5rem !important
 }

 .pt-2,
 .py-2 {
     padding-top: .5rem !important
 }

 .pr-2,
 .px-2 {
     padding-right: .5rem !important
 }

 .pb-2,
 .py-2 {
     padding-bottom: .5rem !important
 }

 .pl-2,
 .px-2 {
     padding-left: .5rem !important
 }

 .p-3 {
     padding: 1rem !important
 }

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

 .pr-3,
 .px-3 {
     padding-right: 1rem !important
 }

 .pb-3,
 .py-3 {
     padding-bottom: 1rem !important
 }

 .pl-3,
 .px-3 {
     padding-left: 1rem !important
 }

 .p-4 {
     padding: 1.5rem !important
 }

 .pt-4,
 .py-4 {
     padding-top: 1.5rem !important
 }

 .pr-4,
 .px-4 {
     padding-right: 1.5rem !important
 }

 .pb-4,
 .py-4 {
     padding-bottom: 1.5rem !important
 }

 .pl-4,
 .px-4 {
     padding-left: 1.5rem !important
 }

 .p-5 {
     padding: 3rem !important
 }

 .pt-5,
 .py-5 {
     padding-top: 3rem !important
 }

 .pr-5,
 .px-5 {
     padding-right: 3rem !important
 }

 .pb-5,
 .py-5 {
     padding-bottom: 3rem !important
 }

 .pl-5,
 .px-5 {
     padding-left: 3rem !important
 }

 .m-auto {
     margin: auto !important
 }

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

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

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

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

 @media(min-width:576px) {
     .m-sm-0 {
         margin: 0 !important
     }

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

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

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

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

     .m-sm-1 {
         margin: .25rem !important
     }

     .mt-sm-1,
     .my-sm-1 {
         margin-top: .25rem !important
     }

     .mr-sm-1,
     .mx-sm-1 {
         margin-right: .25rem !important
     }

     .mb-sm-1,
     .my-sm-1 {
         margin-bottom: .25rem !important
     }

     .ml-sm-1,
     .mx-sm-1 {
         margin-left: .25rem !important
     }

     .m-sm-2 {
         margin: .5rem !important
     }

     .mt-sm-2,
     .my-sm-2 {
         margin-top: .5rem !important
     }

     .mr-sm-2,
     .mx-sm-2 {
         margin-right: .5rem !important
     }

     .mb-sm-2,
     .my-sm-2 {
         margin-bottom: .5rem !important
     }

     .ml-sm-2,
     .mx-sm-2 {
         margin-left: .5rem !important
     }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

     .p-sm-1 {
         padding: .25rem !important
     }

     .pt-sm-1,
     .py-sm-1 {
         padding-top: .25rem !important
     }

     .pr-sm-1,
     .px-sm-1 {
         padding-right: .25rem !important
     }

     .pb-sm-1,
     .py-sm-1 {
         padding-bottom: .25rem !important
     }

     .pl-sm-1,
     .px-sm-1 {
         padding-left: .25rem !important
     }

     .p-sm-2 {
         padding: .5rem !important
     }

     .pt-sm-2,
     .py-sm-2 {
         padding-top: .5rem !important
     }

     .pr-sm-2,
     .px-sm-2 {
         padding-right: .5rem !important
     }

     .pb-sm-2,
     .py-sm-2 {
         padding-bottom: .5rem !important
     }

     .pl-sm-2,
     .px-sm-2 {
         padding-left: .5rem !important
     }

     .p-sm-3 {
         padding: 1rem !important
     }

     .pt-sm-3,
     .py-sm-3 {
         padding-top: 1rem !important
     }

     .pr-sm-3,
     .px-sm-3 {
         padding-right: 1rem !important
     }

     .pb-sm-3,
     .py-sm-3 {
         padding-bottom: 1rem !important
     }

     .pl-sm-3,
     .px-sm-3 {
         padding-left: 1rem !important
     }

     .p-sm-4 {
         padding: 1.5rem !important
     }

     .pt-sm-4,
     .py-sm-4 {
         padding-top: 1.5rem !important
     }

     .pr-sm-4,
     .px-sm-4 {
         padding-right: 1.5rem !important
     }

     .pb-sm-4,
     .py-sm-4 {
         padding-bottom: 1.5rem !important
     }

     .pl-sm-4,
     .px-sm-4 {
         padding-left: 1.5rem !important
     }

     .p-sm-5 {
         padding: 3rem !important
     }

     .pt-sm-5,
     .py-sm-5 {
         padding-top: 3rem !important
     }

     .pr-sm-5,
     .px-sm-5 {
         padding-right: 3rem !important
     }

     .pb-sm-5,
     .py-sm-5 {
         padding-bottom: 3rem !important
     }

     .pl-sm-5,
     .px-sm-5 {
         padding-left: 3rem !important
     }

     .m-sm-auto {
         margin: auto !important
     }

     .mt-sm-auto,
     .my-sm-auto {
         margin-top: auto !important
     }

     .mr-sm-auto,
     .mx-sm-auto {
         margin-right: auto !important
     }

     .mb-sm-auto,
     .my-sm-auto {
         margin-bottom: auto !important
     }

     .ml-sm-auto,
     .mx-sm-auto {
         margin-left: auto !important
     }
 }

 @media(min-width:768px) {
     .m-md-0 {
         margin: 0 !important
     }

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

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

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

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

     .m-md-1 {
         margin: .25rem !important
     }

     .mt-md-1,
     .my-md-1 {
         margin-top: .25rem !important
     }

     .mr-md-1,
     .mx-md-1 {
         margin-right: .25rem !important
     }

     .mb-md-1,
     .my-md-1 {
         margin-bottom: .25rem !important
     }

     .ml-md-1,
     .mx-md-1 {
         margin-left: .25rem !important
     }

     .m-md-2 {
         margin: .5rem !important
     }

     .mt-md-2,
     .my-md-2 {
         margin-top: .5rem !important
     }

     .mr-md-2,
     .mx-md-2 {
         margin-right: .5rem !important
     }

     .mb-md-2,
     .my-md-2 {
         margin-bottom: .5rem !important
     }

     .ml-md-2,
     .mx-md-2 {
         margin-left: .5rem !important
     }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

     .p-md-1 {
         padding: .25rem !important
     }

     .pt-md-1,
     .py-md-1 {
         padding-top: .25rem !important
     }

     .pr-md-1,
     .px-md-1 {
         padding-right: .25rem !important
     }

     .pb-md-1,
     .py-md-1 {
         padding-bottom: .25rem !important
     }

     .pl-md-1,
     .px-md-1 {
         padding-left: .25rem !important
     }

     .p-md-2 {
         padding: .5rem !important
     }

     .pt-md-2,
     .py-md-2 {
         padding-top: .5rem !important
     }

     .pr-md-2,
     .px-md-2 {
         padding-right: .5rem !important
     }

     .pb-md-2,
     .py-md-2 {
         padding-bottom: .5rem !important
     }

     .pl-md-2,
     .px-md-2 {
         padding-left: .5rem !important
     }

     .p-md-3 {
         padding: 1rem !important
     }

     .pt-md-3,
     .py-md-3 {
         padding-top: 1rem !important
     }

     .pr-md-3,
     .px-md-3 {
         padding-right: 1rem !important
     }

     .pb-md-3,
     .py-md-3 {
         padding-bottom: 1rem !important
     }

     .pl-md-3,
     .px-md-3 {
         padding-left: 1rem !important
     }

     .p-md-4 {
         padding: 1.5rem !important
     }

     .pt-md-4,
     .py-md-4 {
         padding-top: 1.5rem !important
     }

     .pr-md-4,
     .px-md-4 {
         padding-right: 1.5rem !important
     }

     .pb-md-4,
     .py-md-4 {
         padding-bottom: 1.5rem !important
     }

     .pl-md-4,
     .px-md-4 {
         padding-left: 1.5rem !important
     }

     .p-md-5 {
         padding: 3rem !important
     }

     .pt-md-5,
     .py-md-5 {
         padding-top: 3rem !important
     }

     .pr-md-5,
     .px-md-5 {
         padding-right: 3rem !important
     }

     .pb-md-5,
     .py-md-5 {
         padding-bottom: 3rem !important
     }

     .pl-md-5,
     .px-md-5 {
         padding-left: 3rem !important
     }

     .m-md-auto {
         margin: auto !important
     }

     .mt-md-auto,
     .my-md-auto {
         margin-top: auto !important
     }

     .mr-md-auto,
     .mx-md-auto {
         margin-right: auto !important
     }

     .mb-md-auto,
     .my-md-auto {
         margin-bottom: auto !important
     }

     .ml-md-auto,
     .mx-md-auto {
         margin-left: auto !important
     }
 }

 @media(min-width:992px) {
     .m-lg-0 {
         margin: 0 !important
     }

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

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

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

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

     .m-lg-1 {
         margin: .25rem !important
     }

     .mt-lg-1,
     .my-lg-1 {
         margin-top: .25rem !important
     }

     .mr-lg-1,
     .mx-lg-1 {
         margin-right: .25rem !important
     }

     .mb-lg-1,
     .my-lg-1 {
         margin-bottom: .25rem !important
     }

     .ml-lg-1,
     .mx-lg-1 {
         margin-left: .25rem !important
     }

     .m-lg-2 {
         margin: .5rem !important
     }

     .mt-lg-2,
     .my-lg-2 {
         margin-top: .5rem !important
     }

     .mr-lg-2,
     .mx-lg-2 {
         margin-right: .5rem !important
     }

     .mb-lg-2,
     .my-lg-2 {
         margin-bottom: .5rem !important
     }

     .ml-lg-2,
     .mx-lg-2 {
         margin-left: .5rem !important
     }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

     .p-lg-1 {
         padding: .25rem !important
     }

     .pt-lg-1,
     .py-lg-1 {
         padding-top: .25rem !important
     }

     .pr-lg-1,
     .px-lg-1 {
         padding-right: .25rem !important
     }

     .pb-lg-1,
     .py-lg-1 {
         padding-bottom: .25rem !important
     }

     .pl-lg-1,
     .px-lg-1 {
         padding-left: .25rem !important
     }

     .p-lg-2 {
         padding: .5rem !important
     }

     .pt-lg-2,
     .py-lg-2 {
         padding-top: .5rem !important
     }

     .pr-lg-2,
     .px-lg-2 {
         padding-right: .5rem !important
     }

     .pb-lg-2,
     .py-lg-2 {
         padding-bottom: .5rem !important
     }

     .pl-lg-2,
     .px-lg-2 {
         padding-left: .5rem !important
     }

     .p-lg-3 {
         padding: 1rem !important
     }

     .pt-lg-3,
     .py-lg-3 {
         padding-top: 1rem !important
     }

     .pr-lg-3,
     .px-lg-3 {
         padding-right: 1rem !important
     }

     .pb-lg-3,
     .py-lg-3 {
         padding-bottom: 1rem !important
     }

     .pl-lg-3,
     .px-lg-3 {
         padding-left: 1rem !important
     }

     .p-lg-4 {
         padding: 1.5rem !important
     }

     .pt-lg-4,
     .py-lg-4 {
         padding-top: 1.5rem !important
     }

     .pr-lg-4,
     .px-lg-4 {
         padding-right: 1.5rem !important
     }

     .pb-lg-4,
     .py-lg-4 {
         padding-bottom: 1.5rem !important
     }

     .pl-lg-4,
     .px-lg-4 {
         padding-left: 1.5rem !important
     }

     .p-lg-5 {
         padding: 3rem !important
     }

     .pt-lg-5,
     .py-lg-5 {
         padding-top: 3rem !important
     }

     .pr-lg-5,
     .px-lg-5 {
         padding-right: 3rem !important
     }

     .pb-lg-5,
     .py-lg-5 {
         padding-bottom: 3rem !important
     }

     .pl-lg-5,
     .px-lg-5 {
         padding-left: 3rem !important
     }

     .m-lg-auto {
         margin: auto !important
     }

     .mt-lg-auto,
     .my-lg-auto {
         margin-top: auto !important
     }

     .mr-lg-auto,
     .mx-lg-auto {
         margin-right: auto !important
     }

     .mb-lg-auto,
     .my-lg-auto {
         margin-bottom: auto !important
     }

     .ml-lg-auto,
     .mx-lg-auto {
         margin-left: auto !important
     }
 }

 @media(min-width:1200px) {
     .m-xl-0 {
         margin: 0 !important
     }

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

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

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

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

     .m-xl-1 {
         margin: .25rem !important
     }

     .mt-xl-1,
     .my-xl-1 {
         margin-top: .25rem !important
     }

     .mr-xl-1,
     .mx-xl-1 {
         margin-right: .25rem !important
     }

     .mb-xl-1,
     .my-xl-1 {
         margin-bottom: .25rem !important
     }

     .ml-xl-1,
     .mx-xl-1 {
         margin-left: .25rem !important
     }

     .m-xl-2 {
         margin: .5rem !important
     }

     .mt-xl-2,
     .my-xl-2 {
         margin-top: .5rem !important
     }

     .mr-xl-2,
     .mx-xl-2 {
         margin-right: .5rem !important
     }

     .mb-xl-2,
     .my-xl-2 {
         margin-bottom: .5rem !important
     }

     .ml-xl-2,
     .mx-xl-2 {
         margin-left: .5rem !important
     }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

     .p-xl-1 {
         padding: .25rem !important
     }

     .pt-xl-1,
     .py-xl-1 {
         padding-top: .25rem !important
     }

     .pr-xl-1,
     .px-xl-1 {
         padding-right: .25rem !important
     }

     .pb-xl-1,
     .py-xl-1 {
         padding-bottom: .25rem !important
     }

     .pl-xl-1,
     .px-xl-1 {
         padding-left: .25rem !important
     }

     .p-xl-2 {
         padding: .5rem !important
     }

     .pt-xl-2,
     .py-xl-2 {
         padding-top: .5rem !important
     }

     .pr-xl-2,
     .px-xl-2 {
         padding-right: .5rem !important
     }

     .pb-xl-2,
     .py-xl-2 {
         padding-bottom: .5rem !important
     }

     .pl-xl-2,
     .px-xl-2 {
         padding-left: .5rem !important
     }

     .p-xl-3 {
         padding: 1rem !important
     }

     .pt-xl-3,
     .py-xl-3 {
         padding-top: 1rem !important
     }

     .pr-xl-3,
     .px-xl-3 {
         padding-right: 1rem !important
     }

     .pb-xl-3,
     .py-xl-3 {
         padding-bottom: 1rem !important
     }

     .pl-xl-3,
     .px-xl-3 {
         padding-left: 1rem !important
     }

     .p-xl-4 {
         padding: 1.5rem !important
     }

     .pt-xl-4,
     .py-xl-4 {
         padding-top: 1.5rem !important
     }

     .pr-xl-4,
     .px-xl-4 {
         padding-right: 1.5rem !important
     }

     .pb-xl-4,
     .py-xl-4 {
         padding-bottom: 1.5rem !important
     }

     .pl-xl-4,
     .px-xl-4 {
         padding-left: 1.5rem !important
     }

     .p-xl-5 {
         padding: 3rem !important
     }

     .pt-xl-5,
     .py-xl-5 {
         padding-top: 3rem !important
     }

     .pr-xl-5,
     .px-xl-5 {
         padding-right: 3rem !important
     }

     .pb-xl-5,
     .py-xl-5 {
         padding-bottom: 3rem !important
     }

     .pl-xl-5,
     .px-xl-5 {
         padding-left: 3rem !important
     }

     .m-xl-auto {
         margin: auto !important
     }

     .mt-xl-auto,
     .my-xl-auto {
         margin-top: auto !important
     }

     .mr-xl-auto,
     .mx-xl-auto {
         margin-right: auto !important
     }

     .mb-xl-auto,
     .my-xl-auto {
         margin-bottom: auto !important
     }

     .ml-xl-auto,
     .mx-xl-auto {
         margin-left: auto !important
     }
 }

 .text-justify {
     text-align: justify !important
 }

 .text-nowrap {
     white-space: nowrap !important
 }

 .text-truncate {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .text-left {
     text-align: left !important
 }

 .text-center {
     text-align: center !important
 }

 @media(min-width:576px) {
     .text-sm-left {
         text-align: left !important
     }

     .text-sm-right {
         text-align: right !important
     }

     .text-sm-center {
         text-align: center !important
     }
 }

 @media(min-width:768px) {
     .text-md-left {
         text-align: left !important
     }

     .text-md-right {
         text-align: right !important
     }

     .text-md-center {
         text-align: center !important
     }
 }

 @media(min-width:992px) {
     .text-lg-left {
         text-align: left !important
     }

     .text-lg-right {
         text-align: right !important
     }

     .text-lg-center {
         text-align: center !important
     }
 }

 @media(min-width:1200px) {
     .text-xl-left {
         text-align: left !important
     }

     .text-xl-right {
         text-align: right !important
     }

     .text-xl-center {
         text-align: center !important
     }
 }

 .text-lowercase {
     text-transform: lowercase !important
 }

 .text-uppercase {
     text-transform: uppercase !important
 }

 .text-capitalize {
     text-transform: capitalize !important
 }

 .font-weight-light {
     font-weight: 300 !important
 }

 .font-weight-normal {
     font-weight: 400 !important
 }

 .font-weight-bold {
     font-weight: 700 !important
 }

 .font-italic {
     font-style: italic !important
 }

 .text-white {
     color: #fff !important
 }

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

 a.text-primary:focus,
 a.text-primary:hover {
     color: #0062cc !important
 }

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

 a.text-secondary:focus,
 a.text-secondary:hover {
     color: #545b62 !important
 }

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

 a.text-success:focus,
 a.text-success:hover {
     color: #1e7e34 !important
 }

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

 a.text-info:focus,
 a.text-info:hover {
     color: #117a8b !important
 }

 .text-warning {
     color: #ffc107 !important
 }

 a.text-warning:focus,
 a.text-warning:hover {
     color: #d39e00 !important
 }

 .text-danger {
     color: #dc3545 !important
 }

 a.text-danger:focus,
 a.text-danger:hover {
     color: #bd2130 !important
 }

 .text-light {
     color: #f8f9fa !important
 }

 a.text-light:focus,
 a.text-light:hover {
     color: #dae0e5 !important
 }

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

 a.text-dark:focus,
 a.text-dark:hover {
     color: #1d2124 !important
 }

 .text-muted {
     color: #6c757d !important
 }

 .text-hide {
     font: 0/0 a;
     color: #fff0;
     text-shadow: none;
     background-color: #fff0;
     border: 0
 }

 .visible {
     visibility: visible !important
 }

 .invisible {
     visibility: hidden !important
 }

 @media print {

     *,
     ::after,
     ::before {
         text-shadow: none !important;
         box-shadow: none !important
     }

     a:not(.btn) {
         text-decoration: underline
     }

     abbr[title]::after {
         content: "(" attr(title) ")"
     }

     pre {
         white-space: pre-wrap !important
     }

     blockquote,
     pre {
         border: 1px solid #999;
         page-break-inside: avoid
     }

     thead {
         display: table-header-group
     }

     img,
     tr {
         page-break-inside: avoid
     }

     h2,
     h3,
     p {
         orphans: 3;
         widows: 3
     }

     h2,
     h3 {
         page-break-after: avoid
     }

     @page {
         size: a3
     }

     body {
         min-width: 992px !important
     }

     .container {
         min-width: 992px !important
     }

     .navbar {
         display: none
     }

     .badge {
         border: 1px solid #000
     }

     .table {
         border-collapse: collapse !important
     }

     .table td,
     .table th {
         background-color: #fff !important
     }

     .table-bordered td,
     .table-bordered th {
         border: 1px solid #ddd !important
     }
 }

 .slick-list:focus {
     outline: 0
 }

 .slick-list.dragging {
     cursor: pointer;
     cursor: hand
 }

 .slick-track:after,
 .slick-track:before {
     display: table;
     content: ''
 }

 .slick-track:after {
     clear: both
 }

 [dir=rtl] .slick-slide {
     float: right
 }

 .slick-slide.slick-loading img {
     display: none
 }

 .slick-slide.dragging img {
     pointer-events: none
 }

 .slick-vertical .slick-slide {
     display: block;
     height: auto;
     border: 1px solid #fff0
 }

 .slick-arrow.slick-hidden {
     display: none
 }

 .radio_box_inn {
     width: 272px;
     border-radius: 4px;
     background-color: #fff;
     box-shadow: 0 0 0 1px rgb(6 44 82 / .1), 0 1px 3px 0 rgb(64 66 69 / .12), 0 2px 16px 0 rgb(33 43 55 / .08);
     padding: 25px 25px 9px
 }

 .radio_box_inn form p {
     margin-bottom: 16px
 }

 .activebox .radio_box {
     display: block
 }

 .radio_box {
     position: absolute;
     z-index: 9;
     padding-top: 19px;
     left: 0;
     top: 100%
 }

 .radio_box_inn input[type=radio] {
     position: absolute;
     z-index: 1;
     opacity: 0;
     cursor: pointer
 }

 .vakanties_button>#drp-selectbox {
     display: none
 }

 .radio_button {
     width: 24px;
     height: 24px;
     border-radius: 100%;
     background: #fff;
     border: 2px solid #c4cdd5;
     background-color: #f4f6f8;
     border-radius: 100%
 }

 .radio_box_inn input[type=radio]:checked~.radio_button {
     background: #ec008c;
     position: relative;
     border: 0
 }

 .radio_box_inn input[type=radio]:checked~.radio_button::after {
     background: #ec008c;
     content: "";
     width: 20px;
     height: 20px;
     position: absolute;
     border-radius: 100%;
     left: 2px;
     top: 2px;
     border: 2px #fff solid
 }

 .radio_button {
     float: left;
     margin-right: 12px
 }

 .radio_box_inn label {
     display: block;
     margin-bottom: 22px;
     position: relative;
     cursor: pointer;
     display: inline-block;
     color: #212b35;
     font-size: 17px;
     line-height: 25px;
     font-weight: 500;
     width: 100%
 }

 .selectric-wrapper {
     position: relative;
     cursor: pointer
 }

 .selectric-responsive {
     width: 100%
 }

 .selectric {
     position: relative;
     overflow: hidden;
     height: 40px;
     width: 146px;
     border-radius: 4px;
     background-color: rgb(255 255 255 / .2)
 }

 .selectric .label {
     display: block;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     margin: 0 38px 0 10px;
     line-height: 38px;
     height: 40px;
     color: #fff;
     font-family: Montserrat;
     font-size: 14px;
     font-weight: 600;
     padding: 0 0 0 15px
 }

 .selectric .button {
     display: block;
     position: absolute;
     right: 0;
     top: 0;
     width: 50px;
     height: 40px;
     line-height: 38px;
     color: #bbb;
     text-align: center;
     font: 0/0 a
 }

 .selectric .button::after {
     content: "\f107";
     font-family: FontAwesome;
     font-size: 20px;
     color: #fff;
     line-height: 40px
 }

 .selectric-focus .selectric {
     border-color: #aaa
 }

 .selectric-hover .selectric {
     border-color: #c4c4c4
 }

 .selectric-hover .selectric .button {
     color: #a2a2a2
 }

 .selectric-hover .selectric .button:after {
     border-top-color: #a2a2a2
 }

 .selectric-open {
     z-index: 9999
 }

 .selectric-open .selectric {
     border-color: #c4c4c4
 }

 .selectric-open .selectric-items {
     display: block
 }

 .selectric-disabled {
     opacity: .5;
     cursor: default;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }

 .selectric-hide-select.selectric-is-native {
     position: absolute;
     width: 100%;
     height: 100%;
     z-index: 10
 }

 .selectric-hide-select.selectric-is-native select {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 100%;
     width: 100%;
     border: 0;
     z-index: 1;
     box-sizing: border-box;
     opacity: 0
 }

 .selectric-input {
     position: absolute !important;
     top: 0 !important;
     left: 0 !important;
     overflow: hidden !important;
     clip: rect(0, 0, 0, 0) !important;
     margin: 0 !important;
     padding: 0 !important;
     width: 1px !important;
     height: 1px !important;
     outline: 0 !important;
     border: none !important;
     background: 0 0 !important
 }

 .selectric-temp-show {
     position: absolute !important;
     visibility: hidden !important;
     display: block !important
 }

 .selectric-items {
     display: none;
     position: absolute;
     top: 100%;
     left: 0;
     background: #f6f6f6;
     border: 1px solid #c4c4c4;
     z-index: -1;
     box-shadow: 0 0 10px -6px;
     border-radius: 0 0 10px 10px;
     overflow: hidden
 }

 .selectric-items .selectric-scroll {
     height: 100%;
     overflow: auto
 }

 .selectric-above .selectric-items {
     top: auto;
     bottom: 100%
 }

 .selectric-items li,
 .selectric-items ul {
     list-style: none;
     padding: 0;
     margin: 0;
     font-size: 12px;
     line-height: 20px;
     min-height: 20px
 }

 .selectric-items li {
     display: block;
     padding: 10px;
     color: #000;
     cursor: pointer;
     font-family: Montserrat;
     font-size: 16px;
     font-weight: 600
 }

 .selectric-items li.selected {
     background: #e0e0e0;
     color: #444
 }

 .selectric-items li.highlighted {
     background: #fff;
     color: #444
 }

 .selectric-items li:hover {
     background: #d5d5d5;
     color: #444
 }

 .selectric-items .disabled {
     opacity: .5;
     cursor: default !important;
     background: 0 0 !important;
     color: #666 !important;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }

 .selectric-items .selectric-group .selectric-group-label {
     font-weight: 700;
     padding-left: 10px;
     cursor: default;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     background: 0;
     color: #444
 }

 .selectric-items .selectric-group.disabled li {
     opacity: 1
 }

 .selectric-items .selectric-group li {
     padding-left: 25px
 }

 .daterangepicker {
     position: absolute;
     color: inherit;
     background-color: #fff;
     border-radius: 4px;
     border: 1px solid #ddd;
     width: auto;
     max-width: none;
     padding: 0;
     margin-top: 7px;
     top: 100px;
     left: 20px;
     z-index: 3001;
     display: none;
     font-family: arial;
     font-size: 15px;
     line-height: 1em
 }

 .daterangepicker:after,
 .daterangepicker:before {
     position: absolute;
     display: inline-block;
     border-bottom-color: rgb(0 0 0 / .2);
     content: ''
 }

 .daterangepicker:before {
     top: -7px;
     border-right: 7px solid #fff0;
     border-left: 7px solid #fff0;
     border-bottom: 7px solid #ccc
 }

 .daterangepicker:after {
     top: -6px;
     border-right: 6px solid #fff0;
     border-bottom: 6px solid #fff;
     border-left: 6px solid #fff0
 }

 .daterangepicker.opensleft:before {
     right: 9px
 }

 .daterangepicker.opensleft:after {
     right: 10px
 }

 .daterangepicker.openscenter:before {
     left: 0;
     right: 0;
     width: 0;
     margin-left: auto;
     margin-right: auto
 }

 .daterangepicker.openscenter:after {
     left: 0;
     right: 0;
     width: 0;
     margin-left: auto;
     margin-right: auto
 }

 .daterangepicker.opensright:before {
     left: 9px
 }

 .daterangepicker.opensright:after {
     left: 10px
 }

 .daterangepicker.drop-up {
     margin-top: -7px
 }

 .daterangepicker.drop-up:before {
     top: initial;
     bottom: -7px;
     border-bottom: initial;
     border-top: 7px solid #ccc
 }

 .daterangepicker.drop-up:after {
     top: initial;
     bottom: -6px;
     border-bottom: initial;
     border-top: 6px solid #fff
 }

 .daterangepicker.single .daterangepicker .ranges,
 .daterangepicker.single .drp-calendar {
     float: none
 }

 .daterangepicker.single .drp-selected {
     display: none
 }

 .daterangepicker.show-calendar .drp-calendar {
     display: block
 }

 .daterangepicker.show-calendar .drp-buttons {
     display: block
 }

 .daterangepicker.auto-apply .drp-buttons {
     display: none
 }

 .daterangepicker .drp-calendar {
     display: none;
     max-width: 270px
 }

 .daterangepicker .drp-calendar.left {
     padding: 8px 0 8px 8px
 }

 .daterangepicker .drp-calendar.right {
     padding: 8px
 }

 .daterangepicker .drp-calendar.single .calendar-table {
     border: 0
 }

 .daterangepicker .calendar-table .next span,
 .daterangepicker .calendar-table .prev span {
     color: #fff;
     border: solid #000;
     border-width: 0 2px 2px 0;
     border-radius: 0;
     display: inline-block;
     padding: 3px
 }

 .daterangepicker .calendar-table .next span {
     transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg)
 }

 .daterangepicker .calendar-table .prev span {
     transform: rotate(135deg);
     -webkit-transform: rotate(135deg)
 }

 .daterangepicker .calendar-table td,
 .daterangepicker .calendar-table th {
     white-space: nowrap;
     text-align: center;
     vertical-align: middle;
     min-width: 32px;
     width: 32px;
     height: 24px;
     line-height: 24px;
     font-size: 12px;
     border-radius: 4px;
     border: 1px solid #fff0;
     white-space: nowrap;
     cursor: pointer
 }

 .daterangepicker .calendar-table {
     border: 1px solid #fff;
     border-radius: 4px;
     background-color: #fff
 }

 .daterangepicker .calendar-table table {
     width: 100%;
     margin: 0;
     border-spacing: 0;
     border-collapse: collapse
 }

 .daterangepicker td.available:hover,
 .daterangepicker th.available:hover {
     background-color: #eee;
     border-color: #fff0;
     color: inherit
 }

 .daterangepicker td.week,
 .daterangepicker th.week {
     font-size: 80%;
     color: #ccc
 }

 .daterangepicker td.off,
 .daterangepicker td.off.end-date,
 .daterangepicker td.off.in-range,
 .daterangepicker td.off.start-date {
     background-color: #fff;
     border-color: #fff0;
     color: #999
 }

 .daterangepicker td.in-range {
     background-color: #ebf4f8;
     border-color: #fff0;
     color: #000;
     border-radius: 0
 }

 .daterangepicker td.start-date {
     border-radius: 4px 0 0 4px
 }

 .daterangepicker td.end-date {
     border-radius: 0 4px 4px 0
 }

 .daterangepicker td.start-date.end-date {
     border-radius: 4px
 }

 .daterangepicker td.active,
 .daterangepicker td.active:hover {
     background-color: #357ebd;
     border-color: #fff0;
     color: #fff
 }

 .daterangepicker th.month {
     width: auto
 }

 .daterangepicker option.disabled,
 .daterangepicker td.disabled {
     color: #999;
     cursor: not-allowed;
     text-decoration: line-through
 }

 .daterangepicker select.monthselect,
 .daterangepicker select.yearselect {
     font-size: 12px;
     padding: 1px;
     height: auto;
     margin: 0;
     cursor: default
 }

 .daterangepicker select.monthselect {
     margin-right: 2%;
     width: 56%
 }

 .daterangepicker select.yearselect {
     width: 40%
 }

 .daterangepicker select.ampmselect,
 .daterangepicker select.hourselect,
 .daterangepicker select.minuteselect,
 .daterangepicker select.secondselect {
     width: 50px;
     margin: 0 auto;
     background: #eee;
     border: 1px solid #eee;
     padding: 2px;
     outline: 0;
     font-size: 12px
 }

 .daterangepicker .calendar-time {
     text-align: center;
     margin: 4px auto 0 auto;
     line-height: 30px;
     position: relative
 }

 .daterangepicker .calendar-time select.disabled {
     color: #ccc;
     cursor: not-allowed
 }

 .daterangepicker .drp-buttons {
     clear: both;
     text-align: right;
     padding: 8px;
     border-top: 1px solid #ddd;
     display: none;
     line-height: 12px;
     vertical-align: middle
 }

 .daterangepicker .drp-selected {
     display: inline-block;
     font-size: 12px;
     padding-right: 8px
 }

 .daterangepicker .drp-buttons .btn {
     margin-left: 8px;
     font-size: 12px;
     font-weight: 700;
     padding: 4px 8px
 }

 .daterangepicker.show-ranges .drp-calendar.left {
     border-left: 1px solid #ddd
 }

 .daterangepicker .ranges {
     float: none;
     text-align: left;
     margin: 0
 }

 .daterangepicker.show-calendar .ranges {
     margin-top: 8px
 }

 .daterangepicker .ranges ul {
     list-style: none;
     margin: 0 auto;
     padding: 0;
     width: 100%
 }

 .daterangepicker .ranges li {
     font-size: 12px;
     padding: 8px 12px;
     cursor: pointer
 }

 .daterangepicker .ranges li:hover {
     background-color: #eee
 }

 .daterangepicker .ranges li.active {
     background-color: #08c;
     color: #fff
 }

 @media(min-width:664px) {
     .daterangepicker {
         width: auto
     }

     .daterangepicker .ranges ul {
         width: 140px
     }

     .daterangepicker.single .ranges ul {
         width: 100%
     }

     .daterangepicker.single .drp-calendar.left {
         clear: none
     }

     .daterangepicker.single.ltr .drp-calendar,
     .daterangepicker.single.ltr .ranges {
         float: left
     }

     .daterangepicker.single.rtl .drp-calendar,
     .daterangepicker.single.rtl .ranges {
         float: right
     }

     .daterangepicker.ltr {
         direction: ltr;
         text-align: left
     }

     .daterangepicker.ltr .drp-calendar.left {
         clear: left;
         margin-right: 0
     }

     .daterangepicker.ltr .drp-calendar.left .calendar-table {
         border-right: 0;
         border-top-right-radius: 0;
         border-bottom-right-radius: 0
     }

     .daterangepicker.ltr .drp-calendar.right {
         margin-left: 0
     }

     .daterangepicker.ltr .drp-calendar.right .calendar-table {
         border-left: none;
         border-top-left-radius: 0;
         border-bottom-left-radius: 0
     }

     .daterangepicker.ltr .drp-calendar.left .calendar-table {
         padding-right: 8px
     }

     .daterangepicker.ltr .drp-calendar,
     .daterangepicker.ltr .ranges {
         float: left
     }

     .daterangepicker.rtl {
         direction: rtl;
         text-align: right
     }

     .daterangepicker.rtl .drp-calendar.left {
         clear: right;
         margin-left: 0
     }

     .daterangepicker.rtl .drp-calendar.left .calendar-table {
         border-left: none;
         border-top-left-radius: 0;
         border-bottom-left-radius: 0
     }

     .daterangepicker.rtl .drp-calendar.right {
         margin-right: 0
     }

     .daterangepicker.rtl .drp-calendar.right .calendar-table {
         border-right: 0;
         border-top-right-radius: 0;
         border-bottom-right-radius: 0
     }

     .daterangepicker.rtl .drp-calendar.left .calendar-table {
         padding-left: 12px
     }

     .daterangepicker.rtl .drp-calendar,
     .daterangepicker.rtl .ranges {
         text-align: right;
         float: right
     }
 }

 @media(min-width:730px) {
     .daterangepicker .ranges {
         width: auto
     }

     .daterangepicker.ltr .ranges {
         float: left
     }

     .daterangepicker.rtl .ranges {
         float: right
     }

     .daterangepicker .drp-calendar.left {
         clear: none !important
     }
 }

 .drp-buttons .drp-selected {
     display: none !important
 }

 .cancelBtn.btn.btn-sm.btn-default {
     float: left
 }

 .daterangepicker.opensright::before,
 .daterangepicker::after {
     display: none
 }

 .daterangepicker td.active,
 .daterangepicker td.active:hover {
     border-color: #fff0;
     color: #fff;
     background: #ec008c
 }

 .daterangepicker {
     border-radius: 3px;
     background-color: #fff;
     border: none !important;
     box-shadow: 0 0 0 1px rgb(6 44 82 / .1), 0 1px 3px 0 rgb(64 66 69 / .12), 0 2px 16px 0 rgb(33 43 54 / .08);
     overflow: auto;
     margin-top: 19px
 }

 .vakanties_head_inn input {
     display: inline-block;
     color: #212b35;
     font-size: 14px;
     font-weight: 600;
     line-height: 21px;
     text-align: center;
     border-radius: 4px;
     line-height: 35px;
     border: 1px solid #dfe3e8;
     padding: 0 12px
 }

 .vakanties_head_inn {
     input {
         max-width: 165px;

         &::placeholder {
             color: #212b35
         }
     }
 }

 .activedate {
     width: 115px !important;
     color: #fff !important;
     background: #ec008c;
     border: none !important
 }

 .daterangepicker .drp-buttons {
     border: 0
 }

 .daterangepicker .drp-buttons {
     padding: 14px 8px
 }

 .cancelBtn.btn.btn-sm.btn-default {
     margin-left: 0
 }

 .active.end-date.in-range.available {
     background: #ec008c
 }

 .daterangepicker td.end-date,
 .daterangepicker td.start-date {
     border-radius: 0 !important
 }

 .daterangepicker td.in-range {
     background-color: rgb(236 0 140 / .05)
 }

 .applyBtn.btn.btn-sm.btn-primary,
 .cancelBtn.btn.btn-sm.btn-default {
     border: 0;
     background: no-repeat
 }

 .daterangepicker .drp-calendar {
     display: none;
     max-width: 50%
 }

 .daterangepicker table tbody tr td {
     border-bottom: solid 2px #dfe3e8 !important;
     border-right: 2px solid #dfe3e8 !important
 }

 .daterangepicker table tbody {
     border-top: solid 2px #dfe3e8 !important;
     border-left: solid 2px #dfe3e8 !important
 }

 .daterangepicker .calendar-table td,
 .daterangepicker .calendar-table th {
     min-width: 38px;
     width: 38px;
     height: 36px;
     font-size: 14px !important;
     font-family: Montserrat
 }

 .available {
     color: #90959a
 }

 .daterangepicker.opensright::before {
     left: 0 !important
 }

 .btn.btn-sm {
     border: 0;
     background: 0;
     color: #7f91a8 !important;
     font-family: Montserrat;
     font-size: 17px !important;
     font-weight: 600 !important;
     line-height: 25px;
     display: inline-block;
     padding: 8px 20px !important;
     border-radius: 4px
 }

 .btn.btn-sm:hover {
     color: #ec008c !important;
     background: #fde5f3 !important
 }

 .top-header>.drp-buttons {
     float: right !important;
     clear: inherit !important;
     padding: 0 !important;
     line-height: 26px
 }

 .top-header h3 {
     float: left;
     margin: 0 !important;
     line-height: 26px;
     color: #212b36;
     font-family: Montserrat;
     font-size: 17px
 }

 .top-header {
     overflow: hidden;
     background-color: #fff;
     box-shadow: 0 2px 4px 0 rgb(127 145 168 / .3);
     padding: 16px 12px;
     display: none;
     position: fixed;
     width: 100% !important;
     top: 0
 }

 .top-header {
     display: none
 }

 .daterangepicker td.available:hover,
 .daterangepicker th.available:hover {
     background-color: #f9fafb
 }

 .drp-mobile {
     display: none
 }

 .drp-selectbx {
     padding: 15px 15px 0;
     overflow: hidden
 }

 .drp-selectbx label {
     margin: 0;
     cursor: pointer
 }

 .drp_selbox {
     width: 24px;
     height: 24px;
     border: #ddd solid 2px;
     border-radius: 3px
 }

 .drp-selectbx label input:checked~.drp_selbox {
     background: url(../images/icon.svg) no-repeat #ec008c;
     background-size: 12px;
     background-position: center
 }

 .ve .slick-list.draggable {
     height: auto !important
 }

 .ve .slick-slide {
     height: auto;
     margin-bottom: 0
 }

 .drp-selectbx input {
     position: absolute;
     z-index: 1;
     opacity: 0
 }

 .drp-selectbx .drp_selbox {
     float: left;
     margin-right: 10px
 }

 .drp-selectbx label {
     color: #212b35;
     font-family: Montserrat;
     font-size: 17px;
     line-height: 25px
 }

 .drp-selectbx form {
     display: inline-block
 }

 .drp-selectbx {
     text-align: left
 }

 @media only screen and (max-width:664px) {
     .drp-selectbx {
         padding: 0
     }

     .drp-mobile {
         display: block;
         width: 85%;
         margin: 0 auto
     }

     .drp-selectbx label {
         font-size: 15px
     }

     .drp-destop {
         display: none
     }

     .daterangepicker {
         padding: 66px 0
     }

     .top-header {
         display: block
     }

     .daterangepicker {
         top: 0 !important;
         margin: 0;
         left: 0 !important;
         width: 100%;
         position: fixed;
         height: 100%;
         top: 0
     }

     .daterangepicker .drp-calendar {
         max-width: 85%;
         margin: 0 auto;
         padding: 0 !important
     }

     .daterangepicker .drp-buttons {
         padding: 12px 8px
     }
 }

 .daterangepicker td.highlight.available {
     background-color: #00adef;
     color: #fff
 }

 .daterangepicker td:hover {
     background-color: #000;
     color: #fff
 }

 .daterangepicker td.available:hover,
 .daterangepicker th.available:hover {
     background-color: rgb(236 0 140 / .5)
 }

 .daterangepicker td.available.in-range {
     background-color: rgb(236 0 140 / .3)
 }

 .daterangepicker td.active.available,
 .daterangepicker td.active.available:hover {
     background-color: #ec008c
 }

 .daterangepicker td.available.in-range.highlight {
     background-color: rgb(0 173 239 / .3)
 }

 .daterangepicker td.highlight.available:hover {
     background-color: rgb(0 173 239 / .5)
 }

 a:hover {
     text-decoration: none
 }

 .more-trips {
     background: #00adef;
     display: block;
     width: 40px;
     height: 40px;
     text-align: center;
     line-height: 40px
 }

 .more-trips i {
     color: #fff
 }

 .menu li:hover>a {
     color: #ec008c
 }

 .menu li:hover ul {
     display: block
 }

 .menu li ul li {
     float: none;
     border-bottom: solid 1px #dfe3e8
 }

 .menu li ul li a {
     line-height: 34px;
     padding: 10px 24px;
     color: #000
 }

 .menu li ul li:hover a {
     background-color: rgb(236 0 140 / .1);
     color: #ec008c;
     text-decoration: none
 }

 .has-sub-menu .fa-angle-down:before {
     content: "\f107";
     font-size: 14px;
     background: #ec008c;
     color: #fff;
     width: 36px;
     height: 36px;
     display: none;
     text-align: center;
     font-weight: 700;
     line-height: 36px;
     position: absolute;
     top: 12px;
     right: 25px
 }

 .responsive_toggle {
     display: none
 }

 .slider_details h1 {
     margin-bottom: 28px;
     color: #fff;
     font-size: 44px;
     font-weight: 600;
     line-height: 56px;
     overflow: hidden;
     width: 100%;
     text-align: center
 }

 .button a {
     width: 123px;
     background-color: rgb(225 225 225 / .4);
     display: block;
     border-radius: 4px;
     line-height: 34px;
     font-size: 14px;
     font-weight: 700;
     color: #fff;
     padding: 0 16px;
     text-align: center
 }

 .button a:after {
     content: "\f107";
     font-family: FontAwesome;
     font-weight: 700;
     margin-left: 5px
 }

 .selectric-hover .selectric {
     background-color: rgb(255 255 255 / .6)
 }

 .selectric-focus .selectric {
     border: solid 1px #fff;
     background-color: rgb(255 255 255 / .6)
 }

 .selectric-focus .selectric .button::after {
     content: "\f106"
 }

 .radius img {
     border-radius: 6px !important;
     width: 100%;
     height: 300px;
     margin-bottom: 23px;
     object-fit: cover
 }

 .detail_inn {
     padding: 0
 }

 .build_box h2 {
     margin-bottom: 0;
     color: #212b35;
     font-size: 1.1875em;
     font-weight: 700;
     line-height: 28px
 }

 .build_box em {
     font-style: normal;
     font-weight: 600;
     margin-bottom: 17px;
     display: block;
     color: #7f91a8;
     font-size: 1.0625em;
     line-height: 18px
 }

 .build_box p {
     margin-bottom: 14px;
     color: #212b35;
     font-family: Raleway;
     font-size: 1.0625em;
     line-height: 25px;
     height: 100px;
     overflow: hidden
 }

 .build_icon img {
     margin: 0 0;
     width: 20px;
     height: auto;
     vertical-align: middle
 }

 .build_icon ul {
     margin: 0;
     padding: 0;
     list-style: none;
     display: flex;
     align-items: center;
     gap: 10px
 }

 .build_icon .location-icons {
     float: left;
     margin-right: 10px
 }

 .build_icon ul li {
     vertical-align: middle;
     position: relative
 }

 .newlogo_foo img.sgr {
     height: 60px
 }

 .build_icon ul li span {
     border-radius: 4px;
     background-color: #212b35;
     width: 114px;
     color: #fff;
     font-size: 10px;
     font-weight: 600;
     line-height: 15px;
     display: block;
     text-align: center;
     padding: 6px 0;
     text-transform: uppercase;
     position: absolute;
     left: 50%;
     display: none;
     transform: translateX(-50%)
 }

 .build_icon ul li:hover span {
     display: block;
     bottom: -37px
 }

 .build_icon ul li p {
     margin-bottom: 0;
     color: #212b35;
     font-size: 1.0625em;
     line-height: 28px;
     margin-left: 5px;
     height: auto
 }

 .build_icon ul li p em {
     display: inline-block;
     margin-bottom: 0;
     color: #212b35;
     font-size: 17px;
     line-height: 28px;
     font-weight: 600
 }

 .section_title_box em {
     font-weight: 400;
     font-style: normal;
     color: #90959a;
     font-size: 26px;
     line-height: 36px
 }

 .build_box,
 .detail_inn {
     cursor: pointer
 }

 .uit_heading .star span {
     background: url(../images/star.svg) no-repeat;
     width: 40px;
     height: 40px;
     display: inline-block;
     background-size: 100%;
     margin-left: -3px
 }

 .uit_main {
     position: relative
 }

 .title_button a:hover {
     background: #fde5f3;
     text-decoration: none;
     color: #e5005c
 }

 .type_details h2 {
     text-align: center;
     margin: 0;
     padding: 60px 0 20px;
     color: #fff;
     font-size: 19px;
     font-weight: 600;
     line-height: 20px
 }

 @keyframes shine {
     to {
         background-position: right -40px top 0
     }
 }

 .uit_main {
     background: #fee297;
     min-height: 425px;
     padding: 61px 0;
     margin-bottom: 50px;
     position: relative
 }

 .uit_innb {
     background: #fff;
     min-height: 262px;
     padding: 30px 30px !important;
     border-radius: 5px;
     box-shadow: 5px 4px 4px #999
 }

 .uit_main .container {
     position: relative;
     z-index: 3
 }

 .uit_main::before {
     background: url(../images/Fill1.png) right top no-repeat;
     background-size: auto auto;
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     right: 0;
     top: 0;
     z-index: 1
 }

 .uit_main::after {
     background: url(../images/Fill2.png) left top no-repeat;
     background-size: auto auto;
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
     z-index: 1
 }

 .star span {
     font-size: 28px;
     display: inline-table;
     color: #ffd038;
     line-height: 0
 }

 .star_clo {
     color: #c4cdd5 !important
 }

 .uit_heading h2 {
     color: #212b35;
     font-size: 32px;
     font-weight: 700;
     line-height: 36px;
     margin-bottom: 16px
 }

 .uit_heading {
     text-align: center;
     padding-bottom: 20px;
     margin-bottom: 34px;
     border-bottom: 2px solid #eaedef
 }

 .uit_box {
     text-align: center
 }

 .uit_box .star span {
     font-size: 16px
 }

 .uit_box .rating_title {
     color: #212b35;
     font-size: 1.0625em;
     font-weight: 600;
     line-height: 20px;
     margin-bottom: 10px
 }

 .star.small-star span {
     background: url(../images/star.svg) no-repeat;
     background-size: 100%;
     height: 20px;
     width: 20px;
     margin-right: 5px
 }

 .star.small-star span.star_clo {
     background: url(../images/star1.svg) no-repeat;
     background-size: 100%
 }

 .uit_heading .star span.star_clo {
     background: url(../images/star1.svg) no-repeat;
     background-size: 100%
 }

 .star.small-star p {
     position: relative;
     top: -3px
 }

 .uit_icon {
     margin-bottom: 10px
 }

 .uit_heading {
     text-align: center;
     padding-bottom: 20px;
     margin-bottom: 34px;
     border-bottom: 2px solid #fafafa
 }

 .uit_button a {
     display: block;
     background: #212b35;
     text-align: center;
     border-radius: 5px;
     margin: 30px auto 0;
     height: 50px;
     width: 195px;
     color: #fff;
     font-size: 1.0625em;
     font-weight: 600;
     line-height: 48px
 }

 .uit_button a:hover {
     color: #fff7a4;
     text-decoration: none
 }

 .instagram {
     background: url(../images/world_map.svg) no-repeat;
     min-height: 600px;
     background-size: 78%;
     background-position: center;
     margin: 46px 0;
     background-position: center 82px
 }

 .ins_title {
     position: absolute;
     bottom: 0;
     color: #fff;
     width: 100%;
     padding: 0 10px
 }

 .ins_title p {
     margin: 10px 0;
     position: relative;
     padding: 0 10px;
     color: #fff;
     font-size: 14px;
     font-weight: 700;
     line-height: 16px;
     text-align: center
 }

 .ins_post {
     position: relative;
     border-radius: 5px;
     overflow: hidden;
     margin-bottom: 30px
 }

 .uit_button {
     z-index: 5;
     position: relative
 }

 .ins_title p::before {
     position: absolute;
     left: 0;
     content: "";
     width: 16px;
     height: 16px;
     background-size: 100%
 }

 .ins_post a::before {
     content: "";
     display: block;
     padding-top: 100%
 }

 .ins_post a img {
     position: absolute;
     height: 100%;
     width: 100%;
     top: 0;
     left: 0;
     object-fit: cover
 }

 .top_move {
     position: relative;
     bottom: -100px
 }

 .instagram {
     position: relative
 }

 .instagram h2 {
     font-size: 38px;
     text-align: center;
     margin-bottom: 113px;
     color: #212b35;
     font-size: 44px;
     font-weight: 800;
     line-height: 56px
 }

 .instagram h2 em {
     font-style: normal;
     color: #ed008c
 }

 .blog_box:hover {
     box-shadow: 0 3px 6px rgb(0 0 0 / .16)
 }

 .typereis:hover {
     box-shadow: 4px 4px 6px rgb(0 0 0 / .3)
 }

 .founds img {
     float: right;
     width: auto;
     height: 90px;
     padding-left: 10px
 }

 .founds_inn p {
     margin: 0 0 10px;
     color: #212b35;
     font-size: 32px;
     font-weight: 700;
     line-height: 36px
 }

 .founds_inn a {
     display: block;
     color: #212b35;
     font-size: 17px;
     line-height: 28px
 }

 .founds {
     border-top: solid 1px #e2e6e9;
     border-bottom: solid 1px #e2e6e9;
     padding: 15px 0;
     margin: 10px 0 40px
 }

 .vakanties .slick-slide {
     padding: 0 !important
 }

 .regular1 .slick-slide {
     padding: 0 15px 38px
 }

 .front-page .slick-dots {
     display: none !important
 }

 .slick-arrow:hover {
     background: #f7e0ef
 }

 .slick-arrow:hover:before {
     color: #ec008c
 }

 .regular a.slick-item:hover h2 {
     color: #ec008c
 }

 .regular a.slick-item:hover .build_icon li p,
 .regular a.slick-item:hover .build_icon li p em {
     color: #ec008c
 }

 .build_box:hover svg path {
     fill: #ec008c !important
 }

 .build_box svg {
     margin: 0 4px;
     width: 20px;
     vertical-align: middle
 }

 .slick-next:before {
     content: "\f105";
     font-family: FontAwesome;
     font-size: 20px;
     color: #444c57
 }

 .slick-prev:before {
     content: "\f104";
     font-family: FontAwesome;
     font-size: 20px;
     color: #444c57
 }

 .uit_box p {
     color: #7f91a8;
     font-size: 14px;
     font-weight: 600;
     line-height: 18px;
     display: inline-block
 }

 .view {
     display: inline-block
 }

 .gallery-img img {
     object-fit: cover;
     height: 100%
 }

 .gallery-img img:hover {
     opacity: 1
 }

 .gallery-img {
     transition-duration: .1s;
     padding: 4px 4px;
     margin-bottom: 30px;
     cursor: pointer
 }

 .gallery-img:hover {
     padding: 0
 }

 .blog-full-box:hover,
 .blog-small-box:hover {
     padding: 0 9px
 }

 .vakanties_head_inn {
     border-bottom: solid 1px #dfe3e8;
     margin-bottom: 32px;
     padding: 17px 0
 }

 .section_title_box p {
     color: #212b35;
     font-family: Raleway;
     font-size: 17px;
     line-height: 20px
 }

 .vakanties-sli {
     position: relative;
     margin: 0 -12px
 }

 .vakanties_button {
     display: inline-block;
     margin-right: 9px;
     position: relative;
     cursor: pointer
 }

 .vakanties_button input {
     cursor: pointer;
     outline: none
 }

 .vakanties_button {
     a.active {
         background: #ec008c;
         color: #fff;
         border-color: #ec008c
     }
 }

 .selected-date {
     input {
         background: #ec008c;
         color: #fff;
         border-color: #ec008c
     }
 }

 .vakanties_button a {
     display: block;
     color: #212b35;
     font-size: 14px;
     font-weight: 600;
     line-height: 21px;
     text-align: center;
     border-radius: 4px;
     line-height: 35px;
     border: 1px solid #dfe3e8;
     padding: 0 12px
 }

 .vakanties_button.active_buttton a {
     background-color: #ec008c;
     color: #fff;
     border: 0
 }

 .vakanties_heading {
     margin-bottom: 24px
 }

 .vakanties_heading .vakanties_logo {
     float: right;
     padding: 4px 0
 }

 .vakanties_heading .section_title_box {
     float: left
 }

 .vakanties_heading .section_title_box h2 {
     margin-bottom: 0
 }

 .email_box {
     border-radius: 4px;
     padding: 24px 35px 18px;
     background: url(../images/pattern.svg) repeat #2fa4f6;
     margin-bottom: 110px;
     margin-top: 52px;
     overflow: hidden
 }

 .email_form input[type=text] {
     height: 50px;
     width: 70%;
     border: 1px solid #7f91a8;
     border-radius: 4px 0 0 4px;
     background-color: #fff;
     padding: 12px 16px;
     display: block;
     float: left
 }

 .email_form input[type=submit] {
     height: 50px;
     width: 30%;
     border-radius: 0 4px 4px 0;
     background-color: #ec008c;
     border: #ffdead;
     color: #fff;
     font-size: 16px;
     font-weight: 600;
     padding: 0
 }

 .table-condensed th {
     color: #637381;
     font-size: 12px;
     line-height: 16px;
     text-align: center;
     font-weight: 500
 }

 .month {
     color: #212b36;
     font-size: 16px;
     font-weight: 600;
     line-height: 24px
 }

 .check_inn label input:checked~.checkbox_icon {
     background: url(../images/icon.svg) no-repeat #ec008c;
     background-size: auto auto;
     background-size: 12px;
     background-position: center
 }

 .vakanties_button.active_buttton a {
     background-color: #ec008c;
     color: #fff;
     border: 0
 }

 .email_form {
     display: inline-block;
     width: 100%;
     margin: 18px 0 0 0
 }

 .email_details {
     float: left
 }

 .botal_icon {
     float: left
 }

 .botal_icon img {
     height: 83px
 }

 .email_details h3 {
     color: #fff;
     font-size: 18px;
     font-weight: 600;
     margin: 0;
     line-height: 22px
 }

 .email_details p {
     color: #fff;
     font-family: Raleway;
     font-size: 15px;
     line-height: 22px;
     margin: 0
 }

 .email_details {
     padding: 16px 0 0 20px;
     float: left
 }

 .vakantiessli {
     margin: 0 -12px
 }

 .vakanties .slick-dots {
     margin: 0;
     padding: 0;
     list-style: none;
     position: absolute;
     top: 172px;
     width: 100%;
     text-align: center
 }

 .vakanties .slick-dots li {
     display: inline-block
 }

 .vakanties .slick-dots li button {
     border-radius: 100%;
     border: 0;
     font-size: 0;
     width: 10px;
     height: 10px;
     padding: 0;
     margin: 0 1px;
     background: #fff
 }

 .vakanties .slick-dots li.slick-active button {
     width: 16px;
     height: 16px
 }

 .activebg {
     background: #fff;
     height: 100%;
     position: fixed;
     width: 100%;
     left: 0;
     z-index: 11;
     opacity: .9;
     top: 0
 }

 .radio_box {
     z-index: 12
 }

 .radio_box_inn.check_box {
     display: none
 }

 .radio_box.check_bx_active_x {
     display: none
 }

 .activebox .radio_box_inn.check_box {
     display: block
 }

 .activebox .radio_box.check_bx_active_x {
     display: block
 }

 .activebox~.bg_w {
     background: #fff;
     opacity: .9;
     width: 100%;
     height: 500%;
     position: absolute;
     left: 0;
     z-index: 1;
     top: 137px
 }

 .trip_date {
     height: 34px;
     position: absolute;
     padding: 0 14px;
     top: 15px;
     left: 15px;
     color: #212b35;
     font-size: 14px;
     font-weight: 500;
     line-height: 32px;
     background: #fff;
     z-index: 8
 }

 .vakanties .build_icon {
     padding-bottom: 20px;
     clear: both;
     overflow: hidden
 }

 .build_box .trip_date em {
     font-weight: 700;
     color: #212b35;
     margin: 0;
     display: inline-block
 }

 .build_box {
     position: relative
 }

 .post {
     border-bottom: 1px solid #333;
     margin-bottom: 10px;
     padding-bottom: 10px
 }

 .blog-image-right {
     float: right;
     height: 170px;
     margin-left: 10px;
     width: 210px
 }

 .post a {
     text-decoration: none
 }

 .post h1 {
     font-weight: 600;
     font-size: 2em;
     margin-bottom: 15px
 }

 .betalin_right.reis_slider {
     margin-left: 20px;
     margin-bottom: 20px;
     float: right
 }

 .betalin_right {
     width: 280px
 }

 .loading-content {
     padding-top: 50px
 }

 .blog-image-right>img {
     height: 100%;
     object-fit: cover;
     width: 100%
 }

 .radio_header {
     background-color: #fff;
     box-shadow: 0 2px 4px 0 rgb(127 145 168 / .3);
     overflow: hidden;
     padding: 15px;
     display: none
 }

 .radio_header h3 {
     float: left;
     margin: 0;
     color: #212b36;
     font-size: 17px;
     line-height: 20px
 }

 .close_icon {
     font-size: 20px;
     font-weight: 600;
     color: #000
 }

 .radio_box_new .radio_box_inn {
     width: 100%;
     box-shadow: none;
     background: 0
 }

 .redio_footer {
     padding: 0 15px
 }

 .redio_footer div {
     display: inline-block;
     margin: 30px 0 12px
 }

 .redio_footer div {
     display: inline-block;
     margin: 30px 0 12px
 }

 .redio_footer div input {
     border: 0;
     background: 0;
     color: #7f91a8;
     font-size: 17px;
     font-weight: 600;
     line-height: 25px;
     padding: 6px 12px
 }

 .redio_footer div:hover input {
     background: #ec008c;
     border-radius: 4px;
     color: #fff
 }

 .redio_footer div {
     display: inline-block;
     margin: 30px 0 12px
 }

 .redio_footer div {
     display: inline-block;
     margin: 12px 0 12px
 }

 .redio_foo2 {
     float: right
 }

 .radio_box_new {
     width: 100%;
     height: 100%;
     position: fixed;
     top: 0;
     background: #fff;
     z-index: 999;
     left: 0
 }

 .redio_footer {
     padding: 0 15px;
     box-shadow: 0 -2px 4px 0 rgb(127 145 168 / .3);
     position: fixed;
     width: 100%;
     bottom: 0;
     display: none
 }

 .radio_box_new {
     display: none
 }

 .check_box {
     position: absolute;
     z-index: 99;
     top: 56px;
     width: 450px
 }

 .check_box_new {
     display: none;
     position: fixed;
     top: 0;
     z-index: 9999;
     background: #fff;
     width: 100%;
     height: 100%;
     left: 0
 }

 .check_inn h2 {
     color: #7f91a8;
     font-size: 17px;
     font-weight: 600;
     line-height: 20px;
     margin-bottom: 15px
 }

 .check_inn form {
     margin-bottom: 16px
 }

 .activebox .check_box {
     display: block
 }

 .check_inn label {
     color: #212b35;
     font-size: 17px;
     line-height: 25px;
     display: block
 }

 .check_inn label input {
     position: absolute;
     z-index: 1;
     opacity: 0
 }

 .checkbox_icon {
     float: left;
     margin-right: 12px;
     width: 24px;
     height: 24px;
     border: #ddd solid 2px;
     border-radius: 3px
 }

 .footer_filter {
     padding: 14px 0 10px;
     overflow: hidden
 }

 .redio_foo1 {
     display: inline-block
 }

 .redio_foo1 input,
 .redio_foo2 input {
     border-radius: 4px;
     color: #7f91a8
 }

 .redio_foo1 input,
 .redio_foo2 input {
     border: 0;
     background: 0;
     color: #7f91a8;
     font-size: 17px;
     font-weight: 600;
     line-height: 25px
 }

 .redio_foo1 input,
 .redio_foo2 input {
     border: 0;
     background: no-repeat;
     width: auto !important;
     padding: 0
 }

 .uit_main {
     background: #fee297;
     min-height: 425px;
     padding: 61px 0;
     margin-bottom: 50px;
     position: relative
 }

 .icon button {
     color: #212b35;
     font-size: 14px;
     font-weight: 600;
     line-height: 18px !important;
     padding: 11px 0 11px 36px !important;
     display: block;
     background: url(https://media.simi-reizen.nl/public/uploads/img-stack.svg) no-repeat left;
     margin: 0 15px;
     cursor: pointer;
     outline: none;
     text-transform: capitalize !important
 }

 .icon button em {
     font-style: normal;
     color: #90959a
 }

 .average_main_box .details_bar li {
     color: #212b35;
     font-size: 14px;
     line-height: 21px
 }

 .average_box_content ul {
     margin: 0;
     list-style: none;
     padding: 0
 }

 .average_box_content li p em {
     display: block;
     font-weight: 700;
     font-style: normal;
     font-size: 17px
 }

 .average_box_content li {
     display: inline-block;
     padding: 0 22px;
     border-right: solid 1px #dfe3e8
 }

 .average_box_content li:last-child {
     border: 0
 }

 .average_box_content li p {
     color: #212b35;
     font-size: 14px;
     margin: 0
 }

 .average_box_head {
     border-radius: 8px 8px 0 0;
     background-color: #ffcf35;
     padding: 14px 20px
 }

 .average_box_head h3 {
     color: #212b35;
     font-size: 17px;
     font-weight: 600;
     margin: 0
 }

 .average_box_content {
     border-radius: 8px;
     background-color: #fff;
     box-shadow: 0 15px 15px 3px rgb(33 43 53 / .05), 0 5px 5px 0 rgb(33 43 53 / .1);
     padding: 26px 0
 }

 .rectangle li strong {
     font-weight: 400;
     font-size: 14px
 }

 .trip_banner {
     margin-bottom: 40px
 }

 .trip_area .typereis img {
     width: 100%;
     height: 380px
 }

 .tab_menu {
     background-color: #fff;
     box-shadow: 0 2px 0 0 rgb(223 227 232 / .5);
     z-index: 1 !important
 }

 .tab_menu ul {
     margin: 0;
     padding: 0;
     list-style: none;
     overflow: hidden;
     position: relative;
     top: 2px
 }

 .tab_menu ul li {
     float: left;
     margin-right: 40px
 }

 .tab_menu li a {
     color: #212b35;
     font-size: 17px;
     font-weight: 600;
     padding: 10px 0;
     display: block
 }

 .tab_menu li.ui-state-active a {
     color: #ec008c
 }

 .tab_menu li.ui-state-active {
     border-bottom: solid 3px #ec008c
 }

 .tab_detail_bg {
     background: #fafafa;
     padding: 80px 0 0
 }

 .tab_detail_bg h2 {
     color: #212b35;
     font-size: 32px;
     font-weight: 700;
     line-height: 48px
 }

 .tab_detail_bg h2 em {
     color: #7f91a8;
     font-size: 19px;
     font-weight: 600;
     display: block;
     font-style: normal;
     line-height: 26px
 }

 .tab_detail_bg h3 {
     color: #212b35;
     font-size: 24px;
     font-weight: 600;
     margin-bottom: 15px
 }

 .tab_detail_bg h3 em {
     color: #7f91a8;
     font-size: 19px;
     font-weight: 600;
     font-style: normal;
     display: block;
     position: relative
 }

 .tb_trip {
     position: relative;
     padding-left: 32px;
     margin-left: 12px
 }

 .tb_trip::before {
     content: "";
     border-left: solid 1px #ddd;
     position: absolute;
     left: 0;
     height: 100%;
     top: 50px
 }

 .tab_detail_bg h3 em::before {
     background: #ffcf35;
     width: 8px;
     height: 8px;
     content: "";
     position: absolute;
     left: -35px;
     border-radius: 100%;
     border: solid 1px #ffcf35;
     z-index: 3;
     top: 8px
 }

 .tab_detail_bg h3 em::after {
     background: rgb(255 207 53 / .2);
     content: "";
     width: 16px;
     height: 16px;
     position: absolute;
     left: -39px;
     z-index: 2;
     border-radius: 100%;
     top: 4px
 }

 .trip_small_box {
     min-height: 90px;
     max-width: 341px;
     border-radius: 4px;
     background-color: #fff;
     box-shadow: 0 15px 15px 3px rgb(33 43 53 / .05), 0 5px 5px 0 rgb(33 43 53 / .1);
     overflow: hidden
 }

 .trip_small_box img {
     height: 100px;
     width: 35%;
     float: left;
     padding-right: 10px
 }

 .trip_sm p {
     color: #212b35;
     font-size: 14px;
     font-weight: 600;
     line-height: 21px;
     margin: 0 10px
 }

 .trip_sm {
     border-left: 4px solid #ffcf35;
     float: right;
     width: 65%;
     padding: 4px 0;
     margin: 25px 0
 }

 .trip_img img {
     width: 100%;
     border-radius: 10px
 }

 .tb_trip {
     padding-bottom: 40px;
     padding-top: 40px
 }

 .trip_even {
     background: #fff
 }

 .contact_uit .rating_title h3 {
     margin-bottom: 5px
 }

 .contact_uit .rating_title p {
     color: #212b35;
     font-family: Raleway;
     font-size: 17px;
     line-height: 25px;
     font-weight: 400;
     margin-bottom: 10px
 }

 .rating_link a {
     color: #ec008c;
     font-size: 14px;
     font-weight: 700;
     line-height: 18px;
     text-transform: uppercase
 }

 .contact_uit .uit_heading h2 {
     margin: 20px 0 50px
 }

 .m-small {
     border-right: solid 1px #dfe3e8
 }

 .contact_uit .uit_heading {
     border: 0;
     margin-bottom: 35px;
     padding: 0
 }

 .contact_uit {
     padding: 30px 30px 50px !important
 }

 .interest_box {
     margin-bottom: 50px
 }

 .interest_box .type_details h2 {
     padding: 34px 0 0;
     text-align: left
 }

 .interest_box .type_details {
     padding: 20px
 }

 .interest_box .type_details p {
     color: #fff;
     font-size: 17px;
     line-height: 26px;
     margin: 0
 }

 .int_box {
     margin-bottom: 30px
 }

 .interest_box .typereis img {
     height: 275px
 }

 .highlg .type_details {
     padding: 0 20px
 }

 .highlg .type_details h2 {
     font-size: 17px
 }

 .trip_small_box {
     min-height: 90px;
     max-width: 341px;
     border-radius: 4px;
     background-color: #fff;
     box-shadow: 0 15px 15px 3px rgb(33 43 53 / .05), 0 5px 5px 0 rgb(33 43 53 / .1);
     overflow: hidden;
     margin-bottom: 20px
 }

 .uit_main.contact_main-uit {
     background: #499ed8
 }

 .contact_main-uit::before {
     background: url(../images/Fill1blue.png) right top no-repeat
 }

 .contact_main-uit::after {
     background: url(../images/Fill2blue.png) left top no-repeat
 }

 .contact_main-uit .contact_uit {
     box-shadow: 5px 4px 4px #0275c0
 }

 .photo_gallery {
     position: fixed;
     top: 0;
     left: 0;
     background: #fff;
     width: 100%;
     height: 100%;
     opacity: 1;
     z-index: 9999;
     overflow-x: auto;
     display: block
 }

 .photo_gallery .slick-dots {
     display: none !important
 }

 .slider_foo img {
     width: 100%;
     height: 100%;
     border-radius: 4px;
     object-fit: cover
 }

 .slider_foo .slick-track .slick-slide>div div {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%
 }

 .slider_foo .slick-track .slick-slide>div::before {
     content: "";
     padding-top: 100%;
     display: block
 }

 .slider_foo .slick-track .slick-slide>div {
     position: relative
 }

 .slider_head img {
     width: 100%;
     object-fit: cover;
     border-radius: 6px;
     display: block
 }

 .slider_head button {
     position: absolute;
     top: 35%;
     transform: translateY(50%)
 }

 .slider_head button:focus {
     outline: none
 }

 .slider_head {
     position: relative
 }

 .slider_foo .slick-slide {
     padding: 0 6px
 }

 .slider_head p {
     color: #212b35;
     font-family: Raleway;
     font-size: 17px;
     line-height: 28px
 }

 .slider_head p em {
     color: #212b35;
     font-size: 17px;
     font-weight: 700;
     line-height: 20px;
     color: #212b35;
     font-style: normal;
     margin-right: 12px
 }

 .slider_head .slick-slide {
     padding: 0 0 10px
 }

 .slider_head .slick-prev {
     margin-left: -15px
 }

 .slider_head .slick-next {
     margin-right: -15px
 }

 .header_prev {
     color: #212b35;
     font-size: 14px;
     font-weight: 600;
     line-height: 21px;
     padding: 16px 0 16px 2px;
     display: block;
     position: relative;
     padding-left: 20px;
     cursor: pointer
 }

 .header_prev:hover {
     color: #ec008c
 }

 .header_prev::before {
     content: "\f104";
     font-family: FontAwesome;
     margin-right: 10px;
     font-size: 20px;
     position: absolute;
     left: 0
 }

 .tabs_star_box .star p {
     display: inline-block;
     color: #212b35;
     font-size: 24px;
     font-weight: 600;
     line-height: 28px
 }

 .tabs_star_box .star span {
     height: 26px !important;
     width: 26px !important
 }

 .reviews_col .star {
     margin-right: 10px;
     display: inline-block;
     float: right
 }

 .reviews_col .star span {
     height: 16px !important;
     width: 16px !important
 }

 .reviews_col .star p {
     font-size: 14px;
     margin: 0;
     margin-left: 6px;
     line-height: normal
 }

 .reviews_col .reviews_title {
     display: inline-block;
     margin-right: 20px
 }

 .reviews_col ul {
     margin: 0;
     padding: 0;
     list-style: none
 }

 .reviews_col li {
     margin-bottom: 12px
 }

 .reviews_col li .reviews_title {
     padding-left: 32px
 }

 .rei .reviews_title {
     background: url(../images/flag-diagonal-34.svg) left no-repeat
 }

 .waa .reviews_title {
     background: url(../images/award-49.svg) left no-repeat
 }

 .act .reviews_title {
     background: url(../images/activity.svg) left no-repeat
 }

 .tab-rating_title h2 {
     color: #212b35;
     font-size: 24px;
     font-weight: 600;
     line-height: 28px;
     margin: 0 0 5px
 }

 .tab-rating_title p {
     color: #7f91a8
 }

 .tab-rating-main {
     background-color: #fff;
     box-shadow: 0 15px 15px 3px rgb(33 43 53 / .05), 0 5px 5px 0 rgb(33 43 53 / .1);
     border-radius: 6px;
     margin-bottom: 50px
 }

 .inn-rating-main {
     padding: 24px
 }

 .tabs_star_box {
     border-bottom: solid 1px #f1f1f1;
     padding-bottom: 30px;
     margin-bottom: 30px
 }

 .user_review {
     border-bottom: solid 1px #f1f1f1;
     padding-bottom: 30px;
     margin-bottom: 30px
 }

 .details_img {
     margin-bottom: 15px
 }

 .details_img span {
     width: 138px;
     height: auto;
     display: inline-block;
     border-radius: 6px;
     overflow: hidden;
     margin-right: 10px
 }

 .details_img span img {
     width: 100%
 }

 .user_name .star span {
     width: 16px;
     height: 16px
 }

 .user_name .star {
     display: inline-block
 }

 .user_review_star {
     margin-bottom: 6px
 }

 .user_review_star>span {
     display: inline-block;
     margin-right: 10px;
     color: #212b35;
     font-family: Raleway;
     font-size: 19px;
     font-weight: 600;
     line-height: 22px
 }

 .bron {
     height: 20px;
     margin-bottom: 16px
 }

 .bron p {
     color: #7f91a8;
     font-family: Raleway;
     font-size: 17px;
     line-height: 16px;
     display: inline-block;
     margin: 0 8px 0 0
 }

 .bron img {
     display: inline-block;
     vertical-align: top;
     padding: 2px 0 0
 }

 .simi_review_logo span {
     color: #212b35;
     font-family: Raleway;
     font-size: 19px;
     font-weight: 600;
     line-height: 28px;
     display: inline-block;
     margin-right: 12px
 }

 .simi_review_logo p {
     display: inline-block;
     margin: 0;
     color: #212b35;
     font-family: Raleway;
     font-size: 17px;
     line-height: 25px
 }

 .simi_review_logo span {
     color: #212b35;
     font-family: Raleway;
     font-size: 19px;
     font-weight: 600;
     line-height: 28px;
     display: inline-block;
     margin-right: 12px;
     padding-left: 40px;
     background-size: 32px
 }

 .review_pagination {
     border-radius: 0 0 4px 4px;
     background-color: #f4f6f8;
     padding: 22px
 }

 .review_pagination ul {
     margin: 0;
     padding: 0;
     list-style: none;
     text-align: center
 }

 .review_pagination ul li {
     display: inline-block
 }

 .review_pagination li a {
     display: block;
     height: 44px;
     width: 44px;
     border-radius: 8px;
     line-height: 44px;
     color: #ec008c
 }

 .review_pagination li.page-active a {
     background: #ec008c;
     color: #fff
 }

 .inn-rating-main .user_review:last-child {
     border-bottom: 0;
     margin: 0;
     padding: 0
 }

 .departure_box {
     border-radius: 4px;
     background-color: #fff;
     box-shadow: 0 15px 15px 3px rgb(33 43 53 / .05), 0 5px 5px 0 rgb(33 43 53 / .1);
     max-width: 650px;
     margin: 0 auto;
     width: 90%
 }

 .departure_head {
     border-radius: 4px 4px 0 0;
     background-color: #f4f6f8;
     padding: 15px
 }

 .departure_head h2 {
     color: #212b35;
     font-size: 24px;
     font-weight: 600;
     line-height: 36px;
     margin: 0
 }

 .departure_sub_head p {
     color: #212b35;
     font-size: 17px;
     font-weight: 600;
     line-height: 21px;
     margin: 0
 }

 .departure_sub_head p em {
     font-style: normal;
     font-weight: 700
 }

 .departure_sub_head {
     padding: 20px;
     border-bottom: solid 1px #dfe3e8
 }

 .departure_box ul {
     margin: 0;
     padding: 0;
     list-style: none
 }

 .departure_box li {
     padding: 20px 20px;
     border-bottom: solid 1px #dfe3e8
 }

 .departure_details {
     display: inline-block
 }

 .departure_details p {
     margin: 0;
     display: inline-block;
     color: #212b35;
     font-size: 17px;
     line-height: 21px;
     font-weight: 700
 }

 .departure_details p em {
     display: block;
     font-weight: 400;
     font-style: normal
 }

 .departure_button {
     display: inline-block;
     float: right
 }

 .departure_button a {
     display: block;
     border-radius: 4px;
     background-color: #ec008c;
     color: #fff;
     padding: 10px 20px;
     color: #fff;
     font-size: 14px;
     font-weight: 700;
     line-height: 18px;
     margin-top: 6px
 }

 .departure_box {
     margin: 14px auto 0
 }

 .departure_box_main {
     position: fixed;
     top: 0;
     left: 50%;
     z-index: 999;
     transform: translateX(-50%);
     background: rgb(255 255 255 / .5);
     width: 100%;
     margin: 0 auto;
     height: 100%;
     display: none
 }

 .departure_head {
     position: relative
 }

 .departure_head em {
     width: 20px;
     height: 20px;
     position: absolute;
     background: url(../images/close-01.png);
     right: 24px;
     top: 22px;
     background-size: 100%;
     cursor: pointer
 }

 .sub_footer {
     background-color: #fff;
     box-shadow: 0 -15px 15px 3px rgb(33 43 53 / .05), 0 -5px 5px 0 rgb(33 43 53 / .05);
     padding: 16px 0
 }

 .inb a {
     color: #00aeef;
     font-size: 14px;
     font-weight: 600;
     line-height: 21px
 }

 .inb p {
     margin: 0;
     color: #212b35;
     font-size: 19px;
     line-height: 21px
 }

 .inb p em {
     font-weight: 700;
     font-style: normal
 }

 .bek {
     width: 166px;
     border-radius: 8px;
     background-color: #ec008c;
     text-align: center;
     padding: 10px 0;
     display: inline-block;
     float: right
 }

 .inb {
     display: inline-block;
     margin-right: 20px
 }

 .bek a {
     color: #fff;
     font-size: 17px;
     font-weight: 600;
     line-height: 20px;
     padding-left: 28px;
     position: relative
 }

 .sub_footer_left {
     display: inline-block;
     float: right
 }

 .inb a::after {
     content: "\f106";
     font-family: FontAwesome;
     margin-left: 8px;
     display: inline-block
 }

 .bek a::before {
     content: "";
     background: url(../images/calendar_wh.svg) no-repeat;
     width: 20px;
     height: 20px;
     position: absolute;
     left: 0;
     top: 0
 }

 .departure_checkbox {
     background: rgb(225 225 225 / .5);
     padding-top: 140px
 }

 .depart_check ul {
     margin: 0;
     padding: 0;
     list-style: none
 }

 .depart_check li {
     color: #212b35;
     font-size: 17px;
     line-height: 20px;
     margin-bottom: 16px;
     background-size: auto 100% !important
 }

 .slu_button {
     float: right;
     position: relative;
     margin-top: -24px;
     margin-right: 180px
 }

 .depart_r li {
     background: url(../images/group15.svg) left no-repeat;
     padding-left: 30px
 }

 .depart_l li {
     background: url(../images/group17.svg) left no-repeat;
     padding-left: 30px
 }

 .depart_check h3 {
     color: #212b35;
     font-size: 19px;
     font-weight: 600;
     line-height: 36px
 }

 .departure_checkboxinn h2 {
     color: #212b35;
     font-size: 32px;
     font-weight: 700;
     line-height: normal;
     margin: 0 0 10px
 }

 .departure_checkboxinn {
     background: #fff;
     padding: 50px 0;
     height: 100%
 }

 .departure_checkbox {
     background: rgb(225 225 225 / .5);
     padding-top: 140px;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 999;
     display: none
 }

 .slu_button a {
     line-height: 49px;
     width: 163px;
     border-radius: 8px;
     background-color: #fff;
     box-shadow: 0 15px 15px 3px rgb(33 43 53 / .05), 0 5px 5px 0 rgb(33 43 53 / .1);
     display: block;
     text-align: center;
     color: #212b35;
     font-size: 17px
 }

 .slu_button a::after {
     content: "\f107";
     font-family: FontAwesome;
     margin-left: 8px;
     font-size: 20px
 }

 .sub_footer {
     background-color: #fff;
     box-shadow: 0 -15px 15px 3px rgb(33 43 53 / .05), 0 -5px 5px 0 rgb(33 43 53 / .05);
     padding: 16px 0;
     position: fixed;
     width: 100%;
     bottom: 0;
     z-index: 99;
     border-top: solid 1px #00adef
 }

 .sub_footer~.footer {
     padding-bottom: 80px
 }

 .header_prevmain {
     margin: 0 20px
 }

 .departure_checkbox.photo_blog {
     z-index: 99;
     padding: 100px 0 0
 }

 .photo_gallery .slick-slide.slick-active {
     opacity: .3
 }

 .photo_gallery .slick-slide.slick-current {
     opacity: 1
 }

 .tab_menu.sticky {
     position: fixed;
     width: 100%;
     top: 0;
     z-index: 9
 }

 .interest_box .typereis::before {
     content: "";
     display: inline-block;
     padding-top: calc(100% - -21px)
 }

 .SiteSearch .Button {
     background-position: 25px -196px !important;
     height: 12px !important;
     width: 16px !important;
     font-size: 0;
     border: 0;
     padding: 0;
     margin: 0 4px !important
 }

 body.mat-typography.jw-modal-open {
     overflow: hidden
 }

 .vakanties_head {
     padding-top: 90px
 }

 .country-header div#menu::after {
     background: 0
 }

 #wrapper {
     background-color: #fff
 }

 .country-banner img {
     width: 100%;
     height: 430px;
     border-radius: 4px;
     object-fit: cover
 }

 .country-banner h2 span {
     font-weight: 700;
     display: block
 }

 .trip-transport {
     padding: 20px 0;
     border-bottom: 1px solid #e1e2e7;
     margin-bottom: 50px
 }

 .trip-transport ul {
     margin: 0;
     padding: 0;
     list-style: none
 }

 .trip-transport li {
     float: left;
     padding: 0 120px 0 0
 }

 .trip-transport li:last-child {
     padding-right: 0
 }

 .trip-transport li img {
     display: inline-block;
     vertical-align: middle
 }

 .trip-transport li p {
     display: inline-block;
     margin: 0;
     font-size: 17px;
     color: #232a32;
     vertical-align: middle;
     margin-left: 12px
 }

 .country-page .country-banner h2 {
     color: #fff
 }

 .about-country-video {
     float: right;
     width: 30%;
     border-radius: 5px;
     overflow: hidden;
     position: relative
 }

 .about-country-video img {
     width: 100%;
     border-radius: 5px
 }

 .about-country-video:before {
     position: absolute;
     content: '';
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgb(246 212 104 / .7);
     transform-origin: left;
     z-index: 8
 }

 .video-btn {
     position: absolute;
     top: 40%;
     z-index: 8;
     left: 0;
     right: 0;
     text-align: center
 }

 .video-btn a {
     background: url(../images/Triangle.svg) #fff 15px center no-repeat;
     display: inline-block;
     padding: 16px 35px;
     border-radius: 50px;
     text-decoration: none;
     color: #212b35;
     font-size: 14px;
     font-weight: 700
 }

 .group-travel-box:hover {
     box-shadow: -6px 3px 14px #e5e2dd
 }

 .travel-icons span img {
     width: 20px
 }

 .travel-btn:hover {
     background: #eef9ff
 }

 .travel-sidebar h3 {
     margin: 0 0 20px;
     font-size: 19px;
     color: #222b34;
     font-family: Montserrat, sans-serif
 }

 .travel-sidebar ul {
     list-style: none;
     margin: 0;
     padding: 0
 }

 .travel-sidebar li {
     font-size: 17px;
     color: #232a34;
     margin-bottom: 10px;
     background-repeat: no-repeat;
     padding: 5px 0 5px 0;
     background-position: left center;
     background-size: 30px 30px;
     line-height: 23px;
     position: relative
 }

 .travel-sidebar img {
     vertical-align: middle;
     position: absolute;
     left: 0
 }

 .travel-sidebar li span {
     padding-left: 43px;
     float: left;
     vertical-align: middle
 }

 .sidebaricon2 {
     background: url(../images/Group4.svg)
 }

 .sidebaricon3 {
     background: url(../images/Group3.svg)
 }

 .sidebaricon4 {
     background: url(../images/Group10.svg)
 }

 .sidebaricon5 {
     background: url(../images/Group7.svg)
 }

 .sidebaricon6 {
     background: url(../images/Group11.svg)
 }

 .sidebaricon7 {
     background: url(../images/Group12.svg)
 }

 .hover-bg:hover::before {
     width: 100%
 }

 .country-header .clear,
 .country-page .clear,
 .related-travel-wrp .clear {
     width: 100% !important;
     float: none !important
 }

 .fancybox-lock .fancybox-overlay-fixed {
     z-index: 9999
 }

 #introvideo {
     display: none
 }

 .country-banner img {
     display: none
 }

 .group-travel-detail h3 a {
     color: #212b34;
     font-weight: 700;
     text-decoration: none
 }

 .trip-toggle ul {
     list-style: none;
     padding: 0
 }

 .trip-toggle li {
     float: left;
     border: 1px solid #ccc;
     font-size: 14px;
     font-family: Montserrat, sans-serif;
     font-weight: 700;
     cursor: pointer
 }

 .trip-toggle li a {
     color: #000;
     padding: 10px 16px;
     display: block;
     text-decoration: none
 }

 .trip-toggle li:first-child {
     border-radius: 5px 0 0 5px
 }

 .trip-toggle li:last-child {
     border-radius: 0 5px 5px 0
 }

 .trip-toggle li a.active,
 .trip-toggle li a:hover {
     background: #212b35;
     color: #fff
 }

 .siteform,
 .loginform {
     border: 0;
     padding: 0
 }

 .login_form.page img {
     margin-bottom: 30px;
     width: 200px
 }

 .page h2 {
     color: #202020 !important;
     font-size: 25px !important;
     text-align: center;
     text-transform: uppercase;
     margin-bottom: 25px !important
 }

 .siteform ul,
 .loginform ul {
     list-style: outside none none;
     margin: 0;
     padding: 0
 }

 .siteform li strong {
     float: left;
     width: 120px;
     font-weight: 600;
     font-family: 'Open Sans', sans-serif;
     color: dimgray;
     font-size: 12px
 }

 .loginform li strong {
     font-weight: 600;
     font-family: 'Open Sans', sans-serif;
     color: dimgray;
     font-size: 12px
 }

 .siteform .input_field {
     float: left;
     margin-bottom: 0
 }

 .account_section {
     padding: 20px 0
 }

 .account_section input[type=submit] {
     background: #00aeef none repeat scroll 0 0;
     border: medium none;
     border-radius: 4px;
     color: #fff;
     cursor: pointer;
     height: auto;
     line-height: inherit;
     width: auto
 }

 form.ng-untouched.ng-pristine label p {
     font-size: 14px
 }

 form.ng-untouched.ng-pristine label {
     display: flex;
     gap: 8px
 }

 form.passport_details .account_section input[type=submit] {
     width: 150px
 }

 .dashboard .panelcolumn {
     background: #eee none repeat scroll 0 0;
     box-sizing: border-box;
     float: none;
     margin-bottom: 20px;
     margin-right: 0;
     padding: 20px;
     width: 100%
 }

 .UserBox {
     background: none repeat scroll 0 0 #00aeef;
     color: #fff;
     padding: 10px
 }

 .dashboard .MeMenu {
     margin: 20px 0 0
 }

 .MeMenu ul {
     list-style: outside none none;
     margin: 0;
     padding: 0
 }

 .dashboard .MeMenu li {
     display: inline
 }

 .dashboard .MeMenu a {
     border-bottom: 1px dashed;
     display: inline-block;
     margin-bottom: 5px;
     margin-right: 15px;
     padding-bottom: 5px;
     text-decoration: none
 }

 .ProfileOptions {
     margin-bottom: 20px;
     text-align: right
 }

 .ProfileOptions a {
     font-size: 14px;
     font-weight: 700;
     text-decoration: none
 }

 .login_form.page {
     float: none;
     width: 90%;
     max-width: 400px;
     margin: 0 auto;
     text-align: center;
     position: relative;
     top: 50%;
     transform: translateY(-50%);
     position: relative;
     z-index: 2
 }

 .radioButton {
     text-align: left
 }

 .radioButton label {
     display: flex;
     gap: 9px;
     color: #777
 }

 .registerBox {
     height: 100% !important
 }

 .radioButton label a {
     color: #000
 }

 .accountBox a {
     color: #FF3969;
     font-weight: 500;
     font-size: 14px
 }

 #password_form.siteform,
 #profile.siteform {
     padding: 10px;
     float: none
 }

 .tabsnav.sticky1 {
     position: fixed;
     width: 100%;
     left: 0;
     top: 0;
     z-index: 8;
     border-top: 0
 }

 .only-image .typereis::before {
     content: "";
     display: block;
     padding-top: 70%
 }

 .footer_new_logoarea {
     border-top: 1px solid #c4cdd5;
     border-bottom: 1px solid #c4cdd5;
     padding: 24px 0;
     overflow: hidden;
     margin: 65px 0
 }

 .dashboard_bg {
     background: #f6f6f6
 }

 .d_header {
     height: 75px;
     background-color: #fff;
     box-shadow: 0 2px 4px 0 rgb(0 0 0 / .2);
     padding: 17px 0
 }

 .d_logo {
     display: inline-block
 }

 .d_phone {
     display: inline-block;
     float: right
 }

 .d_logo {
     height: 39px
 }

 .d_logo img {
     width: auto;
     height: 100%
 }

 .d_phone a {
     line-height: 38px;
     color: #2c2c2c;
     font-size: 15px;
     font-weight: 700;
     position: relative;
     padding-left: 30px;
     line-height: 38px;
     display: block
 }

 .d_phone a:before {
     font-family: FontAwesome;
     content: "\f095";
     font-size: 22px;
     position: absolute;
     left: 0;
     line-height: 38px
 }

 button.reserve_blue {
     background-color: #00AEEF;
     margin-right: 5px
 }

 .toggle {
     position: relative;
     display: block;
     width: 46px;
     height: 20px;
     cursor: pointer;
     -webkit-tap-highlight-color: #fff0;
     transform: translate3d(0, 0, 0)
 }

 .toggle::before {
     content: "";
     position: relative;
     top: 0;
     right: 0;
     width: 46px;
     height: 27px;
     display: block;
     background: #9a9999;
     border-radius: 15px;
     transition: background .2s ease
 }

 .toggle span {
     position: absolute;
     top: 2px;
     left: 0;
     width: 23px;
     height: 23px;
     display: block;
     background: #fff;
     border-radius: 100%;
     box-shadow: 0 3px 8px rgb(154 153 153 / .5);
     transition: all .2s ease
 }

 #cbx:checked+.toggle:before {
     background: #feb7e1
 }

 .cbx1:checked+.toggle:before {
     background: #feb7e1
 }

 input:checked+.toggle span {
     background: #ec008c;
     transform: translateX(20px);
     transition: all .2s cubic-bezier(.8, .4, .3, 1.25), background .15s ease;
     box-shadow: 0 3px 8px rgb(79 46 220 / .2)
 }

 .cbx1:checked+.toggle span {
     background: #ec008c;
     transform: translateX(20px);
     transition: all .2s cubic-bezier(.8, .4, .3, 1.25), background .15s ease;
     box-shadow: 0 3px 8px rgb(79 46 220 / .2)
 }

 input:checked+.toggle span:before {
     transform: scale(1);
     opacity: 0;
     transition: all .4s ease
 }

 .cbx1:checked+.toggle span:before {
     transform: scale(1);
     opacity: 0;
     transition: all .4s ease
 }

 .center {
     float: right
 }

 .drive_box {
     border: 1px solid #c4cdd5;
     border-radius: 4px;
     padding: 17px 15px
 }

 .drive_box label {
     margin-bottom: 0
 }

 .drive_box p {
     background: url(../images/drive_icon.svg) no-repeat right;
     padding-right: 30px;
     display: inline-block;
     margin: 0;
     background-size: 20px
 }

 .trip-img-caption {
     padding: 10px
 }

 .inputGroup input:checked~label {
     color: #ec008c;
     font-weight: 600
 }

 .inputGroup input:checked~label:before {
     border: 1px solid #ec008c;
     background-color: rgb(236 0 140 / .05)
 }

 .inputGroup:hover .insurance_details h2 {
     color: #ec008c
 }

 .inputGroup:hover label::after {
     border: 2px solid #ec008c
 }

 .inputGroup input:checked~label::after {
     border-color: #ec008c;
     background-size: 14px !important;
     background-position: 2px 2px;
     background-color: #fff !important;
     background: url(../images/dot_icon.svg) no-repeat center
 }

 .inputGroup:hover label::before {
     border-color: #ec008c
 }

 .radio_button_box {
     margin-bottom: 20px
 }

 .radio_button_box .inputGroup label {
     margin-bottom: 0;
     margin-top: 0
 }

 .radio_button_box .inputGroup label:before {
     margin: 0;
     border-radius: 0
 }

 .radio_button_box .inputGroup:first-child label {
     margin: 0
 }

 .radio_button_box .inputGroup:first-child label:before {
     border-radius: 4px 4px 0 0
 }

 .radio_button_box .inputGroup:last-child label:before {
     border-radius: 0 0 4px 4px
 }

 .radio_button_box .inputGroup {
     border-radius: 0
 }

 .insurance_details ul {
     margin: 0 0 10px;
     list-style: none;
     padding: 0
 }

 .insurance_details ul li {
     color: #90959a;
     font-size: 17px;
     line-height: 30px
 }

 .insurance_box .inputGroup input:checked~label::after {
     border-color: #ec008c;
     background-size: 14px;
     background-position: 2px 2px;
     background: url(../images/check-icon.svg) no-repeat center;
     background-color: #ec008c !important;
     background-size: 12px
 }

 .insurance_box-in input[type=submit] {
     text-transform: uppercase
 }

 .tour_details_inn {
     padding: 25px
 }

 .tour_area p {
     color: #212b35;
     font-size: 17px
 }

 .tour_area a {
     color: #ec008c;
     font-size: 14px;
     font-weight: 600
 }

 .main_submit_box .form_content.total_price,
 .main_submit_box .tour_de {
     padding: 35px 50px 35px 50px
 }

 .page_nav li.booking-link-active a {
     color: #000;
     opacity: .9
 }

 .page_nav ul li.d_active a {
     opacity: 1
 }

 .drive_green {
     border-radius: 4px;
     background-color: #e3f1df
 }

 .drive_green p {
     color: #50b83c;
     font-size: 17px;
     font-weight: 600;
     line-height: 25px;
     display: inline-block;
     margin: 0
 }

 .drive_price {
     float: right
 }

 .drive_green {
     padding: 15px
 }

 .green_detail {
     background: url(../images/drive_green.svg) no-repeat right;
     padding-right: 32px;
     background-size: 20px
 }

 .input_field:hover label {
     color: #ec008c
 }

 .input_field:hover input,
 .input_field:hover textarea {
     border-color: #ec008c
 }

 .toggle_cat_menu {
     display: none
 }

 .toggle_cat_menu i {
     font-size: 20px;
     font-weight: 700;
     line-height: 22px
 }

 .select_location {
     position: relative
 }

 .select_location span {
     background-color: #f6f6f6;
     border: solid 1px #c4c4c4;
     padding: 0 10px 0 35px;
     height: 40px;
     line-height: 38px;
     font-family: 'Montserrat';
     font-weight: 600;
     font-size: 14px;
     border-radius: 4px;
     cursor: pointer;
     display: flex;
     align-items: center
 }

 .select_location span:after {
     content: "\f107";
     font-family: 'FontAwesome';
     font-size: 20px;
     display: inline-flex;
     line-height: 18px;
     width: 40px;
     height: 40px;
     text-align: center;
     align-items: center;
     justify-content: center
 }

 .select_location ul {
     padding: 0;
     list-style: none;
     margin: 0;
     background: #f6f6f6;
     border: 1px solid #c4c4c4;
     box-shadow: 0 0 10px -6px;
     z-index: 99;
     position: absolute;
     width: 100%;
     left: 0;
     top: 100%
 }

 .select_location ul li a {
     padding: 10px;
     display: block;
     color: #000;
     font-weight: 600;
     line-height: 20px;
     font-size: 14px
 }

 .date_wrp .select_location ul {
     background: #009ee0;
     width: 100% !important;
     border: 0;
     box-shadow: none;
     padding: 20px;
     text-align: center
 }

 .date_wrp .select_location {
     position: inherit
 }

 .date_wrp .select_location ul:before {
     content: "";
     position: absolute;
     border-color: #fff0 #fff0 #009ee0 #fff0;
     border-width: 0 12px 12px 12px;
     border-style: solid;
     top: -12px;
     z-index: 999;
     margin: 0 auto;
     left: 0;
     right: 0;
     width: 12px
 }

 .page_nav li .booking-link-active span {
     color: #212B49
 }

 .date_wrp .select_location ul li {
     display: inline-block;
     padding: 10px 20px;
     margin: 0 5px 5px 5px;
     border: 1px solid #333;
     border-radius: 3px;
     font-weight: 500;
     font-size: 14px;
     background: #fff
 }

 .date_wrp .select_location ul li a {
     padding: 0;
     color: #555;
     font-family: Montserrat;
     font-weight: 500
 }

 .date_wrp .select_location ul li:hover {
     background-color: #eee
 }

 .date_wrp .select_location ul li.active,
 .date_wrp .select_location ul li.active:hover {
     background: #ec009c
 }

 .date_wrp .select_location ul li.active a {
     color: #fff
 }

 .date_wrp .select_location span {
     background: none;
     border: 1px solid #ccc;
     border-radius: 3px;
     line-height: 16px;
     font-weight: 500;
     color: #555;
     padding: 0 5px 0 46px;
     height: 42px;
     position: relative
 }

 .date_wrp .select_location span:after {
     content: '\f073';
     font-family: FontAwesome;
     position: absolute;
     left: 12px;
     top: 11px;
     color: #ccc;
     font-size: 28px;
     z-index: 9;
     padding: 0;
     width: auto;
     height: auto
 }

 .block {
     display: block
 }

 .agenda {
     background: url(../images/calendar-pink.svg) left no-repeat;
     padding-left: 38px;
     margin-bottom: 18px
 }

 .agenda a {
     color: #ec008c;
     font-size: 17px
 }

 .d_footer_bg {
     height: 53px;
     width: 100%;
     background-color: #00aeef
 }

 .accordion_details form {
     margin-bottom: 15px
 }

 .accordion_details select {
     background: url(../images/drop_icon.svg) no-repeat right #fff;
     -moz-appearance: none;
     background-size: 12px;
     background-position: 96% 25px
 }

 .accordion_details h3 {
     color: #212b35;
     font-size: 14px;
     line-height: 21px
 }

 .ui-accordion-icons::after {
     content: "\f107";
     float: right;
     font-family: FontAwesome;
     font-size: 26px;
     margin-right: 7px;
     line-height: 38px
 }

 .sidebar_nav .ui-state-active {
     position: relative
 }

 .ui-state-active::after {
     content: "\f106";
     float: right;
     font-family: FontAwesome;
     font-size: 26px;
     margin-right: 7px;
     line-height: 20px;
     position: absolute;
     right: 0;
     top: 15px
 }

 .bancon {
     background: url(../images/logo2.jpg) no-repeat;
     background-size: 55px;
     padding-left: 105px !important;
     background-position: 24px 4px
 }

 .trip_img img {
     width: 100%
 }

 .trip_img {
     border-radius: 4px;
     overflow: hidden;
     box-shadow: 4px 5px 5px rgb(0 0 0 / .1)
 }

 .input_field input.invalid {
     border-color: #ec008c
 }

 .contact_ban_img {
     position: relative;
     margin-bottom: 20px;
     background: url(../images/pattern.svg) repeat #2fa4f6;
     background-size: 140px;
     height: 300px
 }

 .contact_head-details {
     position: absolute;
     left: 0;
     text-align: center;
     top: 50%;
     transform: translateY(-50%);
     width: 100%
 }

 .contact_head-details h2 {
     color: #fff;
     font-size: 44px;
     font-weight: 700;
     margin-bottom: 20px;
     line-height: 34px
 }

 .contact_head-details form {
     display: inline-block
 }

 .contact_head-details input[type=text] {
     border: 1px solid #7f91a8;
     border-radius: 4px 0 0 4px;
     background-color: #fff;
     padding: 0 15px;
     height: 47px;
     width: 328px
 }

 .contact_head-details input[type=submit] {
     height: 57px;
     width: 118px;
     border-radius: 0 4px 4px 0;
     background-color: #212b35;
     border: 0;
     color: #fff;
     font-size: 17px;
     font-weight: 600;
     background-image: url(../images/search.svg);
     background-size: 15px;
     background-repeat: no-repeat;
     background-position: 12px 15px;
     padding: 0 0 0 20px;
     display: block;
     float: right
 }

 .contact_ban_img img {
     width: 100%;
     height: 300px;
     object-fit: cover
 }

 .logo_contact {
     text-align: center;
     position: relative;
     margin-bottom: 35px
 }

 .logo_contact::before {
     content: "";
     background: #dfe3e8;
     height: 2px;
     width: 100%;
     position: absolute;
     top: 15px;
     left: 0
 }

 .contact-logo-icon {
     background: #fff;
     display: inline-block;
     z-index: 1;
     position: relative;
     padding: 2px 20px
 }

 .contact_links {
     position: relative;
     margin-bottom: 65px
 }

 .sticky_sidebar {
     z-index: 2
 }

 .heading_icon {
     margin-bottom: 14px
 }

 .heading_icon img {
     width: 26px
 }

 .links_head h2 {
     color: #212b35;
     font-size: 24px;
     font-weight: 700;
     line-height: 29px;
     margin-bottom: 20px
 }

 .contact_details ul {
     margin: 0;
     padding: 0;
     list-style: none
 }

 .contact_details li a {
     color: #212b35;
     font-family: Raleway;
     font-size: 17px;
     line-height: 56px;
     border-bottom: solid 1px #dfe3e8;
     display: block;
     position: relative
 }

 .contact_details li a::after {
     content: "\f105";
     position: absolute;
     right: 0;
     font-family: FontAwesome;
     font-size: 20px;
     width: 30px;
     height: 30px;
     text-align: center;
     line-height: 30px;
     border-radius: 100%;
     top: 50%;
     transform: translateY(-50%);
     color: #00aeef
 }

 .contact_links span a {
     border-bottom: 0;
     color: #212b35;
     font-size: 14px;
     font-weight: 600;
     padding-left: 20px;
     line-height: 56px;
     display: block
 }

 .contact_links span a::after {
     left: 0;
     color: #212b35;
     width: auto;
     right: auto;
     content: "\f105";
     font-family: FontAwesome;
     font-size: 20px;
     position: absolute
 }

 .contact_container~.uit_main {
     margin-bottom: 0
 }

 .uit_main.contact_main-uit {
     background: #499ed8
 }

 .uit_main::before {
     background: url(../images/Fill1.png) right top no-repeat;
     background-size: auto auto;
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     right: 0;
     top: 0;
     z-index: 1
 }

 .contact_main-uit::before {
     background: url(../images/Fill1blue.png) right top no-repeat
 }

 .contact_main-uit::after {
     background: url(../images/Fill2blue.png) left top no-repeat
 }

 .uit_main .container {
     position: relative;
     z-index: 3
 }

 .contact_main-uit .contact_uit {
     box-shadow: 5px 4px 4px #0275c0
 }

 .contact_uit {
     padding: 30px 30px 50px !important
 }

 .uit_innb {
     background: #fff;
     min-height: 262px;
     padding: 30px 30px !important;
     border-radius: 5px;
     box-shadow: 5px 4px 4px #999
 }

 .contact_uit .uit_heading {
     border: 0;
     margin-bottom: 35px;
     padding: 0;
     text-align: center
 }

 .contact_uit .uit_heading h2 {
     margin: 20px 0 50px;
     color: #212b35;
     font-size: 32px;
     font-weight: 700;
     line-height: 36px
 }

 .m-small {
     border-right: solid 1px #dfe3e8
 }

 .uit_box {
     text-align: center
 }

 .uit_icon {
     margin-bottom: 10px
 }

 .contact_uit .rating_title h3 {
     margin-bottom: 5px;
     color: #212b35;
     font-size: 1.0625em;
     font-weight: 600;
     line-height: 20px
 }

 .contact_uit .rating_title p {
     color: #212b35;
     font-family: Raleway;
     font-size: 17px;
     line-height: 25px;
     font-weight: 400;
     margin-bottom: 10px;
     display: inline-block
 }

 .rating_link a {
     color: #ec008c;
     font-size: 14px;
     font-weight: 700;
     line-height: 18px;
     text-transform: uppercase
 }

 .goo-map {
     position: relative;
     margin-bottom: 20px
 }

 .goo-map img {
     width: 100%;
     height: 550px;
     object-fit: cover
 }

 .simi_add {
     height: 175px;
     width: 392.05px;
     border-radius: 4px;
     background-color: #fff;
     box-shadow: 0 15px 15px 3px rgb(33 43 53 / .05), 0 5px 5px 0 rgb(33 43 53 / .1);
     position: absolute;
     top: 180px;
     left: 35%
 }

 .simi_add::before {
     content: "";
     border-top: 16px solid #fff0;
     border-bottom: 16px solid #fff0;
     border-left: 18px solid #fff;
     border-right: 16px solid #fff0;
     position: absolute;
     left: 100%;
     top: 50%;
     transform: translateY(-50%)
 }

 .simi-add-content {
     overflow: hidden;
     border-radius: 6px
 }

 .simi-add-content img {
     width: 45%;
     height: 175px;
     float: left
 }

 .simi_ad {
     width: 55%;
     float: left;
     padding: 26px 24px
 }

 .simi_ad h3 {
     color: #212b35;
     font-size: 17px;
     font-weight: 700;
     line-height: 25px;
     margin: 0 0 10px
 }

 .new_details {
     float: left;
     width: 70%
 }

 .new_details h2 {
     color: #212b35;
     font-size: 32px;
     font-weight: 700;
     line-height: 36px
 }

 .new_details p {
     color: #212b35;
     font-size: 17px;
     line-height: 28px;
     margin: 0
 }

 .newlogo_foo {
     padding: 12px 0;
     box-sizing: border-box;
     height: 108px;
     float: right;
     border-left: solid 1px #c4cdd5;
     padding-left: 10px;
     width: 30%
 }

 .newlogo_foo>img {
     display: block
 }

 .newlogo_foo .mob {
     display: none
 }

 .newlogo_foo .mob img {
     width: 100%
 }

 .newlogo_foo img {
     height: 70px;
     width: auto;
     display: inline-block;
     padding-left: 12px
 }

 .contact_details li:hover a {
     color: #00aeef
 }

 .contact_details li:hover a::after {
     background: rgb(0 174 239 / .2)
 }

 .contact-logo-icon img {
     width: auto;
     height: 32px;
     padding-left: 5px
 }

 .sticky_sidebar {
     margin-bottom: 30px;
     margin-top: -30px;
     padding-top: 30px
 }

 .sidebar_button {
     height: 40px;
     width: 185px;
     border-radius: 4px;
     background-color: rgb(0 174 239 / .1);
     text-align: center;
     padding: 7px 0;
     margin-bottom: 16px
 }

 .sidebar_button a {
     color: #00aeef;
     font-size: 14px;
     font-weight: 600;
     line-height: 21px;
     display: inline-block;
     position: relative
 }

 .sidebar_button a::before {
     content: "\f104";
     font-family: FontAwesome;
     font-size: 20px;
     display: inline-block;
     line-height: 14px;
     position: absolute;
     left: -14px;
     top: 4px
 }

 .sidebar_nav ul {
     margin: 0;
     padding: 0;
     list-style: none
 }

 .sidebar_nav ul li a {
     color: #212b35;
     font-size: 14px;
     font-weight: 600;
     line-height: 18px;
     padding: 13px 13px 13px 0;
     display: block;
     background: url(../images/con_icon2.svg) left no-repeat;
     background-size: 20px
 }

 ul.navigation {
     padding-left: 35px
 }

 .sidebar_nav ul li.ui-state-active ul {
     display: block
 }

 .sidebar_nav ul li li a {
     background-image: none;
     color: #212b35;
     font-size: 14px;
     line-height: 18px;
     font-weight: 500
 }

 .sidebar_inn h2 {
     color: #212b35;
     font-size: 32px;
     font-weight: 700;
     line-height: 36px;
     margin-bottom: 18px
 }

 .sidebar_inn p {
     margin-bottom: 20px;
     font-size: 14px;
     font-family: Montserrat, sans-serif;
     line-height: 23px
 }

 .sidebar_inn li {
     margin-bottom: 20px;
     font-size: 14px;
     font-family: Montserrat, sans-serif
 }

 .sidebar_content h3 {
     font-size: 18px;
     font-weight: 800;
     margin-bottom: 10px
 }

 .blog_con {
     height: 80px;
     width: 342px;
     background-color: #f9fafb;
     padding: 11px;
     margin-bottom: 30px;
     border-radius: 4px;
     position: relative;
     overflow: hidden
 }

 .blog_con img {
     width: 80px;
     height: auto;
     border-radius: 6px;
     float: left;
     margin-right: 10px;
     display: block
 }

 .blog_con a {
     display: block
 }

 .blog_box_content {
     float: left
 }

 .blog_box_content h3 {
     color: #ec008c !important;
     font-size: 14px !important;
     font-weight: 700 !important;
     line-height: 18px;
     margin-bottom: 5px !important;
     margin-top: 0 !important;
     padding: 0 !important;
     border: 0 !important
 }

 .blog_box_content p {
     color: #212b35 !important;
     font-size: 14px !important;
     line-height: 18px !important;
     margin: 0
 }

 .blog_con .blog_con_icon {
     height: 24px;
     width: 24px;
     background: #333;
     display: block;
     float: right;
     text-align: center;
     color: #fff;
     border-radius: 100%;
     position: absolute;
     top: 50%;
     right: 18px;
     transform: translateY(-50%)
 }

 .sidebar_nav ul li.conicon2 a {
     background-image: url(../images/con_icon6.svg)
 }

 .sidebar_nav ul li.conicon3 a {
     background-image: url(../images/con_icon7.svg)
 }

 .sidebar_nav ul li.conicon4 a {
     background-image: url(../images/con_icon1.svg)
 }

 .sidebar_nav ul li.conicon5 a {
     background-image: url(../images/con_icon2.svg)
 }

 .sidebar_nav ul li.conicon6 a {
     background-image: url(../images/con_icon3.svg)
 }

 .sidebar_nav ul li.conicon7 a {
     background-image: url(../images/con_icon4.svg)
 }

 .pactive {
     color: #00aeef !important
 }

 .goo-map iframe {
     width: 100%
 }

 .betalin_right.reis_slider {
     margin-left: 20px;
     margin-bottom: 20px;
     float: right
 }

 .betalin_right {
     width: 280px
 }

 .page h2 {
     color: #12aeef;
     font-size: 30px;
     margin: 0 0 12px;
     text-transform: uppercase
 }

 .page li {
     margin-bottom: 5px
 }

 .trip_review_img {
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 40%;
     background: #ddd
 }

 .trip_review_img img {
     display: block;
     height: 100%;
     object-fit: cover;
     width: 100%
 }

 .review-no-image {
     color: #aaa;
     display: block;
     font-size: 11px;
     position: absolute;
     text-align: center;
     text-transform: uppercase;
     top: 50%;
     transform: translateY(-50%);
     width: 100%
 }

 .trip_review_total {
     background-color: #ec178c;
     border-radius: 50%;
     color: #fff;
     font-size: 25px;
     font-weight: 700;
     height: 72px;
     right: -22px;
     position: absolute;
     text-align: center;
     top: -20px;
     width: 72px
 }

 .trip_review_total>p {
     line-height: 72px !important;
     margin: 0;
     text-align: center;
     font-size: 25px !important
 }

 .trip_review_individuals {
     background-color: #f1f2f2;
     box-sizing: border-box;
     float: left;
     padding: 10px;
     width: 60%
 }

 .trip_review_individual {
     box-sizing: border-box;
     float: left;
     padding: 0 15px;
     text-align: center;
     width: 33.33%
 }

 .trip_review_individual p {
     font-size: 10px;
     text-align: center;
     margin: 0
 }

 .trip_review_individual>span {
     color: #808285;
     font-size: 14px;
     font-weight: 700
 }

 .review_text {
     clear: both;
     padding-top: 15px
 }

 .triplist {
     list-style: outside none none;
     margin: 0;
     padding: 0
 }

 .triplist li {
     background: url(../images/opzet-simi-ervaringen.png) no-repeat scroll 0 top #f1f2f2;
     margin-bottom: 20px;
     padding: 20px 20px 20px 80px
 }

 .strip_detail p {
     height: 75px;
     overflow: hidden;
     margin: 0;
     font-size: 11px;
     color: dimgray;
     line-height: 18px
 }

 .betalin_right .main_img img {
     width: 100%;
     overflow: hidden;
     display: block
 }

 .reis_slider ul {
     list-style: outside none none;
     margin-top: 10px;
     padding: 0
 }

 .reis_slider li {
     background: none repeat scroll 0 0 #eee;
     float: left;
     height: 56px;
     overflow: hidden;
     width: 90px;
     margin-right: 5px;
     padding: 0
 }

 .betalin_right img {
     display: block
 }

 .clients_info {
     padding: 10px 0
 }

 .clients_info h3 {
     color: #ec178c;
     font-size: 1.17em
 }

 .gender_details {
     background: #eee none repeat scroll 0 0;
     margin-bottom: 10px;
     padding: 10px
 }

 .gender_details .female,
 .gender_details .male {
     float: left;
     font-size: 2em;
     text-align: center;
     width: 50%
 }

 .gender_details .male {
     color: #00aeef
 }

 .gender_details .female {
     color: #ec178c
 }

 .average_age>span {
     display: block;
     padding: 5px 0
 }

 .average_age strong {
     float: right
 }

 .location-icons ul {
     list-style: none;
     padding: 0;
     margin: 15px 0
 }

 .reis_slider li:nth-child(3) {
     margin-right: 0
 }

 .reis_slider li:nth-child(n+4) {
     display: none
 }

 .average_age .fa {
     color: #00aeef;
     padding-right: 10px
 }

 .review_detail .build_box p {
     font-size: 1.0625em;
     line-height: 25px
 }

 .build_icon .location-icons ul {
     margin: 0
 }

 .review_detail .build_icon ul li {
     padding-right: 0
 }

 .review_detail .build_box h2 {
     font-size: 1.1875em;
     color: #212b35;
     font-weight: 700
 }

 .tab_nav .ui-state-active::after {
     display: none
 }

 .trips-boxes .build_icon ul li {
     display: table-cell
 }

 .vakanties_logo img {
     width: auto;
     height: 30px;
     padding-left: 5px
 }

 .menu li ul.mega-menu {
     max-width: 800px;
     width: 100%;
     z-index: 9999;
     left: 50%;
     transform: translateX(-50%)
 }

 .menu li ul.mega-menu li {
     float: left;
     max-width: 33%;
     width: 100%
 }

 .content.vakanties {
     padding-bottom: 50px
 }

 .load-more-btn {
     text-align: center;

     span {
         background: #00adef;
         padding: 10px 20px;
         color: #fff;
         display: inline-block;
         border-radius: 3px
     }
 }

 .trips-loading {
     display: none;
     position: fixed;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background-color: rgb(0 0 0 / .2);
     z-index: 9990
 }

 .trips-loading>span {
     position: absolute;
     top: 50%;
     left: 50%;
     font-size: 72px;
     transform: translate(-50%, -50%) !important;
     display: block
 }

 .triptable>ul>li.sel>div {
     background-color: rgb(0 174 239 / .1) !important
 }

 .menu li ul.mega-menu-77 li {
     float: left;
     width: 23%;
     border-bottom: none;
     margin-right: 20px
 }

 .menu li ul.mega-menu-77 li a {
     padding: 10px 0;
     margin: 0 10px;
     border-bottom: 1px solid rgb(0 0 0 / .1);
     line-height: normal;
     color: #ff3969;
     margin-bottom: 16px
 }

 .menu li ul.mega-menu-77 li:hover>a {
     background: none;
     color: #ec008c;
     border-color: #ec008c
 }

 .menu li ul.mega-menu-77 li ul {
     position: relative;
     border-radius: 0;
     background: none;
     overflow: visible;
     display: block;
     width: auto;
     top: auto
 }

 .menu li ul.mega-menu-77 li ul li {
     display: block;
     width: auto;
     float: none;
     padding: 0 10px
 }

 .menu li ul.mega-menu-77 li ul li a {
     padding: 5px 0 5px 10px;
     margin: 0 0;
     color: #1b2b33;
     font-weight: 300;
     border-bottom: none;
     font-size: 15px;
     margin: 0;
     font-family: "Murecho", sans-serif
 }

 .menu li ul.mega-menu-77 li ul li:hover a {
     background: none !important;
     color: #ec008c
 }

 .menu li ul.mega-menu-77 li li:hover a {
     background-color: rgb(255 255 255 / 10%) !important
 }

 .menu li ul.mega-menu {
     max-width: none;
     width: 100%;
     z-index: 9999;
     left: 0;
     transform: inherit
 }

 .menu li ul.mega-menu li {
     max-width: inherit
 }

 .menu li ul li:hover a {
     background-color: inherit !important
 }

 .rectangle button:hover,
 .rectangle button:focus {
     outline: none
 }

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

 .average_box_content ul {
     display: flex
 }

 .average_box_content li {
     display: block
 }

 .tab_nav.sticky {
     position: fixed;
     top: 79px !important;
     width: 100%;
     z-index: 8;
     left: 0;
     background: #00adef;
     border-radius: 0
 }

 .tab_nav li:hover a,
 .tab_nav li:hover span {
     background: #fff;
     color: #00aeef
 }

 .tab_nav.tabsnav.sticky1 {
     border-radius: 0
 }

 .tab_nav.tabsnav.sticky1 ul {
     padding-left: 0;
     padding-right: 0
 }

 .tab_nav li button {
     border-radius: 8px 8px 0 0;
     line-height: 40px;
     cursor: pointer;
     padding: 0 15px;
     text-decoration: none;
     font-size: 13px;
     display: block;
     color: #fff;
     text-transform: uppercase;
     background: none;
     font-weight: 700
 }

 .tab_nav li button:hover,
 .tab_nav li button:focus {
     outline: none
 }

 .build_box p.date {
     height: auto
 }

 .build_box p.date {
     height: auto;
     float: left;
     margin-right: 10px
 }

 .new-btn {
     display: block;
     padding: 0;
     margin-bottom: 30px;
     padding: 10px
 }

 .new-btn a {
     color: #fff;
     display: block;
     font-size: 14px;
     text-decoration: none;
     text-transform: uppercase;
     padding: 0 5px
 }

 .new-btn.btn {
     background-color: #009ee0
 }

 .btn.new-btn i {
     color: #fff;
     vertical-align: middle;
     font-size: 22px;
     padding: 0 2px
 }

 .trip_ag {
     background-color: #fff;
     position: absolute;
     left: 0;
     bottom: 30px;
     z-index: 10;
     padding: 0 10px;
     border-radius: 0 5px 5px 0;
     font-size: 14px;
     font-weight: 700;
     line-height: 24px
 }

 .single-trip.radius img {
     margin: 0
 }

 .vakanties .slick-dots {
     top: auto;
     bottom: 10px
 }

 .single-trip.build_box.radius {
     margin-bottom: 15px
 }

 .blog_con {
     max-width: 342px;
     width: 100%;
     height: auto
 }

 .blog_box_content {
     width: 60%
 }

 a.read-more {
     font-size: 12px;
     font-weight: 600
 }

 .sidebar_nav ul li.active>a,
 .sidebar_nav ul li:hover>a {
     color: #00aeef
 }

 .dashboard form p {
     display: inline-block;
     margin-bottom: 0
 }

 .tooltip_btn_link {
     padding: 0 10px;
     width: auto
 }

 .tooltip_btn {
     background: #bcedff !important;
     color: #40a0c3 !important
 }

 .tooltip:hover {
     display: block
 }

 .tooltip:before {
     border-bottom: 15px solid #00aeef;
     border-left: 15px solid #fff0;
     border-right: 15px solid #fff0;
     content: "";
     left: 110px;
     position: absolute;
     top: -15px
 }

 .whatsapp_number input[type=text] {
     padding: 4px 5px;
     line-height: normal
 }

 .normal_page_slider .build_box p {
     height: auto
 }

 .normal_page_slider .build_icon {
     margin-bottom: 20px
 }

 #leftsite td {
     font-size: 14px;
     padding: 5px
 }

 body.compensate-for-scrollbar {
     overflow: hidden
 }

 div#tour_box {
     position: sticky;
     top: 90px
 }

 .complete-plan321 .paln-content {
     border: none !important
 }

 .complete-plan321 .plan-content {
     border: none !important;
     background: none !important;
     font-size: 0;
     padding: 0px !important;
     z-index: 9;
     top: 10px
 }

 .complete-plan321 .plan-content:hover {
     box-shadow: none !important
 }

 .complete-plan-hidden:after {
     display: none !important
 }

 .advCheckBox {
     position: relative
 }

 label.plan.complete-plan.complete-plan321 {
     position: absolute
 }

 .plans .complete-plan321 .plan-content:after {
     top: 13px !important
 }

 .plans .complete-plan321 input[type="checkbox"]:checked+.plan-content:after {
     top: 13px !important
 }

 .complete-plan-hidden .plan-content:after {
     display: none !important
 }

 .plans .plan input[type="radio"] {
     position: absolute;
     opacity: 0
 }

 .plans .plan {
     cursor: pointer;
     width: 100%
 }

 .plans .plan .plan-content {
     padding: 15px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     border: 1px solid #DBD5D5;
     border-radius: 10px;
     background: #FAFAFA;
     -webkit-transition: -webkit-box-shadow 0.4s;
     transition: -webkit-box-shadow 0.4s;
     -o-transition: box-shadow 0.4s;
     transition: box-shadow 0.4s;
     transition: box-shadow 0.4s, -webkit-box-shadow 0.4s;
     position: relative
 }

 .plans .plan .plan-details span {
     margin-bottom: 2px;
     display: block;
     font-size: 16px;
     line-height: 24px;
     color: #000;
     font-weight: 700
 }

 .container .title {
     font-size: 20px;
     font-weight: 500;
     -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
     color: #252f42;
     margin-bottom: 0
 }

 .plans .plan .plan-details p {
     color: #646a79;
     font-size: 14px;
     line-height: 18px;
     margin: 0
 }

 .plan-details {
     margin-left: 50px;
     margin-bottom: 5px
 }

 .plans .plan .plan-content:hover {
     -webkit-box-shadow: 0 3px 5px 0 #e8e8e8;
     box-shadow: 0 3px 5px 0 #e8e8e8
 }

 .plans .plan .plan-content:after {
     content: "";
     position: absolute;
     height: 24px;
     width: 24px;
     border-radius: 5px;
     left: 20px;
     top: 25px;
     background: #CED5D9
 }

 .plans .plan input[type="checkbox"] {
     display: none
 }

 .plans .plan input[type="checkbox"]:checked+.plan-content:after {
     content: "";
     font-family: "Font Awesome 5 Free";
     position: absolute;
     height: 24px;
     width: 24px;
     background: url(../images/check.png) no-repeat 2px 1px;
     border-radius: 5px;
     left: 20px;
     top: 25px;
     border: 3px solid #fff;
     -webkit-box-shadow: 0 0 0 1px #06f;
     box-shadow: 0 0 0 1px #06f
 }

 .plans .plan input[type="checkbox"]:checked+.plan-content {
     -webkit-transition: ease-in 0.3s;
     -o-transition: ease-in 0.3s;
     transition: ease-in 0.3s
 }

 .ex-option {
     display: none;
     margin-top: 20px
 }

 .plans .plan input[type="checkbox"]:checked+.plan-content .ex-option {
     display: block
 }

 .ex-option-container .image-box {
     margin-right: 18px
 }

 .tabs-container p {
     font-size: 14px;
     line-height: 20px
 }

 .toDo {
     margin-bottom: 20px
 }

 .accordion-body {
     margin-bottom: 30px
 }

 .tripTable td span {
     display: flex;
     gap: 8px;
     align-items: center;
     justify-content: center
 }

 .tripTable td span img {
     width: 10px;
     height: auto
 }

 .ex-option-container .image-box img {
     border-radius: 10px
 }

 .favhead h2 {
     font-size: 16px;
     color: #0C0C29;
     margin-bottom: 10px
 }

 .tabs-container h1 {
     font-size: 24px;
     font-weight: 700;
     border-bottom: solid 1px #EBE8E8;
     padding-bottom: 12px;
     margin-bottom: 12px;
     color: #0C0C29
 }

 .tab-content .headContainer h1 {
     font-size: 24px;
     font-weight: 700;
     padding-bottom: 0;
     color: #0C0C29
 }

 .favImag img {
     border-radius: 12px
 }

 .fav-container {
     border: solid 1px rgba(0, 0, 0, 10%);
     border-radius: 13px;
     padding: 12px;
     margin-bottom: 15px
 }

 .favBox {
     display: flex;
     gap: 20px
 }

 .box-accordion {
     margin-bottom: 20px
 }

 .con-box {
     width: 135px;
     border: solid 1px #C5C5C5;
     padding: 12px;
     border-radius: 10px;
     text-align: center;
     font-size: 14px;
     color: #5a5a5a
 }

 .con-box img {
     display: block;
     width: 45px;
     margin: 0 auto 10px
 }

 .con-box a {
     display: block
 }

 .contact-info {
     display: flex;
     gap: 17px;
     align-items: center;
     margin-bottom: 30px;
     flex-wrap: wrap
 }

 .favhead {
     display: flex;
     justify-content: space-between;
     margin-bottom: 10px
 }

 .dataAndHeading {
     font-size: 14px;
     color: #484848
 }

 .favContent p {
     color: #393939;
     line-height: 22px;
     font-size: 16px
 }

 .favContent span {
     font-size: 16px;
     font-weight: 700;
     color: #FF3969
 }

 .tabs-container>h2 {
     font-size: 20px;
     font-weight: 600;
     border-bottom: solid 1px #EBE8E8;
     padding-bottom: 12px;
     margin-bottom: 12px;
     color: #0C0C29
 }

 .nameTrip div span {
     display: block
 }

 .nameTrip {
     gap: 68px;
     margin-bottom: 20px
 }

 .nameTrip>div {
     font-size: 14px;
     color: #6A6969;
     font-weight: 400
 }

 .nameTrip>div span {
     font-weight: 600;
     color: #000;
     display: block;
     margin-bottom: 5px
 }

 .tripName p {
     margin: 0;
     display: flex;
     gap: 8px;
     color: #059BDF;
     font-weight: 500
 }

 .tripTable th {
     font-size: 14px;
     color: #000;
     font-weight: 600;
     border-bottom: none !important
 }

 .tripTable td {
     font-size: 14px;
     color: #6A6969
 }

 .ex-option {
     background: #fff;
     border-radius: 10px;
     padding: 10px;
     gap: 20px
 }

 .ex-content-head h2 {
     font-size: 17px;
     color: #0C0C29;
     font-weight: 600;
     margin: 0
 }

 .ex-content-head {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 12px
 }

 .ex-price {
     font-size: 14px;
     color: #FF3969;
     font-weight: 700
 }

 .ex-mainContent p {
     color: #646a79;
     font-size: 14px;
     line-height: 18px;
     margin-bottom: 10px
 }

 .ex-mainContent a {
     background: #1DA9E4;
     color: #fff;
     display: inline-block;
     padding: 6px 15px;
     border-radius: 6px;
     font-size: 14px;
     font-weight: 500
 }

 div#v-pills-tab {
     margin-bottom: 30px
 }

 .headContainer button,
 .headContainer a {
     border-radius: 100px;
     padding: 0px !important;
     width: 25px;
     height: 25px !important;
     line-height: 20px;
     background-color: #FF3969 !important;
     margin-top: 3px
 }

 .headContainer button img,
 .headContainer a img {
     width: 10px;
     margin: 0 7px;
     rotate: 180deg
 }

 .accordion-button span {
     display: flex;
     align-items: center;
     gap: 5px;
     text-transform: none
 }

 .accordion-button span label {
     font-size: 16px;
     margin: 0
 }

 @media (max-width:800px) {
     #mc-embedded-subscribe-form label {
         display: block
     }
 }

 @media (max-width:1199px) {
     div#mc_embed_signup {
         width: auto !important
     }

     #mc_embed_signup_scroll input[type=text] {
         display: none
     }

     .review_detail .build_box .detail_inn h2 {
         text-overflow: ellipsis;
         overflow: hidden;
         white-space: nowrap
     }

     .review_detail .build_icon .location-icons {
         float: none
     }
 }

 #mc_embed_signup_scroll input[type=text] {
     display: none
 }

 form#mc-embedded-subscribe-form {
     text-align: left;
     padding-bottom: 10px
 }

 #mc-embedded-subscribe-form label {
     margin: 0 6px 0 0;
     color: #fff;
     opacity: .8;
     display: inline-block;
     font-size: 14px
 }

 div#mc_embed_signup_scroll {
     display: inline-block
 }

 input#mce-EMAIL {
     padding: 10px;
     border-radius: 4px 0 0 4px;
     border: none;
     height: auto;
     line-height: normal;
     outline: 0;
     display: inline-block;
     vertical-align: middle
 }

 #mc_embed_signup_scroll input[type=submit] {
     padding: 11px 12px !important;
     cursor: pointer;
     display: inline-block;
     margin-left: -6px;
     vertical-align: middle
 }

 div#mc_embed_signup {
     margin: 0 auto;
     width: 54%
 }

 .trip_icon .selectric {
     background: #fff
 }

 .trip_icon .selectric-items {
     background: #fff
 }

 .travel-icons .location-icons ul {
     margin: 0
 }

 .selectric-above .selectric-items {
     border-radius: 4px 4px 0 0
 }

 .selectric,
 .selectric-focus .selectric,
 .selectric-hover .selectric,
 .selectric-open .selectric {
     background-color: #f6f6f6;
     border: solid 1px #c4c4c4;
     box-sizing: border-box
 }

 .selectric .button,
 .selectric .button::after,
 .selectric .label {
     color: #000
 }

 .selectric-open .selectric {
     border-bottom: 0;
     border-radius: 4px 4px 0 0
 }

 .selectric-items {
     border-radius: 0 0 4px 4px
 }

 .selectric-open.selectric-above .selectric {
     border-radius: 0 0 4px 4px;
     border-bottom: solid 1px #c4c4c4;
     border-top: 0
 }

 .fancybox-close-small {
     background: 0 0;
     border: 0;
     border-radius: 0;
     color: #555;
     cursor: pointer;
     height: 44px;
     margin: 0;
     padding: 6px !important;
     font-size: 18px;
     position: absolute;
     right: 8px;
     top: 0;
     width: 44px;
     z-index: 10
 }

 .fancybox-close-small:focus {
     outline: 0
 }

 .selectric-items li {
     padding-left: 25px;
     font-size: 14px
 }

 .average_box .tip_close {
     width: 12px;
     height: 12px
 }

 .contact_ban_img.choice_ban {
     height: auto
 }

 .choice_ban_detail h1 {
     margin: 0;
     text-align: center;
     color: #fff;
     font-size: 28px;
     padding: 20px
 }

 .choice {
     position: relative
 }

 .choice-title {
     position: absolute;
     bottom: 10px;
     left: 0;
     right: 0;
     color: #fff;
     text-align: center;
     font-size: 24px;
     font-weight: 700
 }

 .choice_container .col-md-4 {
     padding-right: 60px;
     padding-left: 60px
 }

 .choice_btn a {
     border: 1px solid #333;
     padding: 10px 16px;
     display: inline-block;
     margin-top: 30px;
     color: #000;
     font-weight: 700
 }

 .choice_btn {
     text-align: center
 }

 .login_form.page {
     float: none;
     width: 90%;
     max-width: 400px;
     margin: 0 auto;
     text-align: center
 }

 span.input_field small {
     display: block
 }

 .siteform .input_field {
     width: 100%
 }

 .passport_details label {
     display: block;
     font-size: 14px;
     margin-bottom: 10px;
     color: #858585
 }

 .passport_details input {
     display: block;
     margin-bottom: 10px;
     width: 100%;
     padding: 12px 12px;
     border-radius: 8px;
     border: solid 1px #dddcdc
 }

 #passport_details_cancel,
 #passport_details_submit {
     display: inline-block
 }

 #passport_details_cancel {
     border: medium none;
     border-radius: 4px;
     font-size: 14px;
     font-weight: 700;
     height: auto !important;
     line-height: initial !important;
     padding: 12px 20px !important;
     cursor: pointer;
     text-transform: uppercase;
     display: inline-block;
     width: auto;
     margin: 0 0 0 10px !important
 }

 .dashboard .passport_details p {
     display: block;
     margin-bottom: 10px
 }

 .booking_list {
     max-width: 710px;
     margin: 0 auto
 }

 .booking_list .status_orange,
 .booking_list .status_red {
     position: relative;
     left: auto;
     float: none;
     margin: 0 auto
 }

 .booking_list h3 {
     background: #ec008c;
     color: #fff;
     margin: 0;
     text-transform: uppercase;
     padding: 14px 10px;
     text-align: center;
     font-family: Raleway, sans-serif;
     border-radius: 10px 10px 0 0;
     position: relative
 }

 .booking_list table tr th {
     text-transform: uppercase
 }

 .booking_list table tr td,
 .booking_list table tr th {
     padding: .6rem
 }

 .booking_list table tr td a {
     padding: 2px;
     display: inline-block
 }

 .user_box h3 a:hover {
     color: #fff
 }

 .CasualMessage {
     background: #cfecff;
     border: 1px solid #abdafb;
     color: #1e79a7
 }

 .siteform li {
     margin-bottom: 10px
 }

 .res_icon i {
     color: #fff;
     font-size: 28px
 }

 .profile_image {
     float: left;
     margin-right: 10px
 }

 .profile_image img {
     width: 50px
 }

 .passport_details input:disabled {
     background: #fff
 }

 .cancel-res-b {
     display: block !important
 }

 .attributes_container .detail_inn span {
     margin-top: 10px;
     display: block;
     margin-bottom: 10px
 }

 .btm_choice_ban {
     margin-top: 20px;
     padding-bottom: 30px
 }

 .container.choice_container_btm {
     max-width: 1100px;
     margin-top: -50px;
     background: #fff;
     position: relative;
     padding-top: 10px
 }

 .attributes_container a {
     display: block
 }

 .res-table li,
 .res-table td {
     padding: 5px;
     font-size: 14px;
     font-family: Raleway, sans-serif
 }

 .grey .build_box .trip_date em {
     color: #6c757d
 }

 .grey .trip_ag {
     color: #6c757d
 }

 .grey .build_box h2 a {
     color: #6c757d
 }

 .grey .build_box em {
     color: #6c757d
 }

 .grey .build_box p {
     color: #6c757d
 }

 .fancybox-slide--html {
     padding: 20px 20px
 }

 .bg-yellow {
     background-color: #ffcf35;
     padding: 10px;
     margin-bottom: 10px
 }

 .customer_list_mob {
     display: none
 }

 .customer_box {
     background: #eee;
     margin: 10px 0;
     padding: 10px;
     font-size: 18px
 }

 .customer_name {
     font-weight: 600
 }

 .customer_phone.whatsapp_number {
     color: #00aeef;
     font-weight: 600;
     min-height: 24px
 }

 .customer_short_detail {
     position: relative
 }

 .iconview {
     position: absolute;
     right: 0;
     top: 10px
 }

 .customer_full_detail,
 .shown_customer_list {
     display: none
 }

 h2.clorblack.textEmail.forgotPassword {
     margin: 0 0 14px !important
 }

 .emaisecond p {
     font-size: 18px;
     color: #464646;
     font-weight: 700
 }

 @media (max-width:767px) {
     .login_form.page {
         transform: translateY(0);
         top: 0;
         position: relative;
         padding: 20px 20px 20px
     }

     .booking_ticket td {
         border: none;
         padding: 5px 0;
         display: block;
         width: 100%;
         text-align: right;
         font-size: 14px
     }

     .booking_ticket td:before {
         font-weight: 600;
         text-align: left;
         display: block;
         width: 48%;
         float: left;
         content: attr(data-title)
     }

     .row_hide {
         display: none
     }

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

     .customer_list_mob {
         display: none
     }

     .customer_list {
         overflow: scroll
     }

     .shown_customer_list {
         display: block
     }

     .trip_ticket {
         overflow-x: scroll
     }

     .trip_letter_btn a {
         width: 100%
     }
 }

 .form_group label {
     color: #212b35;
     font-size: 17px
 }

 .trip_ticket.fancybox-content p {
     margin: 15px 0 0
 }

 .form_control .selectric {
     background: #fff;
     border: none;
     width: 100%;
     padding: 0 5px 0 46px;
     position: relative
 }

 .form_control .selectric .label {
     margin: 0;
     padding: 0;
     color: #555;
     font-weight: 500
 }

 .form_control input[type="text"] {
     width: 100%;
     border: none;
     height: 40px;
     line-height: 28px;
     padding: 0 5px 0 46px
 }

 .form_control .selectric .button {
     display: none
 }

 .form_control.attributes .selectric:after {
     content: '\f0e8';
     font-family: FontAwesome;
     position: absolute;
     left: 12px;
     top: 15px;
     color: #ccc;
     font-size: 28px;
     z-index: 8
 }

 .form_control .selectric-items {
     background: #fff
 }

 .form_control.dates .selectric:after {
     content: '\f073';
     font-family: FontAwesome;
     position: absolute;
     left: 12px;
     top: 15px;
     color: #ccc;
     font-size: 28px;
     z-index: 8
 }

 .form_control .selectric-items li.selected {
     background: #ec008c;
     color: #fff
 }

 .form_control .selectric-items li:hover {
     background-color: #eee
 }

 .form_control .selectric-items li.selected:hover {
     background-color: #ec009c
 }

 .form_control .selectric-items li {
     color: #555;
     font-weight: 500;
     font-size: 14px
 }

 .form_group button {
     background: #ec008c;
     border: none;
     color: #fff;
     display: block;
     padding: 0 10px;
     height: 43px;
     width: 100%;
     border-radius: 3px;
     margin-top: 26px;
     line-height: 43px;
     cursor: pointer
 }

 .dates .selectric-items {
     width: 100% !important;
     top: 100%;
     z-index: 9;
     overflow: visible;
     text-align: center;
     background: #009ee0;
     padding: 20px;
     box-shadow: unset;
     height: auto !important
 }

 .dates .selectric-open .selectric-items:before {
     content: "";
     position: absolute;
     border-color: #fff0 #fff0 #009ee0 #fff0;
     border-width: 0 12px 12px 12px;
     border-style: solid;
     top: -13px
 }

 .dates .selectric-items li {
     display: inline-block;
     background: #fff;
     border: 1px solid #333;
     border-radius: 3px;
     margin: 0 5px 5px 5px;
     padding: 10px 20px
 }

 .trip_ticket .fancybox-close-small {
     height: 32px;
     width: 32px
 }

 .trip_ticket.fancybox-content {
     width: 900px
 }

 .normal_page_slider>a,
 .front-page .regular>a {
     width: 33%;
     overflow: hidden;
     clear: both;
     display: inline-block
 }

 .support_links a {
     display: block
 }

 .age_group_text h1 {
     font-size: 20px;
     color: #00AEEF;
     font-weight: 700
 }

 .age_group_text ul {
     padding: 0;
     list-style: none;
     margin-bottom: 10px
 }

 .age_group_text li {
     font-size: 14px
 }

 .slider_details {
     float: left;
     text-align: left;
     margin-top: 4%
 }

 .post .cat a {
     color: #00afef;
     font-weight: 600;
     margin-bottom: 10px;
     display: inline-block;
     padding: 0 10px 0 0
 }

 .booking-btns.booking-btns-sticky {
     bottom: 10%;
     z-index: 99999;
     width: 100%;
     left: 0;
     text-align: center !important
 }

 .booking-btns.booking-btns-sticky .boven_btn.boven_btn_bg_blue {
     margin-left: 0 !important
 }

 .embedsocial-stories {
     position: absolute !important;
     right: 0;
     z-index: 999;
     height: 80px;
     top: 5px
 }

 .reminder_box .form-group {
     margin-top: 1rem
 }

 .reminder_box .form-group input[type=submit] {
     padding: 6px 10px !important
 }

 .reminder_box .err {
     padding: 5px;
     font-size: 14px
 }

 .reminder_box .msg {
     padding: 5px;
     border: solid 1px;
     border-radius: 5px;
     color: green !important;
     font-size: 14px
 }

 .tour_calendar-btn {
     display: none
 }

 .graph_detail .info_box:after {
     right: 40px
 }

 .graph_detail .info_box p {
     line-height: 20px;
     padding-left: 30px;
     font-size: 12px
 }

 .graph_detail .info_box p::before {
     width: 20px;
     height: 20px
 }

 .rectangle a {
     padding-left: 40px
 }

 .review_detail #mc-embedded-subscribe-form label {
     color: #000;
     display: block;
     margin-bottom: 5px
 }

 .review_detail #mc_embed_signup_scroll input[type=text],
 .review_detail #mc_embed_signup_scroll input[type=email] {
     display: block;
     border: 1px solid #999;
     padding: 5px 10px;
     height: auto;
     line-height: inherit;
     border-radius: 0
 }

 .review_detail div#mc_embed_signup {
     width: auto
 }

 .review_detail .mc-field-group {
     display: inline-block;
     margin-right: 10px;
     position: relative;
     margin-bottom: 45px
 }

 .review_detail .clear {
     display: inline-block
 }

 .review_detail #mc_embed_signup_scroll input[type=submit] {
     margin-left: 0;
     padding: 9px 12px !important;
     vertical-align: inherit
 }

 .review_detail #mc_embed_signup div.mce_inline_error {
     margin: 10px 0;
     display: block;
     position: absolute;
     font-weight: 400;
     width: 100%;
     padding: 3px 5px
 }

 .blog-image-right {
     float: none;
     width: auto;
     margin: 0 0 20px 0;
     height: auto
 }

 .widget.widget_search {
     padding-top: 30px
 }

 .widget.widget_search input {
     margin-right: 5px
 }

 a.popular_post_main {
     display: block;
     clear: both;
     overflow: hidden;
     margin-bottom: 15px;
     border-bottom: 1px solid #ccc;
     padding-bottom: 15px
 }

 .postimage {
     float: left;
     margin-right: 10px
 }

 .popular_post h3 {
     font-size: 15px;
     margin: 0 0 5px
 }

 .postdes span.post-meta {
     font-size: 12px;
     display: block;
     margin: 0
 }

 .blognew .blog-image-right>img {
     margin-bottom: 20px
 }

 .postimage img {
     vertical-align: top;
     display: block;
     width: 100px;
     height: auto
 }

 .blognew .post {
     border-bottom: 1px solid #ccc;
     margin-bottom: 20px;
     padding-bottom: 20px
 }

 .blognew .post p {
     margin-bottom: 0
 }

 .blognew .post h1 {
     font-size: 1.5em
 }

 .blognew .post .post-meta {
     font-size: 14px
 }

 .popular_post h2 {
     font-size: 20px;
     margin-bottom: 15px;
     text-transform: uppercase;
     border-bottom: 1px solid #ccc;
     padding-bottom: 12px
 }

 a.popular_post_main:nth-child(6) {
     border-bottom: none
 }

 .review_detail .normal_h1 {
     width: 68%
 }

 .review_detail .build_box h2 {
     border-bottom: none;
     padding: 0
 }

 .popular_locations li span {
     font-family: Montserrat, sans-serif;
     font-size: 12px;
     text-align: right;
     float: right;
     font-weight: 600
 }

 .booking_list.booking_list_spot {
     max-width: 890px
 }

 .login_form.page .clorblack {
     text-transform: none !important;
     margin-bottom: 18px;
     font-size: 20px;
     color: #8c8b8b !important
 }

 .bgImage {
     position: absolute;
     bottom: 0;
     left: 0;
     z-index: 1
 }

 h2.clorblack.textEmail {
     font-size: 14px !important;
     font-weight: 400
 }

 .login_form.page .backsecond {
     position: relative;
     left: 0;
     bottom: 5px
 }

 .login_form .tab_box_btn button {
     background: #00aeef
 }

 .loading-page {
     position: fixed;
     top: 0;
     width: 100%;
     height: 100%;

     span {
         position: absolute;
         left: 50%;
         top: 50%;
         transform: translate(-50%, -50%);
         display: block;

         i {
             font-size: 100px
         }
     }
 }

 .loading-content {
     font-size: 100px;
     display: flex;
     width: 100%;
     align-items: center;
     justify-content: center
 }

 .slick-item {
     max-width: 434px !important;
     display: block !important
 }

 .slick-item:hover {
     .location-icons img {
         filter: invert(19%) sepia(87%) saturate(7495%) hue-rotate(316deg) brightness(92%) contrast(105%)
     }
 }

 .trip_addon_booking_form .fancybox-close-small {
     right: -8px;
     top: -8px
 }

 .extra_field input[type="text"] {
     width: 100%
 }

 .img_block .desktop-only {
     display: block
 }

 .img_block .mobile-only {
     display: none
 }

 @media (max-width:992px) {
     .img_block .desktop-only {
         display: none
     }

     .img_block .mobile-only {
         display: block
     }

     .trip_addon {
         padding-left: 15px;
         position: relative
     }

     .img_block {
         position: relative;
         height: auto
     }

     h3#pd {
         font-size: 20px
     }
 }

 form.passport_details {
     padding: 20px
 }

 h3#pd {
     margin-bottom: 20px
 }

 .profile_image {
     float: none;
     margin-right: 0
 }

 .profile_des {
     text-align: center;
     font-size: 14px;
     text-transform: none;
     font-weight: 600;
     color: #fff;
     margin-bottom: 10px
 }

 .profile_image img {
     width: 90px;
     border-radius: 100%;
     margin-bottom: 10px
 }

 input[type=submit].account_btn {
     padding: 2px 6px 4px !important;
     font-size: 10px !important;
     display: block;
     margin-top: 5px
 }

 .whatsapp_number input[type=text] {
     padding: 0 5px;
     font-size: 12px
 }

 #video_popup .jw-modal-body {
     padding: 0;
     line-height: 12px
 }

 #video_popup .jw-modal-body button.fancybox-close-small {
     color: #fff
 }

 .videoWrapper {
     position: relative;
     padding-bottom: 56.25%;
     height: 0
 }

 .videoWrapper iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%
 }

 .courses ul {
     list-style: none;
     margin: 0 auto;
     padding: 0;
     width: 750px
 }

 .courses li {
     border: 1px solid rgba(0, 0, 0, 3%);
     background: #eee;
     margin-bottom: 20px;
     padding: 15px 20px
 }

 .courses ul li span {
     font-size: 14px;
     color: rgba(0, 0, 0, 35%);
     display: flex;
     gap: 8px;
     margin-bottom: 10px
 }

 .courses h4 {
     font-size: 20px;
     font-weight: 700
 }

 .courses p {
     font-size: 14px;
     color: rgba(0, 0, 0, 40%);
     margin: 0;
     line-height: 18px
 }

 .course-img img {
     width: 223px;
     height: 146px;
     object-fit: cover;
     border: solid 1px rgba(0, 0, 0, 6%)
 }

 .active_1 span:before {
     content: "\f058";
     display: block;
     border-radius: 100%;
     font-family: 'FontAwesome';
     font-size: 20px;
     line-height: 22px;
     color: #0cbf0c
 }

 .active_1 span {
     color: #333 !important;
     font-weight: 600
 }

 li.active_1 {
     background: #f9ffff;
     border-color: #e7f9f9
 }

 .active_2 span:before {
     content: "\f144";
     display: block;
     border-radius: 100%;
     font-family: 'FontAwesome';
     font-size: 20px;
     line-height: 22px
 }

 .active_2 span {
     color: #333 !important;
     font-weight: 600
 }

 li.active_2 {
     background: #f5f4f4;
     border-color: #e9e3e3
 }

 .active_3 span:before {
     content: "\f070";
     display: block;
     border-radius: 100%;
     font-family: 'FontAwesome';
     font-size: 20px;
     line-height: 22px
 }

 .active_3 span {
     color: #333 !important;
     font-weight: 600
 }

 li.active_3 {
     background: #eee;
     border-color: #dbdbdb
 }

 .durations:before {
     content: "\f017";
     border-radius: 100%;
     font-family: 'FontAwesome';
     font-size: 20px;
     vertical-align: middle;
     margin-right: 5px
 }

 .durations {
     font-size: 14px;
     color: #333;
     line-height: 26px;
     margin-bottom: 12px
 }

 .option-text {
     margin-top: 10px;
     font-size: 14px
 }

 .option-text label {
     vertical-align: middle
 }

 .lesson-details h3 {
     font-size: 18px;
     margin-bottom: 10px;
     padding: 12px 0 0;
     color: #212b35;
     font-weight: 600;
     text-transform: uppercase;
     border-bottom: none
 }

 .lesson-details ul {
     width: auto
 }

 .lesson-details p {
     margin-bottom: 10px
 }

 ul.single-lesson {
     width: 100%
 }

 ul.single-lesson li {
     background: none;
     padding: 0;
     border: none
 }

 .certi {
     text-align: center;
     font-size: 40px;
     color: #999
 }

 .lesson-details {
     margin-top: 10px
 }

 .lesson-details iframe {
     width: 100%;
     max-width: 450px;
     margin-bottom: 10px
 }

 .quiz_info_box {
     display: none
 }

 .quiz_info {
     float: right;
     font-size: 18px;
     vertical-align: middle;
     cursor: pointer
 }

 .courses h3 {
     position: relative
 }

 .courses h3 span {
     position: absolute;
     right: 18%;
     font-size: 28px;
     color: #007bff
 }

 div#quiz_info_1 {
     font-size: 20px
 }

 .fancybox-close-small {
     height: 38px;
     width: 38px
 }

 .seperator {
     display: inline-block;
     margin: 0 20px 0;
     vertical-align: text-top
 }

 svg#Layer_1 {
     font-size: 12px;
     width: 15px
 }

 .images_slider.not-init {

     .regular,
     .regular1,
     .regular2 {
         margin: inherit !important;

         .slick-slide {
             margin-bottom: inherit !important
         }

         .slick-prev:before,
         .slick-next:before {
             display: none
         }

         [type=reset],
         [type=submit],
         button,
         html [type=button] {
             -webkit-appearance: button;
             display: none !important
         }
     }
 }

 .flight_ticket_body {
     border-radius: .375rem 0 0 .375rem;
     box-shadow: 0 1px 3px 0 rgb(37 32 31 / 30%);
     padding: 10px;
     margin-bottom: 20px;
     padding-bottom: 0
 }

 .flight-heading {
     background: #00AEEF;
     color: #fff;
     padding: 8px 10px;
     border-radius: 3px 3px 0 0;
     overflow: hidden;
     margin: -10px -10px 0 -10px;
     font-size: 20px;
     cursor: pointer
 }

 .flight-content-toggle {
     padding: 20px 0
 }

 .flight_customer {
     display: inline-block;
     line-height: 28px;
     vertical-align: top;
     width: 20%
 }

 .flight_details {
     display: inline-block
 }

 .flight_ticket_details {
     margin-bottom: 10px
 }

 .flight_ticket_info {
     display: inline-block
 }

 .flight_info {
     display: inline-block;
     width: 150px;
     vertical-align: middle
 }

 .flight_ticket_logo {
     text-align: center
 }

 .flight_info.dep {
     text-align: right
 }

 span.flight_info_time {
     font-size: 20px
 }

 .flight_info span {
     display: block
 }

 span.flight_info_place {
     font-size: 14px;
     color: #666
 }

 .images_slider a {
     display: block
 }

 .sidebar_nav img {
     width: 20px;
     height: auto;
     margin-right: 10px;
     vertical-align: bottom
 }

 .form_content a.submit_btn {
     background-color: #EC008C
 }

 .forum_filter form {
     float: left;
     margin-top: 5px
 }

 .forum_filter form label {
     display: inline-block !important;
     margin: 0 10px
 }

 .forum_filter form button,
 .forum_filter form a.submit_btn {
     padding: 5px 10px !important
 }

 .login-heading h2 {
     text-transform: none
 }

 .login_form button {
     text-transform: none !important;
     padding: 16px 0px !important
 }

 #covid_info h3 {
     border-bottom: 2px solid #fed23c;
     padding-bottom: 8px;
     margin-bottom: 20px;
     font-family: Montserrat, sans-serif;
     font-weight: 700;
     font-size: 24px;
     color: #212b35
 }

 #covid_info p.checkmark {
     position: relative;
     padding-left: 30px
 }

 #covid_info p.checkmark:before {
     content: "\f00c";
     font-family: FontAwesome;
     display: inline-block;
     font-size: 18px;
     position: absolute;
     left: 0
 }

 #covid_info p {
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     text-align: left;
     color: #333
 }

 .fancybox-lock .fancybox-overlay-fixed {
     z-index: 9999
 }

 .fancybox-slide--html {
     padding: 20px 20px
 }

 .trip_ticket .fancybox-close-small {
     height: 32px;
     width: 32px
 }

 .trip_ticket.fancybox-content {
     width: 900px
 }

 .fancybox-active {
     height: auto
 }

 .fancybox-is-hidden {
     left: -9999px;
     margin: 0;
     position: absolute !important;
     top: -9999px;
     visibility: hidden
 }

 .fancybox-container {
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
     height: 100%;
     left: 0;
     position: fixed;
     -webkit-tap-highlight-color: #fff0;
     top: 0;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     width: 100%;
     z-index: 99992
 }

 .fancybox-container * {
     box-sizing: border-box
 }

 .fancybox-bg,
 .fancybox-inner,
 .fancybox-outer,
 .fancybox-stage {
     bottom: 0;
     left: 0;
     position: absolute;
     right: 0;
     top: 0
 }

 .fancybox-outer {
     -webkit-overflow-scrolling: touch;
     overflow-y: auto
 }

 .fancybox-bg {
     background: #1e1e1e;
     opacity: 0;
     transition-duration: inherit;
     transition-property: opacity;
     transition-timing-function: cubic-bezier(.47, 0, .74, .71)
 }

 .fancybox-is-open .fancybox-bg {
     opacity: .87;
     transition-timing-function: cubic-bezier(.22, .61, .36, 1)
 }

 .fancybox-caption,
 .fancybox-infobar,
 .fancybox-navigation .fancybox-button,
 .fancybox-toolbar {
     direction: ltr;
     opacity: 0;
     position: absolute;
     transition: opacity .25s, visibility 0s linear .25s;
     visibility: hidden;
     z-index: 99997
 }

 .fancybox-show-caption .fancybox-caption,
 .fancybox-show-infobar .fancybox-infobar,
 .fancybox-show-nav .fancybox-navigation .fancybox-button,
 .fancybox-show-toolbar .fancybox-toolbar {
     opacity: 1;
     transition: opacity .25s, visibility 0s;
     visibility: visible
 }

 .fancybox-infobar {
     color: #ccc;
     font-size: 13px;
     -webkit-font-smoothing: subpixel-antialiased;
     height: 44px;
     left: 0;
     line-height: 44px;
     min-width: 44px;
     mix-blend-mode: difference;
     padding: 0 10px;
     pointer-events: none;
     text-align: center;
     top: 0;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }

 .fancybox-toolbar {
     right: 0;
     top: 0
 }

 .fancybox-stage {
     direction: ltr;
     overflow: visible;
     -webkit-transform: translateZ(0);
     z-index: 99994
 }

 .fancybox-is-open .fancybox-stage {
     overflow: hidden
 }

 .fancybox-slide {
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     display: none;
     height: 100%;
     left: 0;
     outline: 0;
     overflow: auto;
     -webkit-overflow-scrolling: touch;
     padding: 44px;
     position: absolute;
     text-align: center;
     top: 0;
     transition-property: opacity, -webkit-transform;
     transition-property: transform, opacity;
     transition-property: transform, opacity, -webkit-transform;
     white-space: normal;
     width: 100%;
     z-index: 99994
 }

 .fancybox-slide:before {
     content: "";
     display: inline-block;
     height: 100%;
     margin-right: -.25em;
     vertical-align: middle;
     width: 0
 }

 .fancybox-is-sliding .fancybox-slide,
 .fancybox-slide--current,
 .fancybox-slide--next,
 .fancybox-slide--previous {
     display: block
 }

 .fancybox-slide--next {
     z-index: 99995
 }

 .fancybox-slide--image {
     overflow: visible;
     padding: 44px 0
 }

 .fancybox-slide--image:before {
     display: none
 }

 .fancybox-slide--html {
     padding: 6px 6px 0
 }

 .fancybox-slide--iframe {
     padding: 44px 44px 0
 }

 .fancybox-content {
     background: #fff;
     display: inline-block;
     margin: 0 0 6px;
     max-width: 100%;
     overflow: auto;
     padding: 0;
     padding: 24px;
     position: relative;
     text-align: left;
     vertical-align: middle
 }

 .fancybox-slide--image .fancybox-content {
     -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
     animation-timing-function: cubic-bezier(.5, 0, .14, 1);
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     background: 0 0;
     background-repeat: no-repeat;
     background-size: 100% 100%;
     left: 0;
     margin: 0;
     max-width: none;
     overflow: visible;
     padding: 0;
     position: absolute;
     top: 0;
     -webkit-transform-origin: top left;
     transform-origin: top left;
     transition-property: opacity, -webkit-transform;
     transition-property: transform, opacity;
     transition-property: transform, opacity, -webkit-transform;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     z-index: 99995
 }

 .fancybox-can-zoomOut .fancybox-content {
     cursor: zoom-out
 }

 .fancybox-can-zoomIn .fancybox-content {
     cursor: zoom-in
 }

 .fancybox-can-drag .fancybox-content {
     cursor: -webkit-grab;
     cursor: grab
 }

 .fancybox-is-dragging .fancybox-content {
     cursor: -webkit-grabbing;
     cursor: grabbing
 }

 .fancybox-container [data-selectable=true] {
     cursor: text
 }

 .fancybox-image,
 .fancybox-spaceball {
     background: 0 0;
     border: 0;
     height: 100%;
     left: 0;
     margin: 0;
     max-height: none;
     max-width: none;
     padding: 0;
     position: absolute;
     top: 0;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     width: 100%
 }

 .fancybox-spaceball {
     z-index: 1
 }

 .fancybox-slide--html .fancybox-content {
     margin-bottom: 6px
 }

 .fancybox-slide--iframe .fancybox-content,
 .fancybox-slide--map .fancybox-content,
 .fancybox-slide--video .fancybox-content {
     height: 100%;
     margin: 0;
     overflow: visible;
     padding: 0;
     width: 100%
 }

 .fancybox-slide--video .fancybox-content {
     background: #000
 }

 .fancybox-slide--map .fancybox-content {
     background: #e5e3df
 }

 .fancybox-slide--iframe .fancybox-content {
     background: #fff;
     height: calc(100% - 44px);
     margin-bottom: 44px
 }

 .fancybox-iframe,
 .fancybox-video {
     background: 0 0;
     border: 0;
     height: 100%;
     margin: 0;
     overflow: hidden;
     padding: 0;
     width: 100%
 }

 .fancybox-iframe {
     vertical-align: top
 }

 .fancybox-error {
     background: #fff;
     cursor: default;
     max-width: 400px;
     padding: 40px;
     width: 100%
 }

 .fancybox-error p {
     color: #444;
     font-size: 16px;
     line-height: 20px;
     margin: 0;
     padding: 0
 }

 .fancybox-button {
     background: rgb(30 30 30 / .6);
     border: 0;
     border-radius: 0;
     cursor: pointer;
     display: inline-block;
     height: 44px;
     margin: 0;
     outline: 0;
     padding: 10px;
     transition: color .2s;
     vertical-align: top;
     width: 44px
 }

 .fancybox-button,
 .fancybox-button:link,
 .fancybox-button:visited {
     color: #ccc
 }

 .fancybox-button:focus,
 .fancybox-button:hover {
     color: #fff
 }

 .fancybox-button.disabled,
 .fancybox-button.disabled:hover,
 .fancybox-button[disabled],
 .fancybox-button[disabled]:hover {
     color: #888;
     cursor: default
 }

 .fancybox-button svg {
     display: block;
     overflow: visible;
     position: relative;
     shape-rendering: geometricPrecision
 }

 .fancybox-button svg path {
     fill: #fff0;
     stroke: currentColor;
     stroke-linejoin: round;
     stroke-width: 3
 }

 .fancybox-button--pause svg path:nth-child(1),
 .fancybox-button--play svg path:nth-child(2) {
     display: none
 }

 .fancybox-button--play svg path,
 .fancybox-button--share svg path,
 .fancybox-button--thumbs svg path {
     fill: currentColor
 }

 .fancybox-button--share svg path {
     stroke-width: 1
 }

 .fancybox-navigation .fancybox-button {
     height: 38px;
     opacity: 0;
     padding: 6px;
     position: absolute;
     top: 50%;
     width: 38px
 }

 .fancybox-show-nav .fancybox-navigation .fancybox-button {
     transition: opacity .25s, visibility 0s, color .25s
 }

 .fancybox-navigation .fancybox-button:after {
     content: "";
     left: -25px;
     padding: 50px;
     position: absolute;
     top: -25px
 }

 .fancybox-navigation .fancybox-button--arrow_left {
     left: 6px
 }

 .fancybox-navigation .fancybox-button--arrow_right {
     right: 6px
 }

 .fancybox-close-small {
     background: 0 0;
     border: 0;
     border-radius: 0;
     color: #555;
     cursor: pointer;
     height: 44px;
     margin: 0;
     padding: 6px;
     position: absolute;
     right: 0;
     top: 0;
     width: 44px;
     z-index: 10
 }

 .fancybox-close-small svg {
     fill: #fff0;
     opacity: .8;
     stroke: currentColor;
     stroke-width: 1.5;
     transition: stroke .1s
 }

 .fancybox-close-small:focus {
     outline: 0
 }

 .fancybox-close-small:hover svg {
     opacity: 1
 }

 .fancybox-slide--iframe .fancybox-close-small,
 .fancybox-slide--image .fancybox-close-small,
 .fancybox-slide--video .fancybox-close-small {
     color: #ccc;
     padding: 5px;
     right: -12px;
     top: -44px
 }

 .fancybox-slide--iframe .fancybox-close-small:hover svg,
 .fancybox-slide--image .fancybox-close-small:hover svg,
 .fancybox-slide--video .fancybox-close-small:hover svg {
     background: 0 0;
     color: #fff
 }

 .fancybox-is-scaling .fancybox-close-small,
 .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
     display: none
 }

 .fancybox-caption {
     bottom: 0;
     color: #fff;
     font-size: 14px;
     font-weight: 400;
     left: 0;
     line-height: 1.5;
     padding: 25px 44px;
     right: 0
 }

 .fancybox-caption:before {
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
     background-repeat: repeat-x;
     background-size: contain;
     bottom: 0;
     content: "";
     display: block;
     left: 0;
     pointer-events: none;
     position: absolute;
     right: 0;
     top: -25px;
     z-index: -1
 }

 .fancybox-caption:after {
     border-bottom: 1px solid hsl(0 0% 100% / .3);
     content: "";
     display: block;
     left: 44px;
     position: absolute;
     right: 44px;
     top: 0
 }

 .fancybox-caption a,
 .fancybox-caption a:link,
 .fancybox-caption a:visited {
     color: #ccc;
     text-decoration: none
 }

 .fancybox-caption a:hover {
     color: #fff;
     text-decoration: underline
 }

 .fancybox-loading {
     -webkit-animation: a .8s infinite linear;
     animation: a .8s infinite linear;
     background: 0 0;
     border: 6px solid hsl(0 0% 39% / .5);
     border-radius: 100%;
     border-top-color: #fff;
     height: 60px;
     left: 50%;
     margin: -30px 0 0 -30px;
     opacity: .6;
     padding: 0;
     position: absolute;
     top: 50%;
     width: 60px;
     z-index: 99999
 }

 @-webkit-keyframes a {
     0% {
         -webkit-transform: rotate(0);
         transform: rotate(0)
     }

     to {
         -webkit-transform: rotate(359deg);
         transform: rotate(359deg)
     }
 }

 @keyframes a {
     0% {
         -webkit-transform: rotate(0);
         transform: rotate(0)
     }

     to {
         -webkit-transform: rotate(359deg);
         transform: rotate(359deg)
     }
 }

 .fancybox-animated {
     transition-timing-function: cubic-bezier(0, 0, .25, 1)
 }

 .fancybox-fx-slide.fancybox-slide--previous {
     opacity: 0;
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0)
 }

 .fancybox-fx-slide.fancybox-slide--next {
     opacity: 0;
     -webkit-transform: translate3d(100%, 0, 0);
     transform: translate3d(100%, 0, 0)
 }

 .fancybox-fx-slide.fancybox-slide--current {
     opacity: 1;
     -webkit-transform: translateZ(0);
     transform: translateZ(0)
 }

 .fancybox-fx-fade.fancybox-slide--next,
 .fancybox-fx-fade.fancybox-slide--previous {
     opacity: 0;
     transition-timing-function: cubic-bezier(.19, 1, .22, 1)
 }

 .fancybox-fx-fade.fancybox-slide--current {
     opacity: 1
 }

 .fancybox-fx-zoom-in-out.fancybox-slide--previous {
     opacity: 0;
     -webkit-transform: scale3d(1.5, 1.5, 1.5);
     transform: scale3d(1.5, 1.5, 1.5)
 }

 .fancybox-fx-zoom-in-out.fancybox-slide--next {
     opacity: 0;
     -webkit-transform: scale3d(.5, .5, .5);
     transform: scale3d(.5, .5, .5)
 }

 .fancybox-fx-zoom-in-out.fancybox-slide--current {
     opacity: 1;
     -webkit-transform: scaleX(1);
     transform: scaleX(1)
 }

 .fancybox-fx-rotate.fancybox-slide--previous {
     opacity: 0;
     -webkit-transform: rotate(-1turn);
     transform: rotate(-1turn)
 }

 .fancybox-fx-rotate.fancybox-slide--next {
     opacity: 0;
     -webkit-transform: rotate(1turn);
     transform: rotate(1turn)
 }

 .fancybox-fx-rotate.fancybox-slide--current {
     opacity: 1;
     -webkit-transform: rotate(0);
     transform: rotate(0)
 }

 .fancybox-fx-circular.fancybox-slide--previous {
     opacity: 0;
     -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
     transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
 }

 .fancybox-fx-circular.fancybox-slide--next {
     opacity: 0;
     -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
     transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
 }

 .fancybox-fx-circular.fancybox-slide--current {
     opacity: 1;
     -webkit-transform: scaleX(1) translateZ(0);
     transform: scaleX(1) translateZ(0)
 }

 .fancybox-fx-tube.fancybox-slide--previous {
     -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
     transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
 }

 .fancybox-fx-tube.fancybox-slide--next {
     -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
     transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
 }

 .fancybox-fx-tube.fancybox-slide--current {
     -webkit-transform: translateZ(0) scale(1);
     transform: translateZ(0) scale(1)
 }

 .fancybox-share {
     background: #f4f4f4;
     border-radius: 3px;
     max-width: 90%;
     padding: 30px;
     text-align: center
 }

 .fancybox-share h1 {
     color: #222;
     font-size: 35px;
     font-weight: 700;
     margin: 0 0 20px
 }

 .fancybox-share p {
     margin: 0;
     padding: 0
 }

 .fancybox-share__button {
     border: 0;
     border-radius: 3px;
     display: inline-block;
     font-size: 14px;
     font-weight: 700;
     line-height: 40px;
     margin: 0 5px 10px;
     min-width: 130px;
     padding: 0 15px;
     text-decoration: none;
     transition: all .2s;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     white-space: nowrap
 }

 .fancybox-share__button:link,
 .fancybox-share__button:visited {
     color: #fff
 }

 .fancybox-share__button:hover {
     text-decoration: none
 }

 .fancybox-share__button--fb {
     background: #3b5998
 }

 .fancybox-share__button--fb:hover {
     background: #344e86
 }

 .fancybox-share__button--pt {
     background: #bd081d
 }

 .fancybox-share__button--pt:hover {
     background: #aa0719
 }

 .fancybox-share__button--tw {
     background: #1da1f2
 }

 .fancybox-share__button--tw:hover {
     background: #0d95e8
 }

 .fancybox-share__button svg {
     height: 25px;
     margin-right: 7px;
     position: relative;
     top: -1px;
     vertical-align: middle;
     width: 25px
 }

 .fancybox-share__button svg path {
     fill: #fff
 }

 .fancybox-share__input {
     background: 0 0;
     border: 0;
     border-bottom: 1px solid #d7d7d7;
     border-radius: 0;
     color: #5d5b5b;
     font-size: 14px;
     margin: 10px 0 0;
     outline: 0;
     padding: 10px 15px;
     width: 100%
 }

 .fancybox-thumbs {
     background: #fff;
     bottom: 0;
     display: none;
     margin: 0;
     -webkit-overflow-scrolling: touch;
     -ms-overflow-style: -ms-autohiding-scrollbar;
     padding: 2px 2px 4px;
     position: absolute;
     right: 0;
     -webkit-tap-highlight-color: #fff0;
     top: 0;
     width: 212px;
     z-index: 99995
 }

 .fancybox-thumbs-x {
     overflow-x: auto;
     overflow-y: hidden
 }

 .fancybox-show-thumbs .fancybox-thumbs {
     display: block
 }

 .fancybox-show-thumbs .fancybox-inner {
     right: 212px
 }

 .fancybox-thumbs>ul {
     font-size: 0;
     height: 100%;
     list-style: none;
     margin: 0;
     overflow-x: hidden;
     overflow-y: auto;
     padding: 0;
     position: absolute;
     position: relative;
     white-space: nowrap;
     width: 100%
 }

 .fancybox-thumbs-x>ul {
     overflow: hidden
 }

 .fancybox-thumbs-y>ul::-webkit-scrollbar {
     width: 7px
 }

 .fancybox-thumbs-y>ul::-webkit-scrollbar-track {
     background: #fff;
     border-radius: 10px;
     box-shadow: inset 0 0 6px rgb(0 0 0 / .3)
 }

 .fancybox-thumbs-y>ul::-webkit-scrollbar-thumb {
     background: #2a2a2a;
     border-radius: 10px
 }

 .fancybox-thumbs>ul>li {
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     cursor: pointer;
     float: left;
     height: 75px;
     margin: 2px;
     max-height: calc(100% - 8px);
     max-width: calc(50% - 4px);
     outline: 0;
     overflow: hidden;
     padding: 0;
     position: relative;
     -webkit-tap-highlight-color: #fff0;
     width: 100px
 }

 .fancybox-thumbs-loading {
     background: rgb(0 0 0 / .1)
 }

 .fancybox-thumbs>ul>li {
     background-position: 50%;
     background-repeat: no-repeat;
     background-size: cover
 }

 .fancybox-thumbs>ul>li:before {
     border: 4px solid #4ea7f9;
     bottom: 0;
     content: "";
     left: 0;
     opacity: 0;
     position: absolute;
     right: 0;
     top: 0;
     transition: all .2s cubic-bezier(.25, .46, .45, .94);
     z-index: 99991
 }

 .fancybox-thumbs .fancybox-thumbs-active:before {
     opacity: 1
 }

 @media (max-width:800px) {
     #mc-embedded-subscribe-form label {
         display: block
     }

     .fancybox-thumbs {
         width: 110px
     }

     .fancybox-show-thumbs .fancybox-inner {
         right: 110px
     }

     .fancybox-thumbs>ul>li {
         max-width: calc(100% - 10px)
     }
 }

 @font-face {
     font-family: 'FontAwesome';
     src: url(../fonts/fontawesome-webfont.eot?v=4.7.0);
     src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url(../fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'), url(../fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'), url(../fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
     font-weight: 400;
     font-style: normal;
     font-display: swap
 }

 .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 {
     -webkit-animation: fa-spin 2s infinite linear;
     animation: fa-spin 2s infinite linear
 }

 .fa-pulse {
     -webkit-animation: fa-spin 1s infinite steps(8);
     animation: fa-spin 1s infinite steps(8)
 }

 @-webkit-keyframes fa-spin {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg)
     }

     100% {
         -webkit-transform: rotate(359deg);
         transform: rotate(359deg)
     }
 }

 @keyframes fa-spin {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg)
     }

     100% {
         -webkit-transform: rotate(359deg);
         transform: rotate(359deg)
     }
 }

 .fa-rotate-90 {
     -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg)
 }

 .fa-rotate-180 {
     -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg)
 }

 .fa-rotate-270 {
     -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
     -webkit-transform: rotate(270deg);
     -ms-transform: rotate(270deg);
     transform: rotate(270deg)
 }

 .fa-flip-horizontal {
     -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1)";
     -webkit-transform: scale(-1, 1);
     -ms-transform: scale(-1, 1);
     transform: scale(-1, 1)
 }

 .fa-flip-vertical {
     -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1)";
     -webkit-transform: scale(1, -1);
     -ms-transform: scale(1, -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-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-warning:before,
 .fa-exclamation-triangle:before {
     content: "\f071"
 }

 .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-pp: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-resistance: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: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"
 }

 .fa-gitlab:before {
     content: "\f296"
 }

 .fa-wpbeginner:before {
     content: "\f297"
 }

 .fa-wpforms:before {
     content: "\f298"
 }

 .fa-envira:before {
     content: "\f299"
 }

 .fa-universal-access:before {
     content: "\f29a"
 }

 .fa-wheelchair-alt:before {
     content: "\f29b"
 }

 .fa-question-circle-o:before {
     content: "\f29c"
 }

 .fa-blind:before {
     content: "\f29d"
 }

 .fa-audio-description:before {
     content: "\f29e"
 }

 .fa-volume-control-phone:before {
     content: "\f2a0"
 }

 .fa-braille:before {
     content: "\f2a1"
 }

 .fa-assistive-listening-systems:before {
     content: "\f2a2"
 }

 .fa-asl-interpreting:before,
 .fa-american-sign-language-interpreting:before {
     content: "\f2a3"
 }

 .fa-deafness:before,
 .fa-hard-of-hearing:before,
 .fa-deaf:before {
     content: "\f2a4"
 }

 .fa-glide:before {
     content: "\f2a5"
 }

 .fa-glide-g:before {
     content: "\f2a6"
 }

 .fa-signing:before,
 .fa-sign-language:before {
     content: "\f2a7"
 }

 .fa-low-vision:before {
     content: "\f2a8"
 }

 .fa-viadeo:before {
     content: "\f2a9"
 }

 .fa-viadeo-square:before {
     content: "\f2aa"
 }

 .fa-snapchat:before {
     content: "\f2ab"
 }

 .fa-snapchat-ghost:before {
     content: "\f2ac"
 }

 .fa-snapchat-square:before {
     content: "\f2ad"
 }

 .fa-pied-piper:before {
     content: "\f2ae"
 }

 .fa-first-order:before {
     content: "\f2b0"
 }

 .fa-yoast:before {
     content: "\f2b1"
 }

 .fa-themeisle:before {
     content: "\f2b2"
 }

 .fa-google-plus-circle:before,
 .fa-google-plus-official:before {
     content: "\f2b3"
 }

 .fa-fa:before,
 .fa-font-awesome:before {
     content: "\f2b4"
 }

 .fa-handshake-o:before {
     content: "\f2b5"
 }

 .fa-envelope-open:before {
     content: "\f2b6"
 }

 .fa-envelope-open-o:before {
     content: "\f2b7"
 }

 .fa-linode:before {
     content: "\f2b8"
 }

 .fa-address-book:before {
     content: "\f2b9"
 }

 .fa-address-book-o:before {
     content: "\f2ba"
 }

 .fa-vcard:before,
 .fa-address-card:before {
     content: "\f2bb"
 }

 .fa-vcard-o:before,
 .fa-address-card-o:before {
     content: "\f2bc"
 }

 .fa-user-circle:before {
     content: "\f2bd"
 }

 .fa-user-circle-o:before {
     content: "\f2be"
 }

 .fa-user-o:before {
     content: "\f2c0"
 }

 .fa-id-badge:before {
     content: "\f2c1"
 }

 .fa-drivers-license:before,
 .fa-id-card:before {
     content: "\f2c2"
 }

 .fa-drivers-license-o:before,
 .fa-id-card-o:before {
     content: "\f2c3"
 }

 .fa-quora:before {
     content: "\f2c4"
 }

 .fa-free-code-camp:before {
     content: "\f2c5"
 }

 .fa-telegram:before {
     content: "\f2c6"
 }

 .fa-thermometer-4:before,
 .fa-thermometer:before,
 .fa-thermometer-full:before {
     content: "\f2c7"
 }

 .fa-thermometer-3:before,
 .fa-thermometer-three-quarters:before {
     content: "\f2c8"
 }

 .fa-thermometer-2:before,
 .fa-thermometer-half:before {
     content: "\f2c9"
 }

 .fa-thermometer-1:before,
 .fa-thermometer-quarter:before {
     content: "\f2ca"
 }

 .fa-thermometer-0:before,
 .fa-thermometer-empty:before {
     content: "\f2cb"
 }

 .fa-shower:before {
     content: "\f2cc"
 }

 .fa-bathtub:before,
 .fa-s15:before,
 .fa-bath:before {
     content: "\f2cd"
 }

 .fa-podcast:before {
     content: "\f2ce"
 }

 .fa-window-maximize:before {
     content: "\f2d0"
 }

 .fa-window-minimize:before {
     content: "\f2d1"
 }

 .fa-window-restore:before {
     content: "\f2d2"
 }

 .fa-times-rectangle:before,
 .fa-window-close:before {
     content: "\f2d3"
 }

 .fa-times-rectangle-o:before,
 .fa-window-close-o:before {
     content: "\f2d4"
 }

 .fa-bandcamp:before {
     content: "\f2d5"
 }

 .fa-grav:before {
     content: "\f2d6"
 }

 .fa-etsy:before {
     content: "\f2d7"
 }

 .fa-imdb:before {
     content: "\f2d8"
 }

 .fa-ravelry:before {
     content: "\f2d9"
 }

 .fa-eercast:before {
     content: "\f2da"
 }

 .fa-microchip:before {
     content: "\f2db"
 }

 .fa-snowflake-o:before {
     content: "\f2dc"
 }

 .fa-superpowers:before {
     content: "\f2dd"
 }

 .fa-wpexplorer:before {
     content: "\f2de"
 }

 .fa-meetup:before {
     content: "\f2e0"
 }

 .sr-only {
     position: absolute;
     width: 1px;
     height: 1px;
     padding: 0;
     margin: -1px;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     border: 0
 }

 .sr-only-focusable:active,
 .sr-only-focusable:focus {
     position: static;
     width: auto;
     height: auto;
     margin: 0;
     overflow: visible;
     clip: auto
 }

 .none-trip {
     display: none
 }

 .follow-btn {
     right: -15px;
     z-index: 9;
     top: 6px
 }

 .last_trip {
     position: absolute;
     z-index: 8;
     right: 15px;
     background: #FAD02B;
     color: #212b35;
     top: 15px;
     font-size: 12px;
     font-weight: 700;
     line-height: 35px;
     padding: 0 10px
 }

 .culture-travel {
     position: relative
 }

 .culture .culture-travel a {
     font-size: 15px;
     font-family: 'arboria-bolduploaded_file';
     color: #000;
     text-decoration: none
 }

 .culture .culture-travel span {
     font-size: 16px;
     font-family: 'arboria-book-webfont';
     color: #4f5e71;
     margin: 0 0 10px 0;
     display: block
 }

 .travel-box-footer span {
     color: #000 !important;
     font-family: 'arboria-book-webfont';
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     font-weight: 600
 }

 .culture .culture-travel .culture-travel-under {
     color: #000;
     font-family: 'arboria-book-webfont' !important;
     display: inline-block !important;
     text-decoration: underline #ff0073 !important;
     text-underline-offset: 4px;
     padding-right: 20px
 }

 a.culture-travel-under {
     position: relative
 }

 a.culture-travel-under::before {
     content: "";
     background: url(../images/long-chevron-down.png);
     width: 20px;
     height: 20px;
     position: absolute;
     right: 0;
     top: 2px
 }

 .popup-l {
     background: #fff;
     border-radius: 10px;
     padding: 20px !important;
     width: 100%;
     max-width: 1000px !important
 }

 .trip-check-box {
     margin-bottom: 20px
 }

 .trip-check-box ul {
     margin: 0;
     padding: 0;
     list-style: none
 }

 .trip-check-box ul li {
     float: left;
     width: 100%;
     max-width: 50%;
     font-size: 16px;
     position: relative;
     padding: 0 0 0 38px;
     margin-bottom: 15px
 }

 .heart-icon-home {
     position: absolute;
     top: 12px;
     right: 50px;
     background: #fff;
     padding: 10px 10px 5px 10px;
     border-radius: 5px;
     cursor: pointer
 }

 .heart-icon-home i {
     font-size: 20px;
     color: #ff0073
 }

 .hidden {
     display: none
 }

 .login-box h1 {
     text-transform: uppercase;
     font-size: 32px
 }

 .login-inner input,
 textarea,
 select.form-select,
 .form-control {
     width: 100%;
     margin-bottom: 20px;
     padding: 11px;
     border: solid 1px #FF0073;
     border-radius: 6px;
     font-size: 14px
 }

 .heart-icon-home input.heart-checkbox {
     position: absolute;
     top: 4px;
     left: 9px;
     opacity: 0;
     width: 21px
 }

 @media (max-width:1350px) {
     .trip_date {
         top: 5px;
         width: 85%
     }

     .last_trip {
         left: 15px;
         top: 42px;
         width: 85%
     }
 }

 @media (max-width:1024px) {
     .es-badge-container .es-badge-total-reviews {
         font-size: 12px !important
     }

     .eHvTui:not(:first-child) {
         white-space: inherit !important
     }

     .last_trip {
         top: 62px;
         right: inherit
     }

     .last_trip {
         position: absolute;
         z-index: 8;
         background: #FAD02B;
         color: #212b35;
         top: 42px;
         font-size: 12px;
         font-weight: 700;
         line-height: 35px;
         padding: 0 10px
     }
 }

 li.head {
     line-height: 32px !important
 }

 .deshboardSidebar {
     border: solid 1px #EBE8E8;
     border-radius: 10px
 }

 .daeshboard-list ul {
     margin: 0;
     padding: 0;
     list-style: none
 }

 .ClientSideUser {
     background: #1DA9E4;
     margin: 10px;
     border-radius: 10px;
     padding: 10px 10px;
     display: flex;
     gap: 10px;
     align-items: center
 }

 .ClientUserIcon {
     width: 35px;
     height: 35px;
     border-radius: 100%;
     background: #fff
 }

 .userName {
     font-size: 20px;
     color: #fff
 }

 .userEmail {
     font-size: 14px;
     color: #fff
 }

 .containerClientSideUser {
     border-bottom: solid 1px rgba(0, 0, 0, 10%)
 }

 .daeshboard-list ul li {
     border-bottom: solid 1px rgba(0, 0, 0, 10%)
 }

 .daeshboard-list ul li a {
     padding: 10px 10px;
     color: #000;
     font-size: 16px;
     display: flex;
     align-items: center;
     gap: 10px
 }

 .daeshboard-list ul li a:hover {
     background: linear-gradient(90deg, rgba(29, 169, 228, 20%) 0%, #fff0 100%)
 }

 .login-button {
     padding: 20px 10px
 }

 .plans .plan input[type="radio"] {
     position: absolute;
     opacity: 0
 }

 .plans .plan {
     cursor: pointer;
     width: 100%
 }

 .plans .plan .plan-content {
     padding: 15px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     border: 1px solid #DBD5D5;
     border-radius: 10px;
     background: #FAFAFA;
     -webkit-transition: -webkit-box-shadow 0.4s;
     transition: -webkit-box-shadow 0.4s;
     -o-transition: box-shadow 0.4s;
     transition: box-shadow 0.4s;
     transition: box-shadow 0.4s, -webkit-box-shadow 0.4s;
     position: relative
 }

 .plans .plan .plan-details span {
     margin-bottom: 2px;
     display: block;
     font-size: 16px;
     line-height: 24px;
     color: #000;
     font-weight: 700
 }

 .container .title {
     font-size: 20px;
     font-weight: 500;
     -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
     color: #252f42;
     margin-bottom: 0
 }

 .plans .plan .plan-details p {
     color: #646a79;
     font-size: 14px;
     line-height: 18px;
     margin: 0
 }

 .plan-details {
     margin-left: 50px;
     margin-bottom: 5px
 }

 .plans .plan .plan-content:hover {
     -webkit-box-shadow: 0 3px 5px 0 #e8e8e8;
     box-shadow: 0 3px 5px 0 #e8e8e8
 }

 .plans .plan .plan-content:after {
     content: "";
     position: absolute;
     height: 24px;
     width: 24px;
     border-radius: 5px;
     left: 20px;
     top: 25px;
     background: #CED5D9
 }

 .plans .plan input[type="checkbox"] {
     display: none
 }

 .plans .plan input[type="checkbox"]:checked+.plan-content:after {
     content: "\f00c";
     font: normal normal normal 14px / 1 FontAwesome;
     position: absolute;
     line-height: 18px;
     padding-left: 2px;
     height: 24px;
     width: 24px;
     border-radius: 5px;
     left: 20px;
     top: 25px;
     border: 3px solid #fff;
     -webkit-box-shadow: 0 0 0 1px #06f;
     box-shadow: 0 0 0 1px #06f
 }

 .plans .plan input[type="checkbox"]:checked+.plan-content {
     border: 1px solid #216ee0;
     background: #eaf1fe;
     -webkit-transition: ease-in 0.3s;
     -o-transition: ease-in 0.3s;
     transition: ease-in 0.3s
 }

 .ex-option {
     display: none;
     margin-top: 20px
 }

 .plans .plan input[type="checkbox"]:checked+.plan-content .ex-option {
     display: block
 }

 .ex-option-container .image-box {
     margin-right: 18px
 }

 .tabs-container p {
     font-size: 14px;
     line-height: 20px
 }

 .toDo {
     margin-bottom: 20px
 }

 .accordion-body {
     margin-bottom: 30px
 }

 .tripTable td span {
     display: flex;
     gap: 8px;
     align-items: center;
     justify-content: center
 }

 .tripTable td span img {
     width: 10px;
     height: auto
 }

 .ex-option-container .image-box img {
     height: 106px;
     border-radius: 10px
 }

 .favhead h2 {
     font-size: 16px;
     color: #0C0C29;
     margin-bottom: 10px
 }

 .tabs-container h1 {
     font-size: 24px;
     font-weight: 700;
     border-bottom: solid 1px #EBE8E8;
     padding-bottom: 12px;
     margin-bottom: 12px;
     color: #0C0C29
 }

 .favImag img {
     border-radius: 12px
 }

 .fav-container {
     border: solid 1px rgba(0, 0, 0, 10%);
     border-radius: 13px;
     padding: 12px;
     margin-bottom: 15px
 }

 .favBox {
     display: flex;
     gap: 20px
 }

 .box-accordion {
     margin-bottom: 20px
 }

 .con-box {
     width: 135px;
     border: solid 1px #C5C5C5;
     padding: 12px;
     border-radius: 10px;
     text-align: center
 }

 .con-box a {
     font-size: 14px;
     color: #5a5a5a
 }

 .con-box img {
     display: block;
     width: 45px;
     margin: 0 auto 10px
 }

 .con-box a {
     display: block
 }

 .contact-info {
     display: flex;
     gap: 17px;
     align-items: center;
     margin-bottom: 30px
 }

 .favhead {
     display: flex;
     justify-content: space-between;
     margin-bottom: 10px
 }

 .dataAndHeading {
     font-size: 14px;
     color: #484848
 }

 .favContent p {
     color: #393939;
     line-height: 22px;
     font-size: 16px
 }

 .favContent span {
     font-size: 16px;
     font-weight: 700;
     color: #FF3969
 }

 .tabs-container>h2 {
     font-size: 20px;
     font-weight: 600;
     border-bottom: solid 1px #EBE8E8;
     padding-bottom: 12px;
     margin-bottom: 12px;
     color: #0C0C29
 }

 .nameTrip div span {
     display: block
 }

 .nameTrip {
     gap: 68px;
     margin-bottom: 20px
 }

 .nameTrip>div {
     font-size: 14px;
     color: #6A6969;
     font-weight: 400
 }

 .nameTrip>div span {
     font-weight: 600;
     color: #000;
     display: block;
     margin-bottom: 5px
 }

 .tripName p {
     margin: 0;
     display: flex;
     gap: 8px;
     color: #059BDF;
     font-weight: 500
 }

 .tripTable th {
     font-size: 14px;
     color: #000;
     font-weight: 600;
     border-bottom: none !important
 }

 .tripTable td {
     font-size: 14px;
     color: #6A6969
 }

 .ex-option {
     background: #fff;
     border-radius: 10px;
     padding: 10px;
     gap: 20px
 }

 .ex-content-head h2 {
     font-size: 17px;
     color: #0C0C29;
     font-weight: 600;
     margin: 0
 }

 .ex-content-head {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 12px
 }

 .ex-price {
     font-size: 14px;
     color: #FF3969;
     font-weight: 700
 }

 .ex-mainContent p {
     color: #646a79;
     font-size: 14px;
     line-height: 18px;
     margin-bottom: 10px
 }

 .ex-mainContent a {
     background: #1DA9E4;
     color: #fff;
     display: inline-block;
     padding: 6px 15px;
     border-radius: 6px;
     font-size: 14px;
     font-weight: 500
 }

 div#v-pills-tab {
     margin-bottom: 30px
 }

 .daeshboard-list button {
     border-bottom: solid 1px rgba(0, 0, 0, 10%);
     width: 100%;
     padding: 10px 10px;
     color: #000;
     font-size: 16px;
     display: flex;
     align-items: center;
     gap: 10px;
     background: none;
     text-transform: capitalize !important;
     font-weight: 500
 }

 .nav-pills .nav-link.active,
 .nav-pills .show>.nav-link {
     color: #000;
     background: linear-gradient(90deg, rgba(29, 169, 228, 20%) 0%, #fff0 100%)
 }

 .tabs-container .accordion-item h2 .accordion-button.collapsed {
     color: #000;
     font-size: 16px;
     font-weight: 500;
     text-transform: capitalize !important;
     background: #FAFAFA;
     width: 100%;
     text-align: left;
     border: solid 1px #DBD5D5;
     border-radius: 10px;
     display: flex;
     justify-content: space-between;
     align-items: center
 }

 .tabs-container .accordion-item h2 .accordion-button.collapsed::after {
     content: "";
     background: url(../images/dropIcon.png) no-repeat right;
     width: 14px;
     height: 10px;
     display: block
 }

 .tabs-container .accordion-item h2 .accordion-button {
     color: #000;
     font-size: 16px;
     font-weight: 500;
     text-transform: capitalize !important;
     background: #F2FBFF;
     width: 100%;
     text-align: left;
     border: solid 1px #C7D6DC;
     border-radius: 10px;
     display: flex;
     justify-content: space-between;
     align-items: center
 }

 .tabs-container .accordion-item h2 .accordion-button::after {
     content: "";
     background: url(../images/dropActive.png) no-repeat right;
     width: 14px;
     height: 10px;
     display: block
 }

 .accordionContainer h3 {
     font-size: 16px;
     color: #0C0C29;
     font-weight: 600;
     margin: 0 0 10px
 }

 .accordionContainer ul {
     margin: 0;
     padding: 0;
     list-style: none
 }

 .accordionContainer li {
     font-size: 14px;
     line-height: 18px;
     margin: 0 0 15px;
     padding-left: 20px;
     position: relative
 }

 .accordionContainer li:before {
     content: "";
     width: 6px;
     height: 6px;
     background: #059BDF;
     display: block;
     rotate: 45deg;
     position: absolute;
     left: 0;
     top: 6px
 }

 .favTripBox {
     border: solid 1px #EBE8E8;
     padding: 12px;
     border-radius: 10px;
     display: flex;
     justify-content: space-between;
     margin-bottom: 15px;
     align-items: center
 }

 .favTripIcon {
     display: flex;
     gap: 15px;
     align-items: center
 }

 .iconWithDetails h3 {
     font-size: 16px;
     font-weight: 600;
     color: #000;
     margin-bottom: 5px
 }

 .iconWithDetails p {
     margin: 0;
     color: #7A7A7A;
     font-size: 14px
 }

 .DateWithButton {
     display: flex;
     flex-direction: column
 }

 .DateWithButton span {
     font-size: 12px;
     color: #9A9A9A;
     display: block;
     margin-bottom: 8px
 }

 .DateWithButton a {
     background: #FF3969;
     color: #fff;
     text-align: center;
     display: block;
     font-size: 14px;
     padding: 5px 5px;
     border-radius: 6px;
     cursor: pointer
 }

 .tabs-container h2 {
     color: #0C0C29;
     font-size: 20px;
     font-weight: 700;
     border-bottom: solid 1px #EBE8E8;
     padding-bottom: 12px;
     margin-bottom: 12px
 }

 .hidden {
     display: none
 }

 div#content {
     float: none;
     width: 100%
 }

 div#menu {
     display: flex;
     width: 100%
 }

 div#menuleft {
     display: none
 }

 div#menuright {
     display: none
 }

 div#menucenter {
     background-image: none !important;
     background-color: #206aab !important
 }

 #menu a {
     display: block;
     padding: 6px 15px
 }

 div#menucenter {
     float: none !important;
     width: 100%
 }

 .dayOne-container>span {
     color: #059BDF;
     font-size: 13px;
     font-weight: 600;
     display: block;
     margin-bottom: 10px
 }

 .inn-dayOne {
     border: solid 1px rgba(0, 0, 0, 10%);
     border-radius: 15px;
     padding: 15px
 }

 .dayOne_head {
     display: flex;
     align-items: center;
     margin-bottom: 22px;
     justify-content: space-between;
     position: relative
 }

 .country {
     font-size: 13px;
     font-weight: 600;
     color: #000;
     position: relative
 }

 .country:last-child:after {
     content: "";
     background: url(../images/flyIcon.png) left no-repeat;
     display: block;
     width: 18px;
     height: 18px;
     position: absolute;
     left: -26px;
     top: 50%;
     transform: translateY(-51%)
 }

 .countryStop span {
     display: block;
     color: #000;
     text-transform: uppercase;
     font-size: 12px;
     font-weight: 600
 }

 .countryStop {
     font-size: 22px;
     line-height: 14px
 }

 .countryStop:before {
     content: "";
     height: 2px;
     width: 22%;
     background: rgba(0, 0, 0, 20%);
     display: block;
     position: absolute;
     left: 24%;
     top: 50%;
     transform: translate(-24%, -50%)
 }

 .countryStop:after {
     content: "";
     height: 2px;
     width: 22%;
     background: rgba(0, 0, 0, 20%);
     display: block;
     position: absolute;
     right: 13%;
     top: 50%;
     transform: translate(-13%, -50%)
 }

 .flightDate p {
     margin: 0;
     font-size: 14px;
     color: #000;
     font-weight: 700
 }

 .flightDetailBox {
     color: #6c6c6c;
     font-size: 14px;
     line-height: 22px
 }

 .flightDetailBox span {
     color: #000;
     font-weight: 500
 }

 .firstCountry {
     margin-bottom: 20px;
     padding-left: 20px;
     position: relative
 }

 .firstCountry.continue:before {
     content: "";
     height: 95px;
     width: 2px;
     background: rgba(0, 0, 0, 20%);
     display: block;
     position: absolute;
     left: 5px;
     top: 13px
 }

 .siteform li span {
     display: block;
     font-size: 14px;
     margin-bottom: 10px;
     color: #5a5a5a
 }

 .siteform li input[type="text"],
 .siteform li input[type="password"] {
     width: 100%;
     padding: 12px 16px;
     border-radius: 8px;
     border: solid 1px #e1e1e1
 }

 .siteform {
     display: flex;
     align-items: end;
     gap: 30px
 }

 .siteform form {
     width: 100%
 }

 div#uploadContainer {
     border: solid 1px #e3e1e1;
     border-radius: 100%;
     width: 150px;
     height: 150px;
     overflow: hidden;
     position: relative
 }

 div#uploadContainer img {
     display: block;
     transform: translateY(-50%);
     position: absolute;
     top: 50%
 }

 .ticketNum {
     font-size: 14px;
     font-weight: 600
 }

 .countryTimeLine {
     display: flex;
     align-items: center;
     justify-content: space-between
 }

 .dayOne-container {
     min-width: 320px;
     width: 100%
 }

 .flightDate:before {
     content: "";
     width: 8px;
     height: 8px;
     background: #FF3969;
     display: block;
     rotate: 45deg;
     position: absolute;
     left: -18px;
     top: 5px
 }

 .flightDate {
     position: relative
 }

 .Hstop {
     background: #EEFAFF;
     border-radius: 10px;
     padding: 10px 15px;
     text-align: center;
     margin-bottom: 20px;
     color: #059BDF;
     font-size: 16px;
     font-weight: 700
 }

 .firstCountry:last-child {
     margin: 0
 }

 .dayOne:first-child {
     margin-bottom: 15px
 }

 .mainContainer {
     display: flex;
     gap: 20px;
     margin-bottom: 30px
 }

 .flight-header h1 {
     font-size: 24px;
     font-weight: 700;
     border-bottom: solid 1px #EBE8E8;
     padding-bottom: 12px;
     margin-bottom: 25px;
     color: #0C0C29
 }

 .box-accordion h2 {
     margin: 0;
     padding-bottom: 20px;
     border: none
 }

 .insurance-text p {
     color: #000;
     font-size: 15px;
     line-height: 20px
 }

 .insurance-text p>strong {
     font-size: 15px;
     font-weight: 600
 }

 .insurance-text p strong span {
     font-size: 12px;
     text-transform: capitalize;
     margin-right: 4px;
     color: #000 !important;
     font-weight: 700
 }

 .daeshboard-list ul li a>span {
     font-size: 12px;
     color: #6e6e6e
 }

 .daeshboard-list ul li li>a {
     display: flex;
     justify-content: space-between;
     align-items: center
 }

 .insurance-text p>span {
     font-size: 14px !important;
     color: #ec008c
 }

 .insurance-text p span>strong {
     font-size: 22px;
     color: #000
 }

 .box-wrapper {
     display: flex;
     gap: 10px;
     align-items: center
 }

 .item-box {
     width: 100%
 }

 .dropdown-toggle {
     display: none;
     cursor: pointer;
     color: #fff;
     border: none;
     margin-top: 10px
 }

 .item-box span {
     display: block;
     font-size: 12px;
     color: #464545;
     margin-top: 4px
 }

 .clientNum form input[type="text"] {
     border: 1px solid #ccc;
     border-radius: 4px;
     width: 130px;
     font-size: 10px;
     padding: 3px 5px
 }

 .clientNum form input[type="submit"] {
     font-size: 10px !important
 }

 a.whatsapp_number_a {
     font-size: 12px
 }

 .clientRecode {
     border: solid 1px rgba(0, 0, 0, 10%);
     padding: 12px;
     border-radius: 10px;
     margin-bottom: 20px
 }

 .item-box.idNum span {
     background: #D6E4EA;
     display: inline-block;
     width: 25px;
     height: 25px;
     border-radius: 100%;
     text-align: center;
     font-size: 12px;
     font-weight: 700;
     line-height: 24px
 }

 .tableItem {
     background: url(../images/down.png) no-repeat;
     width: 14px;
     height: 10px
 }

 .item-box.idNum {
     width: 30% !important
 }

 .headContainer {
     display: flex;
     align-items: center;
     gap: 20px;
     border-bottom: solid 1px rgba(0, 0, 0, 10%);
     margin-bottom: 10px;
     padding-bottom: 10px
 }

 .headContainer h1 {
     margin: 0;
     padding: 0;
     border: none
 }

 .headContainer button {
     border-radius: 100px
 }

 .headContainer button {
     border-radius: 100px;
     padding: 0px !important;
     width: 25px;
     height: 25px !important;
     background-color: #FF3969 !important
 }

 .headContainer button img {
     width: 10px;
     display: block;
     margin: 0 7px;
     rotate: 180deg
 }

 .checkIcon .cIcon {
     width: 20px;
     height: 20px;
     background: #CDFEBC;
     border-radius: 100%;
     margin: 0 auto
 }

 .checkIcon .cIcon img {
     width: 10px;
     margin: 0 auto;
     display: block;
     padding: 5px 0
 }

 .checkIcon {
     position: relative;
     display: inline-block;
     width: 50%
 }

 .checkIcon .tooltiptext {
     visibility: hidden;
     width: 80px;
     background-color: #E8F1F4;
     color: #000;
     text-align: center;
     border-radius: 6px;
     padding: 5px 0;
     position: absolute;
     z-index: 1;
     bottom: 130%;
     left: 50%;
     transform: translateX(-50%)
 }

 .checkIcon:hover .tooltiptext {
     visibility: visible
 }

 @media (min-width:600px) {
     .tableItem {
         display: none
     }
 }

 @media (max-width:600px) {
     .item-box:nth-child(n+4) {
         display: none
     }

     .tableItem {
         display: block;
         width: 10%
     }

     .clientRecode {
         position: relative
     }

     .box-wrapper {
         width: 90%;
         flex-wrap: wrap
     }

     .item-box.idNum {
         width: 15% !important
     }

     .item-box.clientNam {
         width: 30%
     }

     .item-box.clientAge {
         width: 30%
     }

     a.tableItem {
         right: 10px;
         position: absolute;
         top: 14px;
         width: 30px;
         height: 30px;
         background-position: center
     }

     .item-box.expanded {
         width: 45%;
         margin-top: 10px
     }

     .tableItem.active {
         background: url(../images/drop.png) no-repeat;
         background-position: center
     }

     .deshboardSidebar {
         margin: 0 15px;
         margin-bottom: 20px
     }

     .recodeActive {
         border-color: #79C3E5;
         box-shadow: 0 2px 6px rgba(0, 0, 0, 20%)
     }

     .nameTrip {
         flex-direction: column;
         gap: 20px
     }

     .tripName p {
         line-height: 16px
     }

     .tabs-container h1 {
         font-size: 18px
     }

     .tabs-container h2 {
         font-size: 16px
     }

     .favBox {
         flex-wrap: wrap
     }

     .favImag img {
         width: 100%;
         height: 130px;
         object-fit: cover
     }

     .favImag {
         width: 100%
     }

     .favhead {
         flex-wrap: wrap
     }

     .tabs-container h1,
     .tab-content .headContainer h1 {
         font-size: 16px
     }

     .tabs-container h2 {
         font-size: 14px
     }
 }

 .nav-pills .nav-link {
     border-radius: 0
 }

 .daeshboard-list button {
     padding: 10px
 }

 .daeshboard-list button.active {
     background-color: #d0d0d0
 }

 .daeshboard-list.open {
     border: none !important
 }

 .login-button a {
     display: inline-block;
     margin-top: 10px;
     text-decoration: none;
     color: #007bff
 }

 .login-button a img {
     margin-left: 5px
 }

 table.tripTable {
     border: 1px solid #ccc;
     border-collapse: collapse;
     margin: 0;
     padding: 0;
     width: 100%;
     table-layout: fixed
 }

 table.tripTable caption {
     font-size: 1.5em;
     margin: .5em 0 .75em
 }

 table.tripTable th,
 table.tripTable td {
     padding: 15px;
     text-align: center
 }

 table.tripTable th {
     font-size: .85em;
     letter-spacing: .1em;
     text-transform: uppercase
 }

 .tripDetails {
     margin-bottom: 20px
 }

 .active-item-label {
     font-size: 16px;
     font-weight: 700
 }

 .menu-toggle {
     font-size: 24px;
     border: none;
     background: none;
     cursor: pointer
 }

 .navbar-nav {
     flex-direction: column;
     list-style: none;
     padding: 0;
     margin: 0;
     background-color: #fff
 }

 .navbar-nav.active {
     display: flex
 }

 .nav-header {
     display: none
 }

 .dropdown-toggle::after {
     margin-left: auto
 }

 .airline-details p {
     font-size: 12px;
     font-weight: 400;
     color: #727272;
     margin-bottom: 20px
 }

 .airline-details h3 {
     font-size: 16px;
     color: #000;
     font-weight: 500
 }

 .airline-details p a {
     color: #ff203f
 }

 .airline-details p strong {
     color: #000
 }

 .ex-option-box .image-box {
     width: 25%
 }

 .ex-option-box .ex-mainContent {
     width: 75%
 }

 .ex-option-box .image-box img {
     width: 100%;
     height: auto
 }

 .ex-option.ex-option-box {
     padding: 20px 20px
 }

 .review_detail table.ck-table-resized {
     width: 100%
 }

 .review_detail .table td,
 .table th {
     width: 33% !important;
     border: 1px solid #dee2e6 !important
 }

 .review_detail .table.custom_table td,
 .table.custom_table th {
     width: auto !important
 }

 .DateWithButton .box.box1 {
     background: #FF3969;
     color: #fff;
     text-align: center;
     display: block;
     font-size: 14px;
     padding: 5px 5px;
     border-radius: 6px;
     cursor: pointer
 }

 @media (max-width:767px) {
     .toggle-btn a i {
         text-align: end
     }

     .toggle-btn {
         display: block !important
     }

     .toggle-btn span {
         color: #fff !important
     }

     #toggleSidebar {
         display: block !important;
         background: #ff3b7d;
         padding: 5px 10px;
         border-radius: 5px
     }

     .ex-option-box .ex-mainContent {
         width: 100%
     }

     .ex-option-box .ex-option-container {
         display: block !important
     }

     .ex-option-box .image-box {
         width: 100%
     }

     .siteform {
         flex-direction: column
     }

     .nav-header {
         display: flex;
         justify-content: space-between;
         align-items: center;
         padding: 0 0 0 15px;
         background: linear-gradient(90deg, rgba(29, 169, 228, 20%) 0%, #fff0 100%);
         border-bottom: 1px solid #ddd
     }

     .navbar-nav {
         display: none
     }

     .ex-option-container {
         flex-wrap: wrap
     }

     .image-box {
         width: 100% !important;
         margin: 0px !important
     }

     .image-box img {
         width: 100%;
         object-fit: cover
     }

     .ex-content-head {
         display: revert
     }

     .item-box.checkIcon {
         display: block !important;
         position: absolute;
         margin: 0px !important;
         right: 60px;
         top: 16px;
         width: auto
     }

     .daeshboard-list {
         border: none;
         overflow: hidden;
         position: relative
     }

     .daeshboard-list.open button {
         display: block
     }

     .daeshboard-list button {
         position: relative;
         top: 0;
         left: 0;
         width: auto;
         margin: 0;
         border-color: #fff0
     }

     .daeshboard-list button.active {
         background-color: #eee
     }

     .nav-pills .nav-link.active {
         display: flex !important
     }

     .nav-tabs-dropdown.open .nav-link {
         display: flex !important
     }

     .nav-link {
         border-top: solid 1px rgba(0, 0, 0, 10%) !important
     }

     .nav-link:first-child {
         border-top: 0px !important
     }

     .nav-link.active {
         border: none
     }

     table.tripTable {
         border: 0
     }

     table.tripTable caption {
         font-size: 1.3em
     }

     table.tripTable thead {
         border: none;
         clip: rect(0 0 0 0);
         height: 1px;
         margin: -1px;
         overflow: hidden;
         padding: 0;
         position: absolute;
         width: 1px
     }

     table.tripTable tr {
         border-bottom: 1px solid #ddd;
         display: block;
         margin-bottom: .625em
     }

     table.tripTable td {
         border-bottom: 0px !important;
         display: block;
         font-size: .8em;
         text-align: right
     }

     table.tripTable td::before {
         content: attr(data-label);
         float: left;
         font-weight: 700;
         text-transform: uppercase;
         border-right: 1px solid rgba(0, 0, 0, 10%);
         padding-right: 15px;
         min-width: 30%;
         text-align: left
     }

     table.tripTable .first-column:before {
         background: url(../images/arrow-up-circle.png) no-repeat left center;
         padding-left: 24px
     }

     table.tripTable .first-column.active::before {
         background: url(../images/active-arrow-up-circle.png) no-repeat left center !important
     }

     table.tripTable .first-column.active {
         background-color: #059BDF;
         color: #fff
     }

     table.tripTable td:last-child {
         border-bottom: 0
     }

     .tripTable td span {
         justify-content: end
     }

     td.first-column {
         display: block !important
     }

     table.table.tripTable.table-bordered td {
         display: none
     }

     table.tripTable th,
     table.tripTable td {
         padding: 15px 15px
     }

     .mainContainer {
         flex-wrap: wrap
     }

     .countryStop:before {
         width: 12%;
         left: 29%
     }

     .country:last-child:after {
         content: "";
         background: url(../images/flyIcon.png) left no-repeat;
         display: block;
         width: 18px;
         height: 18px;
         position: absolute;
         left: -26px;
         top: 50%;
         transform: translateY(-51%)
     }

     .countryStop:after {
         width: 12%;
         right: 20%
     }

     .tabs-container .accordion-item h2 .accordion-button {
         padding: 12px 10px !important;
         font-size: 14px
     }

     .accordion-button span label {
         font-size: 14px
     }
 }

 .month-group {
     background-color: #F6BE05;
     padding: 20px 0 35px 0
 }

 .month-group h2 {
     margin-bottom: 15px;
     font-family: REM;
     font-weight: 600;
     font-size: 30px;
     line-height: 42px
 }

 .month-group-container .select2-container {
     width: 100% !important
 }

 .month-group-container .select2-selection {
     border: transparent !important;
     border-radius: 8px !important;
     height: 50px !important;
     display: flex !important;
     align-items: center !important;
     font-family: REM !important;
     font-weight: 300 !important;
     font-size: 18px !important;
     background: url(../svg/map-pin.svg) no-repeat 15px center #fff !important;
     background-size: 24px !important;
     padding-left: 45px !important
 }

 .month-group-container .select2-selection__arrow {
     height: 100% !important;
     top: 0px !important
 }

 .month-group-container .select2-selection__arrow b {
     border: 0 solid #000 !important;
     border-width: 0 2px 2px 0 !important;
     display: inline-block;
     padding: 4px;
     transform: rotate(45deg) !important;
     top: 40% !important;
     left: 0px !important
 }

 .container {
     max-width: 1400px
 }

 .mega-menu-test {
     z-index: 9999;
     background-color: #fff;
     top: 42px;
     display: none
 }

 li.has-sub-menu:hover .mega-menu-test {
     display: block
 }

 li.has-sub-menu:hover .mega-menu-test.mega-menu-77 {
     display: flex;
     position: absolute;
     width: 100%;
     left: 0;
     background: #f9fafb !important;
     top: 100%;
     height: fit-content;
     padding: 0 !important
 }

 .home-page {
     position: inherit !important
 }

 .banner {
     height: 400px
 }

 .yellow-collor img,
 .bule-color img,
 .banner picture,
 .banner img {
     height: 100% !important;
     display: block;
     width: 100%
 }

 .mega-menu-test.mega-menu-77 {
     border-top: 0px !important
 }

 .home-page li .mega-menu-test ul {
     padding: 0;
     position: absolute;
     z-index: 999;
     border-radius: 4px;
     background-color: #f9fafb;
     width: 268px;
     overflow: hidden;
     top: 100%
 }

 .home-page li .mega-menu-test.mega-menu-77>ul {
     width: 100%;
     display: flex;
     flex-direction: column;
     background: #00000008;
     position: relative !important;
     top: 0;
     border-radius: 0
 }

 .spotlight {
     display: none;
     width: 35%
 }

 .mega-menu-second-child .spotlight-77 {
     display: block;
     width: auto
 }

 .spotlight-77 .changing {
     width: 240px;
     height: 100% !important;
     overflow: hidden;
     border-radius: 5px;
     padding: 15px;
     gap: 15px;
     justify-content: space-between !important
 }

 .mega-menu-77 .spotlight-77 .changing:before {
     content: '';
     background: linear-gradient(180deg, #fff0 0%, #000000 100%);
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0
 }

 .mega-menu-77 .changing div {
     z-index: 99
 }

 .spotlight-77 .changing button {
     font-weight: 500 !important;
     padding: 5px 10px !important;
     background: #FFF;
     color: #000000 !important;
     border-left: 6px solid #fff0;
     border-radius: 0;
     text-transform: inherit !important
 }

 li ul.mega-menu-77 li.menu-color-1.has-sub-menu .spotlight-77 .changing button {
     border-color: #009EDF !important
 }

 li ul.mega-menu-77 li.menu-color-2.has-sub-menu .spotlight-77 .changing button {
     border-color: #e2017b !important
 }

 li ul.mega-menu-77 li.menu-color-3.has-sub-menu .spotlight-77 .changing button {
     border-color: #F6BE05 !important
 }

 .spotlight-77 .changing h2 {
     font-weight: 600;
     font-size: 20px;
     margin-bottom: 5px
 }

 .spotlight-77 .changing p {
     font-size: 15px;
     margin-bottom: 5px
 }

 .spotlight-77 .changing .image4 {
     position: absolute;
     left: 0;
     top: 0;
     border-radius: inherit
 }

 .home-page li ul.mega-menu-77 li {
     float: left;
     width: 20%;
     border-bottom: none
 }

 .home-page li ul.mega-menu-77 li.has-sub-menu {
     border-bottom: 2px solid #FFF !important
 }

 .home-page li ul.mega-menu-77 li.has-sub-menu:last-child {
     border: none !important
 }

 .home-page li ul.mega-menu-77>li>a {
     font-family: REM;
     font-weight: 300;
     font-size: 18px;
     margin: 0;
     padding: 10px 20px !important
 }

 .home-page li ul.mega-menu-77 li.has-sub-menu .mega-menu-test.mega-menu-second-child {
     position: absolute;
     width: 80%;
     right: 0;
     top: 0;
     display: none !important;
     height: 100%;
     padding: 15px 15px 15px 30px
 }

 .home-page li ul.mega-menu-77 li.has-sub-menu .mega-menu-test.mega-menu-second-child h3 {
     font-family: REM;
     font-weight: 500;
     font-size: 22px;
     margin-bottom: 15px
 }

 .home-page li ul.mega-menu-77 li.menu-color-1.has-sub-menu .mega-menu-test.mega-menu-second-child h3 {
     color: #009EDF !important
 }

 .home-page li ul.mega-menu-77 li.menu-color-2.has-sub-menu .mega-menu-test.mega-menu-second-child h3 {
     color: #e2017b !important
 }

 .home-page li ul.mega-menu-77 li.menu-color-3.has-sub-menu .mega-menu-test.mega-menu-second-child h3 {
     color: #F6BE05 !important
 }

 .home-page li ul.mega-menu-77 li.has-sub-menu:hover .mega-menu-test.mega-menu-second-child {
     display: flex !important;
     justify-content: space-between
 }

 .home-page li ul.mega-menu-77>li:hover>a {
     color: #000 !important;
     font-weight: 500
 }

 ul.mega-menu-77 .menu-color-1:active>a,
 ul.mega-menu-77 .menu-color-1:hover>a {
     background: #009EDF !important
 }

 ul.mega-menu-77 .menu-color-2:active>a,
 ul.mega-menu-77 .menu-color-2:hover>a {
     background: #e2017b !important
 }

 ul.mega-menu-77 .menu-color-3:active>a,
 ul.mega-menu-77 .menu-color-3:hover>a {
     background: #F6BE05 !important
 }

 ul.mega-menu-77 li:active i:before,
 ul.mega-menu-77 li:hover i:before {
     background: #FFFFFF !important;
     color: #000 !important
 }

 .home-page li ul.mega-menu-77 li ul {
     position: relative;
     border-radius: 0;
     background: none;
     overflow: visible;
     display: block;
     width: auto;
     top: auto
 }

 .home-page li ul.mega-menu-77 li ul:last-child {
     padding-bottom: 20px
 }

 .home-page li ul.mega-menu-77 li ul li {
     display: block;
     padding: 0;
     float: left;
     width: 33%
 }

 .home-page li ul.mega-menu-77 li ul li a {
     padding: 0px !important;
     color: #828282 !important;
     font-weight: 300;
     border-bottom: none;
     font-family: REM;
     font-size: 16px;
     line-height: 37px;
     margin: 0 !important
 }

 .home-page li ul li {
     float: none;
     list-style: none;
     border-bottom: solid 1px #dfe3e8
 }

 .home-page li ul li a {
     padding: 10px 0;
     margin: 0 10px
 }

 .home-page li ul li:hover>a {
     color: #e2017b !important
 }

 .home-page ul>li>a {
     font-weight: 700;
     font-size: 17px;
     display: inline-block;
     padding: 6px 21px !important;
     line-height: 30px;
     color: #1b2b33;
     display: block;
     font-weight: 400;
     font-family: "Murecho", sans-serif
 }

 .wrapper {
     margin-top: 80px
 }

 .wrap-min {
     font-family: "REM", sans-serif;
     position: fixed;
     z-index: 9;
     background: #fff;
     width: 100%;
     border-bottom: 1px solid #c8c8c8;
     top: 0 !important
 }

 .header_main {
     display: none
 }

 .overlay {
     background: rgb(0 0 0 / .3);
     width: 100%;
     transition: .5s ease;
     opacity: 0;
     height: 100%;
     opacity: 1
 }

 .overlay-image {
     height: 620px
 }

 .footer {
     display: none
 }

 .imageLogo {
     width: 90px;
     max-width: 100%;
     display: block;
     aspect-ratio: 2 / 1;
     height: auto
 }

 .login_form .imageLogo {
     width: 200px !important
 }

 span>a {
     border-radius: 5px;
     color: black !important;
     padding: .5rem;
     text-decoration: none;
     transition: all 0.5s ease-out;
     font-size: 16px
 }

 .text-dropdown {
     position: relative;
     bottom: 230px;
     height: 0;
     z-index: 10
 }

 .banner-details h2 {
     font-family: REM;
     font-weight: 700;
     font-size: 60px;
     line-height: 65px;
     text-transform: uppercase
 }

 .vertical-line {
     width: 10px;
     height: 164px;
     background-color: #FFD738;
     position: relative;
     bottom: 188px;
     right: 15px
 }

 option {
     padding: 10px;
     background-color: #fff;
     color: #000;
     text-align: left;
     cursor: pointer
 }

 select:nth-child(1):hover {
     background-color: #FFD738 !important
 }

 option:hover {
     background-color: #FFD738 !important;
     cursor: pointer
 }

 .text-cange-color-yellow {
     color: #FFD738;
     font-weight: 400;
     font-size: 22px;
     line-height: 100%;
     font-family: "REM", sans-serif
 }

 .briefcase-btn {
     color: #fff;
     width: 100%;
     min-width: 150px;
     height: 100% !important;
     background: #2e9cc6;
     cursor: pointer;
     padding: 12px !important;
     border: none;
     border-radius: 8px;
     font-family: REM;
     font-weight: 400;
     font-size: 18px
 }

 .select-button {
     background-color: #2e9cc6 !important;
     width: 100% !important
 }

 .select-button:hover {
     background-color: #04a9ea !important
 }

 .red-btn {
     font-weight: 700;
     font-size: 14px;
     font-family: REM;
     color: #FFF !important;
     background: #FF104C;
     padding: 8px 15px !important;
     border-radius: 8px;
     text-transform: none !important
 }

 .horizontal-line {
     width: 84%;
     height: 1px;
     background: #00000020
 }

 .changing picture {
     position: absolute;
     top: 0;
     left: 0;
     z-index: -1;
     width: 100% !important;
     height: 100% !important
 }

 .changing picture:before {
     content: "";
     position: absolute;
     background: linear-gradient(180deg, #fff0 0%, #000000 100%);
     width: 100%;
     height: 100%;
     top: 0;
     z-index: 0;
     left: 0;
     border-radius: 8px
 }

 .image4 {
     border-radius: 8px;
     height: 100%;
     width: 100% !important;
     object-fit: cover
 }

 .dropdown-toggle {
     transition: all .1s linear;
     padding: 10px;
     border-radius: 5px;
     border: none;
     background-color: #FFD738
 }

 .dropdown-toggle:active {
     box-shadow: 0 2px 0 #006599;
     transform: translateY(3px)
 }

 .dropdownSelect {
     background-color: #2e9cc6 !important;
     border: none !important;
     color: white !important;
     gap: 10px !important;
     width: 206px !important;
     height: 45px !important;
     margin-right: 7px
 }

 .dropdownSelect:hover {
     background-color: #00445f !important
 }

 .transition {
     transition: all .1s linear;
     width: 30px
 }

 .transition:hover {
     transform: translateY(-3px);
     cursor: pointer
 }

 .image-4-another-para {
     margin: 0;
     font-size: 1.2rem;
     font-weight: 600;
     color: #FFD738
 }

 .yellow-collor {
     background-color: #FFD738
 }

 .yellow .col-lg-8 {
     gap: 20px
 }

 .bule-color {
     width: 100%;
     padding: 30px 0;
     background-color: #2e9cc6;
     font-size: 1.1rem
 }

 .image-5 {
     width: 100%;
     max-width: 540px;
     height: auto;
     max-height: 162px;
     object-fit: cover;
     border: 4px solid #fff;
     border-radius: 10px
 }

 .image-6 {
     width: 100%;
     max-width: 429px;
     height: auto;
     max-height: 161px;
     border: 4px solid #fff;
     border-radius: 10px;
     object-fit: cover
 }

 .image-5-6-row {
     gap: 15px;
     margin-bottom: 15px
 }

 .margin-bottom {
     margin-bottom: -90px
 }

 .white-collor {
     background-color: #fff;
     width: 100%;
     padding: 20px;
     border-radius: 5px;
     box-sizing: border-box
 }

 .ul-font-size {
     font-size: 1rem !important
 }

 .Google-line {
     width: 100%;
     height: 1px;
     background-color: #beb7b7
 }

 .yellow .google-review {
     margin-top: 20px;
     gap: 10px
 }

 .yellow .google-review img {
     width: 70%
 }

 .yellow .google-review h4 {
     font-family: REM;
     font-weight: 700;
     font-size: 22px;
     margin-bottom: 0
 }

 .image-style-all {
     width: 100%;
     max-width: 204px;
     height: auto;
     max-height: 311px;
     object-fit: cover;
     border-radius: 10px;
     height: 290px
 }

 .fontSizeFontWeight {
     font-size: 1.4rem;
     font-weight: 600;
     margin-top: 10px
 }

 .fontSizeHeadding {
     font-size: 41px;
     font-weight: 700;
     text-align: left
 }

 .total-svg {
     padding-bottom: 7px;
     gap: 11px;
     margin-bottom: 10px
 }

 .gap-md-30 {
     gap: 15px
 }

 .selectImage {
     position: absolute;
     right: 22px;
     top: 10px;
     cursor: pointer;
     width: 36px;
     height: 35px
 }

 .instagramLine {
     width: 100%;
     height: 1px;
     background-color: #c8c8c8;
     margin: 20px 0
 }

 .footer-svgs {
     font-weight: 400;
     padding: 5px 0 5px 25px
 }

 .footer-svgs.location {
     background: url(../svg/location.svg) no-repeat center left
 }

 .footer-svgs.mail {
     background: url(../svg/massage.svg) no-repeat center left
 }

 .footer-svgs.phone {
     background: url(../svg/phone.svg) no-repeat center left
 }

 .footer-para {
     display: inline;
     cursor: pointer;
     font-size: .9rem;
     margin: 0
 }

 .footer-para:hover {
     color: #424546
 }

 .footer-font-weight {
     font-weight: 200;
     cursor: pointer;
     font-size: .9rem
 }

 .new-footer ul {
     padding: 0;
     margin: 0;
     list-style: none
 }

 .new-footer ul li {
     background: url(../svg/erow.svg) no-repeat center left;
     font-weight: 400;
     margin-bottom: 10px;
     padding-left: 15px
 }

 .font-weight900 {
     font-weight: 900
 }

 .bule-text-color {
     color: #2e9cc6;
     cursor: pointer
 }

 .icons-image-hight-set {
     width: 35px;
     height: 31px;
     object-fit: cover;
     object-position: top
 }

 .buttons-row {
     font-family: REM;
     font-weight: 400;
     font-size: 18px;
     border-radius: 30px;
     color: #02171F !important;
     padding: 10px;
     width: 100% !important;
     display: block
 }

 .buttons-first-row {
     background: #d8f4ff
 }

 .buttons-scound-row {
     background: #ACE8FF
 }

 .buttons-three-row {
     background: #54d0ff
 }

 .location-links {
     -webkit-line-clamp: 6 !important;
     display: -webkit-box !important
 }

 .footer-hidden a {
     color: #000
 }

 .travel-offer a {
     color: #000;
     padding: 0 12px;
     border-radius: 19px;
     height: auto;
     width: fit-content !important;
     margin: 3px;
     font-family: REM;
     font-weight: 400;
     font-size: 16px;
     line-height: 30px;
     position: relative;
     display: block;
     overflow: auto
 }

 .contery-bg-blue a {
     background: #BCEDFF
 }

 .contery-bg-pink a {
     background: #FFD7E1
 }

 .click-buttons {
     background-color: #fff;
     color: #000;
     text-transform: capitalize !important;
     font-weight: 500;
     transition: all .1s linear;
     padding: 8px 22px !important;
     border: none;
     border-radius: 5px;
     cursor: pointer;
     font-size: 12px;
     width: 100% !important
 }

 .click-buttons:hover {
     background-color: #edebeb;
     transform: translateY(2px)
 }

 .bg-bule {
     background-color: #2e9cc6;
     padding: 15px;
     display: none;
     width: 984px !important;
     max-width: 481px !important
 }

 .Wanneer-text {
     cursor: pointer
 }

 .text {
     cursor: pointer
 }

 .container-Scroll {
     width: 25% !important;
     height: 200px;
     cursor: pointer;
     overflow: auto;
     display: none;
     position: relative;
     right: 557px;
     border: 1px solid #e3e3e3;
     border-radius: 7px;
     background-color: #fff;
     color: #000;
     padding: 10px;
     z-index: 100;
     bottom: 604px
 }

 .hover-pra {
     transition: all 0.1s ease-out;
     padding: 8px;
     margin: 3px 0;
     border-radius: 5px
 }

 .hover-pra:hover {
     background-color: #e2017b;
     color: #fff
 }

 .new-footer {
     background: url(../svg/tree.svg) no-repeat bottom right;
     background-size: contain
 }

 .maxHeight {
     height: 300px
 }

 .max-height {
     height: 172px
 }

 .hamberger {
     cursor: pointer;
     font-size: 1.5rem
 }

 .border-solid-white {
     border: 5px solid #fff
 }

 .fontSize {
     font-size: 17px;
     gap: 10px;
     font-weight: 500;
     display: flex
 }

 .paragraphFontSize {
     font-size: 18px;
     text-align: start;
     margin-left: 10px
 }

 .cursor-pointer {
     cursor: pointer
 }

 .addPosition {
     position: relative;
     left: 253px;
     bottom: 284px
 }

 .midiaWidth {
     width: 80%;
     object-fit: cover;
     object-position: start
 }

 .pointion-image-tag {
     position: relative;
     bottom: 390px;
     left: 46px;
     height: 0
 }

 .fontSize_24_px {
     font-size: 20px
 }

 .dropdownStyle {
     display: flex;
     justify-content: space-around;
     margin-top: 5px
 }

 .srilanka-image-style {
     position: relative;
     bottom: 461px;
     height: 0
 }

 .margine-200 {
     margin-bottom: 280px
 }

 .object-fit-cover {
     object-fit: cover
 }

 .comtainer-details {
     line-height: 31px;
     font-size: 22px;
     font-weight: 300
 }

 .h1 {
     font-weight: 700 !important;
     font-size: 43px !important;
     line-height: 55px !important;
     color: white !important
 }

 .para-one {
     color: white !important
 }

 .para-Two {
     color: white !important
 }

 .list-container ul {
     padding: 0;
     margin: 0px !important
 }

 .list-container ul li {
     background: url(../svg/checkBox.svg) no-repeat;
     line-height: 29px;
     padding-left: 40px;
     margin: 0;
     font-size: 18px;
     font-weight: 500;
     list-style: none;
     margin-bottom: 15px
 }

 .list-container ul li:last-child {
     margin-bottom: 0px !important
 }

 .list-container h3 {
     font-size: 26px;
     font-weight: 800;
     line-height: 30px;
     margin-bottom: 15px
 }

 .es-badge-container {
     display: flex !important;
     flex-direction: row !important;
     align-items: center !important;
     background: transparent !important;
     padding: 0px !important;
     margin-top: 20px !important;
     gap: 10px
 }

 .es-badge-container .es-badge-rating,
 .es-badge-container .es-badge-total-reviews {
     margin: 0 !important
 }

 .es-badge-container .es-badge-total-reviews {
     font-family: REM;
     font-weight: 700;
     font-size: 14px;
     text-align: center;
     text-transform: capitalize;
     text-decoration: none;
     color: #0F1125
 }

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

 .changing p {
     font-weight: 400;
     font-size: 20px;
     line-height: 100%;
     font-family: "REM", sans-serif
 }

 .changing h2 {
     font-family: "REM", sans-serif;
     font-weight: 700;
     font-size: 32px;
     line-height: 45px;
     margin-bottom: 16px
 }

 .contery-svg-color-1 {
     background: #E4F8FF
 }

 .contery-svg-color-2 {
     background: #CBF1FF
 }

 .contery-svg-color-3 {
     background: #BCEDFF
 }

 .contery-svg-color-4 {
     background: #FFE8ED
 }

 .contery-svg-color-5 {
     background: #FFD8E2
 }

 .contery-svg-color-6 {
     background: #FFD7E1
 }

 #quiz-section {
     height: 100%
 }

 .quiz-content {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     text-align: center;
     width: 100%
 }

 .quiz-content h1 {
     font-size: 32px;
     font-weight: 600;
     font-family: "REM", sans-serif
 }

 .quiz-content p {
     font-size: 20px;
     font-weight: 300;
     line-height: 30px;
     font-family: "REM", sans-serif;
     width: 60%;
     margin: 0 auto 16px auto
 }

 .quiz-content .red-btn,
 .dropdown-container .select2-selection__rendered {
     font-family: REM;
     font-weight: 600;
     font-size: 20px
 }

 .h-0 {
     height: 0
 }

 ._midia-click-styling {
     position: relative;
     bottom: 603px;
     height: 0;
     width: 75% !important;
     left: 58px
 }

 .w100 {
     width: 206px !important;
     height: 45px !important;
     display: flex;
     justify-content: center;
     align-items: center
 }

 .gap-50 {
     gap: 1px !important
 }

 .sidbar {
     position: fixed;
     top: 0;
     right: 0;
     height: 100vh;
     width: 100%;
     z-index: 1000;
     background-color: #fdfdfd;
     backdrop-filter: blur(10px);
     box-shadow: -10px 0 10px rgb(0 0 0 / .1);
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: flex-start;
     display: none
 }

 .sidbar span {
     font-size: 20px;
     cursor: pointer
 }

 .year-dropdown .select2-container {
     width: max-content !important
 }

 .year-dropdown .select2-selection {
     background: transparent !important;
     border: none !important;
     height: 45px !important;
     display: flex !important;
     align-items: center;
     justify-content: center;
     padding: 0 25px 0 0px !important
 }

 .year-dropdown .select2-selection__rendered {
     color: #FFD738 !important;
     font-family: REM;
     font-weight: 700;
     font-size: 35px;
     line-height: 37px !important;
     text-transform: capitalize !important
 }

 .year-dropdown .select2-selection__arrow {
     height: 100% !important;
     right: 20px !important
 }

 .year-dropdown .select2-selection__arrow b {
     border: 0 solid #FFD738 !important;
     border-width: 0 4px 4px 0 !important;
     display: inline-block;
     padding: 6px;
     transform: rotate(45deg) !important;
     top: 30% !important
 }

 .selectbutton-gapping {
     justify-content: center;
     gap: 15px !important
 }

 .font-size-arrow-down {
     font-size: 40px !important;
     cursor: pointer;
     color: #FFD738
 }

 .blue-btn {
     color: #fff;
     width: 206px;
     background: #2e9cc6;
     transition: all .1s linear;
     cursor: pointer;
     padding: 10px;
     border: none;
     border-radius: 8px;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 45px !important;
     gap: 10px
 }

 .drop {
     padding: 1px;
     background: #2e9cc6;
     border-radius: 8px;
     color: #fff;
     font-weight: 600
 }

 .drop ul {
     display: contents;
     text-align: start;
     list-style: none;
     cursor: pointer
 }

 .drop li {
     padding: 10px;
     border-radius: 5px;
     padding: 10px;
     border-radius: 5px;
     margin-left: 2px;
     margin-right: 2px;
     width: 199px;
     margin-top: 2px
 }

 .drop li:hover {
     background-color: #fff;
     color: #000
 }

 .drop {
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.4s ease, transform 0.4s ease;
     transform: translateY(-30px)
 }

 .drop.open {
     max-height: 500px;
     transform: translateY(0)
 }

 .drop ul li.selected {
     background-color: #fff;
     color: #000
 }

 .rotate {
     transform: rotate(180deg);
     transition: transform 0.6s ease
 }

 .add_CSS_function {
     cursor: pointer;
     width: 400px
 }

 .select-values {
     width: 62%;
     z-index: 999;
     padding: 0;
     margin-left: 11px;
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.4s ease, opacity 0.4s ease;
     opacity: 0;
     background: #fff;
     border: 1px solid #ccc
 }

 .add_CSS_function.active .select-values {
     max-height: 500px;
     opacity: 1
 }

 .example {
     display: none
 }

 .login-gap {
     gap: 20px;
     margin-left: 50px !important
 }

 .banner img {
     height: auto;
     object-fit: cover;
     width: 100%
 }

 .iUUZBe {
     display: flex !important;
     align-items: center !important;
     flex-direction: inherit !important;
     gap: 8px !important;
     justify-content: space-between !important
 }

 .jFsXYp {
     height: 100% !important;
     width: 100% !important;
     max-width: 100% !important;
     display: flex !important;
     justify-content: space-between !important;
     gap: 4px !important;
     align-items: center !important;
     padding: 6px 20px 5px !important;
     cursor: pointer !important
 }

 .gocgRC {
     height: 100% !important;
     width: 100% !important;
     display: flex !important;
     margin: inherit !important;
     flex-direction: inherit !important;
     justify-content: center !important;
     gap: 4px !important;
     align-items: center !important;
     cursor: pointer !important
 }

 .fczWli {
     height: 100% !important;
     width: 100% !important;
     max-width: 100% !important;
     display: flex !important;
     margin: 0 auto !important;
     flex-direction: inherit !important;
     justify-content: space-between !important;
     gap: 12px !important;
     align-items: center !important;
     padding: 5px 10px 5px !important;
     cursor: pointer !important
 }

 .jCrtlf {
     height: 100% !important;
     width: 100% !important;
     max-width: 100% !important;
     display: flex !important;
     margin: 0 auto !important;
     flex-direction: inherit !important;
     justify-content: space-between !important;
     gap: 12px !important;
     align-items: center !important;
     padding: 5px 0 5px !important;
     cursor: pointer !important
 }

 .kwthyz.kwthyz.kwthyz img,
 .kwthyz svg {
     transition: fill 0.2s !important;
     display: block !important;
     object-fit: contain !important;
     width: 40px !important;
     height: 40px !important
 }

 .icASEM {
     text-align: center !important;
     text-wrap: nowrap !important;
     font-weight: 700 !important;
     font-size: 12px !important;
     color: #0F1125 !important;
     line-height: 16px !important;
     position: relative !important
 }

 .icASEM::before {
     content: "("
 }

 .icASEM::after {
     content: ")"
 }

 .banner .banner-details {
     border-left: 10px solid #FFD738;
     margin-bottom: 0
 }

 .menu-wrapper {
     padding: 22px 0;
     margin: 0px !important
 }

 .menu-wrapper:hover>.hover_btn {
     background: #e2017b;
     color: #FFF !important
 }

 .li_list {
     display: none;
     background: #fff;
     z-index: 1000;
     width: 220px
 }

 .li_list>li:hover {
     background-color: #e2017b;
     color: #fff;
     cursor: pointer;
     border-radius: 8px
 }

 .menu-wrapper:hover .li_list,
 .menu-wrapper.active .li_list {
     display: block
 }

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

 .gap-50>li {
     margin-right: 50px
 }

 .hover_btn {
     padding: 6px;
     border-radius: 8px
 }

 .hover_btns {
     padding: 6px;
     border-radius: 8px
 }

 .hover_btns:hover {
     background: #e2017b;
     color: white !important
 }

 .new-li-items {
     width: 219vh;
     height: 670vh;
     z-index: 999;
     background: #fff;
     right: -955px;
     padding: 20px;
     top: 8px
 }

 .border-bottom {
     border-bottom: 1px solid #d4d4d4;
     padding: 14px;
     margin: 5px
 }

 .change_color {
     color: #e2017b !important
 }

 .container-fluid .col-lg-12 .row .col-lg-3 ul li {
     font-size: 15px;
     font-weight: 300
 }

 .container-fluid .col-lg-12 .row .col-lg-3>ul {
     border-top: 1px solid #c7c7c7
 }

 .container-fluid .col-lg-12 .row .col-lg-3>a {
     font-size: 20px
 }

 .container-fluid .col-lg-12 .row .col-lg-3 a:hover {
     color: #e2017b !important
 }

 .nav-dropdown {
     display: none
 }

 .nav-image {
     background: #e2017b;
     padding: 11px 17px;
     color: white !important
 }

 .add-nav-style {
     width: 50vh;
     height: 100vh;
     z-index: 999;
     background: #fff;
     opacity: 1;
     left: 390px;
     position: absolute;
     top: 85px;
     font-size: 19px;
     font-weight: 400;
     transform: translateX(390px);
     transition: transform 0.6s ease, opacity 0.6s ease
 }

 .add-nav-styles {
     width: 50vh;
     height: 100vh;
     z-index: 999;
     background: #fff;
     opacity: 1;
     left: 390px;
     position: absolute;
     top: 85px;
     font-size: 19px;
     font-weight: 400;
     transform: translateX(390px);
     transition: transform 0.6s ease, opacity 0.6s ease
 }

 .add-nav-styles.active {
     transform: translateX(20px);
     opacity: 1 !important;
     left: 20px !important
 }

 .add-nav-style.active {
     transform: translateX(20px);
     opacity: 1 !important;
     left: 20px !important
 }

 .internal-li:hover {
     color: #e2017b
 }

 .Azie {
     width: 55vh;
     height: 100vh;
     z-index: 999;
     background: #fff;
     opacity: 1;
     left: 390px;
     position: absolute;
     top: 0;
     font-size: 19px;
     font-weight: 400;
     transform: translateX(390px);
     transition: transform 0.6s ease, opacity 0.6s ease
 }

 .Azie.active {
     transform: translateX(20px);
     opacity: 1 !important;
     left: -34px !important
 }

 .Europa {
     width: 55vh;
     height: 100vh;
     z-index: 999;
     background: #fff;
     opacity: 1;
     left: 390px;
     position: absolute;
     top: 0;
     font-size: 19px;
     font-weight: 400;
     transform: translateX(390px);
     transition: transform 0.6s ease, opacity 0.6s ease
 }

 .Europa.active {
     transform: translateX(20px);
     opacity: 1 !important;
     left: -34px !important
 }

 .USACanada {
     width: 55vh;
     height: 100vh;
     z-index: 999;
     background: #fff;
     opacity: 1;
     left: 390px;
     position: absolute;
     top: 0;
     font-size: 19px;
     font-weight: 400;
     transform: translateX(390px);
     transition: transform 0.6s ease, opacity 0.6s ease
 }

 .USACanada.active {
     transform: translateX(20px);
     opacity: 1 !important;
     left: -34px !important
 }

 .Afrika {
     width: 55vh;
     height: 100vh;
     z-index: 999;
     background: #fff;
     opacity: 1;
     left: 390px;
     position: absolute;
     top: 0;
     font-size: 19px;
     font-weight: 400;
     transform: translateX(390px);
     transition: transform 0.6s ease, opacity 0.6s ease
 }

 .Afrika.active {
     transform: translateX(20px);
     opacity: 1 !important;
     left: -34px !important
 }

 .Midden {
     width: 55vh;
     height: 100vh;
     z-index: 999;
     background: #fff;
     opacity: 1;
     left: 390px;
     position: absolute;
     top: 0;
     font-size: 19px;
     font-weight: 400;
     transform: translateX(390px);
     transition: transform 0.6s ease, opacity 0.6s ease
 }

 .Midden.active {
     transform: translateX(20px);
     opacity: 1 !important;
     left: -34px !important
 }

 .Overons {
     width: 50vh;
     height: 100vh;
     z-index: 999;
     background: #fff;
     opacity: 1;
     left: 390px;
     position: absolute;
     top: 85px;
     font-size: 19px;
     font-weight: 400;
     transform: translateX(390px);
     transition: transform 0.6s ease, opacity 0.6s ease
 }

 .Overons.active {
     transform: translateX(20px);
     opacity: 1 !important;
     left: 0px !important
 }

 .Lastminutes {
     width: 50vh;
     height: 100vh;
     z-index: 999;
     background: #fff;
     opacity: 1;
     left: 390px;
     position: absolute;
     top: 85px;
     font-size: 19px;
     font-weight: 400;
     transform: translateX(390px);
     transition: transform 0.6s ease, opacity 0.6s ease
 }

 .Lastminutes.active {
     transform: translateX(20px);
     opacity: 1 !important;
     left: 0px !important
 }

 .Contact_Support {
     width: 50vh;
     height: 100vh;
     z-index: 999;
     background: #fff;
     opacity: 1;
     left: 390px;
     position: absolute;
     top: 85px;
     font-size: 19px;
     font-weight: 400;
     transform: translateX(390px);
     transition: transform 0.6s ease, opacity 0.6s ease
 }

 .Contact_Support.active {
     transform: translateX(20px);
     opacity: 1 !important;
     left: 0px !important
 }

 .selectric-wrapper {
     display: none
 }

 .filter-select-container {
     font-family: REM;
     font-weight: 300;
     font-size: 18px;
     margin-left: 12px
 }

 .filter-select-container .select2.select2-container {
     width: 100% !important
 }

 .filter-select-container .select2-selection {
     border: none !important
 }

 .filter-select-container .select2-selection__rendered {
     padding: 0 !important;
     color: #2E9CC6 !important
 }

 .filter-select-container .select2-selection__arrow {
     display: none !important
 }

 .header_bottom_bar {
     margin-bottom: 35px
 }

 .header_bottom_bar p {
     font-family: REM;
     font-weight: 300;
     font-size: 15px
 }

 .logo_icon {
     display: flex;
     align-items: center;
     justify-content: end;
     gap: 20px
 }

 .travel-offer img {
     object-fit: cover;
     border-radius: 8px
 }

 .travel-offer p {
     font-family: REM;
     font-weight: 600;
     font-size: 22px;
     margin: 0 0 10px 0
 }

 .travel-offer .briefcase-btn {
     height: auto !important;
     max-width: max-content;
     font-size: 16px;
     padding: 10px !important;
     position: absolute;
     bottom: 0
 }

 .travel-offer .load-toggle-btn {
     font-weight: 500;
     color: #000
 }

 .travel-offer .load-toggle-btn span {
     border-radius: 100%;
     margin-left: 8px;
     color: #FFF;
     width: 18px;
     height: 18px;
     font-size: 16px;
     font-weight: 700;
     text-align: center;
     line-height: 18px
 }

 .load-toggle-pink span {
     background: #e2017b !important
 }

 .load-toggle-blue span {
     background: #2E9CC6 !important
 }

 .instagram-update {
     font-family: REM;
     font-weight: 600;
     font-size: 30px;
     padding: 35px 0;
     text-align: center
 }

 .eapps-instagram-feed-posts-inner {
     gap: 15px
 }

 .eapps-instagram-feed-posts-view {
     gap: 17px;
     justify-content: center !important
 }

 .eapps-instagram-feed-posts-item {
     width: 24% !important;
     border-radius: 8px !important
 }

 .eapps-instagram-feed-posts-grid-load-more-text {
     font-size: 0
 }

 .eapps-instagram-feed-posts-grid-load-more-text:before {
     content: "Laad meer";
     font-size: 14px
 }

 .insta-post img {
     border-radius: 8px;
     width: 100%
 }

 #loadMoreBtn {
     width: auto;
     text-transform: inherit !important;
     margin: 30px 0 20px 0;
     height: auto !important
 }

 .dropdown-container .select2-container {
     width: max-content !important
 }

 .dropdown-container .select2-selection {
     border-radius: 8px !important;
     background: #2e9cc6 !important;
     border: transparent !important;
     height: 45px !important;
     display: flex !important;
     align-items: center;
     justify-content: center;
     padding: 0 45px 0 25px !important
 }

 .dropdown-container button {
     font-family: REM;
     margin-bottom: 10px;
     font-weight: 600;
     font-size: 16px;
     border-radius: 8px !important;
     background: #2e9cc6 !important;
     border: transparent !important;
     height: 45px !important;
     align-items: center;
     justify-content: center;
     padding: 10px 20px !important;
     margin-right: 10px
 }

 .dropdown-container button:last-child {
     margin-right: 0
 }

 .dropdown-container .select2-selection__rendered {
     color: #fff !important;
     padding: 0 !important
 }

 .dropdown-container .select2-selection__arrow {
     height: 100% !important;
     right: 20px !important
 }

 .dropdown-container .select2-selection__arrow b {
     border: 0 solid #FFF !important;
     border-width: 0 2px 2px 0 !important;
     display: inline-block;
     padding: 3px;
     transform: rotate(45deg) !important;
     top: 40% !important
 }

 .view-icon {
     background: #fff;
     border-radius: 8px;
     width: 34px;
     height: 34px;
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 2px 2px 10px rgb(0 0 0 / .3)
 }

 .view-icon img {
     width: 22px
 }

 .has-sub-menu .fa-angle-down:before {
     transition: all 0.3s ease;
     border-radius: 5px;
     width: 22px !important;
     height: 22px !important;
     line-height: 22px !important;
     top: 21px !important
 }

 .uit_box .uit_icon {
     margin: 0
 }

 .star.small-star span {
     display: inline-block;
     margin: 0 !important
 }

 @media (max-width:1024px) {

     .wrap-min .home-page,
     .wrap-min .login-main {
         display: none !important
     }

     .res_nav.res_menu {
         width: 100%;
         height: calc(100vh - 75px)
     }

     .arrow-change:before {
         transform: rotate(180deg) !important
     }

     .res_nav .has-sub-menu ul {
         display: none
     }

     .res_nav .has-sub-menu ul.mega-menu-77 {
         max-width: 100%;
         background: #FFF !important;
         z-index: 99;
         font-size: 0;
         margin: 0 16px;
         border-bottom: 1px solid #dfe3e8;
         box-sizing: border-box;
         padding: 20px 0
     }

     .mega-menu-77>li {
         width: 100%;
         display: inline-block;
         vertical-align: top;
         margin-bottom: 0px !important
     }

     .mega-menu-77>li>a {
         font-weight: 400 !important;
         font-size: 22px !important;
         border: none !important;
         padding: 16px !important;
         margin: 0px !important;
         background: #00000008;
         border-bottom: 1px solid #fff !important
     }

     .mega-menu-77>li ul {
         background: #FFF;
         margin-bottom: 20px
     }

     .mega-menu-77>li ul li a {
         font-weight: 300 !important;
         font-size: 16px !important;
         padding: 10px 16px !important;
         margin: 0;
         border-left: solid 1px #dfe3e8;
         border-right: solid 1px #dfe3e8
     }

     .has-sub-menu .mega-menu-77>li i:before {
         color: #FFF;
         top: 15px !important;
         right: 8px !important
     }

     .mega-menu-77>li.menu-color-1 i:before {
         background: #009EDF
     }

     .mega-menu-77>li.menu-color-2 i:before {
         background: #E2017B
     }

     .mega-menu-77>li.menu-color-3 i:before {
         background: #F6BE05
     }

     .spotlight-77 {
         width: 100% !important;
         overflow: hidden !important;
         display: block;
         margin-top: 16px
     }

     .spotlight-77 .changing {
         top: 0;
         height: 340px !important;
         width: 100% !important;
         padding: 15px
     }
 }

 @media (max-width:991px) {
     .banner {}

     .banner img {
         height: 250px
     }

     .banner .banner-details {
         border-left: 7px solid #FFD738;
         padding-left: 5px !important;
         margin-left: 10px;
         margin-bottom: 20px
     }

     .banner h2 {
         font-size: 35px;
         line-height: 40px
     }

     .selectbutton-gapping {
         gap: 5px !important
     }

     .content-top .col-lg-8 {
         margin-bottom: 10px !important
     }

     .content-top .changing {
         gap: 150px
     }

     .yellow .container .row,
     .yellow .col-lg-8 .row {
         gap: 20px
     }

     .maxHeight {
         height: auto
     }

     .travel-offer img {
         width: 100%;
         height: 270px
     }

     .drop {
         width: 224px
     }

     .overlay-image {
         height: 220px
     }

     .vertical-line {
         width: 6px;
         height: 70px;
         background-color: #FFD738;
         position: relative;
         bottom: 112px;
         right: 11px
     }

     .text-dropdown {
         margin-left: 30px !important;
         bottom: 130px
     }

     .quiz-content p {
         line-height: 26px
     }

     .form-select {
         font-size: 14px !important;
         margin-bottom: 0px !important;
         padding: 10px !important
     }

     .stoplight-btn {
         font-size: 15px;
         font-weight: 500;
         padding: 9px 23px !important
     }

     .list-container {
         margin-bottom: 15px
     }

     .list-container h3 {
         font-size: 30px !important;
         font-weight: 800 !important;
         line-height: 30px !important;
         margin-bottom: 25px !important
     }

     .item-con p {
         line-height: 33px !important;
         padding-left: 33px !important;
         margin: 0 !important;
         font-size: 19px !important;
         font-weight: 500 !important
     }

     .click-buttons {
         width: 100%;
         border: 1px solid #ebdada
     }

     ._midia-click-styling {
         position: relative;
         bottom: 840px;
         right: 0;
         height: 0;
         width: 100% !important;
         left: 0
     }

     .year-dropdown .select2-selection__rendered {
         font-size: 22px;
         margin-top: 20px;
         line-height: 25px
     }

     .container-Scroll {
         height: 200px;
         cursor: pointer;
         overflow: auto;
         display: none;
         position: relative;
         right: 0;
         border: 1px solid #e3e3e3;
         border-radius: 7px;
         background-color: #2e9cc6;
         color: #fff;
         padding: 10px;
         z-index: 100;
         bottom: 895px !important;
         width: 100% !important
     }

     .dropdownSelect {
         width: 276px !important;
         height: 45px !important;
         margin-bottom: 5px !important
     }

     .w100 {
         width: 224px !important
     }

     .font-size-13-px {
         font-size: 17px !important
     }

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

     .changing h2 {
         font-size: 22px
     }

     .font-sizing {
         font-size: 30px !important;
         margin-bottom: 20px
     }

     .briefcaseAndTest {
         gap: 5px;
         margin-bottom: 20px
     }

     .briefcaseAndTest>p {
         font-size: 20px
     }

     .blue-btn {
         color: #fff;
         width: 224px;
         background: #2e9cc6;
         transition: all .1s linear;
         cursor: pointer;
         padding: 10px;
         border: none;
         border-radius: 8px;
         display: flex;
         justify-content: center;
         align-items: center;
         height: 34px !important;
         gap: 10px;
         margin-right: 8px;
         font-size: 15px
     }

     .font-size-arrow-down {
         font-size: 26px !important;
         cursor: pointer;
         color: #FFD738;
         margin-top: 20px
     }

     .margin-bottom {
         margin-left: 20px !important;
         margin-bottom: -67px !important
     }

     .vertical-line {
         width: 6px;
         height: 70px;
         background-color: #FFD738;
         position: relative;
         bottom: 98px;
         right: 12px
     }

     .select-values {
         margin-left: -15px
     }

     .z-3 {
         z-index: 999
     }

     .logo_icon {
         justify-content: center !important
     }

     .horizontal-line {
         width: 100%
     }
 }

 @media (max-width:768px) {
     .banner {
         height: 200px
     }

     .banner h2 {
         font-size: 28px;
         line-height: 32px
     }

     .selectbutton-gapping {
         flex-direction: column;
         align-items: center
     }

     .quiz-content h1 {
         font-size: 28px
     }

     .quiz-content p {
         width: 80%;
         font-size: 18px;
         line-height: normal
     }

     .dropdown-container button {
         font-size: 16px;
         padding: 0 15px !important
     }

     .quiz-content .red-btn,
     .dropdown-container .select2-selection__rendered {
         font-size: 16px
     }

     .changing h2,
     .changing p {
         margin-bottom: 8px
     }

     .list-container h3 {
         font-size: 26px
     }

     .travel-offer h1 {
         font-size: 28px
     }

     .travel-offer p {
         font-size: 20px
     }

     .travel-offer a {
         width: 100%;
         text-align: center;
         justify-content: center
     }

     .insta-post {
         margin-bottom: 16px
     }

     .comtainer-details h2 {
         font-size: 32px !important;
         line-height: 36px !important;
         margin-bottom: 20px
     }
 }

 @media (max-width:500px) {
     .instagram-update {
         font-size: 28px
     }

     .month-group h2 {
         font-size: 28px
     }

     .comtainer-details h2 {
         font-size: 28px !important
     }

     .comtainer-details p {
         font-size: 18px !important
     }

     .comtainer-details ul li {
         font-size: 18px !important
     }

     .dropdown-container button {
         font-size: 16px;
         padding: 0 10px 0 10px !important;
         display: block
     }

     .quiz-content h1 {
         font-size: 26px
     }

     .quiz-content p {
         width: 80%;
         font-size: 16px;
         line-height: normal
     }

     .new-footer {
         background-size: inherit
     }

     .new-footer h5 {
         background: #2e9cc6;
         color: #fff;
         padding: 10px;
         border-radius: 8px;
         display: flex;
         align-items: center;
         justify-content: space-between
     }

     .new-footer h5:after {
         content: "\f107";
         font-family: FontAwesome;
         font-size: 22px;
         color: #FFF;
         transition: all 0.3s ease
     }

     .new-footer h5.active:after {
         transform: rotate(180deg)
     }

     .es-badge-container {
         gap: 5px;
         flex-wrap: wrap
     }

     .footer-hidden {
         display: none
     }

     .new-footer h5.active~.footer-hidden {
         display: block
     }
 }

 @media print {

     .header_banner,
     .header_main,
     .panelcolumn,
     .trip_letter_btn,
     .submit_btn,
     .footer,
     .flight_ticket_body {
         display: none !important
     }
 }

 .inputGroup input:disabled~label:after {
     border: none
 }

 .inputGroup input:disabled~label {
     padding-left: 30px
 }

 .inputGroup input:disabled~label:before {
     border: 1px solid #eee;
     background-color: rgb(86 75 81 / 5%)
 }

 .insurance_box.disabled .inputGroup label::after {
     border: 0
 }

 .insurance_box.disabled .inputGroup label {
     padding-left: 30px
 }

 .disabled .inputGroup label:before {
     background: #eee
 }

 .d_content {
     margin-bottom: 90px
 }

 .hidden-not-loaded {
     display: none !important
 }

 .form_content input[type=password],
 .form_content input[type=text],
 .form_content input[type=number],
 .form_content textarea {
     border: 1px solid #c4cdd5;
     border-radius: 4px;
     background-color: #fff;
     width: 100%;
     padding: 16px
 }

 .err {
     padding: 10px;
     border: solid 1px;
     border-radius: 5px;
     color: red !important
 }

 a.submit_btn {
     background-color: #00aeef
 }

 select {
     border: 1px solid #c4cdd5;
     border-radius: 4px;
     background-color: #fff;
     width: 100%;
     padding: 16px;
     margin-bottom: 15px
 }

 select:not([multiple]) {
     background: url(../images/drop_icon.svg) no-repeat right;
     -moz-appearance: none;
     background-size: 12px;
     background-position: 96% 25px;
     -webkit-appearance: none
 }

 .form_content {
     border-radius: 4px;
     background-color: #fff;
     padding: 50px 50px 35px 50px;
     margin-bottom: 32px
 }

 .form_content:last-child {
     margin-bottom: 0
 }

 .form_content h2 {
     color: #212b35;
     font-size: 19px;
     font-weight: 800;
     line-height: 36px;
     margin-bottom: 15px
 }

 .empty {
     display: block;
     height: 17px
 }

 .c_details h2 {
     margin-bottom: 10px;
     line-height: 24px
 }

 .c_details p {
     color: #212b35;
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-bottom: 20px
 }

 .add_link a {
     color: #ec008c;
     font-size: 17px;
     font-weight: 600;
     line-height: 18px
 }

 .inputGroup {
     position: relative;
     border-radius: 4px;
     overflow: hidden
 }

 .inputGender .inputGroup {
     display: inline-block;
     margin: 5px
 }

 .inputGroup label {
     padding: 18px 15px 17px 50px;
     width: auto;
     display: block;
     color: #3c454c;
     cursor: pointer;
     position: relative;
     z-index: 2;
     transition: color .2s ease-in;
     overflow: hidden;
     color: #212b35;
     font-size: 15px
 }

 .inputGroup label:before {
     width: 100%;
     height: 100%;
     content: '';
     border: 1px solid #c4cdd5;
     border-radius: 4px;
     background-color: #fff;
     position: absolute;
     left: 0;
     top: 0;
     z-index: -1
 }

 .inputGroup label::after {
     width: 22px;
     height: 22px;
     content: '';
     border-radius: 50%;
     z-index: 2;
     position: absolute;
     left: 14px;
     top: 15px;
     cursor: pointer;
     border: 2px solid #90959a
 }

 .inputGroup input {
     width: 32px;
     height: 32px;
     order: 1;
     z-index: 2;
     position: absolute;
     right: 30px;
     top: 50%;
     cursor: pointer;
     visibility: hidden
 }

 .insurance_price {
     color: #212b35;
     font-weight: 700;
     display: inline-block;
     float: right
 }

 .insurance_price p {
     font-size: 19px;
     margin: 0
 }

 .insurance_details p {
     margin: 0;
     padding: 4px 0
 }

 .insurance_details {
     display: inline-block
 }

 .insurance_details a {
     color: #00aeef;
     font-size: 14px;
     font-weight: 700;
     line-height: 18px;
     text-transform: uppercase
 }

 .insurance_box .inputGroup label::after {
     border-radius: 4px
 }

 .insurance_box .inputGroup label::after {
     top: 24px
 }

 .insurance_details h2 {
     font-weight: 600
 }

 .insurance_box .inputGroup label {
     padding: 18px 22px 17px 60px
 }

 .insurance_box .inputGroup label::after {
     left: 24px
 }

 .insurance_box-in {
     border: 1px solid #c4cdd5;
     border-radius: 4px;
     background-color: #fff;
     padding: 25px;
     margin-bottom: 32px
 }

 .insurance-in {
     display: inline-block
 }

 .insurance-in h2 {
     color: #212b35;
     font-size: 19px;
     line-height: 23px;
     font-weight: 600;
     margin: 0;
     background: url(../images/icon-1.svg) no-repeat;
     background-size: 24px;
     padding-left: 40px
 }

 .insurance-in-price {
     display: inline-block;
     float: right
 }

 .insurance-in-price p {
     color: #212b35;
     font-size: 19px;
     font-weight: 700
 }

 .inputGroup label {
     margin-bottom: 12px
 }

 .tour_box {
     border-radius: 4px;
     background-color: #fff;
     box-shadow: 0 15px 15px 3px rgb(33 43 53 / .05), 0 5px 5px 0 rgb(33 43 53 / .1)
 }

 .tour_area h2 {
     color: #212b35;
     font-size: 19px;
     font-weight: 700;
     margin: 0;
     padding-top: 15px
 }

 .tour_img {
     width: 150px;
     height: 85px;
     overflow: hidden;
     border-radius: 10px;
     float: right
 }

 .tour_img img {
     width: 100%
 }

 .tour_area {
     overflow: hidden;
     margin-bottom: 25px
 }

 .tour_calendar {
     border-bottom: solid #dfe3e8 1px;
     padding: 14px 0;
     margin-bottom: 15px;
     border-top: solid #dfe3e8 1px
 }

 .form_content.total_price,
 .tour_de {
     margin-bottom: 0;
     padding: 35px 30px 35px 30px
 }

 .calen {
     color: #212b35;
     font-size: 17px;
     line-height: 20px;
     display: inline-block;
     padding-left: 30px;
     margin-left: 15px;
     text-transform: lowercase
 }

 .calen em {
     font-weight: 700;
     font-style: normal
 }

 .start_calendar {
     background: url(../images/calendar.svg) no-repeat;
     margin-left: 0
 }

 .end_calendar {
     background: url(../images/arow3.svg) no-repeat
 }

 .price_row {
     padding: 10px 0
 }

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

 .price_row .price_details p {
     color: #212b35;
     font-size: 17px;
     margin: 0
 }

 .price_cell p {
     color: #212b35;
     font-size: 17px;
     margin: 0
 }

 .total_price .price_cell p {
     font-weight: 700
 }

 .total_price {
     border-top: solid #dfe3e8 1px
 }

 .form_content.total_price {
     padding-top: 15px;
     padding-bottom: 15px
 }

 .page_nav {
     padding: 30px 0;
     overflow: hidden
 }

 .page_nav ul {
     list-style: none
 }

 .page_nav li:first-child a {
     background: none
 }

 .page_nav li:nth-child(2) a {
     list-style: none;
     background-size: 24px;
     padding-left: 40px;
     overflow: hidden;
     opacity: 1;
     background-position: right;
     background-size: 4%
 }

 .page_nav li {
     float: left;
     margin-right: 10px
 }

 .page_nav li a {
     opacity: .3;
     color: #212b35;
     font-size: 17px;
     font-weight: 600;
     line-height: 20px;
     padding-right: 20px;
     background: url(../images/right_arow_hover.svg) no-repeat right 3px;
     background-size: 10px
 }

 .page_nav li span {
     opacity: .3;
     color: #212b35;
     font-size: 17px;
     font-weight: 600;
     line-height: 20px;
     padding-right: 20px;
     background: url(../images/right_arow_hover.svg) no-repeat right 3px;
     background-size: 10px
 }

 .page_nav ul li:last-child a {
     background-image: none !important
 }

 .page_nav ul li:last-child span {
     background-image: none !important
 }

 .input_field {
     position: relative
 }

 .info_box p {
     color: #212b35;
     font-size: 17px;
     line-height: 25px;
     margin: 0;
     padding-left: 40px;
     font-weight: 400;
     text-transform: none;
     font-family: Montserrat, sans-serif;
     position: relative
 }

 .info_box:after {
     border-left: 13px solid #fff0;
     border-right: 13px solid #fff0;
     border-bottom: 13px solid #fff0;
     border-top: 13px solid #ffcf35;
     content: "";
     position: absolute;
     top: 100%
 }

 .tip_close {
     background: url(../images/close.svg) no-repeat top right;
     content: "";
     width: 12px;
     height: 12px;
     display: block;
     position: absolute;
     right: 12px;
     top: 12px;
     cursor: pointer;
     z-index: 1
 }

 .c_price_detail h2 {
     color: #212b35;
     font-size: 32px;
     font-weight: 700
 }

 .c_price_detail strong {
     color: #212b35;
     font-size: 17px;
     font-weight: 700;
     margin-bottom: 10px
 }

 .c_price_detail p {
     color: #90959a;
     font-size: 17px
 }

 .c_price_detail .col-md-4 {
     text-align: right
 }

 .tour-last-step {
     margin-bottom: 30px;
     box-shadow: none
 }

 .submit_detail {
     margin-bottom: 14px
 }

 .submit_detail span {
     color: #90959a;
     font-size: 14px;
     line-height: 18px
 }

 .submit_detail p {
     margin: 0;
     color: #212b35;
     font-size: 17px;
     line-height: 20px
 }

 .main_submit_box {
     margin-bottom: 20px
 }

 .main_submit_box .c_details {
     margin-bottom: 12px
 }

 .tour-last-step .form_content.total_price {
     padding: 16px 50px
 }

 .form_content p {
     color: #212b35;
     font-size: 17px;
     line-height: 25px
 }

 .download_file a {
     color: #ec008c;
     font-size: 17px;
     font-weight: 600;
     padding-left: 32px;
     background: url(../images/download_icon.svg) left no-repeat
 }

 .inputGroup label em {
     display: block;
     font-style: normal
 }

 .Choose_area .inputGroup label {
     padding: 18px 15px 17px 50px;
     margin: 0
 }

 .Choose_area .inputGroup {
     float: left;
     width: 50%;
     border-radius: 0;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
     margin-bottom: 20px
 }

 .Choose_area .inputGroup:first-child label::before {
     border-radius: 4px 0 0 4px
 }

 .Choose_area .inputGroup:last-child label::before {
     border-radius: 0 4px 4px 0
 }

 .accordion_box {
     border: solid 1px #c4cdd5;
     border-radius: 6px
 }

 .accordion_box h2 {
     border-bottom: solid 1px #c4cdd5;
     padding: 12px;
     margin: 0
 }

 .ui-accordion-content {
     background-color: #f9fafb;
     padding: 30px 25px
 }

 .accordion_details p {
     margin: 0
 }

 .accordion_box {
     margin-bottom: 30px;
     overflow: hidden
 }

 .accordion_box h2 {
     color: #212b35;
     font-size: 17px;
     font-weight: 600
 }

 .ideal {
     background: url(../images/logo1.jpg) no-repeat;
     background-size: 55px;
     padding-left: 105px !important;
     background-position: 24px 4px
 }

 .overwrite {
     background: url(../images/logo3.jpg) no-repeat;
     background-size: 55px;
     padding-left: 105px !important;
     background-position: 24px 4px
 }

 .inline-err p {
     font-size: 12px;
     margin: 0;
     color: #ec008c;
     line-height: 18px;
     margin-top: 2px
 }

 .input_field {
     margin-bottom: 15px
 }

 .price_cell {
     text-align: right
 }

 .input_field .text {
     width: 100%
 }

 .cancel-res {
     display: none !important
 }

 .cancel-res-b {
     display: block !important
 }

 .fa-gear:before,
 .fa-cog:before {
     content: "\f013"
 }

 .fa-eye-slash:before {
     content: "\f070"
 }

 body {
     margin: 0;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important
 }

 .loginform .input_field .text {
     width: 100%
 }

 :root {
     --blue: #007bff;
     --indigo: #6610f2;
     --purple: #6f42c1;
     --pink: #e83e8c;
     --red: #dc3545;
     --orange: #fd7e14;
     --yellow: #ffc107;
     --green: #28a745;
     --teal: #20c997;
     --cyan: #17a2b8;
     --white: #fff;
     --gray: #6c757d;
     --gray-dark: #343a40;
     --primary: #007bff;
     --secondary: #6c757d;
     --success: #28a745;
     --info: #17a2b8;
     --warning: #ffc107;
     --danger: #dc3545;
     --light: #f8f9fa;
     --dark: #343a40;
     --breakpoint-xs: 0;
     --breakpoint-sm: 576px;
     --breakpoint-md: 768px;
     --breakpoint-lg: 992px;
     --breakpoint-xl: 1200px;
     --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
     --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
 }

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

 html {
     font-family: sans-serif;
     line-height: 1.15;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
     -ms-overflow-style: scrollbar;
     -webkit-tap-highlight-color: #fff0
 }

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

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

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

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

 b,
 strong {
     font-weight: bolder
 }

 a {
     color: #007bff;
     text-decoration: none;
     background-color: #fff0;
     -webkit-text-decoration-skip: objects
 }

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

 table {
     border-collapse: collapse
 }

 .data-inr p,
 label {
     font-size: 14px
 }

 th {
     text-align: inherit
 }

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

 button {
     border-radius: 0
 }

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

 button,
 input {
     overflow: visible
 }

 button,
 select {
     text-transform: none
 }

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

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

 button,
 a.submit_btn {
     height: auto !important;
     line-height: initial !important;
     padding: 12px 20px !important
 }

 button,
 a.submit_btn {
     height: 50px;
     line-height: 50px;
     border-radius: 4px;
     background-color: #EC008C;
     border: none;
     color: #FFF;
     font-size: 14px;
     font-weight: 700;
     padding: 0 40px;
     display: inline-block;
     text-transform: uppercase !important;
     cursor: pointer
 }

 .rectangle.active li:nth-child(n+3) {
     display: none
 }

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

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

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

 .menu ul>li>a {
     position: relative
 }

 .header_banner {
     position: relative;
     background: #ccc
 }

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

 .header .menu {
     display: flex;
     align-items: center;
     justify-content: space-between
 }

 .blog_con img {
     width: 80px !important;
     height: 80px !important;
     object-fit: cover
 }

 @media(min-width:576px) {
     .container {
         max-width: 540px
     }
 }

 @media(min-width:768px) {
     .container {
         max-width: 720px
     }

     .trip_date {
         font-size: 11px !important
     }
 }

 @media(min-width:992px) {
     .container {
         max-width: 960px
     }
 }

 @media(min-width:1200px) {
     .container {
         max-width: 1300px
     }
 }

 .row {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-right: -15px;
     margin-left: -15px
 }

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

 .col {
     -ms-flex-preferred-size: 0;
     flex-basis: 0%;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     max-width: 100%
 }

 .nav_inn .responsive_menu {
     display: none
 }

 .responsive_menu {
     min-height: 50px
 }

 @media(min-width:576px) {
     .col-sm {
         -ms-flex-preferred-size: 0;
         flex-basis: 0%;
         -webkit-box-flex: 1;
         -ms-flex-positive: 1;
         flex-grow: 1;
         max-width: 100%
     }

     .col-sm-auto {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         width: auto;
         max-width: none
     }

     .col-sm-1 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 8.333333%;
         flex: 0 0 8.333333%;
         max-width: 8.333333%
     }

     .col-sm-2 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%
     }

     .col-sm-3 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%
     }

     .col-sm-4 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 33.333333%;
         flex: 0 0 33.333333%;
         max-width: 33.333333%
     }

     .col-sm-5 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 41.666667%;
         flex: 0 0 41.666667%;
         max-width: 41.666667%
     }

     .col-sm-6 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%
     }

     .col-sm-7 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 58.333333%;
         flex: 0 0 58.333333%;
         max-width: 58.333333%
     }

     .col-sm-8 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 66.666667%;
         flex: 0 0 66.666667%;
         max-width: 66.666667%
     }

     .col-sm-9 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 75%;
         flex: 0 0 75%;
         max-width: 75%
     }

     .col-sm-10 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 83.333333%;
         flex: 0 0 83.333333%;
         max-width: 83.333333%
     }

     .col-sm-11 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 91.666667%;
         flex: 0 0 91.666667%;
         max-width: 91.666667%
     }

     .col-sm-12 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%
     }

     .order-sm-first {
         -webkit-box-ordinal-group: 0;
         -ms-flex-order: -1;
         order: -1
     }

     .order-sm-last {
         -webkit-box-ordinal-group: 14;
         -ms-flex-order: 13;
         order: 13
     }

     .order-sm-0 {
         -webkit-box-ordinal-group: 1;
         -ms-flex-order: 0;
         order: 0
     }

     .order-sm-1 {
         -webkit-box-ordinal-group: 2;
         -ms-flex-order: 1;
         order: 1
     }

     .order-sm-2 {
         -webkit-box-ordinal-group: 3;
         -ms-flex-order: 2;
         order: 2
     }

     .order-sm-3 {
         -webkit-box-ordinal-group: 4;
         -ms-flex-order: 3;
         order: 3
     }

     .order-sm-4 {
         -webkit-box-ordinal-group: 5;
         -ms-flex-order: 4;
         order: 4
     }

     .order-sm-5 {
         -webkit-box-ordinal-group: 6;
         -ms-flex-order: 5;
         order: 5
     }

     .order-sm-6 {
         -webkit-box-ordinal-group: 7;
         -ms-flex-order: 6;
         order: 6
     }

     .order-sm-7 {
         -webkit-box-ordinal-group: 8;
         -ms-flex-order: 7;
         order: 7
     }

     .order-sm-8 {
         -webkit-box-ordinal-group: 9;
         -ms-flex-order: 8;
         order: 8
     }

     .order-sm-9 {
         -webkit-box-ordinal-group: 10;
         -ms-flex-order: 9;
         order: 9
     }

     .order-sm-10 {
         -webkit-box-ordinal-group: 11;
         -ms-flex-order: 10;
         order: 10
     }

     .order-sm-11 {
         -webkit-box-ordinal-group: 12;
         -ms-flex-order: 11;
         order: 11
     }

     .order-sm-12 {
         -webkit-box-ordinal-group: 13;
         -ms-flex-order: 12;
         order: 12
     }

     .offset-sm-0 {
         margin-left: 0
     }

     .offset-sm-1 {
         margin-left: 8.333333%
     }

     .offset-sm-2 {
         margin-left: 16.666667%
     }

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

     .offset-sm-4 {
         margin-left: 33.333333%
     }

     .offset-sm-5 {
         margin-left: 41.666667%
     }

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

     .offset-sm-7 {
         margin-left: 58.333333%
     }

     .offset-sm-8 {
         margin-left: 66.666667%
     }

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

     .offset-sm-10 {
         margin-left: 83.333333%
     }

     .offset-sm-11 {
         margin-left: 91.666667%
     }
 }

 @media(min-width:768px) {
     .col-md-3 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%
     }

     .col-md-8 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 66.666667%;
         flex: 0 0 66.666667%;
         max-width: 66.666667%
     }

     .col-md-12 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%
     }

     .order-md-1 {
         -webkit-box-ordinal-group: 2;
         -ms-flex-order: 1;
         order: 1
     }

     .col-md {
         -ms-flex-preferred-size: 0;
         flex-basis: 0%;
         -webkit-box-flex: 1;
         -ms-flex-positive: 1;
         flex-grow: 1;
         max-width: 100%
     }

     .col-md-auto {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         width: auto;
         max-width: none
     }

     .col-md-1 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 8.333333%;
         flex: 0 0 8.333333%;
         max-width: 8.333333%
     }

     .col-md-2 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%
     }

     .col-md-4 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 33.333333%;
         flex: 0 0 33.333333%;
         max-width: 33.333333%
     }

     .col-md-5 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 41.666667%;
         flex: 0 0 41.666667%;
         max-width: 41.666667%
     }

     .col-md-6 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%
     }

     .col-md-7 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 58.333333%;
         flex: 0 0 58.333333%;
         max-width: 58.333333%
     }

     .col-md-9 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 75%;
         flex: 0 0 75%;
         max-width: 75%
     }

     .col-md-10 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 83.333333%;
         flex: 0 0 83.333333%;
         max-width: 83.333333%
     }

     .col-md-11 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 91.666667%;
         flex: 0 0 91.666667%;
         max-width: 91.666667%
     }

     .order-md-first {
         -webkit-box-ordinal-group: 0;
         -ms-flex-order: -1;
         order: -1
     }

     .order-md-last {
         -webkit-box-ordinal-group: 14;
         -ms-flex-order: 13;
         order: 13
     }

     .order-md-0 {
         -webkit-box-ordinal-group: 1;
         -ms-flex-order: 0;
         order: 0
     }

     .order-md-2 {
         -webkit-box-ordinal-group: 3;
         -ms-flex-order: 2;
         order: 2
     }

     .order-md-3 {
         -webkit-box-ordinal-group: 4;
         -ms-flex-order: 3;
         order: 3
     }

     .order-md-4 {
         -webkit-box-ordinal-group: 5;
         -ms-flex-order: 4;
         order: 4
     }

     .order-md-5 {
         -webkit-box-ordinal-group: 6;
         -ms-flex-order: 5;
         order: 5
     }

     .order-md-6 {
         -webkit-box-ordinal-group: 7;
         -ms-flex-order: 6;
         order: 6
     }

     .order-md-7 {
         -webkit-box-ordinal-group: 8;
         -ms-flex-order: 7;
         order: 7
     }

     .order-md-8 {
         -webkit-box-ordinal-group: 9;
         -ms-flex-order: 8;
         order: 8
     }

     .order-md-9 {
         -webkit-box-ordinal-group: 10;
         -ms-flex-order: 9;
         order: 9
     }

     .order-md-10 {
         -webkit-box-ordinal-group: 11;
         -ms-flex-order: 10;
         order: 10
     }

     .order-md-11 {
         -webkit-box-ordinal-group: 12;
         -ms-flex-order: 11;
         order: 11
     }

     .order-md-12 {
         -webkit-box-ordinal-group: 13;
         -ms-flex-order: 12;
         order: 12
     }

     .offset-md-0 {
         margin-left: 0
     }

     .offset-md-1 {
         margin-left: 8.333333%
     }

     .offset-md-2 {
         margin-left: 16.666667%
     }

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

     .offset-md-4 {
         margin-left: 33.333333%
     }

     .offset-md-5 {
         margin-left: 41.666667%
     }

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

     .offset-md-7 {
         margin-left: 58.333333%
     }

     .offset-md-8 {
         margin-left: 66.666667%
     }

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

     .offset-md-10 {
         margin-left: 83.333333%
     }

     .offset-md-11 {
         margin-left: 91.666667%
     }
 }

 @media(min-width:992px) {
     .col-lg {
         -ms-flex-preferred-size: 0;
         flex-basis: 0%;
         -webkit-box-flex: 1;
         -ms-flex-positive: 1;
         flex-grow: 1;
         max-width: 100%
     }

     .col-lg-auto {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         width: auto;
         max-width: none
     }

     .col-lg-1 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 8.333333%;
         flex: 0 0 8.333333%;
         max-width: 8.333333%
     }

     .col-lg-2 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%
     }

     .col-lg-3 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%
     }

     .col-lg-4 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 33.333333%;
         flex: 0 0 33.333333%;
         max-width: 33.333333%
     }

     .col-lg-5 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 41.666667%;
         flex: 0 0 41.666667%;
         max-width: 41.666667%
     }

     .col-lg-6 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%
     }

     .col-lg-7 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 58.333333%;
         flex: 0 0 58.333333%;
         max-width: 58.333333%
     }

     .col-lg-8 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 66.666667%;
         flex: 0 0 66.666667%;
         max-width: 66.666667%
     }

     .col-lg-9 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 75%;
         flex: 0 0 75%;
         max-width: 75%
     }

     .col-lg-10 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 83.333333%;
         flex: 0 0 83.333333%;
         max-width: 83.333333%
     }

     .col-lg-11 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 91.666667%;
         flex: 0 0 91.666667%;
         max-width: 91.666667%
     }

     .col-lg-12 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%
     }

     .order-lg-first {
         -webkit-box-ordinal-group: 0;
         -ms-flex-order: -1;
         order: -1
     }

     .order-lg-last {
         -webkit-box-ordinal-group: 14;
         -ms-flex-order: 13;
         order: 13
     }

     .order-lg-0 {
         -webkit-box-ordinal-group: 1;
         -ms-flex-order: 0;
         order: 0
     }

     .order-lg-1 {
         -webkit-box-ordinal-group: 2;
         -ms-flex-order: 1;
         order: 1
     }

     .order-lg-2 {
         -webkit-box-ordinal-group: 3;
         -ms-flex-order: 2;
         order: 2
     }

     .order-lg-3 {
         -webkit-box-ordinal-group: 4;
         -ms-flex-order: 3;
         order: 3
     }

     .order-lg-4 {
         -webkit-box-ordinal-group: 5;
         -ms-flex-order: 4;
         order: 4
     }

     .order-lg-5 {
         -webkit-box-ordinal-group: 6;
         -ms-flex-order: 5;
         order: 5
     }

     .order-lg-6 {
         -webkit-box-ordinal-group: 7;
         -ms-flex-order: 6;
         order: 6
     }

     .order-lg-7 {
         -webkit-box-ordinal-group: 8;
         -ms-flex-order: 7;
         order: 7
     }

     .order-lg-8 {
         -webkit-box-ordinal-group: 9;
         -ms-flex-order: 8;
         order: 8
     }

     .order-lg-9 {
         -webkit-box-ordinal-group: 10;
         -ms-flex-order: 9;
         order: 9
     }

     .order-lg-10 {
         -webkit-box-ordinal-group: 11;
         -ms-flex-order: 10;
         order: 10
     }

     .order-lg-11 {
         -webkit-box-ordinal-group: 12;
         -ms-flex-order: 11;
         order: 11
     }

     .order-lg-12 {
         -webkit-box-ordinal-group: 13;
         -ms-flex-order: 12;
         order: 12
     }

     .offset-lg-0 {
         margin-left: 0
     }

     .offset-lg-1 {
         margin-left: 8.333333%
     }

     .offset-lg-2 {
         margin-left: 16.666667%
     }

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

     .offset-lg-4 {
         margin-left: 33.333333%
     }

     .offset-lg-5 {
         margin-left: 41.666667%
     }

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

     .offset-lg-7 {
         margin-left: 58.333333%
     }

     .offset-lg-8 {
         margin-left: 66.666667%
     }

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

     .offset-lg-10 {
         margin-left: 83.333333%
     }

     .offset-lg-11 {
         margin-left: 91.666667%
     }
 }

 @media(min-width:1200px) {
     .col-xl {
         -ms-flex-preferred-size: 0;
         flex-basis: 0%;
         -webkit-box-flex: 1;
         -ms-flex-positive: 1;
         flex-grow: 1;
         max-width: 100%
     }

     .col-xl-auto {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         width: auto;
         max-width: none
     }

     .col-xl-1 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 8.333333%;
         flex: 0 0 8.333333%;
         max-width: 8.333333%
     }

     .col-xl-2 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%
     }

     .col-xl-3 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%
     }

     .col-xl-4 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 33.333333%;
         flex: 0 0 33.333333%;
         max-width: 33.333333%
     }

     .col-xl-5 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 41.666667%;
         flex: 0 0 41.666667%;
         max-width: 41.666667%
     }

     .col-xl-6 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%
     }

     .col-xl-7 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 58.333333%;
         flex: 0 0 58.333333%;
         max-width: 58.333333%
     }

     .col-xl-8 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 66.666667%;
         flex: 0 0 66.666667%;
         max-width: 66.666667%
     }

     .col-xl-9 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 75%;
         flex: 0 0 75%;
         max-width: 75%
     }

     .col-xl-10 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 83.333333%;
         flex: 0 0 83.333333%;
         max-width: 83.333333%
     }

     .col-xl-11 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 91.666667%;
         flex: 0 0 91.666667%;
         max-width: 91.666667%
     }

     .col-xl-12 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%
     }

     .order-xl-first {
         -webkit-box-ordinal-group: 0;
         -ms-flex-order: -1;
         order: -1
     }

     .order-xl-last {
         -webkit-box-ordinal-group: 14;
         -ms-flex-order: 13;
         order: 13
     }

     .order-xl-0 {
         -webkit-box-ordinal-group: 1;
         -ms-flex-order: 0;
         order: 0
     }

     .order-xl-1 {
         -webkit-box-ordinal-group: 2;
         -ms-flex-order: 1;
         order: 1
     }

     .order-xl-2 {
         -webkit-box-ordinal-group: 3;
         -ms-flex-order: 2;
         order: 2
     }

     .order-xl-3 {
         -webkit-box-ordinal-group: 4;
         -ms-flex-order: 3;
         order: 3
     }

     .order-xl-4 {
         -webkit-box-ordinal-group: 5;
         -ms-flex-order: 4;
         order: 4
     }

     .order-xl-5 {
         -webkit-box-ordinal-group: 6;
         -ms-flex-order: 5;
         order: 5
     }

     .order-xl-6 {
         -webkit-box-ordinal-group: 7;
         -ms-flex-order: 6;
         order: 6
     }

     .order-xl-7 {
         -webkit-box-ordinal-group: 8;
         -ms-flex-order: 7;
         order: 7
     }

     .order-xl-8 {
         -webkit-box-ordinal-group: 9;
         -ms-flex-order: 8;
         order: 8
     }

     .order-xl-9 {
         -webkit-box-ordinal-group: 10;
         -ms-flex-order: 9;
         order: 9
     }

     .order-xl-10 {
         -webkit-box-ordinal-group: 11;
         -ms-flex-order: 10;
         order: 10
     }

     .order-xl-11 {
         -webkit-box-ordinal-group: 12;
         -ms-flex-order: 11;
         order: 11
     }

     .order-xl-12 {
         -webkit-box-ordinal-group: 13;
         -ms-flex-order: 12;
         order: 12
     }

     .offset-xl-0 {
         margin-left: 0
     }

     .offset-xl-1 {
         margin-left: 8.333333%
     }

     .offset-xl-2 {
         margin-left: 16.666667%
     }

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

     .offset-xl-4 {
         margin-left: 33.333333%
     }

     .offset-xl-5 {
         margin-left: 41.666667%
     }

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

     .offset-xl-7 {
         margin-left: 58.333333%
     }

     .offset-xl-8 {
         margin-left: 66.666667%
     }

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

     .offset-xl-10 {
         margin-left: 83.333333%
     }

     .offset-xl-11 {
         margin-left: 91.666667%
     }
 }

 .btn {
     display: inline-block;
     font-weight: 400;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     border: 1px solid #fff0;
     padding: .375rem .75rem;
     font-size: 1rem;
     line-height: 1.5;
     border-radius: .25rem;
     transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
 }

 .btn:not(:disabled):not(.disabled) {
     cursor: pointer
 }

 .btn-primary {
     color: #fff;
     background-color: #007bff;
     border-color: #007bff
 }

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

 .text-right {
     text-align: right !important
 }

 .main {
     max-width: 1300px;
     width: 100%;
     margin: 0 auto
 }

 .main_inn {
     padding: 0 15px;
     display: block;
     clear: both;
     content: ""
 }

 img {
     max-width: 100%;
     /* height: auto */
 }

 .header {
     height: 80px;
     position: relative;
     padding: 6px 0
 }

 .login {
     float: left
 }

 .logo {
     float: left;
     margin-right: 60px;
     padding: 20px 0
 }

 .header_main {
     box-shadow: 0 2px 4px 0 rgb(127 145 168 / .2);
     z-index: 14;
     background: #fff;
     position: fixed;
     left: 0;
     right: 0;
     top: 0
 }

 .menu ul {
     margin: 0;
     padding: 0;
     list-style: none
 }

 .menu ul>li {
     float: left
 }

 .logo img {
     object-fit: contain
 }

 .menu ul>li>a {
     font-size: 17px;
     display: inline-block;
     padding: 22px 21px;
     line-height: 30px;
     color: #1b2b33;
     display: block;
     font-weight: 400;
     font-family: "Murecho", sans-serif
 }

 .menu li ul {
     display: none;
     position: relative
 }

 .menu li ul {
     position: absolute;
     z-index: 999;
     border-radius: 4px;
     background-color: #f9fafb;
     width: 268px;
     overflow: hidden;
     top: 100%
 }

 .login a {
     font-size: 17px;
     font-weight: 700;
     color: #ec008c;
     padding: 22px 10px;
     line-height: 30px;
     display: block;
     font-weight: 600
 }

 .menu i.fa.fa-angle-down {
     display: none
 }

 .menu ul>li>a::before {
     content: "";
     position: absolute;
     bottom: -10px;
     height: 20px;
     width: 100%
 }

 .header_banner img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 1;
     height: 100%;
     width: 100%;
     object-fit: cover
 }

 .header_banner .container {
     position: relative;
     z-index: 2
 }

 .slider_inn {
     position: absolute;
     top: 50%;
     width: 100%;
     transform: translateY(-50%);
     z-index: 2
 }

 .slider_inn .row {
     display: block
 }

 .details_bar ul {
     margin: 0;
     padding: 0;
     list-style: none
 }

 .details_bar ul li {
     display: inline-block;
     font-size: 14px;
     color: #000;
     font-weight: 600;
     font-family: Montserrat
 }

 .backpack {
     background: url(https://media.simi-reizen.nl/public/uploads/backpack.svg) no-repeat
 }

 .transport {
     background: url(https://media.simi-reizen.nl/public/uploads/transport.svg) no-repeat
 }

 .chat {
     background: url(https://media.simi-reizen.nl/public/uploads/chat.svg) no-repeat
 }

 .header_bottom_inn {
     border-bottom: solid 2px #eef0f3;
     padding: 13px 0;
     margin-bottom: 38px
 }

 .main.header_bottom_inn {
     max-width: 1270px
 }

 .main.header_bottom_inn .main_inn {
     padding-left: 0;
     padding-right: 0;
     overflow: hidden
 }

 .details_bar ul li {
     display: inline-block;
     padding-left: 40px;
     margin-right: 32px;
     color: #212b35;
     font-size: 15px;
     line-height: 25px;
     font-weight: 400
 }

 .details_bar ul li:last-child {
     margin-right: 0
 }

 .logo_icon img {
     height: 35px;
     display: inline-block;
     width: auto;
     padding-right: 4px
 }

 .logo_icon {
     float: right
 }

 .details_bar {
     padding: 10px 0;
     display: inline-block
 }

 .res_nav {
     display: none
 }

 .responsive_child_menu {
     display: none
 }

 #data-prijzen .boven_btn {
     float: right;
     margin-top: 20px;
     border: 0
 }

 .boven_btn input[type=submit],
 .widget input[type=button] {
     background: #00aeef none repeat scroll 0 0;
     border: medium none;
     border-radius: 4px;
     color: #fff;
     cursor: pointer;
     padding: 5px 7px;
     height: auto
 }

 .review_tabs li,
 .review_tabs p {
     font-size: 14px;
     line-height: 23px
 }

 .tab-section {
     display: none
 }

 .tab-section h3 {
     font-size: 20px
 }

 .tab_nav {
     margin-bottom: 10px;
     background: #00aeef;
     position: relative
 }

 .tabs-icon {
     display: none
 }

 .trip_icon {
     position: absolute;
     bottom: 0;
     z-index: 2;
     padding: 20px 20px;
     right: 0
 }

 .icon {
     height: 40px;
     min-width: 190px;
     border-radius: 4px;
     background-color: #fff;
     float: left;
     margin-right: 10px
 }

 .icon a {
     color: #212b35;
     font-size: 14px;
     font-weight: 600;
     line-height: 18px !important;
     padding: 11px 0 11px 36px !important;
     display: block;
     background: url(https://media.simi-reizen.nl/public/uploads/img-stack.svg) no-repeat left;
     margin: 0 15px;
     cursor: pointer;
     outline: none;
     text-transform: capitalize !important
 }

 .icon a em {
     font-style: normal;
     color: #90959a
 }

 .trip_post h1 {
     color: #212b35;
     font-size: 36px;
     font-weight: 600;
     line-height: 44px;
     margin-bottom: 15px
 }

 .post_icon ul {
     margin: 0 0 15px;
     padding: 0;
     list-style: none
 }

 .post_icon ul li {
     display: inline-block;
     color: #212b35;
     font-size: 17px;
     line-height: 20px;
     padding-left: 34px;
     margin-right: 10px
 }

 .trip_post p {
     color: #212b35;
     font-size: 14px;
     line-height: 23px
 }

 .post_icon ul li {
     display: inline-block;
     color: #212b35;
     font-size: 17px;
     line-height: 20px;
     padding-left: 24px;
     margin-right: 20px;
     background: url(../images/time.svg) left no-repeat
 }

 .tour {
     background: url(../images/multiple.svg) no-repeat left !important
 }

 .diff {
     background: url(../images/ic_signal.svg) no-repeat left !important
 }

 .trip_area {
     margin-bottom: 35px
 }

 .trip_review_details .img-lazy-load img {
     width: 100% !important;
     object-fit: cover !important;
     height: 100% !important;
     display: block !important;
     min-height: 143px !important;
     max-height: 143px !important
 }

 .info_box {
     position: absolute;
     left: 0;
     bottom: 100%;
     width: 500px;
     border-radius: 4px;
     background-color: #ffcf35;
     padding: 25px;
     z-index: 12;
     transition: opacity .3s;
     box-sizing: border-box;
     margin-bottom: 13px
 }

 .info_icon {
     width: 24px;
     height: 24px;
     display: inline-block;
     position: relative
 }

 .info_box p::before,
 .info_icon:before {
     background: url(https://media.simi-reizen.nl/public/uploads/info.svg) no-repeat left;
     content: "";
     width: 24px;
     height: 24px;
     position: absolute;
     left: 0
 }

 .rectangle {
     width: 45%;
     float: left;
     clear: both;
     background-color: #ec178c;
     padding: 10px;
     margin-bottom: 20px;
     color: #fff;
     box-sizing: border-box
 }

 .rectangle ul {
     list-style: none;
     padding: 0;
     margin: 0
 }

 .rectangle li {
     line-height: 16px;
     float: left;
     min-width: 50%;
     box-sizing: border-box
 }

 .rectangle li:before {
     content: "-";
     padding-right: 5px
 }

 .clr {
     clear: both
 }

 .boven_btn {
     background-color: #ec178c;
     box-sizing: border-box;
     display: block
 }

 .boven_btn a,
 .boven_btn input {
     background: url(https://media.simi-reizen.nl/public/uploads/btn-arow.png) no-repeat scroll right 15px center #fff0;
     color: #fff;
     display: block;
     font-size: 13px;
     padding: 7px 27px;
     text-decoration: none;
     border: 0;
     cursor: pointer
 }

 .tab_nav ul {
     margin-bottom: 15px;
     padding: 0 5px;
     font-weight: 700;
     box-sizing: border-box;
     background: #00adef;
     margin: 0;
     list-style: none;
     float: left;
     width: 100%
 }

 .tab_nav li {
     margin-right: 5px;
     margin-top: 5px;
     float: left
 }

 .tab_nav li a,
 .tab_nav li span {
     padding: 0 15px;
     text-decoration: none;
     font-size: 13px;
     display: block;
     color: #fff;
     line-height: 31px;
     text-transform: uppercase
 }

 .dag {
     clear: both;
     overflow: hidden;
     margin-bottom: 20px
 }

 .tab-section h3 {
     margin-bottom: 15px;
     padding: 15px 0 12px;
     color: #212b35;
     font-size: 24px;
     border-bottom: 2px solid #fed23c;
     font-weight: 700;
     text-transform: uppercase
 }

 .dag-img {
     float: right;
     width: 35%;
     margin-left: 20px
 }

 .dag-img img {
     width: 100%;
     height: 334px;
     object-fit: cover
 }

 .review_list {
     list-style: outside none none;
     margin: 0;
     padding: 0
 }

 .review_list li {
     margin-bottom: 20px
 }

 .trip_review h3 {
     background-color: #7fd6f7;
     color: #fff;
     font-size: 14px;
     margin: 0;
     padding: 5px 40px 5px 10px
 }

 .trip_review_details {
     float: right;
     position: relative;
     width: 100%
 }

 .trip_review_details .img-lazy-load {
     width: 40% !important;
     float: left !important;
     background: #f1f2f2 !important
 }

 .trip_review_details::before {
     content: "";
     display: block
 }

 .triptable>ul {
     display: table;
     list-style: outside none none;
     margin: 0;
     padding: 0;
     width: 100%
 }

 .triptable>ul>li {
     display: table-row
 }

 .triptable>ul>li.head>div {
     font-weight: 700;
     text-transform: uppercase
 }

 .triptable>ul>li>div.odd {
     background: none repeat scroll 0 0 #fff;
     position: relative
 }

 .triptable>ul>li>div {
     padding: 0px !important
 }

 .triptable>ul>li>div>label {
     padding: 12px !important;
     display: block;
     margin: 0
 }

 .triptable>ul>li>div.even {
     position: relative;
     background: none repeat scroll 0 0 #f2f0f1
 }

 .triptable>ul>li>div {
     border-bottom: 2px solid #00afb4;
     display: table-cell;
     padding: 12px;
     text-align: center;
     width: 16.5%
 }

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

 .dateday {
     text-transform: capitalize
 }

 .trip_btns {
     a {
         i.fa {
             margin-left: 7px
         }
     }

     button.cov_btn {
         background: none;
         color: #ec178c;
         border-radius: 4px;
         padding: 10px 27px !important;
         display: inline-block;
         margin-right: 20px;
         text-transform: uppercase !important;
         border: 1px solid #ec178c;
         cursor: pointer;
         font-weight: 400;
         font-size: 16px;

         &:hover {
             outline: none
         }

         &:focus {
             outline: none
         }

         i.fa {
             margin-left: 7px
         }
     }
 }

 .average_chart {
     margin-bottom: 20px;
     position: relative;
     padding: 10px;
     box-shadow: 0 15px 15px 3px #212b350d, 0 5px 10px 5px #212b351a
 }

 .trip_post_head {
     clear: both;
     overflow: hidden;
     border-bottom: 1px solid #fed23c;
     margin-bottom: 20px
 }

 .trip_post_head h1 {
     float: left;
     margin-bottom: 0
 }

 .trip_post_head p {
     font-weight: 700;
     text-align: right;
     line-height: 52px;
     margin: 0;
     font-size: 25px;
     color: #ec178c;
     font-family: Montserrat, sans-serif
 }

 .post_icon ul {
     margin-bottom: 4px
 }

 .trip_area .post_icon ul li {
     margin-right: 0;
     font-size: 14px;
     padding-left: 0;
     line-height: 20px;
     background: none !important;
     width: 28%
 }

 .post_icon ul li {
     margin-bottom: 12px
 }

 .post_icon ul li img {
     display: inline-block;
     margin-right: 12px;
     object-fit: contain
 }

 .trip_btns a {
     background: #ec178c;
     color: #fff;
     border-radius: 4px;
     padding: 10px 27px;
     display: inline-block;
     margin-right: 20px;
     text-transform: uppercase;
     border: 1px solid #ec178c;
     cursor: pointer
 }

 .trip_btns a.cov_btn {
     background: none;
     color: #ec178c;
     border-radius: 4px;
     padding: 10px 27px !important;
     display: inline-block;
     margin-right: 20px;
     text-transform: uppercase !important;
     border: 1px solid #ec178c;
     cursor: pointer;
     font-weight: 400;
     font-size: 16px
 }

 .rectangle.active .rectangle-inr {
     margin-bottom: 10px
 }

 .rectangle button {
     position: absolute;
     bottom: 7px;
     left: 0;
     background: none;
     font-weight: 400;
     cursor: pointer;
     color: #007bff !important;
     text-transform: none !important;
     padding: 0 26px !important
 }

 .rectangle.active button {
     position: relative;
     font-size: 0
 }

 .rectangle.active button:before {
     content: "Bekijk meer";
     font-size: 14px;
     position: inherit;
     bottom: 0;
     width: 100px
 }

 .post_icon.borderbtm {
     border-bottom: 1px solid #FFCF35;
     margin-bottom: 20px
 }

 .rectangle {
     border-radius: 8px;
     background-color: #fff0;
     color: #000;
     padding: 0
 }

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

 .rectangle p {
     background-color: #ec178c;
     color: #fff;
     border-radius: 8px 8px 0 0;
     padding: 14px 20px;
     font-size: 14px;
     margin: 0
 }

 .rectangle p strong {
     font-weight: 700
 }

 .rectangle ul {
     box-shadow: 0 15px 15px 3px rgb(33 43 53 / .05), 0 5px 5px 0 rgb(33 43 53 / .1);
     padding: 26px;
     padding-bottom: 20px;
     border-radius: 0 0 8px 8px
 }

 .rectangle li {
     line-height: inherit
 }

 .boven_btn a,
 .boven_btn input {
     font-size: 17px
 }

 .boven_btn {
     border-radius: 4px
 }

 .tab_nav {
     margin-bottom: 20px;
     border-radius: 8px 8px 0 0
 }

 .tab_nav ul {
     border-radius: 8px 8px 0 0;
     padding: 10px 15px 0;
     max-width: 1300px;
     margin: 0 auto;
     float: none
 }

 .tab_nav li {
     margin-top: 0;
     margin-right: 10px
 }

 .tab_nav li a,
 .tab_nav li span {
     border-radius: 8px 8px 0 0;
     line-height: 40px;
     font-size: 13px;
     cursor: pointer
 }

 .rectangle {
     float: none;
     width: 100%
 }

 .rectangle li {
     float: none;
     max-width: none;
     font-size: 14px;
     line-height: 23px
 }

 .average_box .info_box,
 .triptable>ul>li>div .info_box {
     display: none;
     width: auto
 }

 .triptable ul li .price-td label {
     display: flex !important;
     align-items: center;
     justify-content: center
 }

 .status_red {
     background: orange;
     width: 20px;
     height: 20px;
     min-width: 20px;
     border-radius: 20px;
     margin-right: 10px
 }

 .status_orange {
     background: #ffd200;
     width: 20px;
     height: 20px;
     min-width: 20px;
     border-radius: 20px;
     margin-right: 10px
 }

 .booking_ticket_list td,
 .booking_ticket_list th {
     vertical-align: text-bottom;
     border-bottom: 1px solid;
     padding: 5px 0
 }

 .triptable li div a {
     color: #212529
 }

 .triptable li div a i {
     font-size: 20px
 }

 .age_group_text {
     max-width: 450px;
     float: right;
     right: 0;
     background: rgb(255 255 255 / .8);
     padding: 10px;
     border-radius: 5px
 }

 .age_group_text p {
     line-height: 20px;
     margin-bottom: 10px;
     font-size: 14px
 }

 #data-prijzen .boven_btn {
     display: inline-block;
     float: none;
     margin-left: 10px
 }

 a.btn.btn-primary.fancybox.inline {
     color: #fff
 }

 .reminder_box {
     display: none;
     padding: 30px
 }

 .graph_detail {
     position: relative
 }

 .graph_detail .info_icon {
     float: right;
     cursor: pointer
 }

 .graph_detail .info_box {
     position: absolute;
     left: -42%;
     bottom: 0;
     width: 380px;
     border-radius: 4px;
     background-color: #ffcf35;
     padding: 10px;
     z-index: 12;
     transition: opacity .3s;
     box-sizing: border-box;
     margin-bottom: 13px;
     display: none
 }

 .post_icon ul li.excursions {
     background: url(../images/excursion.svg) left no-repeat;
     background-size: 30px
 }

 .post_icon ul li.meal {
     background: url(../images/dinner.svg) left no-repeat;
     background-size: 30px
 }

 .post_icon ul li.flight {
     background: url(../images/aeroplan.svg) left no-repeat
 }

 .post_icon ul li.backpack {
     background: url(../images/briefcase-solid.svg) left no-repeat
 }

 .post_icon ul li.combination {
     background: url(../images/bad21.svg) left no-repeat
 }

 .post_icon ul li.min_people {
     background: url(../images/people.svg) left no-repeat;
     margin-right: 0
 }

 .post_icon ul li.bus {
     background: url(../images/bus1.svg) left no-repeat
 }

 .post_icon ul li.hotel {
     background: url(../images/hotel.svg) left no-repeat;
     margin-right: 0
 }

 .post_icon ul li.hostel {
     background: url(../images/hostel.svg) left no-repeat;
     margin-right: 0
 }

 .post_icon ul li.apartment {
     background: url(../images/apartment.svg) left no-repeat;
     margin-right: 0
 }

 .post_icon ul li.camping {
     background: url(../images/camping1.svg) left no-repeat;
     margin-right: 0
 }

 .rectangle {
     box-shadow: 0 15px 15px 3px rgb(33 43 53 / 5%), 0 5px 5px 0 rgb(33 43 53 / 10%);
     border-radius: 0 0 8px 8px;
     padding-bottom: 10px;
     position: relative
 }

 .rectangle ul {
     box-shadow: none;
     border-radius: inherit
 }

 .modal-center {
     .jw-modal-body {
         margin: 0 auto !important;
         top: 50%;
         transform: translateY(-50%)
     }
 }

 .header_bottom_bar .details_bar ul {
     margin: 0
 }

 .header_bottom_bar .details_bar {
     padding: 5px 0
 }

 a.btn.btn-primary.fancybox.inline {
     color: #fff
 }

 .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
 }

 .respo {
     display: none;
     padding: 0 !important
 }

 .footer_col h3 {
     margin-bottom: 13px;
     color: #212b35;
     font-size: 14px;
     font-weight: 600;
     line-height: 25px
 }

 .footer_col ul {
     margin: 0;
     padding: 0;
     list-style: none
 }

 .footer_col ul li {
     color: #212b35;
     font-family: Raleway;
     font-size: 14px;
     line-height: 25px
 }

 .footer_col ul li a {
     font-size: 14px;
     color: #757e87
 }

 .footer_inn {
     background: #f5fbff;
     padding: 40px 0
 }

 .footer_col span {
     font-size: 30px;
     color: #212b34;
     vertical-align: top !important;
     display: inline-flex;
     margin-right: 10px
 }

 .footer_col span img {
     height: 32px
 }

 .footer_bootom_bar {
     text-align: center
 }

 .footer_right {
     float: right
 }

 .footer_left {
     float: left;
     text-align: left
 }

 .footer_bootom_bar p {
     font-size: 14px;
     line-height: 42px;
     color: #fff;
     margin: 0;
     opacity: .8
 }

 .footer_bootom_bar {
     background: #00adef;
     padding: 10px 0
 }

 .footer_center {
     text-align: center;
     display: inline-block
 }

 .footer_center ul {
     margin: 0;
     list-style: none;
     padding: 0
 }

 .footer_center li {
     display: inline-block
 }

 .footer_center li a {
     opacity: .8;
     color: #fff;
     font-size: 14px;
     line-height: 42px
 }

 .profile_box_inn {
     display: none
 }

 .footer_col_main {
     width: 25%;
     float: left
 }

 .footer_col {
     float: left;
     width: 100% !important;
     margin-left: 3%
 }

 .footer_col_main.footer-right {
     float: right
 }

 .tab_nav li .active {
     background: #fff;
     color: #00aeef;
     text-transform: uppercase
 }

 .related_trips {
     clear: both
 }

 .related_trips .destinations-grid {
     margin-top: 20px;
     padding-top: 20px;
     border-top: solid 2px #12aeef
 }

 .related_trips h3 {
     padding: 0 0 18px;
     color: #212b35;
     font-size: 24px;
     font-weight: 700;
     text-transform: uppercase;
     margin-bottom: 25px
 }

 .strip_box {
     position: relative
 }

 .related_trips .strip {
     width: 30%;
     margin-right: 5%;
     padding-bottom: 0
 }

 .img_box {
     overflow: hidden;
     position: relative;
     color: #fff
 }

 .yellow .btn {
     background-color: #ffd200
 }

 .strip .btn {
     box-sizing: border-box;
     margin-top: 15px;
     padding: 8px 35px 8px 10px;
     display: block
 }

 .strip .btn a {
     text-decoration: none;
     display: block;
     font-size: 14px;
     color: #fff;
     text-align: center;
     background: url(https://media.simi-reizen.nl/public/uploads/arow.png) right no-repeat
 }

 .strip {
     border-bottom: 2px solid #e5e4dd;
     float: left;
     margin-bottom: 23px;
     margin-right: 13px;
     padding-bottom: 16px;
     width: 205px
 }

 .strip:nth-child(4n+1) {
     clear: both
 }

 .strip_detail h3 {
     margin: 0;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     text-align: left
 }

 .strip_detail h3 {
     margin: 0 0 12px;
     padding: 0;
     border: none;
     color: #000 !important;
     ;
     font-size: 18px !important;
     font-weight: 600;
     text-transform: capitalize !important
 }

 .strip .img_box {
     margin-bottom: 12px
 }

 .related_trips {
     clear: both
 }

 .related_trips .destinations-grid {
     margin-top: 20px;
     padding-top: 20px;
     border-top: solid 2px #12aeef
 }

 .related_trips h3 {
     color: #12aeef;
     text-transform: uppercase;
     font-size: 24px
 }

 .related_trips .strip {
     width: 30%;
     margin-right: 5%;
     padding-bottom: 0
 }

 .related_trips .strip:nth-child(3n) {
     margin-right: 0
 }

 .img_box img,
 .related_trips .destination-thumb img {
     width: 100%;
     object-fit: cover;
     border-radius: 6px !important;
     height: 246px
 }

 .related_trips .strip_detail {
     padding: 0
 }

 .menu li ul.mega-menu-77 {
     width: 100%;
     left: 0
 }

 .strip_detail p {
     height: auto !important;
     padding: 0 0 10px
 }

 .destination-fee {
     color: #12aeef;
     font-weight: 600
 }

 .row {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-right: -15px;
     margin-left: -15px
 }

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

 .col {
     -ms-flex-preferred-size: 0;
     flex-basis: 0%;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     max-width: 100%
 }

 .triptable>ul>li>div.price-td:before {
     min-height: 50px
 }

 .triptable>ul>li.selected-trip>div.odd {
     background: #e3f7ff
 }

 .triptable>ul>li.selected-trip>div.even {
     background: #cef7ff
 }

 .triptable {
     cursor: pointer
 }

 .tabs-icon span {
     float: left;
     color: #fff;
     font-size: 16px;
     display: block;
     line-height: 19px;
     text-transform: uppercase
 }

 .d_content {
     background: #f6f6f6 !important;
     font-family: Montserrat, sans-serif !important;
     padding-bottom: 100px;
     margin-bottom: 0
 }

 .d_content.book {
     padding-top: 100px
 }

 .booking-step-content .col-lg-5.col-md-12 {
     float: left;
     position: sticky;
     top: 0
 }

 .input_field {
     position: relative
 }

 input[type="submit"],
 a.submit_btn {
     height: auto !important;
     line-height: initial !important;
     padding: 12px 20px !important
 }

 input[type="submit"],
 a.submit_btn {
     height: 50px;
     line-height: 50px;
     border-radius: 4px;
     background-color: #EC008C;
     border: none;
     color: #FFF;
     font-size: 14px;
     font-weight: 700;
     padding: 0 40px;
     text-transform: uppercase;
     display: inline-block
 }

 textarea {
     overflow: auto;
     resize: vertical
 }

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

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

 .col-4 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 33.333333%;
     flex: 0 0 33.333333%;
     max-width: 33.333333%
 }

 .col-8 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 66.666667%;
     flex: 0 0 66.666667%;
     max-width: 66.666667%
 }

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

 .alert {
     position: relative;
     padding: .75rem 1.25rem;
     margin-bottom: 1rem;
     border: 1px solid #fff0;
     border-radius: .25rem
 }

 .alert-info {
     color: #0c5460;
     background-color: #d1ecf1;
     border-color: #bee5eb
 }

 .alert-danger {
     color: #721c24;
     background-color: #f8d7da;
     border-color: #f5c6cb
 }

 label em {
     color: rgb(0 0 0 / .7);
     font-style: normal
 }

 .input_field .text {
     border: solid 2px #b0b0b0;
     width: 215px;
     box-sizing: border-box
 }

 .input_field input::-webkit-outer-spin-button,
 .input_field input::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0
 }

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

 .trip_ticket td {
     padding-bottom: 8px
 }

 hr {
     margin-top: 1rem;
     margin-bottom: 1rem;
     border: 0;
     border-top: 1px solid rgb(0 0 0 / .1)
 }

 .submit_btn.lognout {
     background: transparent !important;
     color: #007bff !important;
     border: none !important;
     padding: 0px !important;
     font-weight: 400
 }

 .tooltip {
     position: absolute;
     z-index: 1070;
     display: block;
     margin: 0;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
     font-style: normal;
     font-weight: 400;
     line-height: 1.5;
     text-align: left;
     text-align: start;
     text-decoration: none;
     text-shadow: none;
     text-transform: none;
     letter-spacing: normal;
     word-break: normal;
     word-spacing: normal;
     white-space: normal;
     line-break: auto;
     font-size: .875rem;
     word-wrap: break-word;
     opacity: 0
 }

 .carousel {
     position: relative
 }

 .slick-slider {
     position: relative;
     display: block;
     box-sizing: border-box;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-touch-callout: none;
     -khtml-user-select: none;
     -ms-touch-action: pan-y;
     touch-action: pan-y;
     -webkit-tap-highlight-color: #fff0
 }

 .slick-list {
     position: relative;
     display: block;
     overflow: hidden;
     margin: 0;
     padding: 0
 }

 .slick-slider .slick-list,
 .slick-slider .slick-track {
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0)
 }

 .slick-track {
     position: relative;
     top: 0;
     left: 0;
     display: block;
     margin-left: auto;
     margin-right: auto
 }

 .slick-loading .slick-track {
     visibility: hidden
 }

 .slick-slide {
     display: none;
     float: left;
     height: 100%;
     min-height: 1px
 }

 .slick-initialized .slick-slide {
     display: block
 }

 .slick-loading .slick-slide {
     visibility: hidden
 }

 .selectric-hide-select {
     position: relative;
     overflow: hidden;
     width: 0;
     height: 0
 }

 .selectric-hide-select select {
     position: absolute;
     left: -100%
 }

 .regular,
 .regular1,
 .regular2 {
     position: relative;
     margin: 0 -15px;
     z-index: 1
 }

 .slick-slide {
     padding: 0 15px 0px !important;
     margin-bottom: 38px
 }

 .only-image .slick-slide {
     padding-bottom: 0 !important
 }

 .only-image {
     margin-bottom: 50px
 }

 .slick-arrow {
     border: 0;
     border-radius: 100%;
     font-size: 0;
     height: 48px !important;
     width: 48px;
     background-color: #fff;
     box-shadow: 0 4px 5px 0 rgb(0 0 0 / .14), 0 1px 10px 0 rgb(0 0 0 / .12), 0 2px 4px -1px rgb(0 0 0 / .2)
 }

 .slick-arrow {
     position: absolute;
     top: 125px;
     z-index: 8
 }

 .regular12 .slick-arrow,
 .regular2 .slick-arrow {
     top: 50%;
     transform: translateY(-88%);
     cursor: pointer;
     z-index: 999999
 }

 .regular2 .slick-next {
     right: -4px
 }

 .regular2 .slick-prev {
     left: -4px
 }

 .slick-next {
     right: -13px;
     cursor: pointer
 }

 .slick-prev {
     left: -13px;
     cursor: pointer
 }

 .slick-disabled {
     display: none !important
 }

 .only-image .slick-slide {
     padding: 2px 18px 40px;
     transition-duration: .3s
 }

 .trip_addon .boven {
     float: none !important;
     display: inline-block !important
 }

 .Username {
     color: #fff;
     font-weight: 700;
     text-decoration: none
 }

 .DismissMessage.AlertMessage {
     background: none repeat scroll 0 0 #fff8ce
 }

 .DismissMessage {
     margin-bottom: 20px;
     padding: 10px 20px 10px 10px;
     position: relative
 }

 .DismissMessage .Dismiss {
     font-size: 20px;
     border-radius: 10px;
     display: block;
     height: 13px;
     line-height: 13px;
     position: absolute;
     right: 8px;
     text-align: center;
     text-decoration: none;
     top: 6px;
     width: 13px
 }

 .boven {
     float: left;
     margin-left: 20px
 }

 .boven p {
     font-weight: 700;
     text-align: left;
     line-height: 30px;
     margin: 10px 0;
     font-size: 25px;
     color: #ec178c;
     font-family: Montserrat, sans-serif
 }

 .boven {
     margin-left: 0;
     margin-bottom: 38px
 }

 .dashboard h2 {
     font-size: 26px
 }

 .dashboard h3 {
     font-size: 24px;
     margin-bottom: 15px;
     padding: 15px 0 12px;
     color: #212b35;
     border-bottom: 2px solid #fed23c;
     font-weight: 700;
     text-transform: uppercase
 }

 .dashboard li,
 .dashboard p {
     font-size: 14px
 }

 .dashboard_list td,
 .dashboard_list th {
     padding: 5px 8px;
     border: 1px solid #ccc;
     font-size: 14px
 }

 .dashboard_list {
     margin: 0 auto 20px
 }

 .tooltip_btn,
 .tooltip_btn_link {
     background: none repeat scroll 0 0 #00aeef;
     border-radius: 10px;
     cursor: pointer;
     display: inline-block;
     font-family: sans-serif;
     font-weight: 700;
     height: 20px;
     line-height: 20px;
     text-align: center;
     width: 20px;
     color: #fff;
     text-decoration: none;
     font-size: 18px;
     position: relative
 }

 .tooltip {
     background: none repeat scroll 0 0 #00aeef;
     border-radius: 10px;
     box-sizing: border-box;
     display: none;
     font-size: 12px;
     font-weight: 700;
     padding: 20px;
     position: absolute;
     width: 250px;
     color: #fff;
     opacity: 1;
     top: 37px;
     right: 19px
 }

 .whatsapp_number span.whatsapp_number_c {
     letter-spacing: 1px
 }

 .trip_letter_btn a {
     background: #00aeef none repeat scroll 0 0;
     border: medium none;
     border-radius: 4px;
     color: #fff;
     cursor: pointer;
     height: auto !important;
     line-height: initial !important;
     padding: 12px 20px !important;
     font-size: 14px;
     font-weight: 700;
     text-transform: uppercase;
     margin-bottom: 10px;
     display: inline-block
 }

 .forum_sidebar {
     float: left;
     max-width: 320px;
     width: 25%
 }

 .forums #Content {
     width: 73%;
     float: right
 }

 .user_box h3 span {
     color: #fff;
     font-size: 16px;
     display: block
 }

 .user_box h3 {
     background: #00aeef;
     padding: 10px;
     margin-bottom: 0;
     font-size: 22px;
     position: relative
 }

 .user_menu {
     background: #eee;
     padding: 0 10px
 }

 .user_menu ul {
     list-style: none;
     padding: 0;
     margin: 0
 }

 .user_menu li::before {
     content: "\f101";
     font-family: FontAwesome;
     color: #007bff;
     margin-right: 5px
 }

 .user_menu li:last-child {
     border-bottom: none
 }

 .user_menu li {
     font-size: 14px;
     border-bottom: dashed 1px #007bff;
     padding: 14px 0
 }

 .InfoMessage {
     background: #f6f6f6;
     border: 1px solid #ddd
 }

 .user_box {
     margin-bottom: 20px
 }

 .res_icon {
     position: absolute;
     right: 10px;
     top: 20px;
     display: none;
     cursor: pointer
 }

 .trip_ticket .list td,
 .trip_ticket .list th {
     font-size: 14px
 }

 .trip_ticket {
     margin-bottom: 20px
 }

 .search_box_new {
     background: #fff;
     padding: 30px 0;
     border-radius: 5px;
     position: relative;
     z-index: 8
 }

 .date_wrp.col-md-4,
 .dates .selectric-wrapper,
 .form_control.dates {
     position: inherit
 }

 .form_control {
     background: #fff;
     border: 1px solid #ccc;
     line-height: 12px;
     border-radius: 3px;
     position: relative
 }

 .form_control select:not([multiple]) {
     -webkit-appearance: menulist;
     background: none
 }

 .form_control select {
     margin-bottom: 0;
     padding: 0;
     height: 40px
 }

 .trips-boxes {
     margin-bottom: 20px
 }

 .extra_field label {
     margin-bottom: 5px
 }

 .extra_field {
     margin-bottom: 10px
 }

 .img_block {
     float: left;
     margin-right: 15px
 }

 .trip_addon {
     border: solid 1px #ccc;
     padding: 15px;
     margin-bottom: 15px
 }

 .trip_addon h3 {
     color: #009ee0;
     text-transform: uppercase;
     font-size: 18px;
     font-weight: 600;
     border-bottom: none
 }

 .trip_addon p {
     margin-bottom: 5px;
     line-height: 18px
 }

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

 .trip_addon .boven {
     float: right
 }

 .trip_addon {
     position: relative
 }

 hr {
     margin: 30px 0;
     border-top: dashed 1px #ddd
 }

 .trip_ticket .list th {
     text-align: left;
     vertical-align: top
 }

 .trip_ticket td {
     padding-bottom: 8px
 }

 .forums #Content {
     position: relative
 }

 .airline-details {
     position: absolute;
     z-index: 999;
     background: #eee;
     padding: 10px;
     left: 0;
     right: 0;
     width: 100%
 }

 .trip_addon .boven {
     margin-bottom: 0
 }

 .trip_addon .img_block img {
     width: 280px;
     height: 210px !important;
     object-fit: cover
 }

 .fa-plane:before {
     content: "\f072"
 }

 .skeleton {
     background-color: #e2e5e7;
     background-image: linear-gradient(90deg, rgba(#fff, 0), rgba(#fff, .5), rgba(#fff, 0));
     background-size: 280px 100%;
     background-repeat: no-repeat;
     background-position: left -40px top 0;
     animation: shine 1s ease infinite
 }

 .country-page {
     padding-top: 90px
 }

 #bgvid {
     width: 100%;
     border-radius: 5px;
     position: absolute;
     height: 100% !important;
     top: 0;
     left: 0;
     background-size: cover;
     display: block;
     object-fit: cover
 }

 .country-banner {
     position: relative;
     background-size: cover;
     margin-top: 40px;
     margin-bottom: 25px;
     height: 562px
 }

 .country-banner h1 {
     position: absolute;
     bottom: 0;
     color: #fff;
     left: 20px;
     font-size: 32px;
     font-weight: 700;
     margin: 0 0 20px 0;
     font-family: Montserrat, sans-serif
 }

 .country-page h2 {
     color: #212b35;
     font-size: 32px;
     font-weight: 700;
     margin: 0 0 20px 0;
     font-family: Montserrat, sans-serif
 }

 .country-page .grp-tr-h3 {
     color: #212b35;
     font-size: 28px;
     border-bottom: 2px solid #fed23c;
     padding: 0 0 12px 0;
     font-weight: 700;
     margin: 0 0 20px 0;
     font-family: Montserrat, sans-serif
 }

 .country-page p {
     color: #222a35;
     font-size: 17px;
     line-height: 25px;
     margin-top: 0;
     font-family: Raleway, sans-serif
 }

 .country-page ul {
     margin: 15px 0;
     padding-left: 20px
 }

 .country-page h3 {
     font-size: 17px;
     font-family: Raleway, sans-serif
 }

 .country-page li {
     color: #222a35;
     font-size: 16px;
     line-height: 25px;
     font-family: Raleway, sans-serif;
     margin-bottom: 10px
 }

 .about-country-text {
     float: left;
     width: 65%
 }

 .group-travel-box {
     margin-bottom: 40px;
     background: #fff;
     box-shadow: -3px 6px 28px #e5e2dd;
     border-radius: 5px 0 0 5px;
     background: rgb(255 207 53 / .7)
 }

 .group-travel {
     margin-top: 30px
 }

 .group-travel-detail {
     float: left;
     width: 50%;
     padding: 20px 32px;
     box-sizing: border-box
 }

 .travel-post-wrp {
     margin-top: 55px
 }

 .group-travel-image {
     float: right;
     width: 50%;
     border-radius: 0 5px 5px 0;
     overflow: hidden;
     text-align: right;
     min-height: 322px
 }

 .group-travel-detail h3 {
     font-size: 22px;
     margin: 0;
     color: #212b34;
     font-weight: 700;
     line-height: 34px;
     font-family: Montserrat, sans-serif
 }

 .group-travel-detail span {
     color: #646b73;
     text-transform: uppercase;
     font-weight: 700;
     font-family: Montserrat, sans-serif;
     font-size: 14px
 }

 .group-travel-detail p {
     font-size: 17px;
     line-height: 28px;
     color: #242b33;
     margin: 10px 0;
     font-family: Raleway, sans-serif;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 4;
     -webkit-box-orient: vertical
 }

 .travel-icons .location-icons li {
     display: inline-block;
     color: #212b35;
     font-size: 17px;
     font-weight: 700;
     font-family: Montserrat, sans-serif;
     line-height: 25px;
     vertical-align: middle;
     margin: 0 3px
 }

 .travel-icons {
     margin: 30px 0 0 0
 }

 .travel-btn {
     color: #01ace0;
     text-decoration: none;
     font-weight: 700;
     font-size: 14px;
     display: inline-block;
     margin: 10px 0;
     padding: 10px 12px;
     border-radius: 20px;
     font-family: Raleway, sans-serif
 }

 .group-travel-image img {
     width: 100%;
     height: 476px;
     object-fit: cover
 }

 .travel-post-left {
     float: left;
     width: 68%
 }

 .travel-post {
     margin-bottom: 30px
 }

 .travel-sidebar {
     float: right;
     width: 30%;
     border-radius: 5px;
     background: #fffaea;
     box-shadow: -4px 3px 20px #e5e2dd;
     padding: 20px;
     box-sizing: border-box
 }

 .related-travel-wrp {
     margin-top: 50px;
     background: #f9fafc
 }

 .related-travel {
     padding: 30px 0
 }

 .related-travel-box {
     float: left;
     width: 32.5%;
     position: relative;
     margin: 0 12px;
     box-sizing: border-box;
     border-radius: 6px;
     overflow: hidden
 }

 .hover-bg::before {
     position: absolute;
     content: '';
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: linear-gradient(180deg, #fff0 0, rgb(0 0 0 / .7) 100%);
     transform-origin: left;
     z-index: 9
 }

 .travel-post img {
     border-radius: 6px;
     height: auto
 }

 .related-travel h2 {
     font-size: 32px;
     font-family: Montserrat, sans-serif
 }

 .related-travel-box img {
     width: 100%;
     height: 230px;
     object-fit: cover
 }

 .related-text {
     position: absolute;
     bottom: 0;
     padding: 10px;
     z-index: 999
 }

 .related-text h3 {
     margin: 0;
     color: #fff;
     font-size: 26px;
     line-height: 26px;
     font-family: Raleway, sans-serif
 }

 .related-text span {
     color: #fff;
     font-size: 14px;
     font-weight: 600
 }

 .hover-bg {
     border-radius: 6px;
     overflow: hidden
 }

 .country-link {
     text-align: right;
     display: block;
     padding-bottom: 0
 }

 .related-travel a:last-child {
     margin-right: 0
 }

 .related-travel:first-child a {
     margin-left: 0
 }

 video[poster] {
     position: relative !important;
     height: 562px !important;
     object-fit: cover
 }

 .group-travel-box {
     cursor: pointer
 }

 .location-icons li {
     display: inline-block !important;
     background: 0;
     height: auto;
     width: 25px
 }

 .location-icons {
     img {
         width: 100%
     }
 }

 .travel-icons .location-icons {
     display: block;
     margin-bottom: 15px
 }

 .country-page .group-travel h2 {
     border-bottom: 2px solid #fed23c;
     padding: 0 0 12px 0
 }

 .m-tour-box {
     display: none
 }

 .login-btn-click {
     display: none;
     margin-bottom: 20px;
     margin-top: 20px;
     border-radius: 4px;
     background-color: #00aeef;
     border: none;
     color: #FFF;
     font-size: 14px;
     font-weight: 700;
     padding: 12px 20px;
     cursor: pointer
 }

 .login-btn-click:focus,
 .login-btn-click:active,
 .login-btn-click:hover {
     color: #fff
 }

 @media(max-width:1300px) {
     .main {
         padding: 0 10px
     }
 }

 @media (max-width:1199px) {
     .trip_btns a {
         margin-right: 5px;
         padding: 10px 15px
     }

     .trip_btns a.cov_btn {
         padding: 10px 10px !important
     }
 }

 @media (max-width:1137px) {
     .slider_details {
         max-width: 50%;
         margin-top: 0
     }

     .slider_details h1 {
         text-align: left
     }
 }

 @media only screen and (max-width:1024px) {
     .slider-for {
         img {
             height: 578px !important
         }
     }

     .menu ul>li>a {
         position: inherit
     }

     .header_banner {
         position: relative
     }

     .header_banner {
         top: 64px;
         margin-bottom: 64px
     }

     .logo_icon {
         padding: 5px 0
     }

     .vakanties_head {
         margin-top: 60px;
         padding-top: 0
     }

     .header_bottom_inn {
         padding: 13px 10px
     }

     .ins_title p {
         padding: 0 0 0 20px;
         font-size: .875em
     }

     .footer_inn .main {
         max-width: 960px;
         width: auto
     }

     .tab_nav li a,
     .tab_nav li span {
         font-size: 13px
     }

     .header {
         top: 0
     }
 }

 @media only screen and (max-width:1024px) {
     .responsive_toggle_inn {
         display: none
     }

     .sub {
         display: block
     }

     .submenu.sub1 ul {
         display: block
     }

     .submenu ul {
         display: none
     }

     .res_nav {
         display: none
     }

     .menu li ul {
         width: 100%;
         left: 0;
         border-radius: 0
     }

     .header .menu {
         display: none
     }

     .menu li ul {
         width: 100%
     }

     .menu.res_menu li {
         float: none;
         position: relative
     }

     .menu.res_menu li ul li:hover a {
         background: 0
     }

     .menu.res_menu li a {
         border-bottom: solid 1px #dfe3e8;
         margin: 0 16px
     }

     .menu li:hover ul {
         position: relative;
         width: 100%;
         left: 0
     }

     .res_menu {
         display: block
     }

     .sub1 .sub {
         display: block !important
     }

     .res_nav.res_menu .submenu ul {
         display: none;
         background-color: #f9fafb;
         padding: 0 15px
     }

     .nav_inn ul {
         margin: 0;
         padding: 0;
         list-style: none
     }

     .submenu>a {
         position: relative;
         color: #212b35
     }

     .submenu>a::after {
         content: "\f107";
         position: absolute;
         right: 0;
         top: 50%;
         transform: translateY(-50%);
         font-family: FontAwesome;
         font-size: 23px
     }

     .res_nav li:hover a {
         color: #212b35
     }

     .sub1>a:after {
         color: #212b35;
         content: "\f106"
     }

     .res_nav li ul li a {
         font-weight: 500
     }

     .res_nav li ul li:hover a {
         color: #212b35
     }

     .profile_box_inn {
         display: block
     }

     .login {
         display: none
     }

     .nav_inn>ul {
         border-top: solid 3px #dfe3e8
     }

     .res_nav {
         position: fixed;
         top: 64px;
         width: 50%;
         height: 100%;
         z-index: 10;
         z-index: 9;
         right: 0
     }

     .header {
         width: 100%;
         background: #fff;
         left: 0;
         padding: 0 15px;
         z-index: 99;
         display: flex;
         align-items: center
     }

     .review_detail .build_box .detail_inn h2 {
         font-size: .9em;
         text-overflow: ellipsis;
         overflow: hidden;
         white-space: nowrap
     }

     .review_detail .build_icon .location-icons {
         float: none
     }

     .normal_page_slider .build_icon {
         margin-bottom: 10px
     }

     .review_detail .build_box em {
         font-size: .9em
     }

     .review_detail .build_box .detail_inn p {
         font-size: .8em
     }

     .nav_inn {
         background: #fff;
         height: 100%;
         overflow-y: auto
     }

     .profile_change {
         text-indent: -999px;
         background: url(https://media.simi-reizen.nl/public/uploads/res_menu.svg) no-repeat;
         width: 25px;
         height: 20px;
         margin: 22px 0;
         display: block;
         font-size: 0
     }

     .res {
         background: url(../images/cross.svg);
         display: block;
         background-size: 100% 100%
     }

     .nav_inn>ul li:hover>a {
         color: #ec008c
     }

     .nav_inn ul>li>a {
         font-size: 17px !important;
         padding: 22px 0;
         line-height: 20px;
         color: #212b35;
         display: block;
         font-weight: 600;
         border-bottom: solid 1px #dfe3e8;
         margin: 0 16px
     }

     .responsive_menu {
         position: absolute;
         right: 20px
     }

     .nav_inn ul li {
         position: relative
     }

     .has-sub-menu .fa-angle-down:before {
         display: block
     }
 }

 @media (max-width:1024px) {

     .date_wrp.col-md-4,
     .dates .selectric-wrapper,
     .form_control.dates {
         position: relative
     }

     .trip_post p iframe {
         width: 100%
     }

     .average_box_head {
         padding: 14px 10px
     }

     .average_box_head h3 {
         font-size: 14px
     }

     .info_icon {
         vertical-align: middle;
         width: 20px;
         height: 20px
     }

     .info_icon:before {
         width: 20px;
         height: 20px
     }

     .average_box_content li {
         padding: 0 15px
     }

     .logo_icon {
         float: none
     }

     .trip_area .col-md-8,
     .trip_area .col-md-3 {
         display: block;
         max-width: 100%;
         flex: inherit
     }

     .trip_area .offset-md-1 {
         margin-left: 0;
         margin-top: 20px;
         max-width: 50%;
         margin: 20px auto 0
     }
 }

 @media(max-width:1023px) {
     .details_bar {
         max-width: 72%
     }

     .details_bar li {
         margin-bottom: 5px
     }
 }

 @media (max-width:991px) {
     .slider_details {
         max-width: 100% !important;
         float: none
     }

     .slider_inn {
         transform: translateY(-35%)
     }

     .age_group_text {
         margin-bottom: 10px
     }

     .choice_container .col-md-4 {
         padding-right: 15px;
         padding-left: 15px
     }

     .forum_sidebar {
         margin: 0 auto;
         float: none;
         width: 100%;
         right: 0;
         max-width: none
     }

     .res_icon {
         display: block
     }

     .forums #Content {
         float: none;
         width: 100%
     }

     .m-tour-box {
         display: block;
         box-shadow: none;
         margin-bottom: 25px
     }

     .m-tour-box .form_content.tour_de {
         padding: 0
     }

     .m-tour-box .form_content.total_price {
         padding: 0
     }

     .d-tour-box {
         display: none
     }

     .login-btn-click {
         display: inline-block
     }

     .login-form-mobile {
         display: none;
         margin-bottom: 20px
     }
 }

 @media (max-width:991px) {
     .iframe-video {
         position: relative;
         width: 100%;
         padding-bottom: 56.25%;
         margin-bottom: 20px;
         overflow: hidden
     }

     .iframe-video iframe {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%
     }
 }

 @media (max-width:992px) {
     .travel-sidebar {
         float: none;
         margin-bottom: 20px;
         width: 100%
     }
 }

 @media (max-width:991px) {
     .travel-sidebar {
         float: none;
         margin-bottom: 20px;
         width: 100%
     }

     .slider-for img {
         height: 434px !important
     }

     .new_search.slider_inn {
         transform: translateY(-50%)
     }

     .search_box_new {
         padding: 10px 0
     }

     .trip_area .container {
         max-width: 100%
     }

     .graph_detail .info_box {
         left: 0
     }

     .trip_btns a.covid_info {
         width: 290px !important
     }
 }

 @media(max-width:980px) {
     .details_bar ul li {
         padding-left: 30px
     }

     .logo_icon img {
         padding-left: 2px
     }

     .main {
         padding: 0 10px
     }

     .vakanties_head .main {
         padding: 0
     }

     .trip-transport li {
         float: none;
         padding: 0;
         margin-bottom: 12px
     }

     .about-country-text {
         width: 50%
     }

     .about-country-video {
         width: 46%
     }

     .country-page h2 {
         font-size: 24px;
         margin-bottom: 10px
     }

     .country-page p {
         font-size: 16px;
         line-height: 26px
     }

     .trip-transport {
         padding-bottom: 0
     }

     .travel-icons {
         margin: 20px 0 0 0
     }

     .group-travel-detail {
         padding: 4px 16px
     }

     .group-travel-image img {
         width: auto;
         height: 436px;
         object-fit: cover
     }

     .travel-post-left {
         width: 55%
     }

     .related-text h3 {
         font-size: 20px;
         line-height: 20px
     }

     .related-travel-box {
         margin: 0 5px
     }

     .related-travel-wrp {
         margin-top: 20px
     }

     .country-banner h2 {
         font-size: 32px
     }

     .related-travel-wrp {
         padding-bottom: 10px
     }
 }

 @media (max-width:767px) {
     #quiz-section img {
         height: 350px !important
     }

     .country-banner h1 {
         font-size: 22px
     }

     .blog_con .blog_con_icon {
         top: 57%
     }

     .blog_con img {
         width: 100%;
         height: 100px;
         object-fit: cover
     }

     .review_detail {
         margin-top: 10px
     }

     .popular_locations_left {
         float: none;
         width: 100%;
         padding-left: 0
     }

     .popular_locations {
         margin-left: 0
     }

     .leftContent {
         float: none;
         width: 100%
     }

     .content.gallery {
         padding-top: 20px
     }

     .blog-image-right {
         float: none;
         margin: 0 auto
     }

     .choice {
         margin-top: 30px
     }

     .post h1 {
         font-size: 1.4em
     }

     .choice_container .col-md-2 {
         display: none
     }

     .login_form.page {
         width: 100%
     }

     .siteform li strong {
         word-break: break-word
     }

     .choice_ban_detail h1 {
         padding-left: 0;
         padding-right: 0;
         font-size: 18px
     }

     .main_inn {
         padding-left: 0;
         padding-right: 0
     }

     .forums .siteform li strong {
         float: none;
         display: block;
         margin-bottom: 5px;
         width: 100%;
         max-width: 100%
     }

     .forums .siteform .input_field {
         width: 100%;
         float: none
     }

     .forum_filter .forum_filter form {
         float: none
     }

     .forum_filter .new_disc {
         float: none;
         display: inline-block
     }
 }

 @media (max-width:767px) {
     .popular_locations {
         float: none;
         width: 100%;
         margin-left: 0
     }

     .review_detail .normal_h1 {
         width: 100%
     }

     .review_detail .page h2 {
         font-size: 20px
     }
 }

 @media (max-width:767px) {
     .courses ul {
         width: auto
     }

     .courses li img {
         margin-bottom: 15px
     }

     .courses p {
         margin-bottom: 10px
     }

     .courses h4 {
         font-size: 20px
     }
 }

 @media (max-width:768px) {
     .tab_nav.sticky {
         top: 80px
     }

     .header_banner {
         top: inherit;
         margin-bottom: inherit
     }

     .attributes_container .build_box h2 {
         font-size: 1em
     }

     .attributes_container .radius img {
         height: auto
     }

     .attributes_container .build_box em {
         font-size: 1em
     }

     .attributes_container .build_icon ul li {
         margin-right: 0
     }

     .attributes_container .build_box svg {
         margin-left: 0
     }

     .attributes_container .build_icon ul li p {
         font-size: 1em
     }

     .text-right.booking-btns {
         text-align: left !important;
         display: flex;
         gap: 7px;
         position: fixed;
         bottom: 0;
         z-index: 999;
         width: 100%;
         background: #fff;
         padding: 10px;
         left: 0
     }

     .booking-btns .boven_btn input {
         font-size: 15px;
         display: block !important;
         width: 100%;
         padding: 9px 0;
         background-position: right 8px center
     }

     #data-prijzen .boven_btn {
         width: 50%;
         margin: 0
     }

     .d_content.book {
         padding-top: 0
     }
 }

 @media (max-width:768px) {
     .age_group_text {
         max-width: none;
         margin-top: 15px
     }

     .age_group_text p:last-child {
         margin-bottom: 0
     }

     .slider_details {
         max-width: none;
         margin-top: 20px
     }

     .login {
         display: block
     }

     .login a {
         display: none
     }

     .login_inn.login a {
         display: block
     }

     .embedsocial-stories {
         right: 0;
         left: 0;
         width: 200px;
         margin: 0 auto;
         position: fixed
     }

     .embedsocial-stories #es-lightbox .es-username {
         font-size: 14px;
         margin-bottom: 0;
         cursor: pointer
     }

     .embedsocial-stories .es-date {
         font-size: 12px
     }

     .res_menu .login a {
         display: block;
         padding: 0 10px 10px;
         color: #212b35;
         font-size: 17px;
         margin-top: 0
     }

     .trip_post_head p {
         line-height: 30px !important
     }

     .trip_post_head {
         padding-bottom: 10px
     }
 }

 @media(max-width:767px) {
     .modal-center .jw-modal-body {
         margin: 0 auto !important;
         top: inherit !important;
         transform: inherit !important;
         margin-top: 50px !important;
         margin-bottom: 50px !important;
         max-width: 600px !important;
         border-radius: 5px
     }

     #trip_ticket .jw-modal-body {
         margin: 0 auto !important;
         top: inherit !important;
         transform: inherit !important;
         margin-top: 50px !important;
         margin-bottom: 50px !important;
         max-width: 600px !important;
         border-radius: 5px
     }

     #trip_ticket .fancybox-close-small {
         right: 2px;
         top: -11px
     }

     .newlogo_foo {
         width: 100%
     }

     .newlogo_foo>img {
         display: inline-block;
         height: 50px !important;
         margin-top: 24px
     }

     .country-banner {
         padding-bottom: 0
     }

     .country-banner img {
         height: auto;
         object-fit: cover;
         display: block;
         width: 100%;
         border-radius: 0;
         display: block
     }

     .about-country-text {
         width: 100%;
         float: none
     }

     .about-country-video {
         float: none
     }

     .trip-transport {
         margin-bottom: 20px
     }

     .group-travel {
         margin-top: 40px
     }

     .group-travel-image {
         float: none;
         width: 100%;
         margin: 0 auto;
         text-align: center
     }

     .group-travel-image img {
         border-radius: 5px 5px 0 0;
         height: auto;
         width: 100%
     }

     .group-travel-detail {
         float: none;
         width: 100%
     }

     .travel-post-wrp {
         margin-top: 40px
     }

     .travel-post-left {
         width: 100%;
         float: none
     }

     .related-travel-wrp {
         margin-top: 0
     }

     .related-travel-box {
         float: none;
         width: 100%;
         display: block;
         margin-right: 0;
         margin-bottom: 10px
     }

     .related-travel-box img {
         border-radius: 6px;
         width: 100%
     }

     .related-text {
         position: absolute
     }

     .country-link {
         text-align: left
     }

     .group-travel-detail {
         padding: 24px 16px 10px 16px
     }

     .group-travel-detail h3 {
         line-height: 26px
     }

     .travel-icons span {
         font-size: 14px
     }

     .group-travel-box {
         border-radius: 5px;
         overflow: hidden
     }

     .related-travel h2 {
         font-size: 26px
     }

     .related-travel {
         padding: 10px 0
     }

     .sticky1 {
         top: 63px
     }

     .radio_header {
         display: block
     }

     .redio_footer {
         display: block
     }

     .radio_box_inn {
         width: 100%;
         height: 100%
     }

     .radio_box {
         position: fixed;
         z-index: 9999;
         padding-top: 0;
         left: 0;
         height: 100vh;
         width: 100%;
         top: 0
     }

     .others_filter .check_box {
         position: fixed;
         left: 0;
         top: 0;
         z-index: 999;
         padding: 0;
         height: 100vh
     }

     .vakanties_button.others_filter {
         position: static
     }

     .others_filter .check_inn {
         padding: 25px
     }

     .others_filter .footer_filter {
         position: fixed;
         left: 0;
         bottom: 0;
         padding: 14px 25px 10px;
         width: 100%
     }

     .new_details h3 {
         font-size: 24px
     }

     .new_details {
         float: left;
         width: 100%;
         padding: 0
     }

     .newlogo_foo {
         width: 100%;
         border: 0;
         padding-left: 0
     }

     footer_new_logoarea {
         margin: 0 0 65px;
         padding-left: 30px;
         padding-right: 30px
     }
 }

 @media (max-width:767px) {
     .slider-for {
         img {
             height: 326px !important
         }
     }

     .form_group {
         margin-bottom: 10px
     }

     .form_group button {
         margin-top: 10px;
         position: relative;
         z-index: 10
     }

     .booking_ticket_list td {
         border: none;
         padding: 5px 0;
         display: block;
         width: 100%;
         text-align: right;
         font-size: 14px
     }

     .booking_ticket_list td:before {
         font-weight: 600;
         text-align: left;
         display: block;
         width: 48%;
         float: left;
         content: attr(data-title)
     }

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

     .age_group_text {
         padding: 8px
     }

     .age_group_text h1 {
         margin-bottom: 5px;
         font-size: 16px
     }

     .mob_boven_btn {
         display: inline-block !important
     }

     .boven_btn.mob_boven_btn {
         margin-right: 10px
     }

     .trip_area .offset-md-1 {
         max-width: 100%
     }

     .trip_post .trip_post_head p {
         font-size: 14px;
         line-height: 34px
     }

     .trip_btns a {
         display: block !important;
         margin-bottom: 10px
     }

     .trip_btns a.mob_boven_btn {
         display: block !important
     }

     .trip_btns a.covid_info {
         width: 100% !important
     }

     .trip_btns a {
         width: 100% !important
     }

     .popular_post h2 {
         margin-top: 25px
     }

     .blognew .post h1 {
         font-size: 1.4em
     }

     .popular_post h2 {
         font-size: 18px
     }

     .date_wrp .select_location ul li {
         display: block
     }
 }

 @media only screen and (max-width:768px) {
     .header_bottom_bar .header_bottom_inn {
         padding: 10px
     }

     .logo_icon {
         float: none
     }

     .details_bar {
         width: 100%;
         max-width: 100% !important;
         display: block
     }

     .details_bar ul li {
         font-size: 15px;
         margin-right: 12px
     }

     .build .container,
     .container,
     .content.gallery .container {
         max-width: 100% !important
     }

     .wrapper {
         overflow-x: hidden
     }

     .instagram .container {
         padding: 0 15px
     }

     .content.gallery .col-md-3 {
         max-width: 50% !important;
         flex: 50%
     }

     .blog_box p {
         margin: 22px 16px
     }

     .chat {
         display: none
     }

     .uit_main::before {
         background-size: 400px
     }

     .uit_main::after {
         background-size: 400px
     }

     .profile_change.res {
         background-size: 100% 100%;
         width: 22px;
         height: 22px;
         cursor: pointer
     }

     .instagram .ins-col {
         padding: 0
     }

     .ins-col .col-md-12 {
         padding: 0
     }

     .header_bottom_inn {
         padding: 13px 10px
     }

     .blog_box p {
         color: #fff !important;
         font-size: 1.0625em !important;
         line-height: 16px
     }

     .instagram .row .col-md-2.col-sm-3 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25% !important;
         padding: 0 !important
     }

     .blog-small-box .col-md-6.col-sm-12 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%
     }

     .top_move {
         bottom: 0
     }

     .ins_post {
         margin: 0
     }

     .remove {
         display: none
     }

     .ins_post img {
         min-height: 150px
     }

     .instagram {
         min-height: 376px
     }

     .blog_box img {
         width: 30%;
         height: 100%;
         position: absolute;
         left: 0
     }

     .blog_details {
         display: inline-block;
         width: 100%;
         position: absolute;
         z-index: 99999;
         bottom: 0
     }

     .typereis.blog {
         min-height: 177px
     }

     .typereis.blog img {
         height: 210px
     }

     .footer_col {
         margin-bottom: 15px;
         margin-left: 0
     }

     .responsive_toggle_inn {
         display: none
     }

     .profile_change {
         background: url(https://media.simi-reizen.nl/public/uploads/res_menu.svg) no-repeat;
         width: 25px;
         height: 20px;
         margin: 30px 0;
         display: block
     }

     .sub {
         display: block
     }

     .submenu.sub1 ul {
         display: block
     }

     .submenu ul {
         display: none
     }

     .res {
         background: url(../images/cross.svg);
         display: block
     }

     .responsive_menu {
         position: absolute;
         right: 20px
     }

     .menu li ul {
         width: 100%;
         left: 0;
         border-radius: 0
     }

     .header .menu {
         display: none
     }

     .menu li ul {
         width: 100%
     }

     .menu.res_menu li {
         float: none;
         position: relative
     }

     .menu.res_menu li ul li:hover a {
         background: 0
     }

     .menu.res_menu li a {
         border-bottom: solid 1px #dfe3e8;
         margin: 0 16px
     }

     .menu li:hover ul {
         position: relative;
         width: 100%;
         left: 0
     }

     .res_menu {
         display: block
     }

     .sub1 .sub {
         display: block !important
     }

     .res_nav .has-sub-menu ul {
         display: none
     }

     .res_child_menu {
         display: block
     }

     .nav_inn ul {
         margin: 0;
         padding: 0;
         list-style: none
     }

     .submenu>a {
         position: relative;
         color: #212b35
     }

     .submenu>a::after {
         content: "\f107";
         position: absolute;
         right: 0;
         top: 50%;
         transform: translateY(-50%);
         font-family: FontAwesome;
         font-size: 23px
     }

     .res_nav li:hover a {
         color: #212b35
     }

     .sub1>a:after {
         color: #212b35;
         content: "\f106"
     }

     .res_nav li ul li a {
         font-weight: 500
     }

     .res_nav li ul li:hover a {
         color: #212b35
     }

     .profile_box_inn {
         display: block
     }

     .profile_change {
         color: #212b35;
         font-size: 22px;
         float: right;
         padding: 6px 0
     }

     .login {
         display: none
     }

     .founds_inn p {
         font-size: 1.1875em;
         line-height: 27px
     }

     .slider_details h1 {
         font-size: 2em;
         line-height: 34px
     }

     .section_title_box h2 {
         font-size: 1.5em;
         margin: 0;
         line-height: 45px
     }

     .section_title_box em {
         font-size: 1em
     }

     .title_button a {
         font-size: .875em
     }

     .instagram h2 {
         margin-bottom: 10px;
         font-size: 1.5em
     }

     .uit_heading h2 {
         font-size: 1.5em
     }

     .slider_inn {
         transform: translateY(-50%)
     }

     .footer_center {
         text-align: center;
         border-bottom: solid 1px #a7e4fb;
         width: 100%
     }

     .footer_center ul {
         padding: 0
     }

     .nav_inn>ul {
         border-top: solid 3px #dfe3e8
     }

     .res_nav {
         position: fixed;
         top: 75px;
         width: 50%;
         height: 100%;
         z-index: 10;
         z-index: 9;
         right: 0
     }

     .header {
         width: 100%;
         background: #fff;
         left: 0;
         padding: 0 15px
     }

     .nav_inn {
         background: #fff;
         height: 100%;
         overflow-y: auto
     }

     .nav_inn>ul li:hover>a {
         color: #ec008c
     }

     .nav_inn ul>li>a {
         font-size: 17px;
         padding: 22px 0;
         line-height: 20px;
         color: #212b35;
         display: block;
         font-weight: 600;
         border-bottom: solid 1px #dfe3e8;
         margin: 0 16px
     }

     .login_inn {
         display: block;
         width: 100%;
         padding: 0 8px;
         background: #fff
     }

     .header_bottom_inn {
         margin-bottom: 16px
     }

     .front-page .build .slick-list.draggable {
         padding: 0 50px 0 0 !important
     }

     .header {
         z-index: 10
     }

     .slick-next {
         right: 10px
     }

     .slick-prev {
         left: 10px
     }

     .footer_col_main {
         width: 50%
     }

     .footer_col_main.footer-right {
         float: right;
         min-height: 128px
     }

     .vakanties .build_box img {
         max-height: 210px
     }

     .tab_nav ul.tabs {
         position: absolute;
         z-index: 9;
         display: none
     }

     .tabs-icon {
         display: block;
         text-align: right;
         padding: 5px 18px;
         line-height: 16px;
         cursor: pointer;
         background: #00adef
     }

     .text-right.booking-btns span {
         width: 100%;
         padding: 0;
         margin: 0 0 10px !important
     }

     .tabs-icon i {
         font-size: 20px;
         color: #fff
     }

     .review_tabs h4 {
         font-size: 1.2em
     }
 }

 @media(max-width:768px) {
     .group-travel-image img {
         height: 100% !important
     }

     .tabsnav.sticky1 {
         top: 88px
     }

     .info_box {
         width: 100%
     }

     .toggle_cat_menu {
         display: inline-block;
         width: 22px;
         height: 22px;
         background: #333;
         text-align: center;
         color: #fff;
         position: absolute;
         right: 0;
         top: 12px;
         border-radius: 20px;
         cursor: pointer
     }

     .sidebar_nav .navigation {
         display: none
     }

     .sidebar_nav li {
         position: relative
     }

     .list.dashboard_list.booking_ticket tr {
         border-bottom: 1px solid #333
     }
 }

 @media only screen and (max-width:734px) {
     .radio_box_new {
         display: none
     }

     .ac_check {
         display: block
     }
 }

 @media(max-width:768px) {
     .country-page {
         padding-top: 0
     }

     .tab_nav {
         border-radius: 8px 8px 0 0
     }

     .country-banner {
         height: 350px
     }

     .group-travel-image {
         min-height: auto !important
     }

     .tab_nav ul {
         border-radius: 0
     }

     .tabs-icon {
         padding: 15px
     }

     .tab_nav ul {
         padding: 0
     }

     .tab_nav li {
         margin-right: 0;
         margin-bottom: 1px
     }

     .tab_nav li a,
     .tab_nav li span {
         border-radius: 0
     }

     .trip_post h1 {
         font-size: 24px;
         line-height: 32px
     }

     .post_icon ul li:last-child {
         margin-right: 0
     }

     .post_icon ul li {
         margin-right: 10px;
         font-size: 14px;
         line-height: 18px
     }

     .trip_post p {
         font-size: 14px;
         margin-bottom: 10px
     }

     .average_box {
         max-width: 320px;
         margin: 0 auto
     }

     .average_box_content li {
         width: 100%;
         border-bottom: solid 1px #dfe3e8;
         padding: 10px
     }

     .average_box_content li p em {
         font-size: 14px
     }

     .average_box_content ul {
         display: block
     }

     .average_box_content {
         padding: 10px 0
     }

     .average_box_content li p em {
         float: right
     }
 }

 @media (max-width:768px) {
     .nav_inn ul>li>ul>li:hover>a {
         color: #ec008c
     }
 }

 @media only screen and (max-width:768px) {
     .header_main.sticky-top {
         position: relative
     }

     .d_content .col-md-5,
     .d_content .col-md-7 {
         display: block;
         max-width: 100%;
         width: 100%;
         flex: 100%
     }

     .related_trips .strip {
         float: none;
         width: auto;
         max-width: 320px;
         margin: 10px auto
     }

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

     .related_trips .img_box {
         float: none;
         width: auto
     }

     .related_trips .strip_detail {
         width: auto;
         float: none
     }

     .related_trips .strip:nth-child(3n) {
         margin-right: auto
     }

     .betalin_right.reis_slider {
         margin-left: auto;
         margin-right: auto;
         float: none
     }

     .rectangle {
         width: 100%;
         float: none;
         margin-bottom: 10px
     }

     .boven {
         margin-bottom: 20px;
         margin-left: 0
     }

     .tab_nav ul {
         padding-bottom: 5px
     }

     .tab_nav li {
         float: none;
         margin-right: 0
     }

     .page h2 {
         font-size: 20px
     }

     .dag-img {
         float: none;
         width: 320px;
         margin: 0 auto 10px
     }

     .related_trips h3 {
         font-size: 20px
     }

     .country-page h3 {
         font-size: 20px
     }

     .vakanties_button a {
         font-size: 12px;
         padding: 0 6px
     }
 }

 @media (max-width:767px) {
     .slider-for {
         img {
             height: 326px !important
         }
     }

     .new-btn {
         width: 100%
     }

     .reizen-met h2 {
         font-size: 1.1875em;
         color: #212b35
     }
 }

 @media(max-width:767px) {
     .empty {
         display: none
     }

     .trip_review_details::before {
         display: none
     }

     .trip_review_img {
         height: auto;
         left: auto;
         min-height: 100px;
         position: relative;
         top: auto;
         width: 100%
     }

     .trip_review_individuals {
         width: 100%
     }

     .review_detail iframe {
         width: 100%
     }

     .triptable {
         overflow: scroll
     }

     .contact_head-details h2 {
         font-size: 30px
     }
 }

 @media only screen and (max-width:700px) {
     .details_bar ul li {
         margin-right: 20px;
         font-size: 15px
     }

     .page_nav ul {
         padding: 0
     }

     .page_nav ul:after {
         clear: both;
         content: "";
         display: table
     }

     .page_nav li {
         margin-right: 5px
     }

     .page_nav li a {
         font-size: 12px
     }

     .page_nav li:nth-child(2) a {
         padding-left: 0
     }

     .page_nav li a span {
         font-size: 12px
     }
 }

 @media (max-width:640px) {
     .mob_none {
         display: none
     }

     .triptable ul li .price-td label {
         justify-content: flex-start;
         padding-left: 0 !important
     }
 }

 @media (max-width:640px) {
     .post_icon ul li {
         font-size: 12px
     }

     .header_main .logo {
         display: block
     }

     .triptable>ul>li.head {
         display: none
     }

     .triptable>ul>li {
         display: block;
         border-bottom: 2px solid #00afb4;
         margin-bottom: 15px;
         background: #f2f0f1
     }

     .triptable>ul>li>div.odd {
         background: 0 0
     }

     .triptable>ul>li>div {
         display: block;
         width: 100%;
         text-align: left;
         border-bottom: none
     }

     .triptable>ul>li>div:before {
         display: block;
         content: attr(data-title);
         width: 50%;
         float: left;
         text-align: left
     }

     .triptable>ul>li>div:after {
         content: "";
         display: block;
         clear: both
     }

     .status_red,
     .status_orange {
         position: relative;
         float: right;
         left: auto
     }

     .trip_icon .icon {
         width: auto
     }

     .booking_list h3 {
         font-size: 1.2em
     }

     .booking_list h3:before {
         left: 15px
     }

     .booking_list h3:after {
         right: 15px
     }

     .booking_list.mob_view table tr td {
         display: block;
         width: 100%;
         border: none
     }

     .booking_list.mob_view table.custom_table tr td {
         display: block;
         width: 100% !important
     }

     .booking_list.mob_view td.text-center {
         text-align: left !important
     }

     .booking_list .status_orange,
     .booking_list .status_red {
         margin: 0
     }

     .data_item h3 {
         font-size: 14px
     }

     .meta_item li {
         font-size: 12px;
         padding: 0 4px 0 0
     }

     .data_list .data_item {
         padding: 12px 0 12px 0
     }

     .new_disc {
         line-height: 36px;
         padding: 0 12px;
         margin-top: 5px
     }

     .forum_filter form label {
         font-size: 12px
     }

     .data_list .data_item h3 span {
         float: none;
         margin-bottom: 5px
     }

     .contact_head-details input[type=submit] {
         font-size: 14px;
         background-position: 8px 16px;
         background-size: 12px;
         padding: 12px 25px !important
     }
 }

 @media only screen and (max-width:600px) {
     .uit_main {
         padding: 80px 20px
     }

     body {
         overflow-x: hidden
     }

     .vakanties_heading .vakanties_logo {
         float: left
     }

     .vakanties-sli {
         margin-bottom: 30px
     }

     .tour_img {
         float: none
     }

     .page_nav {
         padding: 20px 0
     }

     .page_nav ul {
         margin: 0
     }
 }

 @media only screen and (max-width:500px) {
     .flight_details {
         display: none
     }

     .tour_calendar-btn {
         display: block;
         margin-bottom: 20px
     }
 }

 @media only screen and (max-width:500px) {
     #trip_ticket .jw-modal-body {
         max-width: 300px !important
     }

     .logo_icon img {
         height: 24px
     }

     .logo_icon img {
         padding: 0
     }

     .typereis {
         height: auto
     }

     .drive_green p {
         font-size: 12px
     }

     .insurance_box .inputGroup label {
         padding: 50px 22px 17px 18px
     }

     .insurance_price {
         position: absolute;
         top: 22px;
         right: 23px
     }

     .drp-buttons.drp-new button {
         font-size: 0 !important;
         background-size: 57% !important;
         width: 22px;
         height: 22px;
         margin-right: 6px;
         margin-top: 4px
     }

     .next.available {
         position: absolute;
         display: block;
         top: -100%
     }

     .drp-calendar.right {
         position: relative
     }

     .contact_head-details input[type=text] {
         width: 73.55%
     }

     .contact_head-details input[type=submit] {
         width: 25%
     }

     .contact_main-uit .contact_uit {
         padding: 0 33px !important
     }

     .uit_heading h2 {
         font-size: 1.5em;
         line-height: 30px
     }

     .contact_uit .uit_heading h2 {
         font-size: 1.5em;
         line-height: 30px;
         margin-bottom: 0
     }

     .contact_uit .uit_heading {
         margin-bottom: 20px
     }

     .contact_main-uit .row .m-small {
         width: 100% !important;
         border-right: 0;
         border-bottom: solid 1px #ddd;
         margin-bottom: 20px
     }

     .uit_box p {
         margin-bottom: 0
     }

     .contact_links {
         margin-bottom: 20px
     }

     .uit_box {
         margin-bottom: 20px
     }

     .uit_box .rating_title {
         font-size: .9em
     }

     .new_details {
         padding-right: 0;
         width: 100%
     }

     .new_details h2 {
         font-size: 18px;
         line-height: 24px
     }

     .new_details p {
         font-size: 14px
     }

     .newlogo_foo {
         height: auto;
         padding-top: 0;
         padding-bottom: 0
     }
 }

 @media only screen and (max-width:500px) {
     .vakanties_button {
         margin: 0 3px
     }

     .respo {
         display: block
     }

     .footer_col.active1 ul {
         display: block !important
     }

     .footer_col.active2 ul {
         display: block !important
     }

     .footer_col.active3 ul {
         display: block !important
     }

     .footer_col {
         position: relative
     }

     .footer_col i {
         position: absolute;
         top: 15px;
         right: 16px;
         font-size: 16px;
         color: #212b35
     }

     .vakanties_head_inn {
         text-align: left
     }

     .asd__wrapper--datepicker-open {
         right: -55% !important
     }

     .email_box {
         padding: 24px 16px 18px
     }

     .email_form input[type=submit],
     .email_form input[type=text] {
         font-size: 12px
     }

     .header_main .res_nav {
         position: fixed;
         top: 0;
         width: 100%;
         height: 100%;
         z-index: 9;
         transition: all 0.5s;
         transform: translateX(100%);
         display: block
     }

     .res_menu {
         transform: translateX(0%) !important
     }

     .header_main .res_nav .has-sub-menu ul {
         display: block !important;
         width: 100%;
         height: 100%;
         position: fixed;
         transform: translateX(100%);
         transition: all 0.5s;
         background: #FFF;
         top: 0;
         z-index: 99;
         padding: 80px 0 0 0
     }

     .res_nav .has-sub-menu ul.res_child_menu {
         transform: translateX(0%) !important;
         overflow-y: scroll !important;
         overflow-x: hidden;
         display: block !important
     }

     .header_main .profile_change.res {
         opacity: 0
     }

     .header_main .nav_inn .profile_change.res {
         opacity: 1
     }

     .nav_inn .responsive_menu {
         top: 0
     }

     .nav_inn .profile_change {
         opacity: 0
     }

     .nav_inn .responsive_menu {
         display: block
     }

     .responsive_child_menu {
         position: absolute;
         left: 12px;
         top: 12px;
         display: block;
         width: 36px;
         height: 36px;
         z-index: 99
     }

     .responsive_child_menu i {
         display: block
     }

     .responsive_child_menu i.fa-angle-left:before {
         content: "\f104";
         font-size: 14px;
         background: #ec008c;
         color: #fff;
         width: 36px;
         height: 36px;
         text-align: center;
         font-weight: 700;
         line-height: 36px;
         position: absolute
     }

     .header_main .has-sub-menu .fa-angle-down:before {
         content: "\f105"
     }

     .header_main .nav_inn {
         background: #fff;
         padding-top: 80px;
         overflow: auto;
         height: 100%
     }

     .main.header_bottom_inn {
         max-width: 1136px;
         padding: 6px 10px
     }

     .uit_main::before {
         background-position: bottom;
         background-size: 147% auto
     }

     .uit_main::after {
         background: 0
     }

     .footer_center {
         width: 100%
     }

     .blog_box p {
         padding: 15px 0 15px 12px
     }

     .logo_icon {
         padding: 3px 15px !important;
         justify-content: start !important
     }

     .details_bar ul li {
         padding-left: 32px
     }

     .logo_icon img {
         height: 28px
     }

     .title_button a {
         font-size: 12px
     }

     .details_bar ul li {
         font-size: 14px;
         margin: 0
     }

     .calamite .row .offset-1,
     .instagram .row .offset-1,
     .uit_main .row .offset-1 {
         margin-left: 0 !important
     }

     .top_move {
         bottom: 0 !important
     }

     .uit_main {
         padding: 45px 15px
     }

     .uit_box {
         margin-bottom: 20px
     }

     .section_title_box h2 {
         margin: 0;
         line-height: 42px;
         font-size: 1.1875em
     }

     .title_button a {
         font-size: .875em
     }

     .instagram .col-md-2 {
         padding: 0 15px
     }

     .instagram .col-md-2 .col-md-12 {
         padding-bottom: 20px
     }

     .founds {
         text-align: left
     }

     .founds_inn a {
         margin-bottom: 10px
     }

     .slider_details h1 {
         line-height: 38px;
         font-size: 1.5em
     }

     .instagram .row .col-md-2.col-sm-3 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100% !important;
         padding: 15px !important
     }

     .instagram .row .col-md-2.col-sm-3 .col-md-12 {
         padding: 0
     }

     .founds img {
         float: none;
         margin-bottom: 15px
     }

     .section_title_box em {
         font-size: 17px;
         line-height: 36px
     }

     .instagram h2 {
         font-size: 1.5em;
         margin-bottom: 0
     }

     .instagram .row .col-md-2.col-sm-3 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
         padding: 0 !important
     }

     .ins_post img {
         min-height: 138px
     }

     .instagram .row {
         padding: 0 !important
     }

     .uit_main {
         padding: 80px 20px
     }

     body {
         overflow-x: hidden
     }

     .vakanties_heading .vakanties_logo {
         float: left
     }

     .vakanties-sli {
         margin-bottom: 30px
     }
 }

 @media (max-width:500px) {
     .new_search.slider_inn {
         transform: translateY(-42%)
     }

     .post_icon ul li {
         display: block;
         width: 100% !important
     }

     .build_icon ul li p {
         font-size: .9em
     }

     .build_icon ul li p em {
         font-size: 14px
     }

     .build_box h2 {
         font-size: 1em
     }

     .footer_left {
         float: none;
         text-align: center
     }

     .uit_heading h2 {
         font-size: 1.5em;
         line-height: 30px
     }

     .uit_innb {
         padding: 30px 10px !important
     }

     .founds_inn p {
         font-size: 1.1875em;
         margin-bottom: 10px;
         line-height: 27px
     }

     .founds_inn p br {
         display: none
     }

     .footer-contact h3,
     .footer-over h3,
     .footer-reizen h3 {
         width: 100%;
         background-color: #cbf0fd;
         padding: 10px 16px;
         color: #212b35;
         font-size: 14px;
         margin-bottom: 0
     }

     .footer-contact h3::after,
     .footer-over h3:after,
     .footer-reizen h3::after {
         content: "\f107";
         font-family: FontAwesome;
         font-size: 16px;
         color: #212b35;
         float: right
     }

     .footer_col ul {
         display: none
     }

     .footer_col {
         margin-bottom: 0
     }

     .footer_col h3.active~ul {
         display: block;
         padding: 12px 0
     }

     .footer_bootom_bar {
         background: #00adef;
         padding: 12px 0
     }

     .footer-right {
         margin-bottom: 20px
     }

     .header_banner {
         position: relative
     }

     .slider_details h1 {
         margin-bottom: 10px
     }

     .footer_center li {
         display: block;
         text-align: left
     }

     .footer_center li a {
         line-height: 30px
     }

     .footer_right {
         float: none;
         text-align: center
     }

     .footer_center {
         text-align: center;
         border-bottom: solid 1px #a7e4fb;
         padding-bottom: 15px;
         margin-bottom: 15px
     }

     .footer_center ul {
         padding-left: 0
     }

     .footer_bootom_bar p {
         line-height: 30px
     }

     .slider_inn {
         transform: translateY(-42%)
     }

     .slick-slide {
         padding: 0 6px 0px !important
     }

     .uit_box .rating_title {
         font-size: .9em
     }

     .uit_main .row .m-small {
         width: 50%
     }

     .star.small-star span {
         height: 16px;
         width: 14px
     }

     .slick-arrow {
         z-index: 1 !important
     }

     .inn_login {
         display: block;
         width: 100%
     }

     .header {
         z-index: 9;
         width: 100%;
         background: #fff;
         padding: 0 15px
     }

     .instagram h2 {
         line-height: 25px;
         margin-bottom: 30px
     }

     .footer_col_main {
         width: 100%
     }

     .footer_col_main.footer-right {
         float: right;
         min-height: 128px
     }

     .gallery .col-md-3.col-sm-6 {
         width: 50%;
         padding: 0 6px
     }

     .gallery .gallery-img {
         margin-bottom: 12px
     }

     .ui-widget.ui-widget-content {
         margin: 0 auto
     }

     .hasDatepicker .radio_header {
         display: block
     }

     .block_none {
         display: none
     }

     .vakanties_button {
         margin: 0 4px
     }

     .ui-priority-primary {
         left: -10px;
         text-align: right;
         width: 100%;
         padding-right: 25px
     }

     .ui-priority-secondary {
         left: -10px;
         text-align: left
     }

     .showbox {
         background-color: #fff;
         box-shadow: 0 -2px 4px 0 rgb(127 145 168 / .3);
         width: 107%;
         margin-left: -5px;
         position: absolute;
         height: 60px;
         bottom: 0
     }

     .bg_w {
         display: none
     }

     .close_icon {
         font-size: 20px;
         font-weight: 600;
         color: #000;
         width: 20px;
         height: 20px;
         float: right;
         position: relative;
         top: -7px
     }

     .close_icon img {
         width: 100%;
         height: 100%
     }
 }

 @media(max-width:480px) {
     .details_bar ul li {
         background-size: 15px auto;
         background-position: left center;
         line-height: 19px;
         display: block
     }
 }

 @media(max-width:480px) {
     .about-country-video {
         width: 100%
     }

     #mc-embedded-subscribe-form label {
         display: block;
         margin: 0 0 5px 0
     }

     .related-travel-box {
         width: 100%
     }

     .related-travel-box img {
         width: 100%
     }

     .country-link {
         text-align: right
     }

     .country-banner h2 {
         font-size: 24px;
         left: 0;
         padding: 0 10px
     }

     .trip-toggle li a {
         padding: 6px 12px
     }
 }

 @media (max-width:480px) {
     .new-btn a {
         font-size: 13px
     }
 }

 @media(max-width:480px) {
     .trip_post h1 {
         font-size: 16px;
         line-height: 26px
     }

     .trip_post .trip_post_head p {
         font-size: 12px
     }

     .form_content {
         padding: 25px 10px
     }

     .average_box_head h3 {
         font-size: 14px
     }
 }

 @media only screen and (max-width:414px) {
     .email_details {
         padding: 16px 0 0 0
     }

     .slick-arrow {
         display: none !important
     }

     .footer_col_main.footer-right {
         float: right;
         min-height: auto;
         height: auto
     }
 }

 @media (max-width:375px) {
     .contact_head-details input[type=text] {
         width: 73.5%
     }

     .slider_details {
         margin-top: 10px
     }

     .slider_details h1 {
         line-height: 26px;
         font-size: 24px
     }

     .embedsocial-stories {
         left: 40px
     }
 }

 @media only screen and (max-width:332px) {
     .slider_details h1 {
         font-size: 1.8em
     }

     .details_bar ul li {
         font-size: .6em
     }

     .section_title_box h2 {
         font-size: 1.088em
     }
 }

 .leftContent {
     float: left;
     width: 68%
 }

 .popular_locations_left {
     float: right;
     width: 30%;
     padding-left: 25px
 }

 .popular_locations {
     margin-left: 0 IM !important;
     width: 100% !important;
     float: none !important
 }

 .typereis img {
     width: 100%
 }

 .typereis::before {
     content: "";
     display: block;
     padding-top: calc(100% - -21px)
 }

 .typereis img {
     position: absolute;
     height: 100%;
     width: 100%;
     top: 0;
     left: 0;
     object-fit: cover
 }

 .typereis {
     border-radius: 6px;
     overflow: hidden
 }

 .bet-ti h1 {
     font-size: 32px;
     font-weight: 500;
     display: inline-block;
     margin: 0;
     margin-bottom: 12px;
     color: #212b35
 }

 .section_title_box h2 {
     font-size: 30px;
     font-weight: 500;
     display: inline-block;
     margin: 0;
     margin-bottom: 12px;
     color: #212b35
 }

 .title_button {
     float: right;
     margin: 5px 0
 }

 .title_button a {
     font-weight: 700;
     line-height: 36px;
     display: block;
     border-radius: 4px;
     color: #ec008c;
     font-size: 17px;
     font-weight: 600;
     padding: 0 15px
 }

 .typereis {
     position: relative
 }

 .type_details {
     position: absolute;
     bottom: 0;
     width: 100%;
     background-size: 33px 60px
 }

 .typereis.blog img {
     width: 100%;
     border-radius: 6px;
     height: 210px
 }

 .typereis.blog {
     position: relative;
     min-height: 210px
 }

 .typereis.blog .type_details {
     padding: 0 20px
 }

 .typereis.blog .type_details p {
     color: #fff;
     border-left: solid 2px #fed035;
     padding: 0 20px;
     color: #fff;
     font-size: 1.0625em;
     font-weight: 600;
     line-height: 25px
 }

 .typereis {
     position: relative;
     transition-duration: .3s
 }

 .blog_box {
     border-radius: 10px 10px;
     overflow: hidden;
     max-height: 210px;
     box-shadow: 0 1px 3px rgb(0 0 0 / .14);
     position: relative
 }

 .typereis {
     box-shadow: 0 1px 3px rgb(0 0 0 / .14);
     cursor: pointer
 }

 .blog_box p {
     margin: 12px 16px;
     border-left: 2px #ffcf35 solid;
     padding: 5px 0 5px 12px;
     color: #212b35;
     font-size: 14px;
     font-weight: 600;
     line-height: 20px
 }

 .typereis.blog {
     max-height: 210px
 }

 .blog,
 .blog_box {
     margin-bottom: 15px;
     cursor: pointer
 }

 .blog_box img {
     width: 100%;
     height: 138px;
     object-fit: cover
 }

 .blog-full-box,
 .blog-small-box {
     transition-duration: .3s;
     padding: 2px 10px
 }

 .review_detail p {
     font-family: Raleway, sans-serif;
     font-size: 1.0625em;
     line-height: 25px
 }

 .review_detail li {
     font-family: Raleway, sans-serif;
     font-size: 16px;
     line-height: 1.5;
     font-weight: 400
 }

 #content-container {
     margin: 20px 0
 }

 .post-meta {
     color: #555;
     display: block;
     font-style: italic;
     font-weight: 700;
     margin-bottom: 10px;
     margin-top: -10px
 }

 .post-meta span {
     color: #00afef;
     font-weight: 600
 }

 .page h2 {
     color: #12aeef;
     font-size: 30px;
     margin: 0 0 12px;
     text-transform: uppercase
 }

 .page li {
     margin-bottom: 5px
 }

 .page img {
     max-width: 100%;
     height: auto
 }

 .review_detail h2 {
     font-size: 30px;
     color: #212b35;
     font-weight: 500
 }

 .review_detail h3 {
     font-size: 1.5em;
     margin: 20px 0
 }

 .popular_locations {
     float: right;
     width: 30%;
     border-radius: 4px;
     box-shadow: #ddd 0 0 8px 0;
     margin-left: 25px
 }

 .popular_locations h3 {
     margin: 0;
     background: #EC008C;
     color: #fff;
     font-size: 16px;
     padding: 10px;
     border-radius: 4px 4px 0 0
 }

 .popular_locations li {
     font-size: 14px;
     margin-top: 15px
 }

 .popular_locations ul {
     padding: 5px 10px;
     list-style: none
 }

 .popular_locations li a {
     margin-right: 10px
 }

 .review_detail h1 {
     color: #212b35;
     font-size: 36px;
     font-weight: 600;
     line-height: 44px;
     margin-bottom: 15px
 }

 .review_detail h2,
 .review_detail .normal_h1 {
     color: #212b35;
     font-size: 32px;
     font-weight: 700;
     margin: 0 0 20px 0;
     font-family: Montserrat, sans-serif;
     border-bottom: 2px solid #fed23c;
     padding: 0 0 12px 0
 }

 .review_detail .page h2 {
     margin-bottom: 15px;
     padding: 15px 0 12px;
     color: #212b35;
     font-size: 24px;
     border-bottom: 2px solid #fed23c;
     text-align: left;
     font-weight: 700;
     text-transform: uppercase;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
 }

 .review_detail p a span {
     color: #007bff !important
 }

 @media (max-width:767px) {
     .popular_locations_left {
         float: none;
         width: 100%;
         padding-left: 0
     }

     .popular_locations {
         margin-left: 0
     }

     .leftContent {
         float: none;
         width: 100%
     }
 }

 .ex-mainContent p a {
     background: none;
     color: #007bff;
     display: inline-block;
     padding: 0;
     border-radius: 6px;
     font-size: 14px;
     font-weight: 500
 }

 @media only screen and (max-width:1199px) {
     .home-page ul>li>a {
         padding: 6px 15px !important
     }
 }

 @media only screen and (max-width:1024px) {
     .res_nav {
         top: 80px
     }

     .res_nav.res_menu {
         height: calc(100vh - 80px)
     }

     .profile_change {
         width: 30px !important;
         height: 27px !important;
         background-size: cover
     }

     .has-sub-menu .fa-angle-down:before {
         width: 30px !important;
         height: 30px !important;
         line-height: 30px !important
     }
 }