/*
Theme Name: BlankSlate
Theme URI: https://github.com/tidythemes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: Please read: tidythemes.com/concept. BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability and no intrusive visual CSS styles have been added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/tidythemes/blankslate/issues. Thank you.
Version: 2019.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2019 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

@charset "UTF-8";
/* @import url('./assets/css/Roboto.css'); */
/* @import url('./assets/css/Poppins.css'); */
@import url('assets/css/WordSans.css');
@import url('assets/css/color-theme.css');

html {
    font-size: 65%
}

body {
    font-family: -apple-system, BlinkMacSystemFont,'Segoe UI','Roboto', 'Droid Sans','Helvetica Neue', 'Helvetica', 'Arial', sans-serif !important;
}


/* @font-face {
    font-family: 'GT Eesti Pro Display';
    src: url(https://fonts.gstatic.com/s/poppins/v6/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'GT Eesti Pro Display';
    src: url(https://fonts.gstatic.com/s/poppins/v6/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'GT Eesti Pro Display';
    src: url(https://fonts.gstatic.com/s/poppins/v6/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'GT Eesti Pro Display';
    src: url(https://fonts.gstatic.com/s/poppins/v6/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format('woff2');
    font-weight: 300;
    font-style: normal
} */

@font-face {
    font-family: FontAwesome;
    src: url(https://d1vqfl8cu8qgdj.cloudfront.net/assets/fonts/fontawesome-webfont.eot?v=4.5.0);
    src: url(https://d1vqfl8cu8qgdj.cloudfront.net/assets/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0) format("embedded-opentype"), url(https://d1vqfl8cu8qgdj.cloudfront.net/assets/fonts/fontawesome-webfont.ttf?v=4.5.0) format("truetype"), url(https://d1vqfl8cu8qgdj.cloudfront.net/assets/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}

.tour_drop .g_left,
.travel_tooltrip .lefttitle,
.viewbtn-grey {
    float: left
}

@font-face {
    font-family: soap-icons;
    src: url(https://d1vqfl8cu8qgdj.cloudfront.net/assets/fonts/soap-icons.eot?26664784);
    src: url(https://d1vqfl8cu8qgdj.cloudfront.net/assets/fonts/soap-icons.eot?26664784#iefix) format("embedded-opentype"), url(https://d1vqfl8cu8qgdj.cloudfront.net/assets/fonts/soap-icons.ttf) format("truetype"), url(https://d1vqfl8cu8qgdj.cloudfront.net/assets/fonts/soap-icons.svg?26664784#soap-icons) format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(https://d1vqfl8cu8qgdj.cloudfront.net/assets/fonts/glyphicons-halflings-regular.eot);
    src: url(https://d1vqfl8cu8qgdj.cloudfront.net/assets/fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(https://d1vqfl8cu8qgdj.cloudfront.net/assets/fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(https://d1vqfl8cu8qgdj.cloudfront.net/assets/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")
}

.btn,
.flex-viewport .slides li {
    -moz-user-select: none;
    -webkit-user-select: none
}

*,
.media,
.media-body {
    zoom: 1
}

*,
html {
    -webkit-tap-highlight-color: transparent
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background: 0 0
}

a:active,
a:hover {
    outline: 0
}

b,
optgroup,
strong {
    font-weight: 500
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

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

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre,
textarea {
    overflow: auto
}

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

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

address,
cite {
    font-style: normal
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

.box-title small,
.initialism,
.uppercase,
form label {
    text-transform: uppercase
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button.close,
input[type=search] {
    -webkit-appearance: none
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

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

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

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

td,
th {
    padding: 0
}

@media print {

    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }

    * {
        text-shadow: none !important;
        color: #000 !important;
        background: 0 0 !important;
        box-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " ("attr(href) ")"
    }

    abbr[title]:after {
        content: " ("attr(title) ")"
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }

    blockquote,
    pre {
        border: 1px solid #999
    }

    thead {
        display: table-header-group
    }

    img {
        max-width: 100% !important
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    select {
        background: #fff !important
    }

    .navbar {
        display: none
    }

    .table td,
    .table th {
        background-color: #fff !important
    }

    .btn>.caret,
    .dropup>.btn>.caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table-bordered td,
    .table-bordered th {
        border: 1px solid #ddd !important
    }
}

.btn,
.btn-danger.active,
.btn-danger:active,
.btn-default.active,
.btn-default:active,
.btn-info.active,
.btn-info:active,
.btn-primary.active,
.btn-primary:active,
.btn-success.active,
.btn-success:active,
.btn-warning.active,
.btn-warning:active,
.btn.active,
.btn:active,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover,
.form-control,
.navbar-toggle,
.open .dropdown-toggle.btn-danger,
.open .dropdown-toggle.btn-default,
.open .dropdown-toggle.btn-info,
.open .dropdown-toggle.btn-primary,
.open .dropdown-toggle.btn-success,
.open .dropdown-toggle.btn-warning {
    background-image: none
}

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

.btmtricircle.halfy:before,
input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

*,
input[type=search] {
    box-sizing: border-box
}

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

a {
    text-decoration: none
}

a:focus {
    outline-offset: -2px
}

img {
    vertical-align: middle
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail a>img,
.thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

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

.img-circle {
    border-radius: 50%
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
    font-weight: 400;
    line-height: 1;
    color: #999
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
    font-size: 65%
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
    font-size: 75%
}

.h1,
h1 {
    font-size: 36px
}

.h2,
h2 {
    font-size: 30px
}

.h3,
h3 {
    font-size: 24px
}

.h4,
h4 {
    font-size: 18px
}

.h5,
h5 {
    font-size: 14px
}

.h6,
h6 {
    font-size: 12px
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 200;
    line-height: 1.4
}

address,
blockquote .small,
blockquote footer,
blockquote small,
dd,
dt,
pre {
    line-height: 1.42857143
}

@media (min-width: 768px) {
    .lead {
        font-size: 21px
    }
}

.small,
small {
    font-size: 85%
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-muted {
    color: #999
}

.text-primary {
    color: #428bca
}

a.text-primary:hover {
    color: #3071a9
}

.text-success {
    color: #3c763d
}

a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:hover {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #428bca
}

a.bg-primary:hover {
    background-color: #3071a9
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:hover {
    background-color: #e4b9b9
}

pre code,
table {
    background-color: transparent
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

dl,
ol,
ul {
    margin-top: 0
}

blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child,
ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

address,
dl {
    margin-bottom: 20px
}

ol,
ul {
    margin-bottom: 10px;
    list-style: none
}

.list-inline {
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dd {
    margin-left: 0
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[data-original-title],
abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #999
}

.initialism {
    font-size: 90%
}

blockquote {
    margin: 0 0 20px
}

blockquote .small,
blockquote footer,
blockquote small {
    display: block;
    font-size: 80%;
    color: #999
}

legend,
pre {
    display: block;
    color: #333
}

blockquote .small:before,
blockquote footer:before,
blockquote small:before {
    content: '\2014 \00A0'
}

.blockquote-reverse,
blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eee;
    border-left: 0;
    text-align: right
}

code,
kbd {
    padding: 2px 4px;
    font-size: 90%
}

.blockquote-reverse .small:before,
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
blockquote.pull-right .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before {
    content: ''
}

.blockquote-reverse .small:after,
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
blockquote.pull-right .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after {
    content: '\00A0 \2014'
}

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

code {
    color: #c7254e;
    background-color: #f9f2f4;
    white-space: nowrap;
    border-radius: 4px
}

kbd {
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25)
}

pre {
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    border-radius: 0
}

.badge,
.btn,
.dropdown-menu>li>a,
.input-group-btn,
.label {
    white-space: nowrap
}

.container,
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

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

@media (min-width: 992px) {
    .container {
        width: 970px
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px
    }
}

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

.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-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-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-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: 0
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: 0
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

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

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

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

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

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

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width: 768px) {

    .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 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: 0
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: 0
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

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

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

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

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

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

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 992px) {

    .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 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: 0
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: 0
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

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

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

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

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

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

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1200px) {

    .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 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: 0
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: 0
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

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

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

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

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

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

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

table {
    max-width: 100%
}

th {
    text-align: left
}

.table {
    width: 100%;
    margin-bottom: 20px
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

#cruise-availability .room-list .box .action-section,
#hotel-availability .room-list .box .action-section,
.table>thead>tr>th {
    vertical-align: bottom;
    font-weight: 400
}

.table>thead>tr>th {
    border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
    border-top: 0
}

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

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

.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
    padding: 5px
}

.table-bordered,
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid #ddd
}

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

.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover>td,
.table-hover>tbody>tr:hover>th,
.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active {
    background-color: #f5f5f5
}

table col[class*=col-] {
    position: static;
    float: none;
    display: table-column
}

table td[class*=col-],
table th[class*=col-] {
    position: static;
    float: none;
    display: table-cell
}

.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr.active:hover>th,
.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover {
    background-color: #e8e8e8
}

.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>thead>tr>td.success,
.table>thead>tr>th.success {
    background-color: #dff0d8
}

.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr.success:hover>th,
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover {
    background-color: #d0e9c6
}

.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>thead>tr.info>th,
.table>thead>tr>td.info,
.table>thead>tr>th.info {
    background-color: #d9edf7
}

.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr.info:hover>th,
.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover {
    background-color: #c4e3f3
}

.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>thead>tr>td.warning,
.table>thead>tr>th.warning {
    background-color: #fcf8e3
}

.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr.warning:hover>th,
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover {
    background-color: #faf2cc
}

.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>thead>tr>td.danger,
.table>thead>tr>th.danger {
    background-color: #f2dede
}

.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr.danger:hover>th,
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover {
    background-color: #ebcccc
}

@media (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        overflow-x: scroll;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>td,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }

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

    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }
}

fieldset,
legend {
    padding: 0;
    border: 0
}

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

legend {
    width: 100%;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 500
}

input[type=checkbox],
input[type=radio] {
    margin: 4px 0 0;
    line-height: normal
}

.form-control,
output {
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    display: block
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple],
select[size] {
    height: auto
}

input[type=checkbox]:focus,
input[type=file]:focus,
input[type=radio]:focus {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

output {
    padding-top: 7px
}

.form-control {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

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

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .form-control-feedback,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline {
    color: #3c763d
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1
}

textarea.form-control {
    height: auto
}

input[type=date] {
    line-height: 34px
}

.form-group {
    margin-bottom: 15px
}

.checkbox,
.radio {
    display: block;
    min-height: 20px;
    margin-bottom: 10px;
    padding-left: 20px
}

.checkbox label,
.radio label {
    display: inline;
    font-weight: 400;
    cursor: pointer
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
    float: left;
    margin-left: -20px
}

.checkbox+.checkbox,
.radio+.radio {
    margin-top: -5px
}

.checkbox-inline,
.radio-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer
}

.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px
}

.checkbox-inline[disabled],
.checkbox[disabled],
.radio-inline[disabled],
.radio[disabled],
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox][disabled],
input[type=radio][disabled] {
    cursor: not-allowed
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

select[multiple].input-sm,
textarea.input-sm {
    height: auto
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

select.input-lg {
    height: 46px;
    line-height: 46px
}

select[multiple].input-lg,
textarea.input-lg {
    height: auto
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 42.5px
}

.has-feedback .form-control-feedback {
    position: absolute;
    top: 25px;
    right: 0;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center
}

.collapsing,
.dropdown {
    position: relative
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .form-control-feedback,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .form-control-feedback,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.form-control-static {
    margin-bottom: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

@media (min-width: 768px) {

    .form-inline .checkbox,
    .form-inline .form-control,
    .form-inline .form-group,
    .form-inline .radio {
        display: inline-block;
        vertical-align: middle
    }

    .form-inline .control-label,
    .form-inline .form-group {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        width: auto
    }

    .form-inline .input-group>.form-control {
        width: 100%
    }

    .form-inline .checkbox,
    .form-inline .radio {
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0
    }

    .form-inline .checkbox input[type=checkbox],
    .form-inline .radio input[type=radio] {
        float: none;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }

    .form-horizontal .control-label {
        text-align: right
    }
}

.btn-group>.btn-group,
.btn-toolbar .btn-group,
.btn-toolbar .input-group,
.dropdown-menu {
    float: left
}

.badge,
.btn,
.input-group-addon,
.label,
.nav-justified>li>a,
.pager,
.progress-bar {
    text-align: center
}

.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .checkbox,
.form-horizontal .radio {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}

.form-horizontal .form-control-static {
    padding-top: 7px
}

.form-horizontal .has-feedback .form-control-feedback {
    top: 0;
    right: 15px
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -ms-user-select: none;
    user-select: none
}

.btn.active:focus,
.btn:active:focus,
.btn:focus {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

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

.btn.active,
.btn:active {
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-default.active,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open .dropdown-toggle.btn-default {
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad
}

.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #ccc
}

.btn-default .badge {
    color: #fff;
    background-color: #333
}

.btn-primary {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd
}

.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #3276b1;
    border-color: #285e8e
}

.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #428bca;
    border-color: #357ebd
}

.btn-primary .badge {
    color: #428bca;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success.active,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.open .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #47a447;
    border-color: #398439
}

.btn-success.disabled,
.btn-success.disabled.active,
.btn-success.disabled:active,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled],
.btn-success[disabled].active,
.btn-success[disabled]:active,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success.active,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info.active,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.open .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #39b3d7;
    border-color: #269abc
}

.btn-info.disabled,
.btn-info.disabled.active,
.btn-info.disabled:active,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled],
.btn-info[disabled].active,
.btn-info[disabled]:active,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info.active,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning.active,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ed9c28;
    border-color: #d58512
}

.btn-warning.disabled,
.btn-warning.disabled.active,
.btn-warning.disabled:active,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled],
.btn-warning[disabled].active,
.btn-warning[disabled]:active,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning.active,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

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

.btn-danger.active,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.open .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #d2322d;
    border-color: #ac2925
}

.btn-danger.disabled,
.btn-danger.disabled.active,
.btn-danger.disabled:active,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled],
.btn-danger[disabled].active,
.btn-danger[disabled]:active,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger.active,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
    background-color: #d9534f;
    border-color: #d43f3a
}

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

.btn-link {
    color: #428bca;
    font-weight: 400;
    cursor: pointer;
    border-radius: 0
}

.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
    border-color: transparent
}

.btn-link:focus,
.btn-link:hover {
    color: #2a6496;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
    color: #999;
    text-decoration: none
}

.btn-group-lg>.btn,
.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

.btn-group-sm>.btn,
.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-group-xs>.btn,
.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

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

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

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

.fade.in {
    opacity: 1
}

.collapse {
    display: none !important
}

.collapse.in {
    display: block !important
}

.collapsing {
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    transition: height .35s ease
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box
}

.dropdown-menu-right,
.dropdown-menu.pull-right {
    left: auto;
    right: 0
}

.dropdown-header,
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    line-height: 1.42857143
}

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

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu>li>a {
    clear: both;
    font-weight: 400;
    color: #333
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #428bca
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    color: #999
}

.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

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

.dropdown-header {
    font-size: 12px;
    color: #999
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover,
.input-group-btn>.btn:active,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:hover {
    z-index: 2
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid;
    content: ""
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px
}

.modal,
.modal-backdrop {
    bottom: 0;
    right: 0;
    left: 0;
    top: 0
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0
    }

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

.nav-justified>.dropdown .dropdown-menu,
.nav-tabs.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    float: left
}

.btn-group-vertical>.btn:focus,
.btn-group>.btn:focus {
    outline: 0
}

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

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
    margin-left: 5px
}

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

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

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

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

.btn-group>.btn-group:last-child>.btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group>.btn+.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

.btn-group>.btn-lg+.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-lg .caret {
    border-width: 5px 5px 0
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical>.btn-group>.btn {
    float: none
}

.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
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group,
.input-group-btn>.btn+.btn {
    margin-left: -1px
}

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

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

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

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

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

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified>.btn,
.btn-group-justified>.btn-group {
    float: none;
    display: table-cell;
    width: 1%
}

.btn-group-justified>.btn-group .btn {
    width: 100%
}

[data-toggle=buttons]>.btn>input[type=checkbox],
[data-toggle=buttons]>.btn>input[type=radio] {
    display: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*=col-] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

select.input-group-lg>.form-control,
select.input-group-lg>.input-group-addon,
select.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    line-height: 46px
}

select[multiple].input-group-lg>.form-control,
select[multiple].input-group-lg>.input-group-addon,
select[multiple].input-group-lg>.input-group-btn>.btn,
textarea.input-group-lg>.form-control,
textarea.input-group-lg>.input-group-addon,
textarea.input-group-lg>.input-group-btn>.btn {
    height: auto
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    line-height: 30px
}

select[multiple].input-group-sm>.form-control,
select[multiple].input-group-sm>.input-group-addon,
select[multiple].input-group-sm>.input-group-btn>.btn,
textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn {
    height: auto
}

.input-group .form-control,
.input-group-addon,
.input-group-btn {
    display: table-cell
}

.nav>li,
.nav>li>a {
    display: block;
    position: relative
}

.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px
}

.input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px
}

.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px
}

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

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

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    position: relative;
    font-size: 0
}

.input-group-btn>.btn {
    position: relative
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
    margin-right: -1px
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.nav>li>a {
    padding: 10px 15px
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: #eee
}

.nav>li.disabled>a {
    color: #999
}

.nav>li.disabled>a:focus,
.nav>li.disabled>a:hover {
    color: #999;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: #eee;
    border-color: #428bca
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav>li>a>img {
    max-width: none
}

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

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0
}

.nav-tabs.nav-justified>li {
    float: none
}

.nav-tabs.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px;
    margin-right: 0;
    border-radius: 4px
}

.br-ddd,
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%
    }

    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0;
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:focus,
    .nav-tabs.nav-justified>.active>a:hover {
        border-bottom-color: #fff
    }
}

.nav-pills>li {
    float: left
}

.nav-justified>li,
.nav-stacked>li {
    float: none
}

.nav-pills>li>a {
    border-radius: 4px
}

.nav-pills>li+li {
    margin-left: 2px
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #428bca
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified {
    width: 100%
}

.nav-justified>li>a {
    margin-bottom: 5px
}

.nav-tabs-justified {
    border-bottom: 0
}

.nav-tabs-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:focus,
.nav-tabs-justified>.active>a:hover {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-justified>li {
        display: table-cell;
        width: 1%
    }

    .nav-justified>li>a {
        margin-bottom: 0
    }

    .nav-tabs-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified>.active>a,
    .nav-tabs-justified>.active>a:focus,
    .nav-tabs-justified>.active>a:hover {
        border-bottom-color: #fff
    }
}

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

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

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

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

.navbar-collapse {
    max-height: 340px;
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 4px
    }

    .navbar-header {
        float: left
    }

    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}

.carousel-inner,
.media,
.media-body,
.modal-open,
.progress {
    overflow: hidden
}

.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container>.navbar-header {
    margin-right: -15px;
    margin-left: -15px
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

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

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    padding: 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px
}

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

@media (min-width: 768px) {

    .container-fluid>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header {
        margin-right: 0;
        margin-left: 0
    }

    .navbar-fixed-bottom,
    .navbar-fixed-top,
    .navbar-static-top {
        border-radius: 0
    }

    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: -15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

@media (min-width: 768px) {
    .navbar-toggle {
        display: none
    }
}

.breadcrumb>li,
.pagination {
    display: inline-block
}

.navbar-nav {
    margin: 7.5px -15px
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px
    }

    .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-nav .open .dropdown-menu>li>a:hover {
        background-image: none
    }
}

.progress-striped .progress-bar,
.progress-striped .progress-bar-info,
.progress-striped .progress-bar-success,
.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav>li {
        float: left
    }

    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .navbar-nav.navbar-right:last-child {
        margin-right: -15px
    }

    .navbar-left {
        float: left !important
    }

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

.navbar-form {
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    margin: 8px -15px
}

@media (min-width: 768px) {

    .navbar-form .checkbox,
    .navbar-form .form-control,
    .navbar-form .form-group,
    .navbar-form .radio {
        display: inline-block;
        vertical-align: middle
    }

    .navbar-form .control-label,
    .navbar-form .form-group {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        width: auto
    }

    .navbar-form .input-group>.form-control {
        width: 100%
    }

    .navbar-form .checkbox,
    .navbar-form .radio {
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0
    }

    .navbar-form .checkbox input[type=checkbox],
    .navbar-form .radio input[type=radio] {
        float: none;
        margin-left: 0
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }

    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-form.navbar-right:last-child {
        margin-right: -15px
    }

    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px
    }

    .navbar-text.navbar-right:last-child {
        margin-right: 0
    }
}

.badge,
.label {
    font-weight: 700;
    line-height: 1;
    vertical-align: baseline
}

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

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px
}

.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navbar-default .navbar-brand {
    color: #777
}

.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
    color: #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #333;
    background-color: transparent
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: #e7e7e7
}

.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:focus,
.navbar-default .navbar-nav>.disabled>a:hover {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #e7e7e7
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    background-color: #e7e7e7;
    color: #555
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #777
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #333;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

.navbar-default .navbar-link:hover {
    color: #333
}

.navbar-inverse {
    background-color: #222;
    border-color: #080808
}

.navbar-inverse .navbar-brand {
    color: #999
}

.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav>li>a,
.navbar-inverse .navbar-text {
    color: #999
}

.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #080808
}

.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:focus,
.navbar-inverse .navbar-nav>.disabled>a:hover {
    color: #444;
    background-color: transparent
}

.navbar-inverse .navbar-toggle {
    border-color: #333
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #101010
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
    background-color: #080808;
    color: #fff
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #999
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #fff;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #999
}

.navbar-inverse .navbar-link:hover {
    color: #fff
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px
}

.breadcrumb>li+li:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #ccc
}

.breadcrumb>.active {
    color: #999
}

.pagination {
    padding-left: 0;
    margin: 20px 0
}

.pager li,
.pagination>li {
    display: inline
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    text-decoration: none;
    background-color: #fff;
    margin-left: -1px
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    background-color: #eee;
    border-color: #ddd
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    background-color: #428bca;
    border-color: #428bca;
    cursor: default
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    color: #999;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed
}

.pagination-lg>li>a,
.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.pagination-sm>li>a,
.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    list-style: none
}

.pager li>a,
.pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px
}

.pager li>a:focus,
.pager li>a:hover {
    text-decoration: none;
    background-color: #eee
}

.pager .next>a,
.pager .next>span {
    float: right
}

.pager .previous>a,
.pager .previous>span {
    float: left
}

.pager .disabled>a,
.pager .disabled>a:focus,
.pager .disabled>a:hover,
.pager .disabled>span {
    color: #999;
    background-color: #fff;
    cursor: not-allowed
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    color: #fff;
    border-radius: .25em
}

.label[href]:focus,
.label[href]:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label:empty {
    display: none
}

.label-default {
    background-color: #999
}

.label-default[href]:focus,
.label-default[href]:hover {
    background-color: grey
}

.label-primary {
    background-color: #428bca
}

.label-primary[href]:focus,
.label-primary[href]:hover {
    background-color: #3071a9
}

.label-success {
    background-color: #5cb85c
}

.label-success[href]:focus,
.label-success[href]:hover {
    background-color: #449d44
}

.label-info {
    background-color: #5bc0de
}

.label-info[href]:focus,
.label-info[href]:hover {
    background-color: #31b0d5
}

.label-warning {
    background-color: #f0ad4e
}

.label-warning[href]:focus,
.label-warning[href]:hover {
    background-color: #ec971f
}

.label-danger {
    background-color: #d9534f
}

.label-danger[href]:focus,
.label-danger[href]:hover {
    background-color: #c9302c
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    color: #fff;
    background-color: #999;
    border-radius: 10px
}

.badge:empty {
    display: none
}

.media-object,
.thumbnail {
    display: block
}

.btn-xs .badge {
    top: 0;
    padding: 1px 5px
}

a.badge:focus,
a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.nav-pills>.active>a>.badge,
a.list-group-item.active>.badge {
    color: #428bca;
    background-color: #fff
}

.jumbotron,
.jumbotron .h1,
.jumbotron h1 {
    color: inherit
}

.nav-pills>li>a>.badge {
    margin-left: 3px
}

.jumbotron {
    padding: 30px;
    margin-bottom: 30px;
    background-color: #eee
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200
}

.alert,
.thumbnail {
    margin-bottom: 20px
}

.alert .alert-link,
.close {
    font-weight: 700
}

.container .jumbotron {
    border-radius: 6px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px
    }

    .container .jumbotron {
        padding-left: 60px;
        padding-right: 60px
    }

    .jumbotron .h1,
    .jumbotron h1 {
        font-size: 63px
    }
}

.thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.thumbnail a>img,
.thumbnail>img {
    margin-left: auto;
    margin-right: auto
}

a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
    border-color: #428bca
}

.thumbnail .caption {
    padding: 9px;
    color: #333
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert>p,
.alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable {
    padding-right: 35px
}

.alert-dismissable .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

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

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

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

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

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

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

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

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

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    background-color: #428bca;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    transition: width .6s ease
}

.close,
.list-group-item>.badge {
    float: right
}

.progress-striped .progress-bar {
    background-size: 40px 40px
}

.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.media,
.media .media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media-heading {
    margin: 0 0 5px
}

.media>.pull-left {
    margin-right: 10px
}

.media>.pull-right {
    margin-left: 10px
}

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

.list-group {
    margin-bottom: 20px;
    padding-left: 0
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

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

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

.list-group-item>.badge+.badge {
    margin-right: 5px
}

a.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:focus,
a.list-group-item:hover {
    text-decoration: none;
    background-color: #f5f5f5
}

a.list-group-item.active,
a.list-group-item.active:focus,
a.list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #428bca;
    border-color: #428bca
}

a.list-group-item.active .list-group-item-heading,
a.list-group-item.active:focus .list-group-item-heading,
a.list-group-item.active:hover .list-group-item-heading {
    color: inherit
}

a.list-group-item.active .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text {
    color: #e1edf7
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:focus,
a.list-group-item-success:hover {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active,
a.list-group-item-success.active:focus,
a.list-group-item-success.active:hover {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:focus,
a.list-group-item-info:hover {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active,
a.list-group-item-info.active:focus,
a.list-group-item-info.active:hover {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:focus,
a.list-group-item-warning:hover {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:focus,
a.list-group-item-warning.active:hover {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger {
    color: #a94442
}

a.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:focus,
a.list-group-item-danger:hover {
    color: #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:focus,
a.list-group-item-danger.active:hover {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

.panel-heading>.dropdown .dropdown-toggle,
.panel-title,
.panel-title>a {
    color: inherit
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-title,
.panel>.list-group,
.panel>.table,
.panel>.table-responsive>.table {
    margin-bottom: 0
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel-title {
    margin-top: 0;
    font-size: 16px
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel-group .panel-heading,
.panel>.list-group:last-child .list-group-item:last-child,
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
    border-bottom: 0
}

.panel>.list-group:last-child .list-group-item:last-child,
.panel>.table-responsive:last-child>.table:last-child,
.panel>.table:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.panel>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0
}

.panel>.table-responsive:first-child>.table:first-child,
.panel>.table:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
    border-top-left-radius: 3px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
    border-top-right-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 3px
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive {
    border-top: 1px solid #ddd
}

.panel>.table>tbody:first-child>tr:first-child td,
.panel>.table>tbody:first-child>tr:first-child th {
    border-top: 0
}

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

.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
    border-left: 0
}

.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
    border-right: 0
}

.panel>.table-responsive {
    border: 0;
    margin-bottom: 0
}

.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
    overflow: hidden
}

.panel-group .panel+.panel {
    margin-top: 5px
}

.panel-group .panel-heading+.panel-collapse .panel-body {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #ddd
}

.panel-default>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #428bca
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #428bca;
    border-color: #428bca
}

.panel-primary>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #428bca
}

.panel-primary>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #428bca
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #d6e9c6
}

.panel-success>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #bce8f1
}

.panel-info>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #faebcc
}

.panel-warning>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger>.panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #ebccd1
}

.panel-danger>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #ebccd1
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, .15)
}

.well-lg {
    padding: 24px;
    border-radius: 6px
}

.well-sm {
    padding: 9px;
    border-radius: 3px
}

.close {
    font-size: 21px;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2
}

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

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0
}

.modal-content,
.popover {
    background-clip: padding-box
}

.modal {
    display: none;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

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

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

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    outline: 0
}

.modal-backdrop {
    position: fixed;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

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

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.43px
}

.modal-header .close {
    margin-top: -2px
}

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

.modal-body {
    position: relative;
    padding: 20px
}

.popover,
.tooltip,
.tooltip-arrow {
    position: absolute
}

.modal-footer {
    margin-top: 15px;
    padding: 19px 20px 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }

    .modal-sm {
        width: 300px
    }
}

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

.tooltip {
    z-index: 1030;
    display: block;
    visibility: visible;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0
}

.tooltip.in {
    opacity: .9
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    left: 50%;
    margin-left: -5px
}

.tooltip.top-left .tooltip-arrow {
    left: 5px
}

.tooltip.top-right .tooltip-arrow {
    right: 5px
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
    border-width: 0 5px 5px;
    border-bottom-color: #000;
    top: 0
}

.tooltip.bottom .tooltip-arrow {
    left: 50%;
    margin-left: -5px
}

.checkbox-inline,
.popover.right,
.radio-inline {
    margin-left: 10px
}

.tooltip.bottom-left .tooltip-arrow {
    left: 5px
}

.tooltip.bottom-right .tooltip-arrow {
    right: 5px
}

.popover {
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    white-space: normal
}

.popover.top {
    margin-top: -10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover>.arrow,
.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.carousel,
.carousel-inner {
    position: relative
}

.popover>.arrow {
    border-width: 11px
}

.popover>.arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top>.arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    bottom: -11px
}

.popover.top>.arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popover.left>.arrow:after,
.popover.right>.arrow:after {
    content: " ";
    bottom: -10px
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25)
}

.popover.right>.arrow:after {
    left: 1px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover.bottom>.arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
    top: -11px
}

.popover.bottom>.arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25)
}

.popover.left>.arrow:after {
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff
}

.carousel-inner {
    width: 100%
}

.carousel-inner>.item {
    display: none;
    position: relative;
    -webkit-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
    line-height: 1
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
    display: block
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: .5;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .5) 0), color-stop(rgba(0, 0, 0, .0001) 100%));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-repeat: repeat-x
}

.carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .0001) 0), color-stop(rgba(0, 0, 0, .5) 100%));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-repeat: repeat-x
}

.carousel-control:focus,
.carousel-control:hover {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: .9
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
    left: 50%
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
    right: 50%
}

.carousel-control .icon-next,
.carousel-control .icon-prev {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    font-family: serif
}

.carousel-control .icon-prev:before {
    content: '\2039'
}

.carousel-control .icon-next:before {
    content: '\203a'
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0)
}

.carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.carousel-caption .btn,
.text-hide {
    text-shadow: none
}

@media screen and (min-width: 768px) {

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: -15px;
        font-size: 30px
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

.btn-group-vertical>.btn-group:after,
.btn-group-vertical>.btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
    content: " ";
    display: table
}

.btn-group-vertical>.btn-group:after,
.btn-toolbar:after,
.clearfix:after,
.container-fluid:after,
.container:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.pager:after,
.panel-body:after,
.row:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.main_menu,
.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    background-color: transparent;
    border: 0
}

.affix {
    position: fixed
}

.visible-lg,
.visible-md,
.visible-sm,
.visible-xs {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs,
    th.visible-xs {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm,
    th.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md,
    th.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg,
    th.visible-lg {
        display: table-cell !important
    }

    .hidden-lg {
        display: none !important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table
    }

    tr.visible-print {
        display: table-row !important
    }

    td.visible-print,
    th.visible-print {
        display: table-cell !important
    }

    .hidden-print {
        display: none !important
    }
}

.author .name,
.box-title,
.breadcrumbs,
.f-title,
.fileinput:after,
.fourty-space,
.icon-box.style1,
.icon-box.style2,
.icon-box.style3 .description,
.icon-box.style5,
.mile,
.no-letter-spacing,
.post-meta,
.post-title,
.price,
.price-wrapper,
.s-title,
.search-results-title,
.title,
a.button,
button,
dl,
h1.fourty-space,
h2.fourty-space,
h3.fourty-space,
h4.fourty-space,
h5.fourty-space,
h6.fourty-space,
label,
span.info,
ul.tabs a {
    letter-spacing: normal !important
}

a,
a:focus,
a:hover {
    text-decoration: none
}

*,
ol,
ul {
    margin: 0
}

.image-carousel img,
.image-container img {
    max-width: 100%
}

.flex-viewport .slides li,
.hover-effect img,
.image-box.style11 figure img,
.image-box.style5 figure img {
    -webkit-backface-visibility: hidden
}

* {
    -moz-box-sizing: border-box;
    padding: 0
}

html {
    font-size: 16px;
    min-height: 100%
}

.alert:before,
.checkbox:before,
.radio:before {
    font-family: soap-icons
}

iframe,
img {
    border: 0
}

a {
    color: inherit
}

a.active,
a:focus,
a:hover,
h2.active,
h3.active,
h4.active,
h5.active,
h6.active,
span.active {
    color: var(--main-web-color)
}

a:focus {
    outline: 0
}

p {
    font-size: 1.0833em;
    line-height: 1.6666;
    margin-bottom: 15px
}

dt {
    font-weight: 400
}

.slider-img {
    height: 160px !important;
    width: 270px !important
}

.info-primary,
.info-success {
    color: #fff;
    padding: 2px 5px;
    line-height: 1em
}

.clearer,
.hidden,
.no-padding {
    padding: 0 !important
}

h1,
h2,
h4 {
    line-height: 1.25em
}

.info-success {
    background: #69902b
}

.info-primary {
    background: #2d3e52
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-weight: 400;
    color: #1a2b49
}

.top30 {
    top: 28px
}

h1 {
    font-size: 2em
}

h2 {
    font-size: 1.6667em
}

h3 {
    font-size: 1.5em;
    line-height: 1.2222em
}

h4 {
    font-size: 1.3333em
}

h5 {
    font-size: 1.1666em;
    line-height: 1.1428em
}

h6 {
    font-size: 1em
}

h1.fourty-space {
    font-size: 1.3333em;
    line-height: 1.25em
}

h2.fourty-space {
    font-size: 1.1666em;
    line-height: 1.1428em
}

h3.fourty-space {
    font-size: 1.0833em;
    line-height: 1.1428em
}

h4.fourty-space,
h5.fourty-space,
h6.fourty-space {
    line-height: 1.1em
}

h4.fourty-space {
    font-size: 1em
}

h5.fourty-space {
    font-size: .92px
}

h6.fourty-space {
    font-size: .8333em
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

hr {
    margin-top: 20px;
    margin-bottom: 20px
}

.clearer,
.hidden,
.no-margin {
    margin: 0 !important
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

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

.clearer {
    clear: both !important
}

.hidden {
    visibility: hidden !important;
    display: block !important;
    border: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important
}

.nobr {
    white-space: nowrap !important
}

.wrap {
    white-space: normal !important
}

.no-display {
    display: none
}

.no-float {
    float: none !important
}

.no-lpadding {
    padding-left: 0 !important
}

.no-rpadding {
    padding-right: 0 !important
}

.no-border {
    border: none !important
}

.full-width {
    width: 100% !important
}

img.full-width {
    height: auto
}

.underline {
    text-decoration: underline !important
}

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

.visible-sms {
    display: none
}

.overflow-hidden {
    overflow: hidden
}

.blue-color {
    color: var(--main-web-color) !important
}

.light-blue-color {
    color: #7692b4
}

.yellow-color {
    color: #fcb714 !important
}

.red-color {
    color: #e01a33 !important
}

.green-color {
    color: #7db921 !important
}

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

.dark-blue-color {
    color: #2d3e52 !important
}

.skin-color {
    color: var(--main-web-color)
}

.default-color {
    color: inherit !important
}

.gray-color {
    color: #9e9e9e !important
}

.hotel-color {
    color: var(--main-web-color)
}

.select-color {
    color: #dc373e
}

.blue-bg {
    background-color: var(--main-web-color) !important
}

.yellow-bg {
    background-color: #fdb714 !important
}

.red-bg {
    background-color: #e01a33 !important
}

.green-bg {
    background-color: #69902b !important
}

.white-bg {
    background-color: #fff !important
}

.dark-blue-bg {
    background-color: #2d3e52 !important
}

.skin-bg {
    background-color: var(--main-web-color) !important
}

.gray-bg {
    background-color: #555 !important
}

.gray-area,
section#content {
    background: #f5f5f5
}

#page-wrapper {
    position: relative;
    overflow: visible
}

.global-map-area .description p {
    color: #7c9abd
}

.global-map-area .description h1,
.global-map-area .description h2,
.global-map-area .description h3,
.global-map-area .description h4,
.global-map-area .description h5,
.global-map-area .description h6 {
    color: #fff
}

section#content {
    min-height: 400px;
    padding-top: 40px;
    text-align: left
}

section#content:after {
    display: table;
    content: "";
    clear: both
}

.sm-section {
    padding-top: 30px;
    padding-bottom: 20px
}

.md-section {
    padding-top: 40px;
    padding-bottom: 30px
}

.section {
    padding-top: 20px;
    padding-bottom: 20px
}

.small-box {
    margin-bottom: 20px
}

.box {
    margin-bottom: 30px
}

.block {
    margin-bottom: 40px
}

.large-block {
    margin-bottom: 70px
}

article {
    margin-bottom: 20px
}

#main {
    margin-bottom: 35px
}

.body-blank {
    display: table;
    height: 100%;
    left: 0;
    margin: 0;
    overflow-x: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.banner,
.selector {
    position: relative
}

.wrapper-blank {
    display: table-cell;
    float: none;
    vertical-align: middle;
    width: 100%
}

.table-wrapper {
    display: table
}

.table-wrapper .table-row {
    display: table-row;
    float: none !important
}

.table-wrapper .table-cell {
    display: table-cell;
    vertical-align: top;
    float: none !important
}

.table-wrapper .table-cell.content-middle {
    vertical-align: middle
}

.imagebg-container {
    background-repeat: no-repeat;
    background-position: center center
}

.banner {
    z-index: 1;
    padding: 90px 0
}

.banner .big-caption,
.banner .med-caption {
    color: #fff;
    text-shadow: -2px 2px 3px rgba(0, 0, 0, .25)
}

.banner .big-caption {
    font-size: 4.1667em
}

.banner .med-caption {
    font-size: 2.9em
}

.box-title {
    margin-bottom: 0;
    line-height: 1em
}

.box-title small {
    font-size: 10px;
    color: #768092;
    display: block;
    margin-top: 4px
}

.box-title small [class^=soap-icon] {
    color: #fcb714;
    font-size: 1.3333em
}

h2.box-title small {
    font-size: 11px
}

h1.box-title small {
    font-size: 12px
}

.s-title {
    color: var(--main-web-color)
}

.s-title a:hover {
    color: #40cbf8
}

.m-title {
    margin: 0
}

.f-title {
    margin-bottom: 10px
}

.border-bottom {
    border-bottom: 1px solid #f5f5f5
}

.flex-viewport .slides li {
    -webkit-perspective: 1000;
    -webkit-transform: translateZ(0);
    -khtml-user-select: none;
    -o-user-select: none
}

input.input-text,
select,
span.custom-select,
textarea {
    border: thin solid #e9e9e9 !important;
    background: #f5f5f5;
    line-height: normal
}

input.input-text,
span.custom-select,
textarea {
    padding-left: 5px;
    padding-right: 15px;
    height: 34px;
    color: #767676
}

input.input-text.input-large,
span.custom-select.input-large,
textarea.input-large {
    height: 43px;
    font-size: 1.1667em
}

input.input-text.input-medium,
span.custom-select.input-medium,
textarea.input-medium {
    height: 34px
}

input.input-text.input-small,
span.custom-select.input-small,
textarea.input-small {
    height: 28px
}

input.input-text.input-mini,
span.custom-select.input-mini,
textarea.input-mini {
    height: 19px
}

input.input-text.white,
span.custom-select.white,
textarea.white {
    background: #fff
}

textarea {
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px
}

select {
    height: 34px;
    padding: 8px 0 8px 8px
}

select option {
    padding: 2px 10px
}

.selector {
    min-width: 50px;
    line-height: 0
}

.selector select {
    position: absolute;
    z-index: 1;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    width: 100%;
    -webkit-appearance: menulist-button;
    line-height: 30px;
    outline: 0
}

.selector span.custom-select {
    display: inline-block;
    line-height: 38px;
    padding: 0 10px;
    position: relative;
    width: 100%;
    overflow: hidden;
    white-space: nowrap
}

.selector span.custom-select:before {
    position: absolute;
    right: 0;
    top: 0;
    content: '';
    width: 25px;
    height: 100%
}

.selector span.custom-select::after {
    position: absolute;
    right: 7px;
    top: 8px;
    content: "";
    padding: 7px;
    background-position: -113px -36px !important
}

.selector.style1 span.custom-select:before {
    background: 0 0
}

.selector.style1 span.custom-select:after {
    border-top-color: #dc373e
}

.fileinput {
    position: relative;
    display: inline-block;
    min-width: 100px
}

.fileinput input[type=file] {
    position: relative;
    z-index: 2;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    width: 100%
}

.fileinput .custom-fileinput {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    line-height: normal
}

.fileinput:after {
    display: block;
    content: "BROWSE";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: #dc373e;
    color: #fff;
    font-size: 1em;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 700;
    vertical-align: middle
}

.checkbox,
.radio {
    position: relative;
    margin-top: 0;
    line-height: 16px
}

.checkbox:before,
.radio:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 14px;
    height: 14px;
    border: 1px solid #d1d1d1;
    z-index: 0;
    line-height: 12px;
    text-align: center
}

.checkbox.checked:before,
.radio.checked:before {
    border-color: var(--main-web-color);
    color: #fff;
    background: -55px -201px var(--main-web-color)
}

.barline {
    width: 17px;
    height: 2px;
    background-color: #768092;
    margin: 4px 6px;
    transition: .4s
}

.menu_circle {
    border: 2px solid #768092;
    line-height: 30px;
    color: #768092;
    font-size: 17px;
    padding-top: 4px;
    background: #fff !important
}

.checkbox label,
.checkbox.label {
    font-size: 1.0833em;
    line-height: 20px;
    color: #768092
}

.checkbox input[type=checkbox] {
    position: relative;
    z-index: 1;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.radio label,
.radio.label {
    font-size: .9167em;
    line-height: 20px
}

.radio input[type=radio] {
    position: relative;
    z-index: 1;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.radio:before {
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50%;
    font-size: 1.3333em;
    line-height: 13px
}

.radio.radio-square:before {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

form label {
    display: block;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 11px
}

a.button.btn-large,
a.button.btn-medium,
a.button.btn-small,
a.button.full-width,
button {
    font-weight: 500
}

form .checkbox label,
form label.checkbox {
    font-size: 1.0833em;
    text-transform: none
}

.dropcap:first-letter,
.price,
.price-wrapper,
.time,
a.button.btn-extra,
button.btn-extra,
dl.term-description {
    text-transform: uppercase
}

form .radio label,
form label.radio {
    font-size: .9167em
}

form .form-group {
    margin-bottom: 15px
}

.sidebar form .form-group {
    margin-bottom: 10px
}

.panel-content form label,
.sidebar form label {
    font-size: .8333em;
    margin-bottom: 3px
}

a.button,
button {
    border: none;
    color: #fff;
    cursor: pointer;
    padding: 0 15px;
    white-space: nowrap
}

a.button.btn-large,
button.btn-large {
    padding: 0 32px;
    height: 43px;
    font-size: 1.1667em;
    /*line-height: 43px;*/
    font-weight: 500;
}

a.button.btn-medium,
button.btn-medium {
    padding: 0 32px;
    height: 34px;
    line-height: 34px;
    font-size: 1em
}

a.button.btn-small,
button.btn-small {
    height: 28px;
    padding: 0 24px;
    line-height: 28px;
    font-size: 15px
}

a.button.btn-mini,
button.btn-mini {
    height: 19px;
    padding: 0 20px;
    font-size: .8333em;
    line-height: 19px
}

a.button.full-width,
button.full-width {
    padding-left: 0;
    padding-right: 0
}

button {
    font-size: .9167em;
    background: var(--main-web-color);
    height: 34px;
    line-height: 34px
}

button:hover {
    background: #0098c9
}

a.button {
    display: inline-block;
    background: var(--main-web-color);
    font-size: .8333em;
    line-height: 1.8333em;
    white-space: nowrap;
    text-align: center
}

a.button:hover {
    background: #0098c9
}

a.button.btn-mini {
    padding-left: 10px;
    padding-right: 10px
}

a.button.white,
button.white {
    background: #fff;
    color: inherit
}

a.button.silver,
button.silver {
    background: #d9d9d9
}

a.button.sky-blue1,
button.sky-blue1 {
    background: var(--main-web-color)
}

a.button.sky-blue1:hover,
button.sky-blue1:hover {
    background: #07a5d8
}

a.button.yellow,
button.yellow {
    background: #dc373e
}

a.button.yellow:hover,
button.yellow:hover {
    background: #e9b02b
}

a.button.dark-blue1,
button.dark-blue1 {
    background: #2d3e52
}

a.button.green,
button.green {
    background: #69902b
}

a.button.green:hover,
button.green:hover {
    background: #7fb231
}

a.button.red,
button.red {
    background: #e44049
}

a.button.light-brown,
button.light-brown {
    background: #e6c687
}

a.button.orange,
button.orange {
    background: #ff6000
}

a.button.dull-blue,
button.dull-blue {
    background: #12a0c3
}

a.button.light-orange,
button.light-orange {
    background: #f5a77d
}

a.button.light-purple,
button.light-purple {
    background: #db8df6
}

a.button.sea-blue,
button.sea-blue {
    background: #0ab596
}

a.button.sky-blue2,
button.sky-blue2 {
    background: #6dace6
}

a.button.dark-blue2,
button.dark-blue2 {
    background: #194eb0
}

a.button.dark-orange,
button.dark-orange {
    background: #ff3e3e
}

a.button.purple,
button.purple {
    background: #9f60b5
}

a.button.light-yellow,
button.light-yellow {
    background: #99cd44
}

a.button.btn-extra,
button.btn-extra {
    font-size: 1em;
    height: 70px;
    padding: 0;
    background: 0 0;
    color: #fff;
    line-height: 1.5em;
    border: 1px solid var(--main-web-color);
    border-left: none;
    position: relative;
    overflow: hidden;
    letter-spacing: 0;
    display: inline-table;
    table-layout: fixed;
    margin-right: 10px;
    margin-bottom: 10px
}

a.button.btn-extra>i,
button.btn-extra>i {
    width: 55px;
    vertical-align: middle;
    background: var(--main-web-color);
    color: #2d3e52;
    font-size: 36px;
    display: table-cell;
    height: 70px;
    text-align: right;
    padding-right: 8px
}

a.button.btn-extra>i:after,
button.btn-extra>i:after {
    display: block;
    content: "";
    position: absolute;
    left: 55px;
    border-bottom: 70px solid var(--main-web-color);
    border-right: 16px solid transparent;
    top: 0;
    bottom: 0
}

a.button.btn-extra>span,
button.btn-extra>span {
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px 0 35px;
    text-align: left
}

a.button.btn-extra>span em,
button.btn-extra>span em {
    color: var(--main-web-color);
    font-size: 1.6667em;
    font-weight: 700;
    font-style: normal
}

a.button.btn-extra:hover,
button.btn-extra:hover {
    color: inherit;
    background: #fff;
    border: none;
    border-right: 1px solid transparent !important
}

a.button.btn-extra:hover>i,
button.btn-extra:hover>i {
    color: #fff
}

a.button.btn-extra.blue,
button.btn-extra.blue {
    border-color: var(--main-web-color)
}

a.button.btn-extra.blue>i,
button.btn-extra.blue>i {
    background: var(--main-web-color)
}

a.button.btn-extra.blue>i:after,
button.btn-extra.blue>i:after {
    border-bottom-color: var(--main-web-color)
}

a.button.btn-extra.blue>span em,
button.btn-extra.blue>span em {
    color: var(--main-web-color)
}

a.button.btn-extra.yellow>i:after,
button.btn-extra.yellow>i:after {
    border-bottom-color: #dc373e
}

a.button.btn-extra.yellow>span em,
button.btn-extra.yellow>span em {
    color: #dc373e
}

.icon-check {
    position: relative;
    padding-right: 30px !important;
    padding-left: 0 !important;
    overflow: hidden
}

.icon-check:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 100%;
    background: url(../../../assets/img/icon/icon-check.html) center center no-repeat #0098c9
}

.icon-check:hover:after {
    background-color: #0098c9
}

.with-icon {
    position: relative;
    padding: 0 !important;
    display: inline-block
}

.with-icon .icon {
    position: absolute;
    right: 0;
    top: 50%;
    margin: -17px 0 0 !important;
    width: 30px;
    font-size: 18px;
    color: #a4a4a4;
    background: 0 0;
    padding: 0 !important;
    height: auto
}

.with-icon .input-text {
    padding-right: 40px !important
}

.with-icon.input-large .icon {
    width: 43px;
    height: 43px;
    margin-top: -21px !important;
    font-size: 22px
}

.with-icon.input-large .input-text {
    padding-right: 48px !important
}

.alert {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: none;
    padding: 15px 15px 15px 70px;
    color: #fff;
    font-size: 1.0833em;
    position: relative
}

.alert:before {
    content: "\f003";
    display: block;
    font-size: 18px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: 10px;
    left: 20px
}

.info-box>:last-child,
.post-title {
    margin-bottom: 0
}

.alert.alert-general {
    background: #d9d9d9
}

.alert.alert-general:before {
    content: "\e8bd"
}

.alert.alert-notice {
    background: #f5cf77
}

.alert.alert-notice:before {
    content: "\e8bb"
}

.alert.alert-error {
    background: #f6bcc3
}

.alert.alert-error:before {
    content: "\e8bc"
}

.alert.alert-success {
    background: #bae675
}

.alert.alert-success:before {
    content: "\e8ba"
}

.alert.alert-help {
    background: #91e3fd
}

.alert.alert-help:before {
    content: "\e876"
}

.alert.alert-info {
    background: #bfc9f9
}

.alert.alert-info:before {
    content: "\e818"
}

.alert .close,
.info-box .close {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    font-weight: 400;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    text-shadow: none;
    float: none;
    position: absolute;
    top: 8px;
    right: 8px
}

.alert .close:before,
.info-box .close:before {
    content: "\f00d";
    font-family: FontAwesome
}

.error-field {
    border: 1px solid red
}

.info-box {
    padding: 20px 25px;
    border: 1px solid var(--main-web-color);
    position: relative
}

.info-box .close {
    color: var(--main-web-color)
}

.info-box p {
    font-size: 1.1667em
}

dl.term-description {
    font-size: .9167em
}

dl.term-description dd,
dl.term-description dt {
    line-height: 1.3333em;
    float: left;
    width: 50%;
    padding-top: .5em;
    padding-bottom: .5em
}

dl.term-description dt {
    border-right: 1px solid #f5f5f5;
    color: var(--main-web-color);
    font-weight: 400;
    padding-right: 5px;
    clear: both
}

dl.term-description dd {
    padding-left: 20px
}

dl.term-description:after {
    content: "";
    display: table;
    clear: both
}

.dropcap:first-letter {
    float: left;
    color: var(--main-web-color);
    font-size: 4.153em;
    line-height: .8667em;
    padding: 0;
    margin-right: 6px;
    font-weight: 700;
    display: block
}

.dropcap.colored:first-letter {
    color: #fff;
    background: var(--main-web-color);
    padding: 4px;
    margin-top: 3px;
    margin-right: 10px
}

blockquote,
q {
    quotes: '\201C''\201D''\2018''\2019'
}

blockquote {
    font-size: 1.3333em;
    line-height: 1.6em;
    padding: 20px 20px 20px 40px;
    border-left: none;
    position: relative;
    text-indent: -19px
}

blockquote p {
    font-size: 1em
}

blockquote:after,
blockquote:before {
    font-family: Georgia, serif;
    font-size: 2.5em;
    vertical-align: middle;
    line-height: 0
}

blockquote:before {
    content: open-quote;
    margin-right: 4px
}

blockquote:after {
    content: close-quote;
    margin-left: 3px
}

blockquote.style1,
blockquote.style2 {
    background: #fff;
    font-style: italic
}

blockquote.style1 p,
blockquote.style2 p {
    display: inline
}

blockquote.style1 {
    border-left: 3px solid #dc373e;
    position: relative
}

blockquote.style1>span.triangle:before {
    text-indent: 0;
    content: "\f0da";
    font-family: FontAwesome;
    color: #dc373e;
    position: absolute;
    left: -1px;
    top: 50%;
    margin-top: -11px;
    font-style: normal
}

blockquote.style1:after,
blockquote.style1:before {
    color: #f5f5f5
}

blockquote.style1.border-color-blue {
    border-color: var(--main-web-color)
}

blockquote.style1.border-color-blue>span.triangle:before {
    color: var(--main-web-color)
}

blockquote.style1.border-color-yellow {
    border-color: #dc373e
}

blockquote.style1.border-color-yellow>span.triangle:before {
    color: #dc373e
}

blockquote.style1.quote-color-blue:after,
blockquote.style1.quote-color-blue:before {
    color: var(--main-web-color)
}

blockquote.style1.quote-color-yellow:after,
blockquote.style1.quote-color-yellow:before {
    color: #dc373e
}

blockquote.style2 {
    color: var(--main-web-color)
}

blockquote.style2:after,
blockquote.style2:before {
    color: #dc373e
}

.pagination {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.pagination>li {
    float: left;
    height: 32px;
    margin-right: 6px;
    text-align: center;
    font-size: .9167em
}

.pagination>li.disabled>span {
    color: #fff;
    background: #d9d9d9
}

.pagination>li.disabled>span:hover {
    background: #d9d9d9
}

.pagination>li>a,
.pagination>li>span {
    line-height: 32px;
    padding: 0 10px;
    color: #fff;
    border-radius: 0 !important;
    background: #d9d9d9;
    border: none;
    text-transform: uppercase;
    font-weight: 700
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    color: #fff;
    background: #0098c9
}

.pagination>li.active>a,
.pagination>li.active>span {
    background: #0098c9 !important
}

.pagination>li.first,
.pagination>li.prev {
    margin-right: 10px
}

.pagination>li.last,
.pagination>li.next {
    margin-left: 4px
}

.pagination>li.first>a,
.pagination>li.last>a,
.pagination>li.next>a,
.pagination>li.prev>a {
    background: #69902b;
    padding: 0 15px
}

.pagination>li.first>a:hover,
.pagination>li.last>a:hover,
.pagination>li.next>a:hover,
.pagination>li.prev>a:hover {
    background: #fdb714
}

.pagination>li.first.disabled>a,
.pagination>li.first.disabled>span,
.pagination>li.last.disabled>a,
.pagination>li.last.disabled>span,
.pagination>li.next.disabled>a,
.pagination>li.next.disabled>span,
.pagination>li.prev.disabled>a,
.pagination>li.prev.disabled>span {
    color: #fff;
    background: #d9d9d9
}

.hover-effect {
    display: block;
    position: relative;
    background: 0 0;
    overflow: hidden
}

.hover-effect:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    transition: all .4s ease-out;
/*    -webkit-transform: rotateY(180deg) scale(.5, .5);
    -moz-transform: rotateY(180deg) scale(.5, .5);
    -ms-transform: rotateY(180deg) scale(.5, .5);
    -o-transform: rotateY(180deg) scale(.5, .5);
    transform: rotateY(180deg) scale(.5, .5);
    -moz-opacity: 0;*/
    -khtml-opacity: 0;
    opacity: 0;
    background-color: rgba(249, 142, 0, 0.6);
}

.hover-effect img {
    display: block;
    position: relative;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.hover-effect:hover:after {
    visibility: visible;
    -webkit-transform: rotateY(0) scale(1, 1);
    -moz-transform: rotateY(0) scale(1, 1);
    -ms-transform: rotateY(0) scale(1, 1);
    -o-transform: rotateY(0) scale(1, 1);
    transform: rotateY(0) scale(1, 1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.uplad_btn {
    background-color: #ccc;
    height: 177px;
    margin-left: 1px;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 164px;
    z-index: 111
}

.hover-effect.style1:after,
.selected-effect:after {
    content: "\e8ba";
    font-family: soap-icons;
    font-size: 1.6667em;
    line-height: 50px;
    width: 50px;
    height: 50px;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
    color: #fff;
    text-align: center;
    left: 50%
}

.animated .hover-effect,
.image-carousel.style2 .slides>li .hover-effect {
    z-index: 0
}

.hover-effect:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.hover-effect.yellow:after {
    background-color: rgba(255, 255, 40, .6)
}

.hover-effect.style1:after {
    background: 0 0;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50%
}

.hover-effect.style1:hover,
.selected-effect {
    background: var(--main-web-color)
}

.hover-effect.style1:hover img {
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5
}

.selected-effect {
    display: block;
    position: relative;
    overflow: hidden
}

.selected-effect img {
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5
}

.selected-effect:after {
    position: absolute;
    background: 0 0;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50%
}

.social-icons.icon-circle a,
.social-icons.style2 a {
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 50%
}

.social-icons li {
    float: left;
    text-align: center;
    overflow: hidden
}

.social-icons li a {
    margin-right: 4px;
    display: inline-block;
    background: #d9d9d9;
    color: #fff;
    font-size: 1.3333em;
    -moz-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    -webkit-transition: opacity .3s ease-in;
    -ms-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in
}

.social-icons li a:hover,
.social-icons.style1 a:hover {
    background: var(--main-web-color)
}

.social-icons li:last-child {
    margin-right: 0
}

.social-icons.icon-circle a {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}

.social-icons.style2 a {
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.social-icons.full-width {
    display: block
}

.social-icons.full-width li {
    display: table-cell;
    float: none;
    width: 1%;
    margin: 0;
    text-align: center
}

.social-icons li:hover i {
    -webkit-animation: toRightFromLeft .3s forwards;
    -moz-animation: toRightFromLeft .3s forwards;
    animation: toRightFromLeft .3s forwards;
    opacity: .5
}

.price {
    color: var(--main-web-color);
    font-size: 1.6667em;
    text-align: right;
    line-height: 1;
    display: block
}

.price small {
    display: block;
    color: #838383;
    font-size: .5em
}

.price-wrapper {
    font-weight: 400;
    font-size: .8333em;
    color: inherit;
    line-height: 1.3333em;
    margin: 0
}

.price-wrapper .price-per-unit {
    color: #7db921;
    font-size: 1.4em;
    padding-right: 5px
}

.time {
    font-size: .8333em;
    line-height: 19px
}

.time [class^=soap-icon] {
    float: left;
    font-size: 18px;
    color: #dc373e;
    margin-right: 5px
}

.badge-container .badge-content,
.post-meta {
    font-size: .8333em;
    text-transform: uppercase
}

.sep {
    padding: 0 5px
}

.badge-container {
    position: relative;
    display: block
}

.badge-container .badge-content {
    width: 42px;
    height: 42px;
    position: absolute;
    top: -10px;
    left: -10px;
    background: #e01a33;
    color: #fff;
    text-align: center;
    line-height: 1.0833em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50%;
    padding: 10px 0 0;
    margin: 0;
    font-weight: 700;
    z-index: 1
}

.badge-container .badge-content.right-side {
    right: -10px;
    left: auto
}

.badge-container img {
    margin: 0 !important
}

.suggestions.image-carousel.style2 .slides>li {
    margin-right: 24px
}

.suggestions.image-carousel.style2 .slides>li img {
    width: 100%;
    height: auto
}

.suggestions .caption {
    margin-top: 10px;
    text-align: center;
    margin-bottom: 0
}

.travelo-box {
    background: #fff;
    padding: 20px;
    margin-bottom: 30px
}

.travelo-box.book-with-us-box li>:last-child,
.travelo-box.contact-us-box .contact-address li>:last-child,
.travelo-box>:last-child {
    margin-bottom: 0
}

.travelo-box .title {
    margin-bottom: 5px
}

.travelo-box .box-title {
    margin-bottom: 15px
}

.travelo-box.box-full {
    padding: 30px
}

.travelo-box.search-stories-box button {
    height: 34px;
    padding: 0 10px;
    font-size: 1em
}

.travelo-box.twitter-box .twitter-holder>ul li {
    border-bottom: 1px solid #f5f5f5;
    padding: 15px 0 15px 40px;
    position: relative
}

.travelo-box.twitter-box .twitter-holder>ul li:last-child {
    border: none
}

.travelo-box.twitter-box .twitter-holder>ul li:before {
    content: "\f099";
    font-family: FontAwesome;
    display: block;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50%;
    border: 1px solid #dc373e;
    color: #dc373e;
    line-height: 32px;
    text-align: center;
    position: absolute;
    left: 0;
    font-size: 16px
}

.travelo-box.contact-box .contact-details .contact-phone,
.travelo-box.twitter-box .twitter-holder>ul li .tweet-text a {
    color: var(--main-web-color)
}

.travelo-box.twitter-box .twitter-holder>ul li .tweet-text a:hover {
    text-decoration: underline
}

.travelo-box.contact-box .contact-details {
    margin: 0
}

.travelo-box.contact-box .contact-details .contact-phone>i {
    color: #dc373e
}

.travelo-box.contact-box .contact-details .contact-email {
    color: inherit
}

.travelo-box.book-with-us-box li,
.travelo-box.contact-us-box .contact-address li {
    border-bottom: 1px solid #f5f5f5;
    padding: 10px 0 10px 40px;
    position: relative
}

.travelo-box.book-with-us-box li>i,
.travelo-box.contact-us-box .contact-address li>i {
    position: absolute;
    font-size: 1.5em;
    color: #fdb714;
    left: 0;
    top: 12px
}

.travelo-box.book-with-us-box li .title,
.travelo-box.contact-us-box .contact-address li .title,
.travelo-box.contact-us-box .title {
    color: #1a2b49
}

.travelo-box.book-with-us-box li:last-child,
.travelo-box.contact-us-box .contact-address li:last-child {
    border-bottom-width: 0;
    padding-bottom: 0
}

.travelo-box.book-with-us-box li:after,
.travelo-box.contact-us-box .contact-address li:after {
    display: table;
    clear: both;
    content: ""
}

.travelo-box.contact-us-box .contact-address {
    margin-bottom: 25px
}

.travelo-box.contact-us-box .contact-address li {
    padding-left: 50px
}

.travelo-box.contact-us-box .contact-address li p {
    font-size: .8333em;
    text-transform: uppercase;
    margin-bottom: 0
}

.travelo-box.contact-us-box .contact-address li:last-child {
    border-bottom-width: 1px;
    padding-bottom: 10px
}

.travelo-box.contact-us-box .social-icons a {
    overflow: hidden
}

.travelo-box.contact-us-box .social-icons a:hover i:before {
    -webkit-animation: toBottomFromTop .4s forwards;
    -moz-animation: toBottomFromTop .4s forwards;
    animation: toBottomFromTop .4s forwards
}

.travelo-box.newsletter-box {
    padding: 20px 30px
}

.travelo-box.newsletter-box button {
    margin-right: 0 !important;
    margin-bottom: 0 !important
}

.travelo-box.newsletter-box .row>div {
    margin-bottom: 0 !important
}

.travelo-box.re-search-box label {
    font-size: .8333em;
    text-transform: uppercase;
    margin: 5px 0 0
}

.travelo-box.re-search-box button {
    text-transform: uppercase
}

.travelo-box.about-travelo-box .title {
    color: var(--main-web-color)
}

.travelo-box.guarantee-box {
    text-align: center
}

.travelo-box.guarantee-box .guarantee-image {
    display: block;
    margin: 0 auto 15px
}

.travelo-box.insurance-benefits ul {
    font-size: .9167em
}

.travelo-box.insurance-benefits ul li {
    line-height: 3.6667em;
    border-bottom: 1px solid #f5f5f5;
    text-transform: uppercase
}

.travelo-box.insurance-benefits ul li:before {
    color: #d9d9d9
}

.travelo-box.insurance-benefits ul li.active:before,
.travelo-box.insurance-benefits ul.hover li:hover:before {
    color: #dc373e
}

.contact-details {
    font-style: normal
}

.contact-details .contact-phone {
    color: #2d3e52;
    font-size: 1.6667em
}

.contact-details .contact-phone i {
    color: var(--main-web-color)
}

.contact-details .contact-email {
    color: var(--main-web-color);
    font-size: 1.1667em;
    padding: 0 24px;
    line-height: 2em
}

.middle-block {
    position: relative;
    display: block;
    overflow: hidden
}

.middle-block .middle-item {
    position: absolute
}

.middle-block img.middle-item {
    max-width: none;
    min-width: 100%
}

.column-2>*,
.column-3>*,
.column-4>*,
.column-5-no-margin>*,
.column-5>*,
.constant-column-2>*,
.constant-column-3>*,
.constant-column-4>*,
.constant-column-5>* {
    float: left
}

.column-2:after,
.column-3:after,
.column-4:after,
.column-5-no-margin:after,
.column-5:after,
.constant-column-2:after,
.constant-column-3:after,
.constant-column-4:after,
.constant-column-5:after {
    clear: both;
    content: "";
    display: table
}

ul.arrow li:before,
ul.triangle li:before {
    content: "\00a0\00a0\00a0\00a0"
}

.column-5-no-margin>:nth-child(5n+1) {
    clear: both
}

.column-5-no-margin>* {
    width: 20%
}

.column-2>*,
.constant-column-2>* {
    width: 48.5%;
    margin-right: 3%;
    margin-bottom: 3%
}

.column-2>:nth-child(2n),
.constant-column-2>:nth-child(2n) {
    margin-right: 0
}

.column-2>:nth-child(2n+1),
.constant-column-2>:nth-child(2n+1) {
    clear: both
}

.column-3>*,
.constant-column-3>* {
    width: 31.3333%;
    margin-right: 3%;
    margin-bottom: 3%
}

.column-3>:nth-child(3n),
.constant-column-3>:nth-child(3n) {
    margin-right: 0
}

.column-3>:nth-child(3n+1),
.constant-column-3>:nth-child(3n+1) {
    clear: both
}

.column-4>*,
.constant-column-4>* {
    width: 22.75%;
    margin-right: 3%;
    margin-bottom: 3%
}

.column-4>:nth-child(4n),
.constant-column-4>:nth-child(4n) {
    margin-right: 0
}

.column-4>:nth-child(4n+1),
.constant-column-4>:nth-child(4n+1) {
    clear: both
}

.column-5>*,
.constant-column-5>* {
    width: 17.6%;
    margin-right: 3%;
    margin-bottom: 3%
}

.column-5>:nth-child(5n),
.constant-column-5>:nth-child(5n) {
    margin-right: 0
}

.column-5>:nth-child(5n+1),
.constant-column-5>:nth-child(5n+1) {
    clear: both
}

ul.arrow,
ul.arrow-square,
ul.check,
ul.check-circle,
ul.check-square,
ul.chevron,
ul.circle,
ul.decimal,
ul.lower-latin,
ul.triangle,
ul.upper-latin,
ul.upper-roman {
    line-height: 2em;
    font-size: 1em
}

ul.arrow li.active,
ul.arrow li.active:before,
ul.arrow-square li.active,
ul.arrow-square li.active:before,
ul.arrow-square.hover li:hover,
ul.arrow-square.hover li:hover:before,
ul.arrow.hover li:hover,
ul.arrow.hover li:hover:before,
ul.check li.active,
ul.check li.active:before,
ul.check-circle li.active,
ul.check-circle li.active:before,
ul.check-circle.hover li:hover,
ul.check-circle.hover li:hover:before,
ul.check-square li.active,
ul.check-square li.active:before,
ul.check-square.hover li:hover,
ul.check-square.hover li:hover:before,
ul.check.hover li:hover,
ul.check.hover li:hover:before,
ul.chevron li.active,
ul.chevron li.active:before,
ul.chevron.hover li:hover,
ul.chevron.hover li:hover:before,
ul.circle li.active,
ul.circle li.active:before,
ul.circle.hover li:hover,
ul.circle.hover li:hover:before,
ul.decimal li.active,
ul.decimal li.active:before,
ul.decimal.hover li:hover,
ul.decimal.hover li:hover:before,
ul.lower-latin li.active,
ul.lower-latin li.active:before,
ul.lower-latin.hover li:hover,
ul.lower-latin.hover li:hover:before,
ul.triangle li.active,
ul.triangle li.active:before,
ul.triangle.hover li:hover,
ul.triangle.hover li:hover:before,
ul.upper-latin li.active,
ul.upper-latin li.active:before,
ul.upper-latin.hover li:hover,
ul.upper-latin.hover li:hover:before,
ul.upper-roman li.active,
ul.upper-roman li.active:before,
ul.upper-roman.hover li:hover,
ul.upper-roman.hover li:hover:before {
    color: var(--main-web-color)
}

ul.arrow-square.hover li,
ul.arrow.hover li,
ul.check-circle.hover li,
ul.check-square.hover li,
ul.check.hover li,
ul.chevron.hover li,
ul.circle.hover li,
ul.decimal.hover li,
ul.lower-latin.hover li,
ul.triangle.hover li,
ul.upper-latin.hover li,
ul.upper-roman.hover li {
    cursor: default
}

ul.arrow,
ul.arrow-square,
ul.check,
ul.check-circle,
ul.check-square,
ul.chevron,
ul.circle,
ul.triangle {
    list-style: none;
    padding: 0
}

ul.arrow li:before,
ul.arrow-square li:before,
ul.check li:before,
ul.check-circle li:before,
ul.check-square li:before,
ul.chevron li:before,
ul.circle li:before,
ul.triangle li:before {
    font-family: FontAwesome
}

ul.arrow li:before {
    margin-right: 10px;
    color: var(--main-web-color);
    background-position: -254px -28px
}

ul.triangle li:before {
    margin-right: 10px;
    color: #d9d9d9;
    display: block;
    float: left;
    font-size: 7px;
    background-position: -44px -196px
}

ul.triangle li.active,
ul.triangle li.active:before,
ul.triangle.hover li:hover,
ul.triangle.hover li:hover .box-title,
ul.triangle.hover li:hover:before {
    color: var(--main-web-color)
}

ul.circle li:before {
    content: "\f111";
    margin-right: 10px;
    color: var(--main-web-color);
    display: block;
    float: left;
    font-size: 5px
}

ul.circle.bullet-yellow li:before {
    color: #dc373e
}

ul.circle.bullet-green li:before {
    color: #69902b
}

ul.circle.bullet-blue li:before {
    color: var(--main-web-color)
}

ul.check li:before {
    content: "\e8ba";
    margin-right: 10px;
    color: #69902b;
    font-family: soap-icons;
    font-size: 1.3333em;
    line-height: 1em
}

ul.chevron li {
    padding-left: 30px !important;
    position: relative
}

ul.chevron li:before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    line-height: 20px;
    content: "\f054";
    color: var(--main-web-color);
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    font-size: 10px;
    border: 1px solid var(--main-web-color);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50%
}

ul.arrow-square li:before {
    content: "\f178";
    margin-right: 10px;
    color: #fff;
    background: var(--main-web-color);
    padding: 0 2px 0 3px
}

ul.decimal {
    counter-reset: item
}

ul.decimal li:before {
    content: counters(item, ".") "-";
    counter-increment: item;
    margin-right: 5px
}

ul.check-circle li:before,
ul.check-square li a:before {
    content: "\e8ba";
    margin-right: 10px
}

ul.upper-roman {
    padding-left: 1.5em;
    list-style: upper-roman
}

ul.lower-latin {
    padding-left: 1.25em;
    list-style: lower-latin
}

ul.upper-latin {
    padding-left: 1.5em;
    list-style: upper-latin
}

ul.lower-latin.bullet-colored li,
ul.upper-latin.bullet-colored li,
ul.upper-roman.bullet-colored li {
    color: var(--main-web-color)
}

ul.lower-latin.bullet-colored li>*,
ul.upper-latin.bullet-colored li>*,
ul.upper-roman.bullet-colored li>* {
    color: #838383
}

ul.check-square li a:before {
    font-family: soap-icons;
    background: #d9d9d9;
    color: #fff;
    padding: 1px 4px 0;
    font-size: 12px
}

ul.check-square li.active {
    background: var(--main-web-color);
    color: #fff
}

ul.check-square li.active>a {
    color: #fff
}

ul.check-square li.active a:before {
    background: #fff;
    color: #dc373e
}

ul.check-circle li:before {
    display: inline-block;
    color: #fff;
    font-family: soap-icons;
    background: #dc373e;
    vertical-align: baseline;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px
}

.toggle-container {
    background: #fff
}

.toggle-container .panel {
    margin-bottom: 0;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: none;
    border-bottom: 2px solid #f5f5f5;
    position: relative
}

.toggle-container .panel:last-child {
    border: none
}

.toggle-container .panel .panel-title {
    padding: 0;
    color: #1a2b49;
    font-size: 1.1667em;
    position: relative
}

.toggle-container .panel .panel-title a {
    white-space: normal;
    display: block;
    padding: 15px;
    font-size: 21px;
    font-weight: 500;
    padding-right: 25px;
}

.toggle-container .panel h1.panel-title {
    font-size: 2em
}

.toggle-container .panel h2.panel-title {
    font-size: 1.6667em
}

.toggle-container .panel h3.panel-title {
    font-size: 1.5em
}

.toggle-container .panel h4.panel-title {
    font-size: 17px
}

.toggle-container .panel h5.panel-title {
    font-size: 1.1667em
}

.toggle-container .panel h6.panel-title {
    font-size: 1em
}

.toggle-container .panel.style1 .panel-title>a {
    line-height: 24px
}

.toggle-container .panel.style1 .panel-title>a:before {
    display: block;
    content: "-";
    /*margin-right: 16px;*/
    line-height: 22px;
    font-size: 24px;
    float: left;
    width: 24px;
    height: 24px;
    text-align: center;
    color: #fff;
    background: var(--main-web-color);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50%
}

.toggle-container .panel.style1 .panel-title>a.collapsed:before {
    content: "+";
    color: #fff;
    background: var(--main-web-color);
    font-size: 17px;
    font-weight: 700 !important;
    line-height: 24px
}

.toggle-container .panel.style1 .panel-content {
    padding: 10px 15px 15px 55px
}

.toggle-container .panel.style1.arrow-right .panel-title {
    position: relative
}

.toggle-container .panel.style1.arrow-right .panel-title>a {
    padding-right: 36px
}
.cartDetailWrp.toggle-container .panel-title a {
    padding-top: 0 !important;
}
.toggle-container .panel.style1.arrow-right .panel-title>a:before {
    float: none;
    position: absolute;
    right: 0;
    height: 20px;
    line-height: 15px;
    width: 20px;
    font-size: 20px;
    font-weight: 700 !important;
    top: 50%;
    margin-top: -10px;
    margin-right: 16px;
}

.toggle-container .panel.style1.arrow-right .panel-content {
    padding: 10px 15px
}

.toggle-container .panel.style2 .panel-title {
    padding: 0
}

.toggle-container .panel.style2 .panel-title>a {
    display: block;
    line-height: normal;
    padding: 15px 20px;
    color: var(--main-web-color)
}

.toggle-container .panel.style2 .panel-title>a.collapsed {
    color: inherit;
    position: relative
}

.toggle-container .panel.style2 .panel-title>a.collapsed:hover {
    color: var(--main-web-color)
}

.toggle-container .panel.style2 .panel-title>a:after {
    content: "\f068";
    font-family: FontAwesome;
    font-size: 10px;
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    right: 15px;
    bottom: 0;
    color: #9e9e9e;
    background: #f5f5f5;
    text-align: center;
    line-height: 30px
}

.toggle-container .panel.style2 .panel-title>a.collapsed:after {
    content: "\f067";
    color: #fff;
    background: var(--main-web-color)
}

.toggle-container .panel.style2 .panel-content {
    padding: 0 15px 30px 20px
}

.toggle-container.with-image>.image-container {
    background: var(--main-web-color)
}

.toggle-container.with-image>.image-container>img {
    width: 100%;
    height: auto
}

.toggle-container.with-image .panel>img {
    display: none
}

.toggle-container.with-image .panel-title>a {
    color: var(--main-web-color)
}

.toggle-container.with-image .panel-title>a.collapsed {
    color: inherit
}

.toggle-container.with-image .panel-title>a.collapsed:hover {
    color: var(--main-web-color)
}

.tab-wrapper {
    background: #fff
}

.tab-wrapper .tab-container .tab-content .tab-pane {
    padding-left: 0;
    padding-right: 0
}

.tab-pane [class*=" col-"],
.tab-pane [class^=col-] {
    padding-left: 10px;
    padding-right: 10px
}

.tab-pane .row {
    margin-top: 0;
    margin-left: -10px;
    margin-right: -10px
}

.tab-container ul.tabs {
    margin: 0;
    padding: 0
}

.tab-container ul.tabs li {
    float: left;
    padding-right: 4px
}

.tab-container ul.tabs li:last-child {
    padding-right: 0
}

.tab-container ul.tabs li a {
    color: #fff;
    display: block;
    padding: 0 10px;
    background: #fff;
    font-size: 1em;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
}

.tab-container ul.tabs li.active>a,
.tab-container ul.tabs li:hover>a {
    color: var(--main-web-color);
    background: #fff
}

.tab-container ul.tabs.full-width {
    display: block
}

.tab-container ul.tabs.full-width li {
    float: none;
    display: table-cell;
    vertical-align: middle;
    width: 1%
}

.tab-container .tab-content .tab-pane:after,
.tab-container ul.tabs:after {
    display: table;
    clear: both;
    content: ""
}

.tab-container ul.tabs.full-width li a {
    padding: 0;
    text-align: center
}

.tab-container .tab-content {
    background: #fff
}

.tab-container .tab-content .tab-pane {
    padding: 20px;
    line-height: 1.7em
}

.tab-container .tab-content .tab-pane .row {
    margin-bottom: 15px
}

.tab-container .tab-content .tab-pane>img {
    margin: 0 15px 0 0
}

.tab-container .tab-content .tab-pane .image-box .details {
    padding-right: 0
}

.tab-container.style1 ul.tabs {
    display: block;
    background: #fff;
    padding: 10px 0 10px 10px;
    border-bottom: 1px solid #f5f5f5
}

.tab-container.style1 ul.tabs li {
    padding-right: 10px
}

.tab-container.style1 ul.tabs li a {
    height: 30px;
    line-height: 30px;
    background: #f5f5f5;
    padding: 0 18px;
    color: #768092;
    font-size: 13px;
    font-weight: 400
}

.tab-container.style1 ul.tabs li.active>a,
.tab-container.style1 ul.tabs li:hover>a {
    color: #fff;
    background: var(--main-web-color);
    position: relative
}

.tab-container.style1 ul.tabs li.active>a:after,
.tab-container.style1 ul.tabs li:hover>a:after {
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -10px;
    border-top: 5px solid var(--main-web-color);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: ""
}

.tab-container.style1 ul.tabs li:hover>a:after {
    display: none
}

.tab-container.style1 ul.tabs li.active:hover>a:after {
    display: block
}

.tab-container.style1 ul.tabs.full-width li a {
    padding: 0
}

.tab-container.trans-style {
    position: relative;
    z-index: 1;
    margin-top: -40px
}

.tab-container.trans-style ul.tabs {
    padding: 0 10px
}

.tab-container.trans-style ul.tabs li a {
    -moz-opacity: .55;
    -khtml-opacity: .55;
    opacity: .55;
    background: #fff;
    color: #000;
    overflow: hidden
}

.tab-container.trans-style ul.tabs li a i {
    font-size: 16px;
    vertical-align: middle;
    margin-right: 10px
}

.tab-container.trans-style ul.tabs li a i[class^=soap-icon] {
    font-size: 20px
}

.tab-container.trans-style ul.tabs li a:hover {
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8;
    color: var(--main-web-color)
}

.tab-container.trans-style ul.tabs li a:hover i {
    -webkit-animation: toTopFromBottom .3s forwards;
    -moz-animation: toTopFromBottom .3s forwards;
    animation: toTopFromBottom .3s forwards
}

.tab-container.trans-style ul.tabs li.active a {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    color: var(--main-web-color)
}

.tab-container.trans-style ul.tabs li a:hover i,
.tab-container.trans-style ul.tabs li.active a i {
    color: #dc373e
}

.tab-container.full-width-style ul.tabs {
    width: 14%;
    float: left
}

.tab-container.full-width-style ul.tabs:after {
    display: none;
    clear: none
}

.tab-container.full-width-style ul.tabs li {
    float: none;
    margin: 0;
    padding-right: 0
}

.tab-container.full-width-style ul.tabs li a {
    height: 100px;
    display: block;
    border-bottom: 3px solid #f5f5f5;
    border-right: 3px solid #f5f5f5;
    background: #fff;
    color: inherit;
    font-size: 1.1667em;
    text-transform: none;
    font-weight: 400;
    text-align: center;
    padding-top: 20px;
    line-height: 2em
}

.icon-box,
.image-box.style3 .details .offers-content,
.promo-box .action-section button {
    text-transform: uppercase
}

.tab-container.full-width-style ul.tabs li a>i {
    color: #d9d9d9;
    display: block;
    font-size: 18px;
    margin: 0 auto;
    width: 1.6em;
    height: 1.6em;
    line-height: 1.5em;
    overflow: hidden
}

.tab-container.full-width-style ul.tabs li a:hover i:before {
    -webkit-animation: toTopFromBottom .3s forwards;
    -moz-animation: toTopFromBottom .3s forwards;
    animation: toTopFromBottom .3s forwards
}

.tab-container.full-width-style ul.tabs li a:hover,
.tab-container.full-width-style ul.tabs li.active a {
    color: #2d3e52
}

.tab-container.full-width-style ul.tabs li a:hover i,
.tab-container.full-width-style ul.tabs li.active a i {
    color: #fdb714;
    border-color: #fdb714
}

.tab-container.full-width-style ul.tabs li:last-child.active a {
    border-bottom: none
}

.tab-container.full-width-style ul.tabs li.active a {
    border-right-color: transparent
}

.tab-container.full-width-style.arrow-left ul.tabs li {
    margin-bottom: 4px
}

.tab-container.full-width-style.arrow-left ul.tabs li a {
    border: none;
    margin-right: 4px
}

.tab-container.full-width-style.arrow-left ul.tabs li.active a {
    margin-right: 0;
    border-left: 2px solid #dc373e;
    position: relative
}

.tab-container.full-width-style.arrow-left ul.tabs li.active a:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-left: 3px solid #dc373e;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

.tab-container.full-width-style.arrow-left .tab-content .tab-pane {
    padding: 30px
}

.tab-container.full-width-style .tab-content {
    float: left;
    width: 86%
}

.tab-container.full-width-style .tab-content .tab-content-title {
    color: var(--main-web-color)
}

.tab-container.full-width-style:after {
    display: table;
    content: "";
    clear: both
}

.promo-box {
    margin: 0 0 30px;
    overflow: hidden
}

.promo-box .table-wrapper {
    width: 100%;
    margin: 0
}

.promo-box .m-title {
    font-size: 2em;
    color: #fff;
    line-height: 1.5em;
    margin: 0
}

.promo-box .m-title em {
    font-size: 1.28em;
    font-weight: 700;
    font-style: normal
}

.promo-box .m-title em i {
    font-weight: 400
}

.promo-box .action-section {
    padding: 20px 0 0;
    text-align: right
}

.promo-box .action-section form .row>div {
    margin-bottom: 10px
}

.promo-box .image-container {
    padding: 0;
    float: none;
    position: relative;
    text-align: center
}

.promo-box .image-container img {
    position: absolute;
    left: 0;
    visibility: hidden;
    height: auto
}

.promo-box .table-wrapper {
    height: 100%
}

.promo-box .table-cell {
    vertical-align: middle
}

.promo-box .content-section {
    padding: 40px 0;
    z-index: 1;
    position: relative
}

.flexslider .slides li {
    display: none
}

.image-carousel.style2 .flex-direction-nav,
.photo-gallery .flex-direction-nav {
    position: absolute;
    right: 0;
    top: -40px;
    width: 72px;
    height: 22px
}

.image-carousel.style2 .flex-direction-nav li a,
.photo-gallery .flex-direction-nav li a {
    width: 30px;
    height: 22px;
    background: var(--main-web-color);
    color: #fff;
    text-indent: -9999px;
    text-align: left;
    position: static;
    float: left;
    margin: 0;
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    opacity: 1 !important;
    -moz-transition: none 1s ease-in-out;
    -o-transition: none 1s ease-in-out;
    -webkit-transition: none 1s ease-in-out;
    -ms-transition: none 1s ease-in-out;
    transition: none 1s ease-in-out
}

.image-carousel.style2 .flex-direction-nav li a:before,
.photo-gallery .flex-direction-nav li a:before {
    position: absolute;
    display: block;
    font-family: FontAwesome;
    text-indent: 0;
    font-size: 12px;
    line-height: 22px
}

.image-carousel.style2 .flex-direction-nav li a.flex-prev,
.photo-gallery .flex-direction-nav li a.flex-prev {
    margin-right: 10px
}

.image-carousel.style2 .flex-direction-nav li a.flex-prev:before,
.photo-gallery .flex-direction-nav li a.flex-prev:before {
    content: "\f177";
    left: 8px
}

.image-carousel.style2 .flex-direction-nav li a.flex-next:before,
.photo-gallery .flex-direction-nav li a.flex-next:before {
    content: "\f178";
    right: 9px
}

.image-carousel.style2 .flex-direction-nav li a.flex-disabled,
.photo-gallery .flex-direction-nav li a.flex-disabled {
    background: #d9d9d9
}

.travelo-box>.image-carousel.style2 .flex-direction-nav {
    top: -60px
}

.photo-gallery {
    background: #fff;
    box-shadow: none;
    border: none;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.image-style.style2 .image-block li,
.photo-gallery .flex-control-nav>li a {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 50%
}

.photo-gallery img {
    width: 100%
}

.photo-gallery .slides>li {
    display: none;
    overflow: hidden;
    position: relative
}

.photo-gallery .flex-control-nav {
    width: auto;
    position: absolute;
    right: 30px;
    bottom: 30px
}

.photo-gallery .flex-control-nav>li {
    float: left;
    margin-left: 5px;
    margin-right: 0
}

.photo-gallery .flex-control-nav>li a {
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #fff;
    text-indent: -9999px;
    cursor: pointer;
    background: rgba(255, 255, 255, 0);
    box-shadow: none
}

.image-carousel .slides>li,
.image-carousel.style1 .flex-control-nav,
.photo-gallery.style1 .flex-control-nav,
.photo-gallery.style1 .flex-direction-nav,
.photo-gallery.style3 .flex-control-nav,
.photo-gallery.style4 .flex-direction-nav {
    display: none
}

.photo-gallery .flex-control-nav>li a.flex-active {
    background: #dc373e;
    border-color: #dc373e
}

.photo-gallery.style3 .flex-direction-nav {
    right: 10px;
    bottom: 10px;
    top: auto
}

.photo-gallery.style4 .flex-control-nav {
    right: 25px;
    bottom: 25px;
    top: auto
}

.image-carousel {
    position: relative;
    box-shadow: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    background: 0 0
}

.image-carousel.style1 {
    padding: 10px 45px;
    background: #fff
}

.image-carousel.style1 .slides>li {
    margin-right: 10px;
    height: 70px;
    cursor: pointer;
    overflow: hidden
}

.image-carousel.style1 .slides>li:last-child {
    margin-right: 0
}

.image-carousel.style1 .slides>li img {
    height: 100%;
    width: auto;
    max-width: none;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
    -moz-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    -webkit-transition: opacity .3s ease-in;
    -ms-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in
}

.image-carousel.style1 .slides>li.flex-active-slide img,
.image-carousel.style1 .slides>li:hover img {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.image-carousel.style1 .flex-direction-nav {
    position: static;
    width: 0;
    height: 0
}

.image-carousel.style1 .flex-direction-nav li a {
    background: rgba(1, 183, 242, .7);
    float: none;
    width: 25px;
    height: auto;
    position: absolute;
    top: 10px;
    bottom: 10px;
    margin: 0;
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    opacity: 1 !important;
    text-indent: -9999px;
    text-align: left;
    color: #fff;
    -moz-transition: background .2s ease-in;
    -o-transition: background .2s ease-in;
    -webkit-transition: background .2s ease-in;
    -ms-transition: background .2s ease-in;
    transition: background .2s ease-in
}

.image-carousel.style1 .flex-direction-nav li a:hover {
    background: var(--main-web-color)
}

.image-carousel.style1 .flex-direction-nav li a:before {
    display: block;
    position: absolute;
    left: 9px;
    top: 50%;
    margin-top: -6px;
    text-indent: 0;
    font-family: FontAwesome;
    font-size: 12px;
    line-height: 1;
    text-shadow: none
}

.image-carousel.style1 .flex-direction-nav li a.flex-prev {
    left: 10px
}

.image-carousel.style1 .flex-direction-nav li a.flex-prev:before {
    content: "\f053"
}

.image-carousel.style1 .flex-direction-nav li a.flex-next {
    right: 10px
}

.image-carousel.style1 .flex-direction-nav li a.flex-next:before {
    content: "\f054"
}

.image-carousel.style1 .flex-direction-nav li a.flex-disabled {
    background: #f5f5f5;
    color: #9e9e9e
}

.image-carousel.style2 .slides>li {
    margin-right: 30px
}

.image-carousel.style2 .slides>li:last-child {
    margin-right: 0
}

.image-carousel.style2 .slides>li .hover-effect img {
    position: relative
}

.image-carousel.style2 .slides>li .hover-effect .caption {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 33px;
    line-height: 33px;
    overflow: hidden;
    padding: 0;
    text-align: center;
    right: 0;
    z-index: 3;
    margin: 0;
    background: #2d3e52;
    color: #fff;
    font-size: 1.1667em;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -moz-transition: -moz-transform .35s;
    -o-transition: -o-transform .35s;
    -webkit-transition: -webkit-transform .35s;
    -ms-transition: -ms-transform .35s;
    transition: transform .35s
}

.image-carousel.style2 .slides>li .hover-effect:hover .caption {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    display: block;
    -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)
}

.image-carousel.style2 .flex-control-nav,
.image-carousel.style3 .flex-control-nav {
    display: none
}

.image-carousel.style2.row-2 li>a:first-child,
.image-carousel.style3 {
    margin-bottom: 30px
}

.image-carousel.style3 .slides,
.image-carousel.style3 .slides>li .box {
    margin-bottom: 0
}

.image-carousel.style3 .slides>li {
    margin-right: 30px
}

.image-carousel.style3 .slides>li:last-child {
    margin-right: 0
}

.image-carousel.style3 .flex-direction-nav {
    position: static;
    width: 0;
    height: 0
}

.image-carousel.style3 .flex-direction-nav li a {
    width: 40px;
    height: 40px;
    border: 2px solid;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    background: 0 0;
    color: #d9d9d9;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    text-shadow: none;
    text-align: left !important;
    text-indent: -9999px
}

.image-carousel.style3 .flex-direction-nav li a:before {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    line-height: 36px;
    font-family: soap-icons;
    text-indent: 0;
    font-size: 24px
}

.image-carousel.style3 .flex-direction-nav li a.flex-prev {
    left: -80px
}

.image-carousel.style3 .flex-direction-nav li a.flex-prev:before {
    content: "\e87b"
}

.image-carousel.style3 .flex-direction-nav li a.flex-next {
    right: -80px
}

.image-carousel.style3 .flex-direction-nav li a.flex-next:before {
    content: "\e887"
}

.image-carousel.style3 .flex-direction-nav li a:hover {
    color: #fff
}

.image-carousel.style3 .flex-direction-nav li a.flex-disabled {
    color: #838383
}

.image-style {
    position: relative;
    background: #fff;
    padding: 30px 0 30px 30px
}

.image-style.style1:after,
.image-style.style1:before {
    content: "";
    position: absolute;
    right: -60px;
    display: block
}

.image-style.large-font {
    font-size: 1.2307em
}

.image-style.style1 {
    margin-right: 60px
}

.image-style.style1 .image-block {
    margin-right: 25px
}

.image-style.style1 .title {
    font-size: 1.875em;
    margin-bottom: 30px
}

.image-style.style1 ul li {
    margin: 0 10px 10px 0;
    width: 80px;
    height: 80px
}

.image-style.style1 ul li a img,
.image-style.style2 .image-block li a img {
    height: 100%;
    max-width: none
}

.image-style.style1 ul li a {
    overflow: hidden;
    display: block
}

.image-style.style1:before {
    width: 60px;
    background-color: #f7f7f7;
    bottom: 60px;
    top: 0
}

.image-style.style1:after {
    bottom: 0;
    border-top: 60px solid #d9d9d9;
    border-right: 60px solid transparent
}

.image-style.style2 p {
    line-height: 1.5em
}

.image-style.style2 .title {
    font-size: 1.25em;
    color: var(--main-web-color);
    margin-top: 20px
}

.image-style.style2 .image-block {
    padding-left: 50px;
    position: relative;
    min-height: 200px
}

.image-style.style2 .image-block li {
    position: absolute;
    border-radius: 50%;
    padding: 5px;
    background: #fff;
    border: 1px solid #bfbfbf
}

.icon-box.style7>i,
.image-style.style2 .image-block li a {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 50%
}

.image-style.style2 .image-block li a {
    display: block;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%)
}

.image-box .box,
.image-box.box {
    text-align: left;
    background: #fff;
    margin-bottom: 30px
}

.image-box .box img,
.image-box.box img {
    width: 100%;
    height: auto
}

.image-box .box>.details,
.image-box.box>.details {
    padding: 12px 15px
}

.image-box .box>.details>:last-child,
.image-box.box>.details>:last-child {
    margin-bottom: 0
}

.image-box .box .box-title,
.image-box.box .box-title {
    margin-bottom: 10px;
    color: #2d3e52
}

.image-box.style1 .box-title,
.image-box.style10 .box-title {
    margin-bottom: 0
}

.image-box.style12 .opacity-wrapper,
.image-box.style7 .opacity-wrapper,
.image-box.style8 .opacity-wrapper {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #dc373e;
    -moz-opacity: .6;
    -khtml-opacity: .6;
    opacity: .6;
    width: 100%;
    height: 100%
}

.image-box.style2 .box:after,
.image-box.style2.box:after,
.image-box.style4 .details:after {
    content: "";
    display: table;
    clear: both
}

.image-box.style2 figure {
    float: left;
    width: 250px
}

.image-box.style2 .details {
    padding: 20px 20px 10px 270px
}

.image-box.style2 .details p {
    margin-bottom: 20px
}

.image-box.style3 .details {
    padding: 15px
}

.image-box.style3 .details .box-title {
    margin-bottom: 0
}

.image-box.style3 .details .offers-content {
    font-size: .8333em;
    margin-bottom: 0
}

.image-box.style3 .details .description {
    border-top: 1px solid #f5f5f5;
    padding-top: 10px
}

.image-box.style4 .details .box-title {
    float: left;
    margin: 0
}

.image-box.style4 .details .goto-detail {
    float: right;
    color: #69902b;
    font-weight: 700;
    font-size: 16px
}

.image-box.style11 .box,
.image-box.style11.box,
.image-box.style5 .box,
.image-box.style5.box {
    position: relative
}

.image-box.style11 figure,
.image-box.style5 figure {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 0
}

.image-box.style11 figure figcaption,
.image-box.style5 figure figcaption {
    position: absolute;
    z-index: 3;
    left: 0;
    top: 10px;
    padding: 5px 20px;
    min-width: 130px;
    -moz-transition: -moz-transform .35s;
    -o-transition: -o-transform .35s;
    -webkit-transition: -webkit-transform .35s;
    -ms-transition: -ms-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(-5%, 0, 0);
    -moz-transform: translate3d(-5%, 0, 0);
    -ms-transform: translate3d(-5%, 0, 0);
    -o-transform: translate3d(-5%, 0, 0);
    transform: translate3d(-5%, 0, 0)
}

.image-box.style11 figure figcaption .caption-title,
.image-box.style5 figure figcaption .caption-title {
    margin: 0;
    color: #fff;
    line-height: 1.1em
}

.image-box.style11 figure figcaption span,
.image-box.style5 figure figcaption span {
    color: #dc373e;
    text-transform: uppercase;
    font-size: .8333em;
    letter-spacing: normal !important
}

.image-box.style11 figure:hover figcaption,
.image-box.style5 figure:hover figcaption {
    -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)
}

.image-box.style11 figure:hover a:before,
.image-box.style5 figure:hover a:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.image-box.style11 figure a,
.image-box.style5 figure a {
    display: block
}

.image-box.style11 figure a:before,
.image-box.style5 figure a:before {
    position: absolute;
    z-index: 2;
    display: block;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    right: 0;
    bottom: 0;
    height: 100%;
    background: rgba(1, 183, 242, .3);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.image-box.style11 .details .detail:after,
.image-box.style14 .box:after,
.image-box.style14.box:after,
.image-box.style5 .details .detail:after,
.image-box.style6 .box:after,
.image-box.style6.box:after,
.image-box.style8 .box:after,
.image-box.style8.box:after {
    display: table;
    content: "";
    clear: both
}

.image-box.style11 .details,
.image-box.style5 .details {
    padding: 0
}

.image-box.style11 .details .detail,
.image-box.style5 .details .detail {
    margin: 0;
    border-top: 1px solid #f5f5f5;
    padding: 10px 20px
}

.image-box.style11 .details .detail:first-child,
.image-box.style5 .details .detail:first-child {
    border: none
}

.image-box.style11 .details .detail .box-title,
.image-box.style5 .details .detail .box-title {
    line-height: 40px;
    margin: 0
}

.image-box.style14 figure,
.image-box.style6 figure {
    padding: 0
}

.image-box.style14 .details,
.image-box.style6 .details {
    margin-bottom: 0 !important;
    padding: 20px 30px;
    line-height: 1.7em
}

.image-box.style7 .box,
.image-box.style7.box {
    background: #fff;
    margin-bottom: 30px
}

.image-box.style7 .box .details p,
.image-box.style7.box .details p,
.image-box.style9 .box-title {
    margin: 0
}

.image-box.style7 .box figure,
.image-box.style7.box figure {
    height: 72px
}

.image-box.style7 .box .details,
.image-box.style7.box .details {
    padding: 20px 20px 25px;
    font-size: 1.0833em
}

.image-box.style8 .box {
    background: 0 0
}

.image-box.style8 figure {
    width: 25%;
    float: left;
    position: relative;
    overflow: hidden
}

.image-box.style8 figure img {
    height: 100%;
    width: auto;
    max-width: none
}

.image-box.style8 .details {
    width: 75%;
    float: left;
    padding: 20px;
    background: #fff
}

.image-box.style9 figure a {
    position: relative;
    display: block;
    width: 100%
}

.image-box.style9 figure img {
    width: 100%;
    height: auto
}

.image-box.style9 .button,
.image-box.style9 .description {
    margin-top: 20px
}

.image-box.style9 .details {
    background: #fff;
    padding: 15px;
    text-align: center
}

.image-box.style10 .details a.button {
    margin-top: 5px;
    float: right
}

.image-box.style11 .box>.details {
    padding: 15px
}

.image-box.style12 .box,
.image-box.style12.box {
    display: table
}

.image-box.style12 .action,
.image-box.style12 .details,
.image-box.style12 figure {
    display: table-cell;
    vertical-align: top
}

.image-box.style12 figure {
    margin-right: 30px;
    max-width: 30%
}

.image-box.style12 figure a {
    position: relative;
    display: inline-block;
    height: 100%
}

.image-box.style12 figure img {
    width: auto;
    max-width: 150px
}

.listing-style1.car figure img,
.listing-style1.flight figure img {
    max-width: 100%
}

.image-box.style12 .details {
    border-right: 1px solid #f5f5f5;
    padding: 12px 20px 10px 25px;
    width: 100%
}

.image-box.style12 .details>:last-child {
    margin-bottom: 0
}

.image-box.style12 .action {
    padding: 15px
}

.image-box.style12 .action .price {
    text-align: center;
    float: none;
    margin: 0 0 10px
}

.image-box.style13 .box,
.image-box.style13.box,
.image-box.style14 .box-title,
.sidebar .image-box.style14 {
    margin-bottom: 0
}

.image-box.style12 .action a.button,
.image-box.style12 .action button {
    padding: 0 10px
}

.image-box.style12 .image-wrapper {
    position: relative;
    overflow: hidden;
    display: block
}

.image-box.style13 figure {
    float: left;
    margin-right: 15px
}

.image-box.style13 .details {
    padding: 0 15px
}

.image-box.style13 .action {
    float: right
}

.image-box.style13 .action .button {
    padding: 0 10px
}

.image-box.style13 .price {
    float: none
}

.image-box.style13 .box:after,
.image-box.style13.box:after {
    display: table;
    content: "";
    clear: both
}

.image-box.style14 figure {
    float: left;
    width: 63px
}

.image-box.style14 .details {
    margin-left: 63px;
    padding: 15px 15px 0
}

.image-box.style14 .price {
    float: none;
    text-align: left;
    display: inline;
    font-size: 1.4em
}

.image-box.style14 .box-title small {
    line-height: 1em
}

.image-box.style12 .opacity-wrapper,
.image-box.style7 .opacity-wrapper,
.image-box.style8 .opacity-wrapper {
    cursor: pointer;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    -webkit-transition: opacity .3s ease-out;
    -ms-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.image-box.style12 figure,
.image-box.style7 figure,
.image-box.style8 figure {
    overflow: hidden;
    z-index: 0
}

.image-box.style12 figure img,
.image-box.style7 figure img,
.image-box.style8 figure img {
    -moz-transition: -moz-transform .35s;
    -o-transition: -o-transform .35s;
    -webkit-transition: -webkit-transform .35s;
    -ms-transition: -ms-transform .35s;
    transition: transform .35s;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1)
}

.image-box.style12 figure:hover img,
.image-box.style7 figure:hover img,
.image-box.style8 figure:hover img {
    -webkit-transform: scale(1.07, 1.07);
    -moz-transform: scale(1.07, 1.07);
    -ms-transform: scale(1.07, 1.07);
    -o-transform: scale(1.07, 1.07);
    transform: scale(1.07, 1.07)
}

.image-box.style12 figure:hover .opacity-wrapper,
.image-box.style7 figure:hover .opacity-wrapper,
.image-box.style8 figure:hover .opacity-wrapper {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.sidebar .image-box.style14 .box {
    padding-bottom: 15px;
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 15px
}

.sidebar .image-box.style14 .box:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.icon-box>i {
    text-align: center
}

.icon-box.style1 {
    height: 42px;
    background: #fff;
    line-height: 42px;
    font-size: .9167em
}

.icon-box.style1>i {
    display: block;
    width: 42px;
    float: left;
    background: #dc373e;
    line-height: 42px;
    color: #fff;
    font-size: 2em;
    margin-right: 15px
}

.icon-box.style2 {
    line-height: 1.75em;
    color: var(--main-web-color);
    font-size: .9167em;
    display: inline-block
}

.icon-box.style2>i {
    font-size: 1.5em;
    margin-right: 10px;
    color: var(--main-web-color)
}

.icon-box.style3 {
    background: #fff;
    text-align: center;
    margin-bottom: 10px
}

.icon-box.style3 .numbers {
    font-size: 5em;
    color: #2d3e52;
    padding: 20px 0;
    font-weight: 300
}

.icon-box.style3 .numbers i {
    margin-right: 10px
}

.icon-box.style3 .description {
    border-top: 1px solid #f5f5f5;
    font-weight: 700;
    padding: 6px 0
}

.icon-box.style4,
.icon-box.style8,
.icon-box.style9 {
    text-align: center;
    text-transform: none
}

.icon-box.style4>i,
.icon-box.style8>i,
.icon-box.style9>i {
    font-size: 5em;
    color: #69902b
}

.icon-box.style4 .box-title,
.icon-box.style8 .box-title,
.icon-box.style9 .box-title {
    margin-top: 10px;
    margin-bottom: 10px
}

.icon-box.style5 {
    height: 70px;
    background: #fff;
    line-height: 70px;
    text-transform: none
}

.icon-box.style5>i {
    display: block;
    width: 70px;
    float: left;
    background: var(--main-web-color);
    line-height: 70px;
    color: #fff;
    font-size: 3em;
    margin-right: 15px
}

.icon-box.style5 .description {
    line-height: 1.6em;
    padding: 14px 15px 0 0
}

.icon-box.style5 .description small {
    text-transform: uppercase
}

.icon-box.style6,
.icon-box.style7 {
    line-height: 50px;
    text-transform: none
}

.icon-box.style6>i,
.icon-box.style7>i {
    display: block;
    width: 50px;
    float: left;
    background: #dc373e;
    line-height: 50px;
    color: #fff;
    font-size: 2.5em
}

.icon-box.style6 .box-title,
.icon-box.style7 .box-title {
    margin-bottom: 5px
}

.icon-box.style6 .description,
.icon-box.style7 .description {
    line-height: 1.6em;
    padding-left: 70px
}

.icon-box.style6:after,
.icon-box.style7:after {
    display: table;
    content: "";
    clear: both
}

.icon-box.style6 .box-title {
    letter-spacing: normal;
    margin-bottom: 10px
}

.icon-box.style7 {
    padding: 30px;
    background: #fff
}

.icon-box.style7>i {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: var(--main-web-color)
}

.icon-box.style7>i.glyphicon {
    font-size: 1.6667em
}

.icon-box.style7 .description {
    padding-left: 80px
}

.icon-box.style7 .description .box-title {
    margin-bottom: 20px;
    line-height: 1.3333em
}

.icon-box.style7 .description ul {
    margin-bottom: 20px
}

.icon-box.style7 .description .view {
    text-decoration: underline;
    color: #69902b;
    font-size: 1.0833em
}

.icon-box.style8 i,
.icon-box.style9 i {
    font-size: 2.6666em;
    background: #dc373e;
    color: #fff;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.icon-box.style9 {
    display: inline-block
}

.icon-box.style9 .box-title {
    line-height: 1.2em
}

.icon-box.style9>i {
    background: var(--main-web-color);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50%;
    width: 2em;
    height: 2em;
    line-height: 2em;
    margin-bottom: 15px
}

.icon-box.style10 {
    border: 1px solid #dc373e;
    margin-top: 20px;
    padding: 45px 20px 20px;
    position: relative;
    color: #7c9abd;
    text-align: center
}

.icon-box.style10 .box-title {
    color: #fff;
    margin-bottom: 15px
}

.icon-box.style10>i {
    position: absolute;
    width: 72px;
    height: 72px;
    top: -36px;
    left: 50%;
    margin-left: -36px;
    font-size: 3em;
    color: #fff;
    background: #dc373e;
    line-height: 72px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50%
}

.icon-box.style10 .description {
    text-transform: none
}

.icon-box.style11,
.icon-box.style12 {
    display: table
}

.icon-box.style11>.icon-wrapper,
.icon-box.style12>.icon-wrapper {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 18px
}

.icon-box.style11>.icon-wrapper>i,
.icon-box.style12>.icon-wrapper>i {
    color: #dc373e
}

.icon-box.style11>.details,
.icon-box.style12>.details {
    display: table-cell;
    vertical-align: middle
}

.icon-box.style11>.icon-wrapper {
    width: 1.4em;
    text-align: left
}

.icon-box.style11 .details {
    text-transform: uppercase
}

.icon-box.style11 .details dd,
.icon-box.style11 .details dl,
.icon-box.style11 .details dt {
    font-size: .8333em
}

.icon-box.style11 .details .box-title {
    margin-bottom: 0;
    text-transform: none;
    margin-left: 15px
}

.icon-box.style12>.icon-wrapper {
    width: auto
}

.icon-box.style12>.icon-wrapper>i {
    border-color: var(--main-web-color);
    background: var(--main-web-color);
    color: #fff;
    font-size: 1.5em
}

.listing-style1.cruise .time>div:first-child,
.listing-style1.flight .details .time>div:first-child {
    border-right: 1px solid #f5f5f5
}

.icon-box.style12>.details {
    padding-left: 10px;
    margin: 0;
    text-transform: none
}

.icon-box.style12>.details .m-title {
    margin: 0
}

.listing-style1.cruise .box-title:after,
.listing-style1.hotel .box-title:after {
    display: table;
    content: "";
    clear: both
}

.listing-style1.cruise .feedback,
.listing-style1.hotel .feedback {
    margin: 5px 0;
    border-top: 1px solid #f5f5f5;
    padding-top: 5px;
    border-bottom: 1px solid #f5f5f5
}

.listing-style1.cruise .feedback .review,
.listing-style1.hotel .feedback .review {
    display: block;
    float: right;
    text-transform: uppercase;
    font-size: .8333em;
    color: #9e9e9e
}

.listing-style1.cruise .five-stars-container,
.listing-style1.hotel .five-stars-container {
    color: #dbdbdb
}

.listing-style1.cruise .action .button:last-child,
.listing-style1.hotel .action .button:last-child {
    float: right
}

.listing-style1.cruise .action .button,
.listing-style1.hotel .action .button {
    width: 45%;
    padding: 0;
    text-align: center
}

.listing-style1.cruise .action .button+.button,
.listing-style1.hotel .action .button+.button {
    width: 50%
}

.listing-style1.car .details,
.listing-style1.flight .details {
    padding: 15px 0 0 !important;
    text-transform: uppercase
}

.listing-style1.car .details .box-title,
.listing-style1.flight .details .box-title {
    text-transform: none
}

.listing-style1.car .details .box-title:after,
.listing-style1.flight .details .box-title:after {
    display: table;
    content: "";
    clear: both
}

.listing-style1.car .action .button,
.listing-style1.flight .action .button {
    text-align: center
}

.listing-style1.flight .details .time {
    margin: 10px 0;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    letter-spacing: normal !important
}

.listing-style1.flight .details .time:after {
    display: table;
    content: "";
    clear: both
}

.listing-style1.flight .details .time>div {
    width: 50%;
    float: left;
    padding: 7px 0
}

.listing-style1.flight .details .time>div>.icon {
    font-size: 16px;
    float: left
}

.listing-style1.flight .details .time>div>.icon+div {
    padding-left: 24px
}

.listing-style1.flight .details .time>div+div {
    padding-left: 20px
}

.listing-style1.flight .details .duration {
    font-size: .8333em;
    text-align: center;
    letter-spacing: normal !important
}

.listing-style1.car .details .mile {
    font-size: .8333em;
    text-align: center
}

.listing-style1.car .details .amenities {
    text-align: center;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    margin: 10px 0;
    padding: 10px 0 6px
}

.listing-style1.cruise .time {
    padding-top: 5px
}

.listing-style1.cruise .time [class^=soap-icon] {
    float: left;
    font-size: 20px
}

.listing-style1.cruise .time>div {
    margin-bottom: 10px !important
}

.listing-style1.cruise .time>div>div {
    padding-left: 20px
}

.listing-style1.cruise .action a.button {
    float: none !important
}

.listing-style1.cruise .description {
    text-align: center;
    font-size: .8333em;
    text-transform: uppercase
}

.listing-style1.car .box,
.listing-style1.car.box,
.listing-style1.flight .box,
.listing-style1.flight.box,
.listing-style2.car .box,
.listing-style2.car.box,
.listing-style2.flight .box,
.listing-style2.flight.box {
    padding: 15px
}

.listing-style1.car figure,
.listing-style1.flight figure,
.listing-style2.car figure,
.listing-style2.flight figure {
    background: #f5f5f5;
    display: table;
    width: 100%;
    table-layout: fixed
}

.listing-style1.car figure>a,
.listing-style1.car figure>span,
.listing-style1.flight figure>a,
.listing-style1.flight figure>span,
.listing-style2.car figure>a,
.listing-style2.car figure>span,
.listing-style2.flight figure>a,
.listing-style2.flight figure>span {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.listing-style1.car figure img,
.listing-style1.flight figure img,
.listing-style2.car figure img,
.listing-style2.flight figure img {
    width: auto
}

.listing-style1.flight .icon,
.listing-style3.flight .icon {
    font-size: 16px
}

.listing-style1.flight .take-off>.icon,
.listing-style3.flight .take-off>.icon {
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    transform: rotate(-25deg);
    display: inline-block
}

.listing-style1.flight .landing>.icon,
.listing-style3.flight .landing>.icon {
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
    display: inline-block
}

.listing-style1.car .amenities ul,
.listing-style3.car .amenities ul {
    display: inline-block;
    color: #9e9e9e
}

.listing-style1.car .amenities ul li,
.listing-style3.car .amenities ul li {
    float: left;
    text-align: center;
    padding: 0 5px;
    cursor: default;
    font-size: .8333em
}

.listing-style1.car .amenities ul li .glyphicon,
.listing-style1.car .amenities ul li [class^=soap-icon],
.listing-style3.car .amenities ul li .glyphicon,
.listing-style3.car .amenities ul li [class^=soap-icon] {
    display: block;
    font-size: 16px;
    color: #d9d9d9;
    overflow: hidden
}

.listing-style1.car .amenities ul:after,
.listing-style3 .box:after,
.listing-style3.box:after,
.listing-style3.car .amenities ul:after {
    display: table;
    content: "";
    clear: both
}

.listing-style1.car .amenities ul li .glyphicon,
.listing-style3.car .amenities ul li .glyphicon {
    line-height: 25px
}

.listing-style1.car .amenities ul li .glyphicon:before,
.listing-style3.car .amenities ul li .glyphicon:before {
    font-size: 12px
}

.listing-style1.car .amenities ul li:hover,
.listing-style1.car .amenities ul li:hover .glyphicon,
.listing-style1.car .amenities ul li:hover [class^=soap-icon],
.listing-style3.car .amenities ul li:hover,
.listing-style3.car .amenities ul li:hover .glyphicon,
.listing-style3.car .amenities ul li:hover [class^=soap-icon] {
    color: var(--main-web-color)
}

.listing-style1.car .amenities ul li:hover [class^=soap-icon]:before,
.listing-style3.car .amenities ul li:hover [class^=soap-icon]:before {
    -webkit-animation: toTopFromBottom .35s forwards;
    -moz-animation: toTopFromBottom .35s forwards;
    animation: toTopFromBottom .35s forwards
}

.listing-style2 .box .box-title {
    margin-bottom: 0
}

.listing-style2 a.button {
    margin-top: 6px
}

.listing-style2.flight .details {
    padding: 12px 2px 0
}

.listing-style2.flight img {
    width: auto;
    max-width: 100%
}

.listing-style3 .box,
.listing-style3.box {
    background: #fff;
    margin-bottom: 15px
}

.listing-style3 .box>*,
.listing-style3.box>* {
    padding: 0
}

.listing-style3 .review {
    display: block;
    text-transform: capitalize;
    font-size: 14px;
    color: #768092
}

.listing-style3 .five-stars-container,
.listing-style3 .review {
    line-height: 1em
}

.listing-style3 .five-stars-container {
    color: #dbdbdb
}

.listing-style3 [class^=soap-icon].circle {
    color: #d9d9d9;
    cursor: default;
    font-size: 16px;
    overflow: hidden
}

.listing-style3 [class^=soap-icon].circle:hover {
    color: var(--main-web-color)
}

.listing-style3 [class^=soap-icon].circle:hover:before {
    -webkit-animation: toTopFromBottom .35s forwards;
    -moz-animation: toTopFromBottom .35s forwards;
    animation: toTopFromBottom .35s forwards
}

#header.style1 .social-icons li a:hover i,
#header.style6 .social-icons li>a:hover i {
    -webkit-animation: toBottomFromTop .3s forwards;
    -moz-animation: toBottomFromTop .3s forwards
}

.listing-style3 .price {
    float: none;
    text-align: center
}

.listing-style3.hotel figure img {
    width: 100%;
    border-right: 1px solid #ccc;
    height: auto
}

.listing-style3.hotel .box-title {
    margin: 0;
    float: left
}

.listing-style3.hotel .box-title i {
    font-size: 15px;
    margin-right: 5px
}

.listing-style3.hotel .amenities {
    float: right
}

.listing-style3.hotel .details {
    padding: 10px 0 10px 10px;
    display: table
}

.listing-style3.hotel .details [class^=soap-icon].circle {
    margin-right: 5px;
    margin-top: 5px
}

.listing-style3.hotel .details>* {
    display: table-row
}

.listing-style3.hotel .details>*>* {
    display: table-cell;
    padding: 10px 15px 0;
    text-align: center;
    vertical-align: middle
}

.listing-style3.hotel .details>*>:first-child {
    border-right: 1px solid #f5f5f5;
    padding-left: 0;
    padding-right: 15px;
    text-align: left
}

.listing-style3.hotel .details>*>:last-child {
    width: 120px
}

.listing-style3.hotel .details>:first-child>* {
    border-bottom: 1px solid #f5f5f5;
    padding-top: 0;
    padding-bottom: 10px
}

.listing-style3.hotel .details .button {
    margin-top: 5px
}

.listing-style3.flight .box,
.listing-style3.flight.box {
    padding: 15px;
    display: table;
    width: 100%;
    table-layout: fixed
}

.listing-style3.flight figure {
    display: table-cell;
    background: #f5f5f5;
    vertical-align: middle;
    float: none
}

.listing-style3.flight figure span {
    text-align: center;
    display: block
}

.listing-style3.flight figure span img {
    max-width: 60px;
    height: auto
}

.listing-style3.flight .box-title {
    float: left
}

.listing-style3.flight .stop:hover {
    background: #dc373e
}

.listing-style3.flight .amenities {
    margin-bottom: 10px;
    float: right
}

.listing-style3.flight .details {
    display: table-cell;
    padding-left: 15px;
    float: none
}

.listing-style3.flight .details .details-wrapper {
    display: table;
    width: 100%
}

.listing-style3.flight .details .details-wrapper>* {
    display: table-row
}

.listing-style3.flight .details .details-wrapper>*>* {
    display: table-cell;
    padding: 15px 15px 0
}

.listing-style3.flight .details .details-wrapper>*>:first-child {
    border-right: 1px solid #f5f5f5;
    padding-left: 0
}

.listing-style3.flight .details .details-wrapper>*>:last-child {
    text-align: center;
    padding-right: 0
}

.listing-style3.flight .details .details-wrapper>:first-child>* {
    border-bottom: 1px solid #f5f5f5;
    padding-top: 0
}

.listing-style3.flight .details .details-wrapper .box-title {
    margin: 0 10px 15px 0
}

.listing-style3.flight .details .details-wrapper [class^=soap-icon].circle {
    margin-right: 5px
}

.listing-style3.flight .details .details-wrapper [class*=" col-"],
.listing-style3.flight .details .details-wrapper [class^=col-] {
    padding: 0
}

.listing-style3.flight .details .details-wrapper .time>div {
    border-right: 1px solid #f5f5f5;
    padding-left: 15px
}

.listing-style3.flight .details .details-wrapper .time>div:last-child {
    border-right: none
}

.listing-style3.flight .details .details-wrapper .time>div:first-child {
    padding-left: 0
}

.listing-style3.flight .details .details-wrapper .time>div>div {
    padding-left: 25px
}

.listing-style3.flight .details .details-wrapper .time .icon {
    float: left;
    padding: 0;
    font-size: 16px
}

.listing-style3.flight .details .details-wrapper .time {
    letter-spacing: normal !important
}

.listing-style3.flight .details .details-wrapper .action {
    vertical-align: top
}

.listing-style3.car .box,
.listing-style3.car.box {
    display: table;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    table-layout: fixed
}

.listing-style3.car .details,
.listing-style3.car figure {
    display: table-cell;
    float: none
}

.listing-style3.car figure {
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #f5f5f5
}

.listing-style3.car figure img {
    max-width: 80%;
    height: auto
}

.listing-style3.car .details .box-title {
    float: left
}

.listing-style3.car .details .logo {
    margin: 3px 0 0 8px;
    float: left;
    border-left: 1px solid #e1e1e1;
    padding-left: 8px
}

.listing-style3.car .details .logo img {
    max-height: 20px;
    width: auto
}

.listing-style3.car .details .amenities {
    margin-top: 20px
}

.listing-style3.car .details .character {
    text-align: right;
    text-transform: uppercase;
    font-size: .8333em;
    border-right: 1px solid #f5f5f5
}

.listing-style3.car .details .character dd {
    margin-bottom: 5px
}

.listing-style3.car .details .character dl {
    margin-bottom: 0
}

.listing-style3.car .details .action {
    text-align: center;
    text-transform: uppercase
}

.listing-style3.car .details .action .button {
    margin-top: 30px
}

.listing-style3.cruise figure img {
    width: 100%;
    height: auto
}

.listing-style3.cruise .details {
    padding: 15px 20px;
    text-transform: uppercase
}

.listing-style3.cruise .details .character>div:last-child,
.tab-container .tab-pane>.listing-style3 .details {
    padding-right: 0
}

.listing-style3.cruise .details img {
    max-width: 100%;
    height: auto
}

.listing-style3.cruise .details .box-title {
    text-transform: none;
    margin-bottom: 10px
}

.listing-style3.cruise .details .character {
    font-size: .8333em;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 15px;
    display: table;
    width: 100%;
    table-layout: fixed
}

.listing-style3.cruise .details .character>div {
    display: table-cell;
    float: none;
    vertical-align: middle;
    margin: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    border-left: 1px solid #f5f5f5
}

.listing-style3.cruise .details .character>div:first-child {
    border: none;
    padding-left: 0
}

.listing-style3.cruise .details .character [class^=soap-icon] {
    font-size: 18px;
    float: left
}

.listing-style3.cruise .details .character .cruise-logo {
    padding: 0;
    text-align: left
}

.listing-style3.cruise .details .character .cruise-logo img {
    max-width: 90%;
    width: auto;
    height: auto
}

.blog-infinite .post .video-container embed,
.blog-infinite .post .video-container iframe,
.blog-infinite .post .video-container object,
.detailed-logo figure img,
.flight-routes .box figure img,
.single .post .video-container embed,
.single .post .video-container iframe,
.single .post .video-container object {
    max-width: 100%
}

.blog-infinite .post .video-container,
.fluid-width-video-wrapper,
.single .post .video-container {
    width: 100%;
    position: relative
}

.listing-style3.cruise .details .character .date>div,
.listing-style3.cruise .details .character .departure>div {
    padding-left: 20px;
    line-height: 1.1667em
}

.listing-style3.cruise .details .review {
    line-height: 1.6667em
}

.listing-style3.cruise .details .review .five-stars-container {
    float: left;
    margin-right: 10px
}

.listing-style3.cruise .details .review span {
    display: block;
    float: left
}

.pricing-table {
    padding: 20px;
    background: #fff
}

.pricing-table .header {
    border-bottom: 1px solid #f5f5f5
}

.pricing-table .header>i {
    float: left;
    font-size: 16px;
    margin: 3px 8px 0 0
}

.pricing-table .header .box-title {
    float: left;
    line-height: 1.3333em;
    margin-bottom: 20px
}

.pricing-table .header .box-title small {
    text-transform: uppercase;
    display: block;
    font-size: .6em
}

.pricing-table .description {
    margin: 15px 0
}

.pricing-table .features {
    margin-bottom: 15px;
    text-transform: uppercase
}

.pricing-table .features li {
    margin-top: 1px;
    background: #f5f5f5;
    font-size: .9167em;
    padding-left: 20px;
    line-height: 40px
}

.pricing-table.blue,
.pricing-table.blue .box-title,
.pricing-table.blue .box-title small,
.pricing-table.blue .price,
.pricing-table.blue .price small,
.pricing-table.green,
.pricing-table.green .box-title,
.pricing-table.green .box-title small,
.pricing-table.green .price,
.pricing-table.green .price small,
.pricing-table.red,
.pricing-table.red .box-title,
.pricing-table.red .box-title small,
.pricing-table.red .price,
.pricing-table.red .price small,
.pricing-table.yellow,
.pricing-table.yellow .box-title,
.pricing-table.yellow .box-title small,
.pricing-table.yellow .price,
.pricing-table.yellow .price small {
    color: #fff
}

.pricing-table.blue .box-title small,
.pricing-table.blue .description,
.pricing-table.blue .price small,
.pricing-table.green .box-title small,
.pricing-table.green .description,
.pricing-table.green .price small,
.pricing-table.red .box-title small,
.pricing-table.red .description,
.pricing-table.red .price small,
.pricing-table.yellow .box-title small,
.pricing-table.yellow .description,
.pricing-table.yellow .price small {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    opacity: .6
}

.pricing-table.green {
    background: #69902b
}

.pricing-table.green .header {
    border-bottom-color: #91c63d
}

.pricing-table.green .features li {
    background: #91c63d
}

.pricing-table.green .features li:before {
    background: #69902b
}

.pricing-table.yellow {
    background: #dc373e
}

.pricing-table.yellow .header {
    border-bottom-color: #f5b010
}

.pricing-table.yellow .features li {
    background: #f5b010
}

.pricing-table.yellow .features li:before {
    background: #dc373e
}

.pricing-table.blue {
    background: var(--main-web-color)
}

.pricing-table.blue .header {
    border-bottom-color: #04afe7
}

.pricing-table.blue .features li {
    background: #04afe7
}

.pricing-table.blue .features li:before {
    background: var(--main-web-color)
}

.pricing-table.red {
    background: #e01a33
}

.pricing-table.red .header {
    border-bottom-color: #d51a32
}

.pricing-table.red .features li {
    background: #d51a32
}

.pricing-table.red .features li:before {
    background: #e01a33
}

.border-box {
    border: 15px solid #f5f5f5
}

.author a,
.single .avatar img,
.travel-story-container .avatar img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 50%
}

.post {
    position: relative
}

.post figure img {
    width: 100%;
    height: auto
}

.post .entry-date {
    background: #2d3e52;
    padding: 7px 15px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    top: 10px
}

.post .entry-date .date {
    margin: 0;
    font-size: 1.6667em;
    display: block;
    font-weight: 400
}

.post .entry-date .month {
    margin: 0;
    font-size: .8333em;
    font-weight: 400
}

.fluid-width-video-wrapper {
    padding: 0
}

.blog-infinite .post,
.single .post {
    margin-bottom: 50px
}

.blog-infinite .post .video-container video,
.single .post .video-container video {
    max-width: 100%;
    height: auto
}

.blog-infinite .post .entry-title,
.single .post .entry-title {
    margin-bottom: 25px
}

.blog-infinite .post .excerpt-container,
.single .post .excerpt-container {
    margin-bottom: 20px
}

.blog-infinite .post .excerpt-container p,
.single .post .excerpt-container p {
    line-height: 1.8333em
}

.blog-infinite .post .details,
.single .post .details {
    background: #fff;
    padding: 20px 20px 10px
}

.blog-infinite .post.without-featured-item .entry-title,
.blog-infinite .post.without-featured-item .excerpt-container,
.comment-list ul.children,
.single .post.without-featured-item .entry-title,
.single .post.without-featured-item .excerpt-container {
    padding-left: 50px
}

.blog-infinite .post-content,
.single .post-content {
    margin-bottom: 30px
}

.blog-infinite .post-content>p,
.single .post-content>p {
    line-height: 1.6666em
}

.blog-infinite .post-content .border-box,
.single .post-content .border-box {
    margin: 30px 0
}

.blog-infinite .post-content .border-box blockquote,
.single .post-content .border-box blockquote {
    margin-bottom: 0
}

.blog-infinite .post-meta,
.single .post-meta {
    background: #f5f5f5;
    padding: 10px 10px 0;
    font-size: 1em
}

.blog-infinite .post-meta .entry-author,
.single .post-meta .entry-author {
    float: left;
    line-height: 28px;
    font-size: .83333em;
    margin-bottom: 10px
}

.blog-infinite .post-meta .entry-author .icon,
.single .post-meta .entry-author .icon {
    float: left;
    width: 28px;
    height: 28px;
    background: #fff;
    display: inline-block;
    font-size: 1.6666em;
    line-height: 28px;
    text-align: center;
    color: #d9d9d9;
    margin-right: 10px
}

.blog-infinite .post-meta .entry-author a.author,
.single .post-meta .entry-author a.author {
    color: var(--main-web-color)
}

.blog-infinite .post-meta .entry-action,
.single .post-meta .entry-action {
    float: right
}

.blog-infinite .post-meta .entry-action>*,
.single .post-meta .entry-action>* {
    height: 28px;
    line-height: 28px;
    display: inline-block;
    padding: 0 10px;
    margin-left: 8px;
    margin-bottom: 10px;
    background: #fff;
    color: #9e9e9e;
    letter-spacing: normal !important;
    font-size: .8333em;
    font-weight: 400
}

.blog-infinite .post-meta .entry-action>* i,
.single .post-meta .entry-action>* i {
    float: left;
    font-size: 2.6667em;
    margin-right: 10px;
    color: #d9d9d9
}

.blog-infinite .post-meta .entry-action a.button:hover,
.single .post-meta .entry-action a.button:hover {
    background: var(--main-web-color);
    color: #fff
}

.blog-infinite .post-meta .entry-action a.button:hover i,
.single .post-meta .entry-action a.button:hover i {
    color: #fff
}

.blog-infinite .post-meta:after,
.single .post-meta:after {
    display: table;
    content: "";
    clear: both
}

.single .details {
    margin-bottom: 30px
}

.comment-list .the-comment .comment-text:last-child,
.single .suggestions .caption {
    margin-bottom: 0
}

.single .single-navigation a.button {
    font-weight: 400
}

.single .single-navigation a.button span {
    vertical-align: middle
}

.single .single-navigation i {
    font-size: 1.25em;
    font-weight: 400;
    line-height: 0;
    vertical-align: middle
}

.single .single-navigation .prev i {
    margin-right: 20px
}

.single .single-navigation .next i {
    margin-left: 20px
}

.about-author .about-author-container {
    background: #fff;
    padding: 0 20px
}

.about-author .about-author-content {
    display: table;
    border-bottom: 1px solid #f5f5f5
}

.about-author .avatar {
    display: table-cell;
    padding: 20px 20px 20px 0;
    border-right: 1px solid #f5f5f5
}

.about-author .description {
    display: table-cell;
    padding: 20px;
    vertical-align: top
}

#header.style7 .contact-details i,
.about-author .wrote-posts-count span,
.popup-wrapper .popup-content,
.popup-wrapper:before,
.search-box-wrapper.style2 .search-box>ul.search-tabs li>a span {
    vertical-align: middle
}

.about-author .description p {
    line-height: 1.8333em
}

.about-author .about-author-meta {
    padding: 15px 0
}

.about-author .social-icons {
    float: right
}

.about-author .wrote-posts-count {
    line-height: 28px;
    font-size: 1.1667em
}

.about-author .wrote-posts-count i {
    font-size: 1.8333em;
    color: var(--main-web-color);
    float: left;
    margin-right: 10px
}

.single .avatar img,
.travel-story-container .avatar img {
    border-radius: 50%;
    width: 96px;
    height: 96px
}

.single .suggestions a.hover-effect:after {
    color: #fff;
    background: 0 0;
    content: "\e8ba";
    font-family: soap-icons;
    font-size: 1.6667em;
    text-align: center;
    line-height: 50px;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.single .suggestions li {
    cursor: pointer
}

.single .suggestions li:hover a.hover-effect:after {
    visibility: visible;
    -webkit-transform: rotateY(0) scale(1, 1);
    -moz-transform: rotateY(0) scale(1, 1);
    -ms-transform: rotateY(0) scale(1, 1);
    -o-transform: rotateY(0) scale(1, 1);
    transform: rotateY(0) scale(1, 1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.single .suggestions li:hover a.hover-effect {
    background: var(--main-web-color)
}

.single .suggestions li:hover img {
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.single .suggestions li:hover .caption {
    color: var(--main-web-color)
}

.comment-list .the-comment {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #f5f5f5
}

.comment-list .the-comment .comment-text {
    padding-right: 50px
}

.comment-list>li.comment:first-child>.the-comment {
    padding-top: 0;
    margin-top: 0;
    border-top: none
}

.comment-list .avatar {
    margin-right: 30px;
    float: left
}

.comment-list .avatar img {
    width: 72px;
    height: 72px
}

.author a {
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    margin-left: 1px
}

.author img {
    -webkit-backface-visibility: visible
}

.opacity-overlay,
.pace {
    -webkit-backface-visibility: hidden
}

.testimonial .slides>li {
    display: none
}

.testimonial.style1 .slides>li,
.testimonial.style2 .slides>li {
    padding-bottom: 80px;
    position: relative
}

.testimonial.style1 .description,
.testimonial.style2 .description {
    font-size: 1.3333em;
    color: var(--main-web-color);
    font-style: italic
}

.testimonial.style1 .author,
.testimonial.style2 .author {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto
}

.testimonial.style1 .author a,
.testimonial.style2 .author a {
    float: left;
    width: 74px;
    height: 74px;
    margin-right: 10px
}

.testimonial.style1 .author .name,
.testimonial.style2 .author .name {
    padding-top: 22px
}

.testimonial.style1 .author .name small,
.testimonial.style2 .author .name small {
    display: block;
    text-transform: uppercase;
    font-size: .7143em
}

.testimonial.style1 {
    background: #fff;
    padding: 25px
}

.testimonial.style1 .testimonial-control-nav {
    float: right
}

.testimonial.style1 .testimonial-control-nav>li {
    float: left;
    margin-left: 5px
}

.testimonial.style1 .testimonial-control-nav>li a {
    display: block;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50%;
    border: 1px solid #dbdbdb;
    text-indent: -9999px;
    cursor: pointer
}

.testimonial.style1 .testimonial-control-nav>li a.testimonial-active {
    background: #dc373e;
    border-color: #dc373e
}

.testimonial.style1:after {
    display: table;
    content: "";
    clear: both
}

.testimonial.style2 {
    position: relative
}

.testimonial.style2 .description {
    background: #fff;
    padding: 20px
}

.testimonial.style2 .author {
    padding-left: 25px
}

.testimonial.style2 .testimonial-direction-nav {
    right: 0;
    top: -40px;
    width: 72px;
    height: 22px;
    position: absolute
}

.testimonial.style2 .testimonial-direction-nav li {
    float: left
}

.testimonial.style2 .testimonial-direction-nav li a {
    display: block;
    width: 30px;
    height: 22px;
    background: var(--main-web-color);
    color: #fff;
    text-indent: -9999px
}

.testimonial.style2 .testimonial-direction-nav li a:before {
    position: absolute;
    display: block;
    top: 2px;
    font-family: soap-icons;
    text-indent: 0;
    font-size: 20px
}

.testimonial.style2 .testimonial-direction-nav li a.testimonial-prev {
    margin-right: 10px
}

.testimonial.style2 .testimonial-direction-nav li a.testimonial-prev:before {
    content: '\e88a';
    left: 8px
}

.testimonial.style2 .testimonial-direction-nav li a.testimonial-next:before {
    content: '\e88b';
    right: 9px
}

.testimonial.style2 .testimonial-direction-nav li a.testimonial-disabled {
    background: #d9d9d9
}

.testimonial.style3 {
    position: relative;
    border: 2px solid #fff;
    margin-top: 80px;
    padding: 60px 40px 20px;
    text-align: center
}

.testimonial.style3 .author {
    position: absolute;
    top: -50px;
    left: 50%;
    margin-left: -50px
}

.testimonial.style3 .author a {
    width: 100px;
    height: 100px;
    border: 3px solid #fff;
    background: #fff
}

.testimonial.style3 .author a img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50%
}

.testimonial.style3 .description {
    color: #fff;
    font-size: 2.5em;
    font-weight: 300
}

.testimonial.style3 .description em {
    font-weight: 400
}

.testimonial.style3 .description:after,
.testimonial.style3 .description:before,
.testimonial.style3 .name {
    color: var(--main-web-color)
}

.testimonial.style3 .name:before {
    content: "-"
}

.testimonial.style3 ul.slides:after {
    display: table;
    content: "";
    clear: both
}

.testimonial.style3 ul.slides li {
    position: static !important
}

.testimonial.style3 .testimonial-direction-nav .testimonial-next,
.testimonial.style3 .testimonial-direction-nav .testimonial-prev {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    width: 40px;
    text-indent: -9999px;
    background: #fff;
    color: var(--main-web-color)
}

.testimonial.style3 .testimonial-direction-nav .testimonial-next:before,
.testimonial.style3 .testimonial-direction-nav .testimonial-prev:before {
    text-indent: 0;
    position: absolute;
    display: block;
    left: 15px;
    font-size: 30px;
    top: 50%;
    margin-top: -10px;
    font-family: soap-icons
}

.testimonial.style3 .testimonial-direction-nav .testimonial-prev {
    left: 0
}

.testimonial.style3 .testimonial-direction-nav .testimonial-prev:before {
    content: '\e87c'
}

.testimonial.style3 .testimonial-direction-nav .testimonial-next {
    right: 0
}

.testimonial.style3 .testimonial-direction-nav .testimonial-next:before {
    content: '\e878'
}

.testimonial.style3 .testimonial-direction-nav .testimonial-disabled {
    background: #2d3e52;
    color: #fff
}

.team {
    text-align: center
}

.team figure {
    position: relative;
    overflow: hidden
}

.team figure:hover figcaption {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    bottom: 0
}

.team figure figcaption {
    position: absolute;
    bottom: -32px;
    line-height: 0;
    text-align: center;
    left: 0;
    right: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.team figure figcaption>.social-icons>li a {
    background: #fff;
    color: inherit;
    -moz-opacity: .65;
    -khtml-opacity: .65;
    opacity: .65
}

.team figure figcaption>.social-icons>li a:hover {
    color: var(--main-web-color);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.team .details {
    text-align: center
}

.team .description {
    border-top: 1px solid #f5f5f5;
    margin-top: 10px;
    padding-top: 8px
}

.team .social-icons {
    display: inline-block
}

.contact-form-container {
    padding: 30px 30px 20px
}

.contact-form-container .contact-form label {
    text-transform: uppercase
}

.opacity-overlay {
    outline: 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 10000;
    display: none
}

.opacity-overlay .container {
    height: 100%;
    position: relative;
    z-index: 10001
}

.opacity-overlay .spinner {
    color: #fff;
    font-size: 32px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -16px;
    margin-top: -16px
}

.popup-wrapper {
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    padding: 0 5px
}

.popup-wrapper:before {
    content: '';
    display: inline-block;
    height: 100%
}

.popup-wrapper .popup-content {
    float: none;
    padding: 0;
    text-align: left;
    z-index: 10003;
    position: relative;
    display: inline-block
}

.style-changer {
    text-align: left;
    width: 270px
}

.style-changer .style-changer-header {
    width: 330px;
    padding-left: 30px;
    height: 55px;
    line-height: 55px;
    color: #fff;
    background: var(--main-web-color);
    -webkit-border-radius: 0 0 15px;
    -moz-border-radius: 0 0 15px;
    -ms-border-radius: 0 0 15px 0;
    border-radius: 0 0 15px;
    position: relative
}

.style-changer .style-changer-header .style-main-title {
    float: left;
    margin: 0;
    line-height: 55px;
    color: #fff
}

#car-details .intro.table-wrapper .table-cell:first-child,
#cruise-description .intro.table-wrapper .table-cell:first-child,
#cruise-reviews .intro.table-wrapper .table-cell:first-child,
#cruise-write-review .intro.table-wrapper .table-cell:first-child,
#flight-details .intro.table-wrapper .table-cell:first-child,
#hotel-description .intro.table-wrapper .table-cell:first-child,
#hotel-reviews .intro.table-wrapper .table-cell:first-child,
#hotel-write-review .intro.table-wrapper .table-cell:first-child,
#travel-guide .intro.table-wrapper .table-cell:first-child,
.style-changer .style-chagner-main .design-skins {
    margin-bottom: 15px
}

.style-changer .style-changer-header .style-toggle {
    position: absolute;
    right: 15px;
    top: 12px;
    font-size: 20px;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50%;
    background: #fff;
    line-height: 30px;
    text-align: center
}

#header .ribbon.currency>ul.menu li a,
#header .topnav ul.quick-menu>li>a,
.style-changer .style-chagner-main label {
    font-size: .8333em;
    text-transform: uppercase
}

.style-changer .style-changer-header .style-toggle>.fa {
    color: var(--main-web-color)
}

.style-changer .style-chagner-main {
    width: 270px;
    background: #fff;
    padding: 15px 30px 30px
}

.style-changer .style-chagner-main label {
    margin-top: 15px;
    font-weight: 400
}

.style-changer .style-chagner-main .design-skins li {
    padding: 4px;
    border: 1px solid;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50%;
    width: 35px;
    height: 35px
}

.style-changer .style-chagner-main .design-skins li i {
    display: none
}

.style-changer .style-chagner-main .design-skins li a {
    display: block;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50%;
    text-align: center;
    font-size: 20px;
    line-height: 1.1em;
    width: 100%;
    height: 100%
}

.style-changer .style-chagner-main .design-skins li.active i {
    display: inline-block
}

.style-changer .style-chagner-main .design-skins li.light-blue {
    border-color: var(--main-web-color)
}

.style-changer .style-chagner-main .design-skins li.light-blue a {
    background: var(--main-web-color)
}

.style-changer .style-chagner-main .design-skins li.purple {
    border-color: #9f60b5
}

.style-changer .style-chagner-main .design-skins li.purple a {
    background: #9f60b5
}

.style-changer .style-chagner-main .design-skins li.orange {
    border-color: #ff6000
}

.style-changer .style-chagner-main .design-skins li.orange a {
    background: #ff6000
}

.style-changer .style-chagner-main .design-skins li.light-orange {
    border-color: #f5a77d
}

.style-changer .style-chagner-main .design-skins li.light-orange a {
    background: #f5a77d
}

.style-changer .style-chagner-main .design-skins li.sea-blue {
    border-color: #0ab596
}

.style-changer .style-chagner-main .design-skins li.sea-blue a {
    background: #0ab596
}

.style-changer .style-chagner-main .design-skins li.sky-blue {
    border-color: #6dace6
}

.style-changer .style-chagner-main .design-skins li.sky-blue a {
    background: #6dace6
}

.style-changer .style-chagner-main .design-skins li.dark-orange {
    border-color: #ff3e3e
}

.style-changer .style-chagner-main .design-skins li.dark-orange a {
    background: #ff3e3e
}

.style-changer .style-chagner-main .design-skins li.dark-blue {
    border-color: #194eb0
}

.style-changer .style-chagner-main .design-skins li.dark-blue a {
    background: #194eb0
}

.style-changer .style-chagner-main .design-skins li.light-yellow {
    border-color: #ffd200
}

.style-changer .style-chagner-main .design-skins li.light-yellow a {
    background: #ffd200
}

.style-changer .style-chagner-main .design-skins li.red {
    border-color: #e44049
}

.style-changer .style-chagner-main .design-skins li.red a {
    background: #e44049
}

.style-changer.dark .style-chagner-main {
    background: #2d3e52
}

.style-changer.dark .style-chagner-main label {
    color: #7c9abd
}

.style-changer#style-changer {
    position: fixed;
    left: -275px;
    top: 100px;
    z-index: 1000;
    -moz-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    -ms-transition: all .4s ease-in;
    transition: all .4s ease-in
}

.parallax {
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    overflow: hidden
}

.pace {
    user-select: none;
    background: #f5f5f5;
    height: 100%;
    left: 0;
    opacity: 1;
    position: fixed;
    top: 0;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    visibility: visible;
    width: 100%;
    z-index: 999999
}

#header,
.chaser {
    z-index: 999
}

#header,
#header .ribbon,
#header .ribbon>a {
    position: relative
}

.pace-inactive {
    display: none
}

.pace .loading-page {
    -webkit-backface-visibility: hidden !important;
    -webkit-transform: none !important
}

.chaser,
.soap-login-page.style1 #page-wrapper,
.soap-login-page.style3 #main-menu li {
    -webkit-backface-visibility: hidden
}

#header .topnav {
    height: 30px;
    background: var(--main-web-color);
    width: 100%
}

#header .topnav ul.quick-menu>li {
    float: left;
    margin-left: 20px
}

#header .topnav ul.quick-menu>li:first-child {
    margin-left: 0
}

#header .topnav ul.quick-menu>li>a {
    color: #fff;
    line-height: 30px;
    display: block
}

#header .ribbon>a {
    text-transform: uppercase
}

#header .ribbon:hover>ul.menu {
    top: 28px;
    visibility: visible;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

#header .ribbon>ul.menu {
    position: absolute;
    left: -15px;
    top: -9999px;
    z-index: 99;
    visibility: hidden
}

#header .ribbon>ul.menu.left {
    left: auto;
    right: -10px
}

#header .main-header {
    height: auto;
    position: relative;
    width: 100%
}

#header .logo {
    padding: 0;
    text-align: left;
    margin: 18px 0;
    height: auto
}

#header .mobile-menu-toggle {
    margin: 0;
    height: 66px;
    width: 66px;
    padding: 22px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    text-indent: -9999px;
    display: none
}

#header .mobile-menu-toggle .icon-bar {
    background: #fff
}

#header.style1 {
    background: var(--main-web-color);
    padding-top: 30px
}

#header.style1 * {
    color: #fff
}

#header.style1 .logo {
    margin: 0 0 0 -77px;
    float: none;
    position: absolute;
    left: 50%;
    top: 32px
}

#header.style1 .logo a {
    width: 155px;
    position: relative
}

#header.style1 .logo a:after {
    position: absolute;
    display: block;
    width: 130px;
    height: 30px;
    background: url(../../../assets/img/logo_txt.html) no-repeat var(--main-web-color);
    content: "";
    top: 0;
    right: 0
}

#header.style1 #main-menu ul.menu>li:hover>.megamenu-wrapper,
#header.style1 #main-menu ul.menu>li:hover>ul,
#header.style2 #main-menu ul.menu>li:hover>.megamenu-wrapper,
#header.style2 #main-menu ul.menu>li:hover>ul,
#header.style2 .topnav ul.quick-menu>li.ribbon:hover>ul.menu {
    top: 47px
}

#header.style1 .logo img {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

#header.style1 .social-icons {
    float: right
}

#header.style1 .social-icons li a {
    background: 0 0;
    border: 1px solid transparent;
    overflow: hidden
}

#header.style1 .social-icons li a:hover {
    border: 1px solid #40cbf8
}

#header.style1 .social-icons li a:hover i {
    display: block;
    animation: toBottomFromTop .3s forwards
}

#header.style1 .contact-details {
    float: left;
    margin-bottom: 30px
}

#header.style1 .contact-details .contact-phone {
    font-size: 1.1667em;
    font-weight: 700
}

#header.style1 .contact-details .contact-phone i {
    border-color: #40cbf8
}

#header.style1 #main-menu {
    border-top: 1px solid #40cbf8
}

#header.style1 #main-menu ul.menu {
    margin: 0 auto;
    float: none
}

#header.style1 #main-menu ul.menu>li {
    padding-left: 0;
    padding-right: 0;
    margin-right: 15px
}

#header.style1 #main-menu ul.menu>li>a {
    padding-left: 20px;
    padding-right: 20px;
    height: 50px;
    line-height: 50px;
    font-weight: 700
}

#header.style1 #main-menu ul.menu>li.active>a,
#header.style1 #main-menu ul.menu>li:hover>a {
    color: #fff;
    background: #40cbf8
}

#header.style2 {
    z-index: 99
}

#header.style2 .topnav {
    height: auto;
    background: #2d3e52
}

#header.style2 .topnav ul.quick-menu>li>a {
    color: #7c9abd;
    height: 50px;
    line-height: 50px
}

#header.style2 .topnav ul.quick-menu>li>a:hover {
    color: #fff
}

#header.style2 .topnav ul.quick-menu>li.ribbon>a:after {
    color: #7c9abd
}

#header.style2 .logo {
    margin-top: 28px
}

#header.style2 .logo a {
    background-size: auto 22px
}

#header.style2 .logo a img {
    width: auto;
    height: 22px
}

#header.style2 .header-search {
    padding-top: 22px;
    text-align: left;
    height: 78px
}

#header.style2 .header-search [class^=col-] {
    padding: 0
}

#header.style2 .header-search .check-in,
#header.style2 .header-search .check-out,
#header.style2 .header-search .where {
    border: 1px solid #dbdbdb;
    border-right: none
}

#header.style2 .header-search .guest span.custom-select {
    border: 1px solid #dbdbdb
}

#header.style2 #main-menu ul.menu {
    margin: 0 auto;
    float: none
}

#header.style2 #main-menu ul.menu>li {
    padding-left: 0;
    padding-right: 0;
    margin-right: 10px
}

#header.style2 #main-menu ul.menu>li>a {
    padding-left: 15px;
    padding-right: 15px;
    height: 50px;
    line-height: 50px;
    color: #7c9abd
}

#header.style2 #main-menu ul.menu>li.active>a,
#header.style2 #main-menu ul.menu>li>a:hover {
    color: #fff;
    background: #263546
}

#header.style4 #main-menu>ul.menu>li:hover>.megamenu-wrapper,
#header.style4 #main-menu>ul.menu>li:hover>ul,
#header.style4 .topnav ul.quick-menu .ribbon:hover>ul.menu {
    top: 48px
}

#header.style3 .inspire-btn,
#header.style3 .logo {
    margin-top: 34px
}

#header.style3 .logo a {
    background-size: auto 26px
}

#header.style3 #main-menu .menu {
    margin-right: 40px
}

#header.style3 #main-menu .menu>li>a {
    font-size: 1.1667em;
    color: #d9d9d9;
    height: 96px;
    line-height: 96px
}

#header.style3 #main-menu .menu>li.active>a,
#header.style3 #main-menu .menu>li:hover>a {
    color: var(--main-web-color)
}

#header.style4 {
    padding-top: 30px
}

#header.style4 .logo {
    margin: 0 0 16px
}

#header.style4 .quick-search {
    display: inline-block
}

#header.style4 .quick-search .input-text {
    width: 250px
}

#header.style4 button {
    padding: 0 15px
}

#header.style4 .topnav {
    float: right;
    background: 0 0;
    width: auto;
    height: auto
}

#header.style4 .topnav ul.quick-menu>li>a {
    line-height: 50px;
    height: 50px;
    color: inherit
}

#header.style4 .topnav ul.quick-menu .ribbon>a:after {
    color: inherit
}

#header.style4 .main-navigation {
    border-top: 1px solid #f5f5f5
}

#header.style4 #main-menu>ul.menu {
    margin: 0 auto;
    float: none
}

#header.style4 #main-menu>ul.menu>li {
    padding-left: 0;
    padding-right: 0;
    margin-right: 2px
}

#header.style4 #main-menu>ul.menu>li>a {
    padding-left: 20px;
    padding-right: 20px;
    height: 50px;
    line-height: 50px
}

#header.style4 #main-menu>ul.menu>li.active>a,
#header.style4 #main-menu>ul.menu>li:hover>a {
    font-weight: 700;
    color: inherit;
    background: #f5f5f5
}

#header.style5 #main-menu>ul>li>a {
    line-height: 48px;
    height: 48px
}

#header.style5 #main-menu>ul>li:hover>.megamenu-wrapper,
#header.style5 #main-menu>ul>li:hover>ul {
    top: 46px
}

#header.style5 .logo {
    margin-top: 14px;
    min-height: initial
}

#header.style5 .logo img {
    height: 20px
}

#header.style5 .logo a {
    background-size: auto 20px
}

#header.style6 {
    padding-top: 20px
}

#header.style6 .logo {
    margin: 0
}

#header.style6 .logo img {
    height: 24px
}

#header.style6 .logo a {
    background-size: auto 24px
}

#header.style6 button {
    padding: 0 15px
}

#header.style6 .topnav {
    float: left;
    background: 0 0;
    width: auto;
    height: auto;
    margin: 0 0 22px 20px
}

#header.style6 .topnav ul.quick-menu>li>a {
    line-height: 30px;
    height: 30px;
    color: inherit
}

#header.style6 .topnav ul.quick-menu .ribbon:hover>ul.menu {
    top: 28px
}

#header.style6 .topnav ul.quick-menu .ribbon>a:after {
    color: inherit
}

#header.style6 .main-navigation {
    background: #dc373e
}

#header.style6 #main-menu>ul.menu {
    margin: 0 auto;
    float: none
}

#header.style6 #main-menu>ul.menu>li {
    padding-left: 0;
    padding-right: 0;
    margin-right: 2px
}

#header.style6 #main-menu>ul.menu>li>a {
    padding-left: 20px;
    padding-right: 20px;
    height: 50px;
    line-height: 50px;
    font-weight: 700;
    color: #d07f00
}

#header.style6 #main-menu>ul.menu>li.active>a,
#header.style6 #main-menu>ul.menu>li:hover>a {
    color: #fff;
    background: #efa300
}

#header.style6 #main-menu>ul.menu>li:hover>.megamenu-wrapper,
#header.style6 #main-menu>ul.menu>li:hover>ul {
    top: 48px
}

#header.style6 .social-icons {
    margin-top: 10px
}

#header.style6 .social-icons li>a {
    background: 0 0;
    color: #d07f00
}

#header.style6 .social-icons li>a:hover {
    color: #fff
}

#header.style6 .social-icons li>a:hover i {
    display: block;
    animation: toBottomFromTop .3s forwards
}

#header.style7 .logo {
    margin: 32px 0 0
}

#header.style7 .logo img {
    height: 28px
}

#header.style7 .logo a {
    background-size: auto 28px
}

#header.style7 .topnav {
    float: left;
    background: 0 0;
    width: auto;
    height: auto;
    margin: 0
}

#header.style7 .topnav ul.quick-menu>li>a {
    line-height: 36px;
    height: 36px;
    color: inherit
}

#header.style7 .topnav ul.quick-menu .ribbon:hover>ul.menu {
    top: 34px
}

#header.style7 .topnav ul.quick-menu .ribbon>a:after {
    color: inherit
}

#header.style7 .contact-details {
    text-transform: uppercase;
    margin: 0;
    line-height: 36px
}

#header.style7 .contact-details i {
    color: var(--main-web-color)
}

#header.style7 .contact-details .contact-phone {
    color: inherit;
    font-size: .8333em
}

#header.style7 .contact-details .contact-phone i {
    font-size: 14px
}

#header.style7 .contact-details .contact-email {
    color: inherit;
    font-size: .8333em;
    padding: 0 0 0 10px
}

#header.style7 .contact-details .contact-email i {
    font-size: 20px
}

#header.style7 .main-navigation {
    background: #2d3e52
}

#header.style7 #main-menu>ul.menu {
    float: right
}

#header.style7 #main-menu>ul.menu>li {
    padding-left: 0;
    padding-right: 0;
    margin-right: 2px
}

#header.style7 #main-menu>ul.menu>li>a {
    padding-left: 20px;
    padding-right: 20px;
    height: 96px;
    line-height: 96px;
    font-weight: 700;
    color: #7c9abd
}

#header.style7 #main-menu>ul.menu>li.active>a,
#header.style7 #main-menu>ul.menu>li:hover>a {
    color: #fff
}

#header.style7 #main-menu>ul.menu>li:hover>.megamenu-wrapper,
#header.style7 #main-menu>ul.menu>li:hover>ul {
    top: 94px
}

#header.style7 .social-icons {
    margin-top: 32px
}

#header.style7 .social-icons li>a {
    background: 0 0;
    color: #7c9abd;
    overflow: hidden
}

#header.style7 .social-icons li>a:hover {
    background: var(--main-web-color);
    color: #fff
}

#header.style7 .social-icons li>a:hover i {
    display: block;
    -webkit-animation: toBottomFromTop .3s forwards;
    -moz-animation: toBottomFromTop .3s forwards;
    animation: toBottomFromTop .3s forwards
}

#footer .logo a,
#header .logo a,
.chaser .logo a {
    display: block
}

#footer .logo img,
#header .logo img,
.chaser .logo img {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 1
}

.menu>li {
    position: relative
}

.lang-flag {
    padding-left: 20px !important
}

#main-menu ul.menu li:not(.megamenu-menu) ul,
.chaser .menu li:not(.megamenu-menu) ul,
.megamenu-wrapper,
.topnav .container>ul ul {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -moz-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    -webkit-transition: opacity .2s ease-in;
    -ms-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in
}

#main-menu ul.menu,
.chaser ul.menu {
    margin: 0;
    float: right
}

#main-menu ul.menu li,
.chaser ul.menu li {
    -webkit-backface-visibility: hidden;
    -webkit-transform: none !important
}

#main-menu ul.menu>li,
.chaser ul.menu>li {
    float: left;
    padding-left: 20px;
    padding-right: 20px
}

#main-menu ul.menu>li:first-child,
.chaser ul.menu>li:first-child {
    padding-left: 0
}

#main-menu ul.menu>li:last-child,
.chaser ul.menu>li:last-child {
    padding-right: 0
}

#main-menu ul.menu>li:hover>ul,
.chaser ul.menu>li:hover>ul {
    top: 66px;
    visibility: visible;
    height: auto !important;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    z-index: 1000
}

#main-menu ul.menu>li>a,
.chaser ul.menu>li>a {
    font-weight: 400;
    display: block;
    padding: 0;
    height: 68px;
    line-height: 68px;
    text-transform: uppercase;
    letter-spacing: normal !important
}

#main-menu ul.menu>li.active>a,
.chaser ul.menu>li.active>a {
    color: var(--main-web-color);
    font-weight: 700
}

#main-menu ul.menu>li:hover>a,
.chaser ul.menu>li:hover>a {
    color: var(--main-web-color)
}

#main-menu ul.menu>li>ul.left,
.chaser ul.menu>li>ul.left {
    left: auto;
    right: -10px
}

#main-menu ul.menu>li ul,
.chaser ul.menu>li ul {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: -9999px;
    z-index: -1;
    width: 180px;
    padding: 0;
    background: var(--main-web-color)
}

#main-menu ul.menu>li ul li,
.chaser ul.menu>li ul li {
    text-align: left;
    position: relative
}

#main-menu ul.menu>li ul li:first-child,
.chaser ul.menu>li ul li:first-child {
    border-top: none
}

#main-menu ul.menu>li ul li:hover>ul,
.chaser ul.menu>li ul li:hover>ul {
    top: 0;
    display: block;
    visibility: visible;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    z-index: 1000
}

#main-menu ul.menu>li ul li>a,
.chaser ul.menu>li ul li>a {
    border-top: 1px solid #04afe7;
    white-space: nowrap;
    color: #fff;
    padding: 12px 20px 12px 18px;
    display: block;
    font-size: .9167em;
    -moz-opacity: .7;
    -khtml-opacity: .7;
    opacity: .7
}

#main-menu ul.menu>li ul li.active>a,
#main-menu ul.menu>li ul li:hover>a,
.chaser ul.menu>li ul li.active>a,
.chaser ul.menu>li ul li:hover>a {
    background: #04afe7;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

#main-menu ul.menu>li.menu-color-blue ul,
.chaser ul.menu>li.menu-color-blue ul {
    background: var(--main-web-color)
}

#main-menu ul.menu>li.menu-color-blue ul li.active>a,
#main-menu ul.menu>li.menu-color-blue ul li:hover>a,
.chaser ul.menu>li.menu-color-blue ul li.active>a,
.chaser ul.menu>li.menu-color-blue ul li:hover>a {
    background: #04afe7
}

#main-menu ul.menu>li.menu-color-blue ul li>a,
.chaser ul.menu>li.menu-color-blue ul li>a {
    border-top: 1px solid #04afe7
}

#main-menu ul.menu>li.menu-color-yellow ul,
.chaser ul.menu>li.menu-color-yellow ul {
    background: #dc373e
}

#main-menu ul.menu>li.menu-color-yellow ul li.active>a,
#main-menu ul.menu>li.menu-color-yellow ul li:hover>a,
.chaser ul.menu>li.menu-color-yellow ul li.active>a,
.chaser ul.menu>li.menu-color-yellow ul li:hover>a {
    background: #f5b010
}

#main-menu ul.menu>li.menu-color-yellow ul li>a,
.chaser ul.menu>li.menu-color-yellow ul li>a {
    border-top: 1px solid #f5b010
}

#main-menu ul.menu>li.menu-color-green ul,
.chaser ul.menu>li.menu-color-green ul {
    background: #69902b
}

#main-menu ul.menu>li.menu-color-green ul li.active>a,
#main-menu ul.menu>li.menu-color-green ul li:hover>a,
.chaser ul.menu>li.menu-color-green ul li.active>a,
.chaser ul.menu>li.menu-color-green ul li:hover>a {
    background: #91c63d
}

#main-menu ul.menu>li.menu-color-green ul li>a,
.chaser ul.menu>li.menu-color-green ul li>a {
    border-top: 1px solid #91c63d
}

#main-menu ul.menu>li li>ul,
.chaser ul.menu>li li>ul {
    left: 180px
}

#main-menu ul.menu>li li>ul.left,
.chaser ul.menu>li li>ul.left {
    left: -180px
}

#main-menu ul.menu>.megamenu-menu:hover>.megamenu-wrapper,
.chaser ul.menu>.megamenu-menu:hover>.megamenu-wrapper {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    top: 66px;
    z-index: 1002;
    visibility: visible
}

#main-menu ul.menu>.megamenu-menu:hover>.megamenu-wrapper ul,
.chaser ul.menu>.megamenu-menu:hover>.megamenu-wrapper ul {
    visibility: visible
}

#main-menu ul.menu>.megamenu-menu .megamenu-wrapper,
.chaser ul.menu>.megamenu-menu .megamenu-wrapper {
    position: absolute;
    z-index: -1;
    left: 0;
    top: -9999px;
    visibility: hidden;
    overflow: hidden;
    display: none;
    padding: 0
}

#main-menu ul.menu>.megamenu-menu .megamenu-wrapper ul,
.chaser ul.menu>.megamenu-menu .megamenu-wrapper ul {
    position: static;
    width: 100%;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

#main-menu ul.menu>.megamenu-menu .megamenu-holder,
.chaser ul.menu>.megamenu-menu .megamenu-holder {
    width: auto;
    margin-left: -15px;
    margin-right: -15px
}

#main-menu ul.menu>.megamenu-menu ul.megamenu,
.chaser ul.menu>.megamenu-menu ul.megamenu {
    display: table;
    table-layout: fixed;
    width: 100%;
    background: var(--main-web-color)
}

#main-menu ul.menu>.megamenu-menu ul.megamenu li.menu-item-has-children ul,
#main-menu ul.menu>.megamenu-menu ul.megamenu li.menu-item-has-children.active>a,
#main-menu ul.menu>.megamenu-menu ul.megamenu li.menu-item-has-children:hover>a,
#main-menu ul.menu>.megamenu-menu ul.megamenu>li>a:hover,
.chaser ul.menu>.megamenu-menu ul.megamenu li.menu-item-has-children ul,
.chaser ul.menu>.megamenu-menu ul.megamenu li.menu-item-has-children.active>a,
.chaser ul.menu>.megamenu-menu ul.megamenu li.menu-item-has-children:hover>a,
.chaser ul.menu>.megamenu-menu ul.megamenu>li>a:hover {
    background: 0 0
}

#main-menu ul.menu>.megamenu-menu ul.megamenu>li,
.chaser ul.menu>.megamenu-menu ul.megamenu>li {
    display: table-cell;
    float: none;
    padding-bottom: 25px;
    border: none
}

#main-menu ul.menu>.megamenu-menu ul.megamenu>li>a,
.chaser ul.menu>.megamenu-menu ul.megamenu>li>a {
    border-top: none;
    padding-left: 40px;
    font-size: 1em;
    font-weight: 700;
    text-transform: uppercase;
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    opacity: 1 !important
}

#main-menu ul.menu>.megamenu-menu ul.megamenu>li.megamenu-columns-1 .sub-menu>li,
.chaser ul.menu>.megamenu-menu ul.megamenu>li.megamenu-columns-1 .sub-menu>li {
    width: 100%
}

#main-menu ul.menu>.megamenu-menu ul.megamenu>li.megamenu-columns-2 .sub-menu>li,
.chaser ul.menu>.megamenu-menu ul.megamenu>li.megamenu-columns-2 .sub-menu>li {
    width: 50%
}

#main-menu ul.menu>.megamenu-menu ul.megamenu>li.megamenu-columns-3 .sub-menu>li,
.chaser ul.menu>.megamenu-menu ul.megamenu>li.megamenu-columns-3 .sub-menu>li {
    width: 33.3333%
}

#main-menu ul.menu>.megamenu-menu ul.megamenu>li.megamenu-columns-4 .sub-menu>li,
.chaser ul.menu>.megamenu-menu ul.megamenu>li.megamenu-columns-4 .sub-menu>li {
    width: 25%
}

#main-menu ul.menu>.megamenu-menu ul.megamenu>li.megamenu-columns-5 .sub-menu>li,
.chaser ul.menu>.megamenu-menu ul.megamenu>li.megamenu-columns-5 .sub-menu>li {
    width: 20%
}

#main-menu ul.menu>.megamenu-menu ul.megamenu>li.megamenu-columns-6 .sub-menu>li,
.chaser ul.menu>.megamenu-menu ul.megamenu>li.megamenu-columns-6 .sub-menu>li {
    width: 16.6666%
}

#main-menu ul.menu>.megamenu-menu ul.megamenu>li>ul>li,
.chaser ul.menu>.megamenu-menu ul.megamenu>li>ul>li {
    float: left;
    border: none
}

#main-menu ul.menu>.megamenu-menu ul.megamenu ul.sub-menu:after,
.chaser ul.menu>.megamenu-menu ul.megamenu ul.sub-menu:after {
    display: table;
    content: "";
    clear: both
}

#main-menu ul.menu>.megamenu-menu ul.megamenu ul.sub-menu li li,
.chaser ul.menu>.megamenu-menu ul.megamenu ul.sub-menu li li {
    display: block;
    float: none;
    padding-left: 15px;
    padding-right: 15px;
    border: none
}

#main-menu ul.menu>.megamenu-menu ul.megamenu ul.sub-menu li li>a,
.chaser ul.menu>.megamenu-menu ul.megamenu ul.sub-menu li li>a {
    border-top: none
}

#main-menu ul.menu>.megamenu-menu ul.megamenu ul.sub-menu li li a,
.chaser ul.menu>.megamenu-menu ul.megamenu ul.sub-menu li li a {
    white-space: normal;
    padding-right: 0;
    font-size: .9167em;
    border-bottom: 1px solid #04afe7;
    position: relative;
    padding-left: 40px
}

#main-menu ul.menu>.megamenu-menu ul.megamenu ul.sub-menu li li a:before,
.chaser ul.menu>.megamenu-menu ul.megamenu ul.sub-menu li li a:before {
    font-family: FontAwesome;
    content: "\f111";
    display: block;
    font-size: 5px;
    position: absolute;
    left: 25px;
    font-weight: 400
}

#main-menu ul.menu>.megamenu-menu ul.megamenu ul.sub-menu li li.active>a,
#main-menu ul.menu>.megamenu-menu ul.megamenu ul.sub-menu li li:hover>a,
.chaser ul.menu>.megamenu-menu ul.megamenu ul.sub-menu li li.active>a,
.chaser ul.menu>.megamenu-menu ul.megamenu ul.sub-menu li li:hover>a {
    font-weight: 700
}

#main-menu ul.menu .megamenu-menu.menu-color-blue ul.megamenu,
.chaser ul.menu .megamenu-menu.menu-color-blue ul.megamenu {
    background: var(--main-web-color)
}

#main-menu ul.menu .megamenu-menu.menu-color-blue ul.megamenu ul.sub-menu li li a,
.chaser ul.menu .megamenu-menu.menu-color-blue ul.megamenu ul.sub-menu li li a {
    border-bottom-color: #04afe7
}

#main-menu ul.menu .megamenu-menu.menu-color-blue ul.megamenu ul.sub-menu li li.active>a,
#main-menu ul.menu .megamenu-menu.menu-color-blue ul.megamenu ul.sub-menu li li:hover>a,
.chaser ul.menu .megamenu-menu.menu-color-blue ul.megamenu ul.sub-menu li li.active>a,
.chaser ul.menu .megamenu-menu.menu-color-blue ul.megamenu ul.sub-menu li li:hover>a {
    background: #04afe7
}

#main-menu ul.menu .megamenu-menu.menu-color-yellow ul.megamenu,
.chaser ul.menu .megamenu-menu.menu-color-yellow ul.megamenu {
    background: #dc373e
}

#main-menu ul.menu .megamenu-menu.menu-color-yellow ul.megamenu ul.sub-menu li li a,
.chaser ul.menu .megamenu-menu.menu-color-yellow ul.megamenu ul.sub-menu li li a {
    border-bottom-color: #f5b010
}

#main-menu ul.menu .megamenu-menu.menu-color-yellow ul.megamenu ul.sub-menu li li.active>a,
#main-menu ul.menu .megamenu-menu.menu-color-yellow ul.megamenu ul.sub-menu li li:hover>a,
.chaser ul.menu .megamenu-menu.menu-color-yellow ul.megamenu ul.sub-menu li li.active>a,
.chaser ul.menu .megamenu-menu.menu-color-yellow ul.megamenu ul.sub-menu li li:hover>a {
    background: #f5b010
}

#main-menu ul.menu .megamenu-menu.menu-color-green ul.megamenu,
.chaser ul.menu .megamenu-menu.menu-color-green ul.megamenu {
    background: #69902b
}

#main-menu ul.menu .megamenu-menu.menu-color-green ul.megamenu ul.sub-menu li li a,
.chaser ul.menu .megamenu-menu.menu-color-green ul.megamenu ul.sub-menu li li a {
    border-bottom-color: #91c63d
}

#main-menu ul.menu .megamenu-menu.menu-color-green ul.megamenu ul.sub-menu li li.active>a,
#main-menu ul.menu .megamenu-menu.menu-color-green ul.megamenu ul.sub-menu li li:hover>a,
.chaser ul.menu .megamenu-menu.menu-color-green ul.megamenu ul.sub-menu li li.active>a,
.chaser ul.menu .megamenu-menu.menu-color-green ul.megamenu ul.sub-menu li li:hover>a {
    background: #91c63d
}

#main-menu ul.menu .megamenu-menu.menu-skin-light .megamenu-wrapper,
.chaser ul.menu .megamenu-menu.menu-skin-light .megamenu-wrapper {
    border: 2px solid var(--main-web-color)
}

#main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu,
.chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu {
    background: #fff
}

#main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu>li>a,
.chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu>li>a {
    color: #2d3e52 !important
}

#main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li a,
.chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li a {
    color: #838383;
    border-bottom: 1px solid #f5f5f5
}

#main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li.active>a,
#main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li:hover>a,
.chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li.active>a,
.chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li:hover>a {
    background: #f5f5f5;
    color: #2d3e52
}

#main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li.active>a:before,
#main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li:hover>a:before,
#main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-blue ul.megamenu ul.sub-menu li li.active>a:before,
#main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-blue ul.megamenu ul.sub-menu li li:hover>a:before,
.chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li.active>a:before,
.chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li:hover>a:before,
.chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-blue ul.megamenu ul.sub-menu li li.active>a:before,
.chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-blue ul.megamenu ul.sub-menu li li:hover>a:before {
    color: var(--main-web-color)
}

#main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-blue .megamenu-wrapper,
.chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-blue .megamenu-wrapper {
    border-color: var(--main-web-color)
}

#main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-yellow .megamenu-wrapper,
.chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-yellow .megamenu-wrapper {
    border-color: #dc373e
}

#main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-yellow ul.megamenu ul.sub-menu li li.active>a:before,
#main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-yellow ul.megamenu ul.sub-menu li li:hover>a:before,
.chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-yellow ul.megamenu ul.sub-menu li li.active>a:before,
.chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-yellow ul.megamenu ul.sub-menu li li:hover>a:before {
    color: #dc373e
}

#main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-green .megamenu-wrapper,
.chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-green .megamenu-wrapper {
    border-color: #69902b
}

#main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-green ul.megamenu ul.sub-menu li li.active>a:before,
#main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-green ul.megamenu ul.sub-menu li li:hover>a:before,
.chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-green ul.megamenu ul.sub-menu li li.active>a:before,
.chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-green ul.megamenu ul.sub-menu li li:hover>a:before {
    color: #69902b
}

ul.menu.mini {
    min-width: 180px;
    border: 2px solid var(--main-web-color);
    background: #fff
}

ul.menu.mini li {
    padding: 0 20px;
    float: none;
    margin: 0
}

ul.menu.mini li a {
    border-bottom: 1px solid #f5f5f5;
    display: block;
    padding: 10px 0;
    color: inherit;
    line-height: normal;
    font-size: .9167em;
    text-align: left
}

ul.menu.mini li.active,
ul.menu.mini li:hover {
    background: #f5f5f5
}

ul.menu.mini li.active a,
ul.menu.mini li:hover a {
    color: var(--main-web-color);
    font-weight: 700
}

.menu-color-blue ul.menu.mini,
.menu-color-green ul.menu.mini,
.menu-color-skin ul.menu.mini,
.menu-color-yellow ul.menu.mini {
    border: none;
    padding: 10px 0;
    background: var(--main-web-color)
}

.menu-color-blue ul.menu.mini li:last-child a,
.menu-color-green ul.menu.mini li:last-child a,
.menu-color-skin ul.menu.mini li:last-child a,
.menu-color-yellow ul.menu.mini li:last-child a {
    border: none
}

.menu-color-blue ul.menu.mini li a,
.menu-color-green ul.menu.mini li a,
.menu-color-skin ul.menu.mini li a,
.menu-color-yellow ul.menu.mini li a {
    -moz-opacity: .7;
    -khtml-opacity: .7;
    opacity: .7;
    color: #fff;
    font-size: .8333em;
    border-color: #04afe7
}

.menu-color-blue ul.menu.mini li.active a,
.menu-color-blue ul.menu.mini li:hover a,
.menu-color-green ul.menu.mini li.active a,
.menu-color-green ul.menu.mini li:hover a,
.menu-color-skin ul.menu.mini li.active a,
.menu-color-skin ul.menu.mini li:hover a,
.menu-color-yellow ul.menu.mini li.active a,
.menu-color-yellow ul.menu.mini li:hover a {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.menu-color-blue ul.menu.mini li.active,
.menu-color-blue ul.menu.mini li:hover,
.menu-color-green ul.menu.mini li.active,
.menu-color-green ul.menu.mini li:hover,
.menu-color-skin ul.menu.mini li.active,
.menu-color-skin ul.menu.mini li:hover,
.menu-color-yellow ul.menu.mini li.active,
.menu-color-yellow ul.menu.mini li:hover {
    background: #04afe7
}

.menu-color-blue ul.menu.mini {
    background: var(--main-web-color)
}

.menu-color-blue ul.menu.mini li.active,
.menu-color-blue ul.menu.mini li:hover {
    background: #04afe7
}

.menu-color-yellow ul.menu.mini {
    background: #dc373e
}

.menu-color-yellow ul.menu.mini li a {
    border-color: #f5b010
}

.menu-color-yellow ul.menu.mini li.active,
.menu-color-yellow ul.menu.mini li:hover {
    background: #f5b010
}

.menu-color-green ul.menu.mini {
    background: #69902b
}

.menu-color-green ul.menu.mini li a {
    border-color: #91c63d
}

.menu-color-green ul.menu.mini li.active,
.menu-color-green ul.menu.mini li:hover {
    background: #91c63d
}

#header .mobile-menu {
    background: var(--main-web-color);
    text-align: left
}

#header .mobile-menu a {
    color: #fff;
    -moz-opacity: .7;
    -khtml-opacity: .7;
    opacity: .7;
    display: block;
    padding: 15px 0;
    background: 0 0 !important
}

#header .mobile-menu li.active>a,
#header .mobile-menu li:hover>a {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

#header .mobile-menu>ul.menu>li {
    float: none;
    padding-left: 15px;
    padding-right: 15px
}

#header .mobile-menu>ul.menu>li>a {
    font-size: 1.1667em;
    border-top: 1px solid #04afe7;
    text-transform: uppercase;
    font-weight: 700
}

#header .mobile-menu>ul.menu>li.menu-item-has-children {
    position: relative
}

#header .mobile-menu>ul.menu>li.menu-item-has-children.open {
    background: #04afe7
}

#header .mobile-menu>ul.menu>li.menu-item-has-children>.dropdown-toggle {
    position: absolute;
    right: 1px;
    top: 7px;
    height: 34px;
    line-height: 34px;
    padding: 0 15px;
    background: 0 0;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 1.3333em;
    font-weight: 400;
    -moz-opacity: .7;
    -khtml-opacity: .7;
    opacity: .7
}

#header .mobile-menu>ul.menu>li.menu-item-has-children>.dropdown-toggle:after {
    content: "\f056"
}

#header .mobile-menu>ul.menu>li.menu-item-has-children>.dropdown-toggle.collapsed:after {
    content: "\f055"
}

#header .mobile-menu>ul.menu>li.menu-item-has-children>a {
    border-top: 1px solid #04afe7
}

#header .mobile-menu>ul.menu>li.menu-item-has-children.open>a {
    color: #fff;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

#header .mobile-menu>ul.menu>li.menu-item-has-children.open>.dropdown-toggle,
#header .mobile-menu>ul.menu>li.menu-item-has-children:hover>.dropdown-toggle,
#header .mobile-menu>ul.menu>li.menu-item-has-children:hover>a {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

#header .mobile-menu>ul.menu>li.menu-item-has-children>ul {
    border-top: 1px solid var(--main-web-color)
}

#header .mobile-menu>ul.menu>li:first-child>a {
    border-top: none
}

#header .mobile-menu>ul.menu>li:last-child>a {
    border-bottom: 1px solid #04afe7
}

#header .mobile-menu>ul.menu>li>ul li>a {
    padding-left: 15px;
    font-size: 1.0833em;
    position: relative
}

#header .mobile-menu>ul.menu>li>ul li>a:before {
    font-family: FontAwesome;
    content: "\f111";
    display: block;
    font-size: 4px;
    position: absolute;
    left: 0
}

#header .mobile-menu>ul.menu>li>ul li.menu-item-has-children>a {
    padding-left: 0;
    color: #fff;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    font-size: 1.1667em;
    font-weight: 700;
    text-transform: uppercase
}

#header .mobile-menu>ul.menu>li>ul li.menu-item-has-children>a:before {
    content: "";
    display: none
}

#header .mobile-menu>ul.menu>li>ul li.menu-item-has-children>ul {
    border-bottom: 1px solid var(--main-web-color)
}

#header .mobile-menu>ul.menu>li>ul li.menu-item-has-children:last-child>ul {
    border-bottom: none !important
}

#header .mobile-menu>ul.menu>li li li.menu-item-has-children>a {
    padding-left: 10px
}

#header .mobile-menu>ul.menu>li li li.menu-item-has-children>a:before {
    display: none
}

#header .mobile-menu .mobile-topnav {
    margin: 0 auto;
    padding: 0 5px
}

#header .mobile-menu .mobile-topnav>li {
    float: left;
    position: relative;
    color: #40cbf8
}

#header .mobile-menu .mobile-topnav>li>a {
    font-size: .8333em;
    padding: 0 10px;
    margin: 22px 10px;
    line-height: 1em;
    width: auto
}

#header .mobile-menu .mobile-topnav>li:after {
    content: "|";
    position: absolute;
    right: -1px;
    top: 50%;
    margin-top: -10px
}

#header .mobile-menu .mobile-topnav>li:last-child:after {
    display: none
}

#header .mobile-menu .mobile-topnav>li:first-child a {
    margin-left: 0
}

#header .mobile-menu .mobile-topnav .menu.mini {
    left: 0;
    top: 40px;
    visibility: visible;
    display: none;
    min-width: 100px
}

#header .mobile-menu .mobile-topnav .menu.mini li>a {
    padding: 10px 0
}

#header .mobile-menu .mobile-topnav .menu.mini.left {
    left: 0;
    right: auto
}

#header .mobile-menu.menu-color-blue .mobile-topnav li:after,
#header .mobile-menu.menu-color-green .mobile-topnav li:after,
#header .mobile-menu.menu-color-yellow .mobile-topnav li:after {
    color: #fff;
    -moz-opacity: .7;
    -khtml-opacity: .7;
    opacity: .7
}

#header .mobile-menu.menu-color-blue {
    background: var(--main-web-color)
}

#header .mobile-menu.menu-color-blue ul.menu>li.menu-item-has-children>a {
    border-top-color: #04afe7
}

#header .mobile-menu.menu-color-blue ul.menu>li.menu-item-has-children.open {
    background: #04afe7
}

#header .mobile-menu.menu-color-blue ul.menu>li.menu-item-has-children.open>a,
#header .mobile-menu.menu-color-blue ul.menu>li.menu-item-has-children>ul {
    border-top-color: var(--main-web-color)
}

#header .mobile-menu.menu-color-blue ul.menu>li:last-child>a {
    border-bottom-color: #04afe7
}

#header .mobile-menu.menu-color-blue ul.menu>li>ul li.menu-item-has-children>ul {
    border-bottom-color: var(--main-web-color)
}

#header .mobile-menu.menu-color-yellow {
    background: #dc373e
}

#header .mobile-menu.menu-color-yellow ul.menu>li.menu-item-has-children>a {
    border-top-color: #f5b010
}

#header .mobile-menu.menu-color-yellow ul.menu>li.menu-item-has-children.open {
    background: #f5b010
}

#header .mobile-menu.menu-color-yellow ul.menu>li.menu-item-has-children.open>a,
#header .mobile-menu.menu-color-yellow ul.menu>li.menu-item-has-children>ul {
    border-top-color: #dc373e
}

#header .mobile-menu.menu-color-yellow ul.menu>li:last-child>a {
    border-bottom-color: #f5b010
}

#header .mobile-menu.menu-color-yellow ul.menu>li>ul li.menu-item-has-children>ul {
    border-bottom-color: #dc373e
}

#header .mobile-menu.menu-color-green {
    background: #69902b
}

#header .mobile-menu.menu-color-green ul.menu>li.menu-item-has-children>a {
    border-top-color: #91c63d
}

#header .mobile-menu.menu-color-green ul.menu>li.menu-item-has-children.open {
    background: #91c63d
}

#header .mobile-menu.menu-color-green ul.menu>li.menu-item-has-children.open>a,
#header .mobile-menu.menu-color-green ul.menu>li.menu-item-has-children>ul {
    border-top-color: #69902b
}

#header .mobile-menu.menu-color-green ul.menu>li:last-child>a {
    border-bottom-color: #91c63d
}

#header .mobile-menu.menu-color-green ul.menu>li>ul li.menu-item-has-children>ul {
    border-bottom-color: #69902b
}

.chaser {
    background: rgba(255, 255, 255, .95);
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
    height: 52px
}

.chaser .logo,
.rich-datepicker-input {
    background-repeat: no-repeat !important
}

.chaser ul.menu>li>a {
    line-height: 48px;
    height: 48px
}

.chaser ul.menu>li:hover>.megamenu-wrapper,
.chaser ul.menu>li:hover>ul {
    top: 46px !important
}

.chaser .logo {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-color: rgba(0, 0, 0, 0) !important;
    background-origin: padding-box !important;
    background-position: 0 0 !important;
    background-size: 61% 20px;
    display: block;
    height: 24px;
    line-height: 11px;
    margin-bottom: 0;
    margin-top: 11px;
    min-height: initial;
    padding: 0;
    width: 199px
}

.chaser .logo a {
    background-size: auto 20px
}

.no-rgba .chaser {
    background: #fff;
    -moz-opacity: .95;
    -khtml-opacity: .95;
    opacity: .95
}

.no-backgroundsize .chaser .logo a {
    background-size: auto 20px;
    background-image: none
}

.travelo-login-box,
.travelo-signup-box {
    border: 2px solid var(--main-web-color);
    width: 300px;
    margin: 0 auto;
    display: none
}

.travelo-login-box .login-social .button,
.travelo-signup-box .login-social .button {
    width: 100%;
    height: 36px;
    line-height: 36px;
    margin-bottom: 10px;
    font-size: 1.3333em;
    font-weight: 400;
    text-align: left;
    padding-left: 20px;
    letter-spacing: normal !important
}

.travelo-login-box .login-social .button i,
.travelo-signup-box .login-social .button i {
    font-size: 1.5em;
    margin-right: 36px;
    width: 20px;
    float: left;
    display: block
}

.travelo-login-box .login-facebook,
.travelo-signup-box .login-facebook {
    background: #155c92
}

.travelo-login-box .login-googleplus,
.travelo-signup-box .login-googleplus {
    background: #d13535
}

.travelo-login-box .seperator,
.travelo-signup-box .seperator {
    line-height: 0;
    border-top: 1px solid #f5f5f5;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px
}

.travelo-login-box .seperator label,
.travelo-signup-box .seperator label {
    display: block;
    font-size: .9167em;
    position: absolute;
    left: 50%;
    top: 50%;
    line-height: 1;
    background: #fff;
    padding: 0 10px;
    margin: -1px 0 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: 400
}

#slideshow,
.slideshow-bg {
    position: relative
}

.travelo-login-box p,
.travelo-signup-box p {
    margin-bottom: 0
}

.travelo-login-box .description,
.travelo-signup-box .description {
    font-size: 1em;
    color: #9e9e9e
}

.travelo-login-box .form-group,
.travelo-signup-box .form-group {
    margin-bottom: 10px;
    text-align: left
}

.travelo-login-box .checkbox label,
.travelo-signup-box .checkbox label {
    font-size: 1em
}

.travelo-login-box .goto-login,
.travelo-login-box .goto-signup,
.travelo-login-box .signup-email,
.travelo-signup-box .goto-login,
.travelo-signup-box .goto-signup,
.travelo-signup-box .signup-email {
    color: var(--main-web-color);
    font-size: 1.0833em
}

.travelo-signup-box .signup-email-section {
    margin-bottom: 10px
}

.travelo-signup-box .signup-email i {
    font-size: 1.2em;
    margin-right: 4px
}

.travelo-signup-box .email-signup {
    margin-top: 5px;
    margin-bottom: 20px;
    display: none
}

.travelo-login-box .checkbox-inline {
    margin-left: 0
}

.travelo-login-box .forgot-password {
    color: var(--main-web-color);
    text-decoration: underline
}

#slideshow {
    width: 100%;
    padding: 0;
    min-height: 100px
}

.slideshow-bg #slideshow {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0
}

.slideshow-bg .flexslider {
    height: 100%;
    border: none;
    box-shadow: none
}

.slideshow-bg .flexslider .slides,
.slideshow-bg .flexslider .slides>li {
    height: 100%
}

.slideshow-bg .flexslider .slidebg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.slideshow-bg #main {
    position: relative;
    z-index: 2
}

.page-title-container {
    height: 56px;
    background: #2d3e52
}

.page-title-container .page-title .entry-title {
    line-height: 56px;
    color: #fff;
    margin: 0
}

.page-title-container .breadcrumbs {
    height: 100%
}

.page-title-container .breadcrumbs li {
    float: left;
    line-height: 56px;
    display: inline;
    margin-left: 5px;
    font-size: 14px;
    font-weight: 400;
    text-transform: lowercase
}

.page-title-container .breadcrumbs li a {
    padding-right: 5px;
    color: #fff
}

.page-title-container .breadcrumbs li a:hover {
    color: var(--main-web-color)
}

.page-title-container .breadcrumbs li:after {
    content: "/";
    color: #5a7ca3
}

.page-title-container .breadcrumbs li:last-child:after {
    content: ""
}

.page-title-container .breadcrumbs li.active {
    color: #fdb714
}

.page-title-container.style1 {
    background: #dbdbdb;
    height: 66px;
    line-height: 66px;
    text-align: right
}

.page-title-container.style1 .page-title .entry-title {
    color: inherit;
    font-style: italic;
    line-height: 66px
}

.page-title-container.style1 button {
    padding-left: 10px;
    padding-right: 10px
}

.page-title-container.style1 .container {
    position: relative
}

.page-title-container.style1 .container:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    border-top: 5px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.page-title-container.style2 {
    height: 86px;
    line-height: 86px;
    text-align: right
}

.page-title-container.style2 .page-title {
    float: left
}

.page-title-container.style2 .page-title .entry-title {
    color: #fff;
    line-height: 86px;
    font-weight: 700
}

.page-title-container.style2 .breadcrumbs {
    float: right;
    background: #e5f8fa;
    margin-top: 28px;
    padding: 0 15px
}

.page-title-container.style2 .breadcrumbs li.active {
    color: var(--main-web-color)
}

.page-title-container.style2 .breadcrumbs li {
    line-height: 30px
}

.page-title-container.style2 .breadcrumbs li a {
    color: inherit;
    font-weight: 400
}

.page-title-container.style2 .breadcrumbs,
.page-title-container.style2 .page-title {
    position: relative
}

.page-title-container.style2 .page-title:after {
    position: absolute;
    content: "";
    width: 59px;
    height: 39px;
    top: 10px;
    right: -100px
}

.page-title-container.style2 .breadcrumbs:before {
    position: absolute;
    content: "";
    width: 131px;
    height: 71px;
    bottom: -28px;
    left: -135px
}

.page-title-container.style3 {
    background: #2d3e52;
    height: auto;
    padding: 25px 0 10px
}

.page-title-container.style3 form label {
    font-size: .8333em;
    color: #7c9abd
}

.page-title-container.style4 {
    background: #fdb714;
    height: 60px;
    line-height: 60px;
    text-align: right;
    overflow: hidden
}

.page-title-container.style4 .page-title {
    float: left;
    background: #fdb714;
    padding-right: 20px;
    position: relative
}

.page-title-container.style4 .page-title:after {
    display: block;
    content: "";
    position: absolute;
    right: -20px;
    top: 0;
    width: 0;
    height: 0;
    border-left: 20px solid #fdb714;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent
}

.page-title-container.style4 .page-title i {
    float: left;
    font-size: 24px;
    line-height: 60px;
    margin-right: 20px;
    color: #df9207
}

.page-title-container.style4 .page-title .entry-title {
    line-height: 60px;
    white-space: nowrap;
    color: #fff;
    font-style: normal;
    font-weight: 400;
    float: left
}

.page-title-container.style4 .container {
    background: #efa300;
    position: relative
}

.page-title-container.style4 .container:before {
    position: absolute;
    content: "";
    display: block;
    right: -100%;
    top: 0;
    height: 60px;
    width: 100%;
    background: #efa300
}

.page-title-container.style4 .breadcrumbs {
    float: right
}

.page-title-container.style4 .breadcrumbs li {
    line-height: 60px
}

.page-title-container.style4 .breadcrumbs li a {
    color: #ffce5c
}

.page-title-container.style4 .breadcrumbs li:before {
    font-family: soap-icons;
    content: '\e86f';
    font-weight: 700;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50%;
    color: #ffce5c;
    border: 1px solid;
    line-height: 12px;
    text-align: center;
    height: 14px;
    width: 14px;
    margin-right: 8px
}

.page-title-container.style4 .breadcrumbs li:after {
    content: ""
}

.page-title-container.style4 .breadcrumbs li.active,
.page-title-container.style4 .breadcrumbs li.active:before,
.page-title-container.style4 .breadcrumbs li:hover a,
.page-title-container.style4 .breadcrumbs li:hover:before {
    color: #fff
}

.page-title-container.style5 {
    background: #94e2fb;
    height: 86px;
    line-height: 86px
}

.page-title-container.style5 .page-title {
    float: left;
    margin-right: 25px
}

.page-title-container.style5 .page-title .entry-title {
    color: #fff;
    line-height: 86px;
    font-size: 2.5em
}

.page-title-container.style5 .breadcrumbs {
    float: left
}

.page-title-container.style5 .breadcrumbs li {
    line-height: 86px
}

.page-title-container.style5 .breadcrumbs li a {
    color: var(--main-web-color)
}

.page-title-container.style5 .breadcrumbs li:before {
    font-family: soap-icons;
    content: '\e86f';
    font-weight: 700;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50%;
    color: var(--main-web-color);
    border: 1px solid;
    line-height: 12px;
    text-align: center;
    height: 14px;
    width: 14px;
    margin-right: 8px
}

.page-title-container.style5 .breadcrumbs li:after {
    content: ""
}

.page-title-container.style5 .breadcrumbs li.active,
.page-title-container.style5 .breadcrumbs li.active:before,
.page-title-container.style5 .breadcrumbs li:hover a,
.page-title-container.style5 .breadcrumbs li:hover:before {
    color: #fff
}

.page-title-container.style5 .breadcrumbs:before {
    float: left;
    content: "|";
    font-size: 2.5em;
    font-weight: 300;
    color: #c6f1ff;
    margin-right: 25px
}

.page-title-container.style5 .social-icons {
    float: right;
    margin-top: 27px
}

.page-title-container.style5 .social-icons li {
    line-height: normal
}

.page-title-container.style5 .social-icons a {
    background: 0 0;
    overflow: hidden
}

.page-title-container.style5 .social-icons a:hover {
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50%;
    background: 0 0
}

.page-title-container.style5 .social-icons a:hover i {
    color: #fff;
    display: block;
    -webkit-animation: toBottomFromTop .3s forwards;
    -moz-animation: toBottomFromTop .3s forwards;
    animation: toBottomFromTop .3s forwards
}

.page-title-container.style5 .social-icons a i {
    color: var(--main-web-color)
}

.page-title-container.style6 {
    background: #dbdbdb;
    height: 86px;
    line-height: 86px
}

.page-title-container.style6 .page-title {
    float: left;
    margin-right: 25px;
    font-style: italic
}

.page-title-container.style6 .page-title .entry-title {
    color: #838383;
    line-height: 86px;
    font-size: 2.5em
}

.page-title-container.style6 .breadcrumbs {
    float: left
}

.page-title-container.style6 .breadcrumbs li {
    line-height: 86px
}

.page-title-container.style6 .breadcrumbs li a {
    color: #f5f5f5
}

.page-title-container.style6 .breadcrumbs li:before {
    font-family: soap-icons;
    content: '\e86f';
    font-weight: 700;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50%;
    color: #f5f5f5;
    border: 1px solid;
    line-height: 12px;
    text-align: center;
    height: 14px;
    width: 14px;
    margin-right: 8px
}

.page-title-container.style6 .breadcrumbs li:after {
    content: ""
}

.page-title-container.style6 .breadcrumbs li.active,
.page-title-container.style6 .breadcrumbs li.active:before,
.page-title-container.style6 .breadcrumbs li:hover a,
.page-title-container.style6 .breadcrumbs li:hover:before {
    color: inherit
}

.page-title-container.style6 .breadcrumbs:before {
    float: left;
    content: "|";
    font-size: 2.5em;
    font-weight: 300;
    color: #f5f5f5;
    margin-right: 25px
}

.page-title-container.style6 .search-box {
    padding: 25px 0 0;
    float: right;
    margin: 0;
    line-height: normal
}

.page-title-container.style6 .search-box .input-text {
    background: #f5f5f5;
    font-size: .8333em;
    letter-spacing: normal !important;
    text-transform: uppercase
}

.world-map-section {
    height: 750px
}

.marker-holder {
    position: absolute;
    width: 10px;
    height: 10px;
    left: 0
}

.marker-holder .image-box {
    position: absolute;
    width: 405px;
    padding: 5px;
    margin: 0;
    background: #fff;
    bottom: 0;
    left: 0;
    font-family: Lato, Arial, Helvetica, sans-serif
}

.marker-holder .image-box figure {
    width: 135px;
    height: 135px;
    float: left
}

.marker-holder .image-box figure img {
    height: 100%
}

.marker-holder .image-box .details {
    margin-left: 150px;
    padding-top: 5px
}

.marker-holder .image-box .details .title img {
    padding-top: 5px;
    margin-right: 3px
}

.marker-holder .image-box .details i {
    font-size: 2.1667em;
    color: #d9d9d9
}

.marker-holder .image-box .details .price {
    font-size: 1.3333em
}

.marker-holder .image-box .details .price small {
    font-size: .625em;
    line-height: 1.3333em
}

.marker-holder .image-box .details .table-wrapper {
    width: 100%;
    table-layout: fixed
}

.marker-holder .image-box .details .table-cell {
    padding: 10px 20px 10px 10px;
    border-top: 1px solid #f5f5f5
}

.marker-holder .image-box .details .table-cell:first-child {
    border-right: 1px solid #f5f5f5
}

.marker-holder .image-box:after {
    content: "";
    position: absolute;
    left: 180px;
    bottom: -25px;
    display: block;
    width: 0;
    height: 0;
    border-width: 25px 25px 0;
    border-style: solid;
    border-color: #fff transparent
}

.search-box-wrapper {
    background: #fff
}

.search-box {
    margin-top: -80px;
    position: relative;
    z-index: 99
}

ul.search-tabs {
    margin: 0;
    padding: 0
}

ul.search-tabs li {
    float: left;
    padding-right: 4px
}

ul.search-tabs li a {
    color: #333;
    display: block;
    padding: 0 30px;
    background: #fff;
    font-size: 1em;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    -moz-opacity: .4;
    -khtml-opacity: .4;
    opacity: .4;
    letter-spacing: normal !important;
    text-transform: uppercase
}

.visible-mobile .search-tabs li a,
ul.search-tabs li.active a {
    color: var(--main-web-color);
    -moz-opacity: 1;
    -khtml-opacity: 1
}

.textbtn-green,
.textbtn-red,
.travel-cartpg td span a,
.travel-cartpg td span a .cancel {
    text-decoration: underline;
    font-weight: 700
}

ul.search-tabs li a:hover {
    -moz-opacity: .7;
    -khtml-opacity: .7;
    opacity: .7
}

.visible-mobile .search-tabs li a,
ul.search-tabs li.active a {
    opacity: 1
}

.visible-mobile .search-tabs li {
    float: none
}

.visible-mobile .search-tabs li a {
    padding: 0 80px;
    text-align: center
}

.visible-mobile .search-tabs li a:hover {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.search-tab-content {
    padding: 30px 0
}

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

.search-tab-content .tab-pane.active {
    display: block
}

.search-tab-content h4.title {
    margin: 10px 0;
    height: 20px
}

.search-tab-content .fixheight {
    padding-top: 40px
}

.search-box #mobile-search-tabs>li {
    display: none
}

.search-box .bx-wrapper .bx-viewport {
    box-shadow: none;
    border: none;
    left: 0
}

.search-box .bx-wrapper .bx-next,
.search-box .bx-wrapper .bx-prev {
    background: var(--main-web-color);
    font-family: FontAwesome
}

.search-box .bx-wrapper .bx-controls-direction a {
    width: 30px;
    height: 22px;
    margin-top: -11px
}

.search-box .bx-wrapper .bx-controls-direction a.disabled {
    display: block;
    background: #d9d9d9
}

.search-box .bx-wrapper .bx-next:before,
.search-box .bx-wrapper .bx-prev:before {
    display: block;
    position: absolute;
    text-indent: 0;
    line-height: 20px;
    text-align: center;
    width: 30px;
    color: #fff
}

.search-box .bx-wrapper .bx-next:before:hover,
.search-box .bx-wrapper .bx-prev:before:hover {
    color: #fff
}

.search-box .bx-wrapper .bx-prev:before {
    content: "\f177"
}

.search-box .bx-wrapper .bx-next:before {
    content: "\f178"
}

.search-box-wrapper.style1 {
    background: 0 0
}

.search-box-wrapper.style1 .search-box {
    margin: 0
}

.search-box-wrapper.style1 .search-box>ul.search-tabs {
    margin-top: 80px;
    float: left;
    width: 31%
}

.search-box-wrapper.style1 .search-box>ul.search-tabs li {
    float: none;
    margin-right: 0;
    padding-right: 0
}

.search-box-wrapper.style1 .search-box>ul.search-tabs li>a {
    -moz-opacity: .65;
    -khtml-opacity: .65;
    opacity: .65;
    height: 57px;
    line-height: 57px;
    border-bottom: 1px solid #0d9dec;
    border-right: 1px solid #0d9dec;
    position: relative;
    padding-left: 50px;
    overflow: hidden
}

.search-box-wrapper.style1 .search-box>ul.search-tabs li>a:hover {
    -moz-opacity: .85;
    -khtml-opacity: .85;
    opacity: .85
}

.search-box-wrapper.style1 .search-box>ul.search-tabs li>a:hover i {
    -webkit-animation: toTopFromBottom .3s forwards;
    -moz-animation: toTopFromBottom .3s forwards;
    animation: toTopFromBottom .3s forwards
}

.search-box-wrapper.style1 .search-box>ul.search-tabs li>a>i {
    position: absolute;
    left: 15px;
    font-size: 24px
}

.search-box-wrapper.style1 .search-box>ul.search-tabs li.active>a {
    border-right-color: #fff;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.search-box-wrapper.style1 .search-box>ul.search-tabs li.active>a>i {
    color: #dc373e
}

.search-box-wrapper.style1 .search-box>ul.search-tabs li.active>a:after {
    content: "\e88b";
    font-family: soap-icons;
    position: absolute;
    right: 15px;
    color: var(--main-web-color);
    font-size: 20px
}

.search-box-wrapper.style1 .search-box>ul.search-tabs li:last-child>a {
    border-bottom: none
}

.search-box-wrapper.style1 .search-tab-content {
    background: #fff;
    float: left;
    width: 69%;
    padding: 0
}

.search-box-wrapper.style1 .search-tab-content .title-container {
    background: #dc373e;
    padding: 15px 40px 0 25px;
    height: 80px;
    position: relative
}

.search-box-wrapper.style1 .search-tab-content .title-container>i {
    font-size: 48px;
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -24px
}

.search-box-wrapper.style1 .search-tab-content .title-container * {
    color: #fff
}

.search-box-wrapper.style1 .search-tab-content .title-container .search-title {
    margin: 0;
    font-weight: 700
}

.search-box-wrapper.style1 .search-tab-content .search-content {
    padding: 18px 25px 25px
}

.search-box-wrapper.style1 .search-tab-content .search-content .choose-travel label.radio {
    color: #2d3e52;
    font-size: inherit
}

.search-box-wrapper.style1 .search-tab-content .search-content .choose-travel>div {
    margin-bottom: 0
}

.search-box-wrapper.style1 .search-tab-content .search-content label {
    font-size: .8333em
}

.search-box-wrapper.style2 {
    background: 0 0
}

.search-box-wrapper.style2 .search-box {
    margin: 0 auto;
    background: rgba(0, 0, 0, .5);
    padding: 5px
}

.search-box-wrapper.style2 .search-box>ul.search-tabs {
    display: table;
    width: 100%
}

.search-box-wrapper.style2 .search-box>ul.search-tabs li {
    padding-right: 5px;
    display: table-cell;
    float: none
}

.search-box-wrapper.style2 .search-box>ul.search-tabs li:last-child {
    padding-right: 0
}

.search-box-wrapper.style2 .search-box>ul.search-tabs li>a {
    height: 35px;
    line-height: 35px;
    background: var(--main-web-color);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    color: #fff;
    padding: 0;
    text-align: center;
    overflow: hidden
}

.search-box-wrapper.style2 .search-box>ul.search-tabs li>a i {
    font-size: 1.6666em;
    vertical-align: middle;
    margin-right: 10px;
    line-height: 0
}

.search-box-wrapper.style2 .search-box>ul.search-tabs li>a:hover i:before {
    -webkit-animation: toTopFromBottom .35s forwards;
    -moz-animation: toTopFromBottom .35s forwards;
    animation: toTopFromBottom .35s forwards
}

.search-box-wrapper.style2 .search-box>ul.search-tabs li.advanced-search>a {
    background: #dc373e
}

.search-box-wrapper.style2 .search-box>ul.search-tabs li.active>a {
    margin-bottom: 0;
    height: 40px;
    background: #fff;
    color: var(--main-web-color)
}

.search-box-wrapper.style2 .search-tab-content {
    background: #fff;
    padding: 20px
}

.search-box-wrapper.style2 .search-tab-content .tab-pane [class*=" col-"],
.search-box-wrapper.style2 .search-tab-content .tab-pane [class^=col-] {
    padding-left: 5px;
    padding-right: 5px
}

.search-box-wrapper.style2 .search-tab-content .tab-pane .row {
    margin-left: -5px;
    margin-right: -5px
}

.search-box-wrapper.style2 .search-tab-content input.input-text,
.search-box-wrapper.style2 .search-tab-content select,
.search-box-wrapper.style2 .search-tab-content span.custom-select,
.search-box-wrapper.style2 .search-tab-content textarea {
    background: #fff;
    border: 1px solid #d1d1d1
}

.search-box-wrapper.style2 .search-tab-content .selector span.custom-select:before {
    background: #d1d1d1
}

.search-box-wrapper.style2 .search-tab-content .datepicker-wrap:after {
    background: 0 0;
    color: #d1d1d1
}

.search-box-wrapper.style2 .search-tab-content button {
    font-size: 1.1667em;
    font-weight: 700
}

.search-box-wrapper .main-search-box {
    padding: 20px 0 10px
}

.search-box-wrapper .main-search-box .row {
    margin: 0
}

.search-box-wrapper .main-search-box .row>div {
    padding: 0
}

.search-box-wrapper .main-search-box .title {
    line-height: 43px;
    margin: 0
}

.search-box-wrapper .main-search-box button {
    font-size: 1em
}

.sort-by-section {
    background: #fff;
    padding: 0 20px
}

.sort-by-section li {
    float: left;
    padding: 8px 5px
}

.sort-by-section .sort-by-title {
    font-weight: 400;
    color: #1a2b49;
    font-size: 16px;
    line-height: 34px;
    margin: 15px 20px 0 0;
    float: left
}

.sort-by-section .sort-bar {
    float: left
}

.sort-by-section .sort-bar .sort-by-container {
    position: relative;
    display: block
}

.sort-by-section .sort-bar .sort-by-container>span {
    background: #f5f5f5;
    height: 34px;
    padding: 0 45px 0 15px;
    line-height: 34px;
    display: block;
    color: #9e9e9e
}

.sort-by-section .sort-bar .sort-by-container>span:after {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 30px;
    background: #d9d9d9;
    content: ""
}

.sort-by-section .sort-bar .sort-by-container:after,
.sort-by-section .sort-bar .sort-by-container:before {
    content: "";
    position: absolute;
    z-index: 1;
    display: block;
    top: 50%;
    right: 12px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent
}

.sort-by-section .sort-bar .sort-by-container:before {
    margin-top: -6px;
    border-bottom: 5px solid #fff
}

.sort-by-section .sort-bar .sort-by-container:after {
    margin-top: 2px;
    border-top: 5px solid #fff
}

.sort-by-section .sort-bar li.active .sort-by-container>span:after {
    background: #fcb714
}

.sort-by-section .swap-tiles {
    float: right;
    font-size: 33px
}

.sort-by-section .swap-tiles li>a>i {
    display: block;
    width: 34px;
    line-height: 34px;
    height: 34px;
    background: #f5f5f5;
    color: #d9d9d9;
    text-align: center
}

.sort-by-section .swap-tiles li.active>a>i,
.sort-by-section .swap-tiles li:hover>a>i {
    background: var(--main-web-color);
    color: #fff
}

.sort-by-section .swap-tiles li.swap-list>a>i {
    font-size: 30px
}

.filters-container.toggle-container {
    background: 0 0
}

.filters-container.toggle-container .panel.style1 {
    border: none;
    margin-bottom: 4px;
    background: #fff
}

/*.filters-container.toggle-container .panel.style1 .panel-title {
    padding-left: 5px
}*/

.filters-container.toggle-container .panel.style1 .panel-content {
    padding: 10px 15px 15px;
    /*padding: 0 !important;*/
}

.search-results-title {
    background: #fff;
    padding: 2px 20px;
    margin: 0;
    border-bottom: 4px solid #f5f5f5;
    line-height: 3em
}

.search-results-title>i {
    color: #fcb714;
    font-size: 20px;
    margin-right: 10px
}

.filters-container .reviews {
    margin: 0;
    letter-spacing: normal !important
}

.filters-container ul.filters-option {
    margin-bottom: 10px
}

.filters-container ul.filters-option li {
    margin-bottom: 1px;
    background: #f5f5f5;
    padding: 0;
}

.filters-container ul.filters-option li a {
    display: block;
    padding: 8px 15px;
    font-size: 14px;
    color: #1a2b49;
    font-weight: 500
}

.filters-container ul.filters-option li small {
    float: right
}

.filters-container ul.filters-option li:before {
    float: left;
    width: 15px;
    height: 16px;
    display: block;
    line-height: 14px;
    text-align: center;
    margin-top: 12px
}

.filters-container ul.filters-option li:after {
    display: table;
    clear: both;
    content: ""
}

.filters-container ul.filters-option li.active {
    background: var(--main-web-color);
    height: auto;
}

.filters-container ul.filters-option li.active a {
    color: #fff
}

.hotel-list {
    margin-top: 30px
}

.detailed-logo {
    background: #fff;
    padding: 15px
}

.detailed-logo figure {
    background: #f5f5f5;
    text-align: center;
    padding: 20px 0
}

.detailed-logo figure img {
    height: auto;
    width: auto
}

.detailed-logo .box-title,
.detailed-logo .feedback,
.detailed-logo .price {
    border-bottom: 1px solid #f5f5f5
}

.detailed-logo .box-title {
    margin-top: 15px;
    padding-bottom: 10px;
    letter-spacing: normal
}

.detailed-logo .box-title>small {
    line-height: 1.5em;
    letter-spacing: normal !important;
    font-size: 10px
}

.detailed-logo .box-title>small>i {
    font-size: 1.5em;
    display: block;
    float: left;
    margin-right: 3px
}

.detailed-logo .price {
    float: none;
    display: block;
    line-height: 1.75em
}

.detailed-logo .feedback {
    padding: 8px 0 2px;
    color: #9e9e9e;
    text-transform: uppercase;
    font-size: .8333em;
    margin-bottom: 10px
}

#cruise-main-content .tab-content .tab-pane,
#flight-main-content .tab-content .tab-pane,
#hotel-main-content .tab-content .tab-pane {
    padding: 0
}

#cruise-main-content #calendar-tab,
#flight-main-content #calendar-tab,
#hotel-main-content #calendar-tab {
    background: #2d3e52;
    padding: 20px 30px
}

#cruise-main-content #calendar-tab label,
#cruise-main-content #calendar-tab p,
#flight-main-content #calendar-tab label,
#flight-main-content #calendar-tab p,
#hotel-main-content #calendar-tab label,
#hotel-main-content #calendar-tab p {
    color: #7c9abd
}

#cruise-main-content #calendar-tab .description,
#flight-main-content #calendar-tab .description,
#hotel-main-content #calendar-tab .description {
    padding-top: 30px
}

#cruise-main-content #calendar-tab .row,
#flight-main-content #calendar-tab .row,
#hotel-main-content #calendar-tab .row {
    border: none
}

#cruise-main-content .calendar table,
#flight-main-content .calendar table,
#hotel-main-content .calendar table {
    width: 100%;
    table-layout: fixed;
    margin-top: 20px
}

#cruise-main-content .calendar table thead td,
#flight-main-content .calendar table thead td,
#hotel-main-content .calendar table thead td {
    text-align: center;
    color: #dc373e;
    text-transform: uppercase;
    font-size: .8333em;
    text-indent: -5px;
    line-height: 3em
}

#cruise-main-content .calendar table tbody td,
#flight-main-content .calendar table tbody td,
#hotel-main-content .calendar table tbody td {
    padding: 0 5px 5px 0;
    text-align: right;
    position: relative
}

#cruise-main-content .calendar table tbody td>a,
#cruise-main-content .calendar table tbody td>span,
#flight-main-content .calendar table tbody td>a,
#flight-main-content .calendar table tbody td>span,
#hotel-main-content .calendar table tbody td>a,
#hotel-main-content .calendar table tbody td>span {
    border: 1px solid #da6161;
    display: block;
    color: #da6161;
    padding: 5px;
    line-height: 1em;
    height: 4.6666em;
    font-size: 1.1667em;
    position: relative
}

#cruise-main-content .calendar table tbody td>a:before,
#cruise-main-content .calendar table tbody td>span:before,
#flight-main-content .calendar table tbody td>a:before,
#flight-main-content .calendar table tbody td>span:before,
#hotel-main-content .calendar table tbody td>a:before,
#hotel-main-content .calendar table tbody td>span:before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: "NOT AVAILABLE";
    background: #da6161;
    font-size: 10px;
    text-align: center;
    z-index: 1;
    line-height: 1;
    padding: 2.2em 5px 5px;
    color: #fff;
    display: none;
    cursor: default
}

#cruise-main-content .calendar table tbody td>a:hover:before,
#cruise-main-content .calendar table tbody td>span:hover:before,
#flight-main-content .calendar table tbody td>a:hover:before,
#flight-main-content .calendar table tbody td>span:hover:before,
#hotel-main-content .calendar table tbody td>a:hover:before,
#hotel-main-content .calendar table tbody td>span:hover:before {
    display: block
}

#cruise-main-content .calendar table tbody td.available>a,
#cruise-main-content .calendar table tbody td.available>span,
#flight-main-content .calendar table tbody td.available>a,
#flight-main-content .calendar table tbody td.available>span,
#hotel-main-content .calendar table tbody td.available>a,
#hotel-main-content .calendar table tbody td.available>span {
    border-color: #69902b;
    color: #69902b
}

#cruise-main-content .calendar table tbody td.available>a:before,
#cruise-main-content .calendar table tbody td.available>span:before,
#flight-main-content .calendar table tbody td.available>a:before,
#flight-main-content .calendar table tbody td.available>span:before,
#hotel-main-content .calendar table tbody td.available>a:before,
#hotel-main-content .calendar table tbody td.available>span:before {
    background: #69902b;
    content: "BOOK FROM";
    cursor: pointer
}

#cruise-main-content .calendar table tbody td.date-passed>a,
#cruise-main-content .calendar table tbody td.date-passed>span,
#flight-main-content .calendar table tbody td.date-passed>a,
#flight-main-content .calendar table tbody td.date-passed>span,
#hotel-main-content .calendar table tbody td.date-passed>a,
#hotel-main-content .calendar table tbody td.date-passed>span {
    border-color: var(--main-web-color);
    color: var(--main-web-color)
}

#cruise-main-content .calendar table tbody td.date-passed>a:before,
#cruise-main-content .calendar table tbody td.date-passed>span:before,
#flight-main-content .calendar table tbody td.date-passed>a:before,
#flight-main-content .calendar table tbody td.date-passed>span:before,
#hotel-main-content .calendar table tbody td.date-passed>a:before,
#hotel-main-content .calendar table tbody td.date-passed>span:before {
    background: var(--main-web-color);
    content: "DATE PASSED"
}

#cruise-main-content .calendar table tbody td .price-text,
#flight-main-content .calendar table tbody td .price-text,
#hotel-main-content .calendar table tbody td .price-text {
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #fff;
    font-size: .8571em
}

#cruise-main-content .calendar-legend,
#flight-main-content .calendar-legend,
#hotel-main-content .calendar-legend {
    margin-top: 15px
}

#cruise-main-content .calendar-legend label,
#flight-main-content .calendar-legend label,
#hotel-main-content .calendar-legend label {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: normal !important;
    line-height: 15px;
    color: #fff !important;
    margin-right: 15px;
    font-size: .9167em
}

#cruise-main-content .calendar-legend label:before,
#flight-main-content .calendar-legend label:before,
#hotel-main-content .calendar-legend label:before {
    content: "";
    display: block;
    float: left;
    width: 15px;
    height: 15px;
    border: 1px solid;
    margin-right: 4px
}

#cruise-main-content .calendar-legend label.available:before,
#flight-main-content .calendar-legend label.available:before,
#hotel-main-content .calendar-legend label.available:before {
    border-color: #69902b
}

#cruise-main-content .calendar-legend label.unavailable:before,
#flight-main-content .calendar-legend label.unavailable:before,
#hotel-main-content .calendar-legend label.unavailable:before {
    border-color: #da6161
}

#cruise-main-content .calendar-legend label.past:before,
#flight-main-content .calendar-legend label.past:before,
#hotel-main-content .calendar-legend label.past:before {
    border-color: var(--main-web-color)
}

#car-details .intro,
#cruise-description .intro,
#cruise-reviews .intro,
#cruise-write-review .intro,
#flight-details .intro,
#hotel-description .intro,
#hotel-reviews .intro,
#hotel-write-review .intro,
#travel-guide .intro {
    background: #f5f5f5
}

#car-details .intro.table-wrapper,
#cruise-description .intro.table-wrapper,
#cruise-reviews .intro.table-wrapper,
#cruise-write-review .intro.table-wrapper,
#flight-details .intro.table-wrapper,
#hotel-description .intro.table-wrapper,
#hotel-reviews .intro.table-wrapper,
#hotel-write-review .intro.table-wrapper,
#travel-guide .intro.table-wrapper {
    padding: 0;
    border-spacing: 15px;
    border-collapse: separate;
    table-layout: fixed
}

#car-details .intro.table-wrapper>*,
#cruise-description .intro.table-wrapper>*,
#cruise-reviews .intro.table-wrapper>*,
#cruise-write-review .intro.table-wrapper>*,
#flight-details .intro.table-wrapper>*,
#hotel-description .intro.table-wrapper>*,
#hotel-reviews .intro.table-wrapper>*,
#hotel-write-review .intro.table-wrapper>*,
#travel-guide .intro.table-wrapper>* {
    border-collapse: collapse
}

#car-details .intro.table-wrapper .table-cell,
#cruise-description .intro.table-wrapper .table-cell,
#cruise-reviews .intro.table-wrapper .table-cell,
#cruise-write-review .intro.table-wrapper .table-cell,
#flight-details .intro.table-wrapper .table-cell,
#hotel-description .intro.table-wrapper .table-cell,
#hotel-reviews .intro.table-wrapper .table-cell,
#hotel-write-review .intro.table-wrapper .table-cell,
#travel-guide .intro.table-wrapper .table-cell {
    background: #fff
}

#car-details .intro.table-wrapper .table-cell:last-child,
#cruise-description .intro.table-wrapper .table-cell:last-child,
#cruise-reviews .intro.table-wrapper .table-cell:last-child,
#cruise-write-review .intro.table-wrapper .table-cell:last-child,
#flight-details .intro.table-wrapper .table-cell:last-child,
#hotel-description .intro.table-wrapper .table-cell:last-child,
#hotel-reviews .intro.table-wrapper .table-cell:last-child,
#hotel-write-review .intro.table-wrapper .table-cell:last-child,
#travel-guide .intro.table-wrapper .table-cell:last-child {
    padding-left: 0;
    padding-right: 0
}

#cruise-features,
#hotel-features {
    margin-top: 30px
}

#cruise-description .features,
#hotel-description .features,
#travel-guide .features {
    text-transform: uppercase;
    padding: 25px 20px;
    font-size: .8333em
}

#cruise-description .features li,
#hotel-description .features li,
#travel-guide .features li {
    line-height: 2em
}

#cruise-description .features label,
#hotel-description .features label,
#travel-guide .features label {
    margin: 0 20px 0 0;
    width: 110px;
    border-right: 1px solid #f5f5f5;
    color: var(--main-web-color);
    white-space: nowrap
}

#cruise-description .long-description,
#hotel-description .long-description,
#travel-guide .long-description {
    margin-top: 25px;
    padding: 0 15px
}

#cruise-availability .update-search,
#hotel-availability .update-search {
    background: #fff;
    border: 1px solid #f5f5f5;
    margin-bottom: 20px;
    padding: 10px 10px 0
}

#cruise-availability .update-search [class*=" col-"],
#cruise-availability .update-search [class^=col-],
#hotel-availability .update-search [class*=" col-"],
#hotel-availability .update-search [class^=col-] {
    padding-left: 5px;
    padding-right: 5px
}

#cruise-availability .update-search .row,
#hotel-availability .update-search .row {
    margin-left: -5px;
    margin-right: -5px
}

#cruise-availability .update-search>div,
#hotel-availability .update-search>div {
    margin-bottom: 20px
}

#cruise-availability .room-list>article,
#hotel-availability .room-list>article {
    margin: 20px 0 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #f5f5f5
}

#cruise-availability .room-list .box .price-section,
#cruise-availability .room-list>article:last-child,
#hotel-availability .room-list .box .price-section,
#hotel-availability .room-list>article:last-child {
    border-bottom: none
}

#cruise-availability .room-list .load-more button,
#hotel-availability .room-list .load-more button {
    font-size: 1.3333em
}

#cruise-availability .room-list .box .action-section,
#cruise-availability .room-list .box .price-section,
#hotel-availability .room-list .box .action-section,
#hotel-availability .room-list .box .price-section {
    padding-right: 0
}

#cruise-availability .room-list .box .action-section a.button,
#hotel-availability .room-list .box .action-section a.button {
    padding: 0 20px
}

#cruise-amenities .amenities li,
#hotel-amenities .amenities li,
#inflight-features .amenities li {
    padding: 0
}

#cruise-amenities .amenities.style1 li,
#hotel-amenities .amenities.style1 li,
#inflight-features .amenities.style1 li {
    margin-bottom: 1px
}

#cruise-amenities .amenities.style1 li .icon-box,
#hotel-amenities .amenities.style1 li .icon-box,
#inflight-features .amenities.style1 li .icon-box {
    background: #f5f5f5
}

#cruise-amenities .amenities.style2 li,
#hotel-amenities .amenities.style2 li,
#inflight-features .amenities.style2 li {
    margin-bottom: 20px
}

#cruise-reviews .rating,
#hotel-reviews .rating {
    padding: 20px 30px;
    background: #fff;
    text-align: center
}

#cruise-reviews .rating .score,
#hotel-reviews .rating .score {
    display: block;
    font-size: 5em;
    color: #2d3e52;
    font-weight: 300;
    line-height: 1.25em
}

#cruise-reviews .rating .five-stars-container,
#hotel-reviews .rating .five-stars-container {
    font-size: 2.5em;
    margin-bottom: 20px
}

#cruise-reviews .detailed-rating,
#hotel-reviews .detailed-rating {
    background: #fff;
    padding: 30px 0
}

#cruise-reviews .detailed-rating li,
#hotel-reviews .detailed-rating li {
    padding: 0 25px
}

#cruise-reviews .guest-reviews,
#hotel-reviews .guest-reviews {
    margin-top: 25px;
    margin-bottom: 30px
}

#cruise-reviews .guest-reviews .comment-container,
#hotel-reviews .guest-reviews .comment-container {
    padding-left: 20px
}

#flight-fare-rules .topics,
#hotel-faqs .topics {
    margin-bottom: 30px
}

#flight-fare-rules .topics li,
#hotel-faqs .topics li {
    padding: 0 0 0 15px;
    margin-bottom: 1px;
    border-right: 1px solid #fff;
    background: #f5f5f5;
    line-height: 3.3333em;
    text-transform: uppercase;
    font-size: .9167em
}

#flight-fare-rules .topics li a,
#hotel-faqs .topics li a {
    color: inherit
}

#flight-fare-rules .topics li.active,
#hotel-faqs .topics li.active {
    background: var(--main-web-color)
}

.image-box.style2.activities .details {
    padding-top: 10px
}

.image-box.style2.activities.innerstyle {
    margin-top: 20px
}

.image-box.style2.activities.innerstyle .details {
    padding-right: 0
}

.image-box.style2.activities .review-score {
    float: right;
    text-transform: uppercase
}

.image-box.style2.activities .review-score .reviews {
    font-size: .8333em
}

.image-box.style2.activities .five-stars-container {
    float: left;
    margin-right: 10px
}

.image-box.style2.activities .details-header {
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 15px
}

.image-box.style2.activities>* {
    padding-bottom: 15px;
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 20px
}

.image-box.style2.activities>:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.image-box.style2.activities.no-bottom-border>* {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 30px
}

#cruise-write-review .photo,
#hotel-write-review .photo {
    padding: 0
}

#cruise-write-review .photo .feedback,
#hotel-write-review .photo .feedback {
    margin-top: 40px
}

#cruise-write-review .photo .details,
#hotel-write-review .photo .details {
    padding-right: 15px
}

#cruise-write-review .photo .details .review,
#hotel-write-review .photo .details .review {
    letter-spacing: normal !important
}

#cruise-write-review .overall-rating,
#hotel-write-review .overall-rating {
    background: #fff
}

#cruise-write-review .detailed-rating,
#hotel-write-review .detailed-rating {
    margin-left: -20px;
    margin-right: -20px
}

#cruise-write-review .detailed-rating li,
#hotel-write-review .detailed-rating li {
    padding: 0 20px
}

#cruise-write-review .detailed-rating li>.each-rating,
#hotel-write-review .detailed-rating li>.each-rating {
    border-top: 1px solid #f5f5f5;
    border-bottom: none
}

#cruise-write-review .main-rating,
#hotel-write-review .main-rating {
    margin-bottom: 20px
}

#cruise-write-review .review-form,
#hotel-write-review .review-form {
    padding: 0 10px 10px
}

#cruise-write-review .review-form h4,
#hotel-write-review .review-form h4 {
    margin-bottom: 5px
}

#cruise-write-review .review-form .form-group,
#hotel-write-review .review-form .form-group,
.overall-rating .star-rating {
    margin-bottom: 20px
}

#cruise-write-review .sort-trip li,
#hotel-write-review .sort-trip li {
    float: left;
    margin-right: 20px;
    text-align: center
}

#cruise-write-review .sort-trip li>span,
#hotel-write-review .sort-trip li>span {
    font-weight: 500;
    font-size: 1.1667em;
    margin-top: 10px;
    line-height: 2.5em
}

#cruise-write-review .sort-trip li i,
#hotel-write-review .sort-trip li i {
    display: block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 2.3333em;
    color: #dbdbdb
}

#cruise-write-review .sort-trip li.active i,
#hotel-write-review .sort-trip li.active i {
    background: var(--main-web-color);
    color: #fff;
    border-color: var(--main-web-color)
}

#cruise-write-review .sort-trip li.active>span,
#hotel-write-review .sort-trip li.active>span {
    color: var(--main-web-color)
}

#cruise-write-review .sort-trip li:hover i,
#hotel-write-review .sort-trip li:hover i {
    -webkit-animation: sonarEffect 1s ease-out;
    -moz-animation: sonarEffect 1s ease-out;
    animation: sonarEffect 1s ease-out
}

.overall-rating {
    padding: 25px 30px
}

.overall-rating .star-rating .five-stars-container {
    font-size: 3em;
    line-height: 1em;
    float: left
}

.overall-rating .star-rating .status {
    text-transform: uppercase;
    display: block;
    float: left;
    line-height: 22px;
    height: 22px;
    background: var(--main-web-color);
    color: #fff;
    font-weight: 700;
    margin-top: 8px;
    position: relative;
    margin-left: 25px;
    padding: 0 15px 0 10px
}

.overall-rating .star-rating .status:before {
    display: block;
    content: "";
    border-right: 15px solid var(--main-web-color);
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    position: absolute;
    top: 0;
    left: -15px
}

.booking-details .guest,
.booking-details .timing,
.detailed-rating li>.each-rating,
.guest-review:last-child {
    border-bottom: 1px solid #f5f5f5
}

.detailed-rating {
    text-transform: uppercase
}

.detailed-rating li {
    display: block
}

.detailed-rating li>.each-rating {
    display: block;
    padding: 8px 0 5px
}

.guest-review .author,
.guest-review .comment-container {
    padding-top: 25px;
    padding-bottom: 25px
}

.detailed-rating li label {
    color: var(--main-web-color)
}

.detailed-rating li .five-stars-container {
    float: right;
    color: #dbdbdb
}

.guest-review {
    border-top: 1px solid #dfdfdf
}

.rotate_new {
    background-position: -202px -181px;
    padding-left: 20px
}

.guest-review .author {
    text-align: center;
    border-right: 1px solid #dfdfdf
}

.guest-review .author>a {
    width: 74px;
    height: 74px
}

.guest-review .author img {
    width: 100%;
    height: 100%
}

.guest-review .author .name {
    color: #2d3e52;
    font-size: 1.0833em;
    margin-bottom: 0
}

.guest-review .author .date {
    text-transform: uppercase;
    font-size: .8333em
}

.guest-review .comment-container .comment-title {
    color: var(--main-web-color);
    float: left;
    margin-bottom: 15px;
    font-size: 17px
}

.guest-review .comment-container .review-score {
    float: right
}

.guest-review .comment-container .review-score .score {
    font-size: 2em;
    margin-left: 10px
}

.guest-review .comment-container .comment-content p {
    line-height: 24px;
    font-size: 14.5px
}

.booking-section {
    padding: 20px 30px
}

.booking-form label {
    font-size: .9167em
}

.booking-form .checkbox label {
    font-size: 1.0833em;
    text-transform: none
}

.booking-form .form-group {
    margin-bottom: 0
}

.booking-form .form-group>* {
    margin-bottom: 20px
}

.booking-details figure>a:first-child {
    width: 75px;
    height: 75px;
    float: left
}

.booking-details figure img {
    width: auto;
    height: 100%
}

.booking-details figure .travel-title {
    margin-left: 90px
}

.booking-details figure .travel-title .box-title {
    margin-bottom: 5px
}

.booking-details figure .travel-title .box-title:after {
    display: none
}

.booking-details .details {
    padding-left: 0;
    padding-right: 0;
    padding-top: 7px
}

.booking-details .timing {
    font-size: .8333em;
    text-transform: uppercase;
    text-align: right;
    line-height: 1.3333em;
    padding: 10px 0 5px;
    margin: 0
}

.booking-details .timing .duration {
    font-weight: 700;
    color: #dc373e
}

.booking-details .timing .duration>div {
    margin-top: 5px
}

.booking-details .timing .check-out {
    text-align: left
}

.booking-details .timing label,
.booking-details .timing span {
    display: block;
    line-height: 1.42;
    letter-spacing: normal !important
}

.booking-details .timing label {
    color: var(--main-web-color);
    font-size: 1em;
    margin-bottom: 0;
    font-weight: 400
}

.booking-details .timing i {
    font-size: 2em
}

.booking-details .guest {
    padding: 10px 0
}

.booking-details .other-details {
    font-size: .8333em;
    margin-bottom: 0;
    text-align: right;
    text-transform: uppercase
}

.booking-details .other-details dd,
.booking-details .other-details dt {
    padding: 1.3em 0;
    border-top: 1px solid #f5f5f5
}

.booking-details .other-details dt {
    float: left;
    text-align: left;
    margin: 0;
    color: var(--main-web-color);
    clear: both
}

.booking-details .other-details .total-price {
    font-size: 1.5em;
    color: #2d3e52;
    text-transform: none
}

.booking-details .other-details .total-price-value {
    color: #69902b;
    font-size: 1.4em
}

.booking-information {
    padding: 20px 30px 30px
}

.booking-information>.booking-confirmation>.icon {
    color: #dc373e;
    font-size: 1.5em;
    float: left;
    margin-right: 12px;
    margin-top: 4px
}

.booking-information>.booking-confirmation>.message {
    float: left
}

.booking-information>.booking-confirmation .main-message {
    color: var(--main-web-color);
    margin-bottom: 0;
    letter-spacing: normal !important
}

.booking-information>.booking-confirmation .print-button {
    float: right
}

.booking-information>.booking-confirmation .print-button button {
    text-transform: uppercase
}

.booking-information>.booking-confirmation p {
    margin-bottom: 0
}

.booking-information .view-link {
    font-size: 1.1667em
}

.flight-routes.image-box .box {
    margin-bottom: 10px
}

.flight-routes .box {
    padding: 10px
}

.flight-routes .box figure {
    height: 40px;
    width: 40px;
    background: #f5f5f5;
    display: table
}

.flight-routes .box figure>a {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.flight-routes .box .details {
    padding: 5px 0 0;
    margin-left: 55px
}

.flight-routes .box .button {
    margin: 12px 5px 0 0
}

.flight-list,
.flight-routes .box .box-title {
    margin-bottom: 0
}

.flight-booking-details .details {
    padding: 0;
    margin-top: 10px;
    border-top: 1px solid #f5f5f5
}

.flight-detail-page .detailed-logo .duration {
    font-size: .8333em;
    text-transform: uppercase;
    letter-spacing: normal !important;
    border-bottom: 1px solid #f5f5f5;
    padding: 6px 0;
    margin-bottom: 10px
}

.flight-detail-page .detailed-logo .duration dd,
.flight-detail-page .detailed-logo .duration dl,
.flight-detail-page .detailed-logo .duration dt {
    display: inline-block;
    margin: 0
}

.flight-detail-page .detailed-logo .duration dl {
    vertical-align: middle
}

.flight-detail-page .detailed-logo .duration i {
    color: #dc373e;
    font-size: 20px;
    margin-right: 10px;
    line-height: 0;
    vertical-align: middle
}

#car-details .term-description,
#flight-details .term-description {
    margin: 0;
    font-size: .8333em
}

#car-details .term-description dd,
#car-details .term-description dt,
#flight-details .term-description dd,
#flight-details .term-description dt {
    line-height: 1.1667em
}

#car-details .travelo-box,
#flight-details .travelo-box {
    padding: 25px 25px 20px;
    margin: 0
}

#flight-details .detailed-features {
    background: #fff
}

#flight-details .box-title {
    margin: 0
}

#flight-details .flights {
    width: 100%;
    padding-bottom: 30px;
    border-collapse: separate;
    border-spacing: 0
}

#flight-details .flights .timing {
    padding: 0;
    border: none;
    display: table;
    margin: 0 auto
}

#flight-details .flights .timing>div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0 7px
}

#flight-details .flights .table-cell {
    border-top: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
    padding: 20px 5px;
    text-align: center;
    vertical-align: middle
}

#flight-details .flights .table-cell:last-child {
    border-right: none
}

#car-details .detailed-features>[class^=col-]:first-child,
.top-cruise-destinations .details .row>div {
    border-right: 1px solid #f5f5f5
}

#flight-details .flights .logo label {
    display: block;
    font-weight: 400;
    font-size: .8333em;
    text-transform: uppercase;
    line-height: 1em
}

#flight-details .flights .logo img {
    max-width: 84px;
    height: auto
}

#flight-details .flights .first-flight .logo,
#flight-details .flights .timing-detail {
    position: relative
}

#flight-details .flights .first-flight .logo:after {
    content: "\e883";
    font-family: soap-icons;
    font-size: 24px;
    position: absolute;
    display: inline-block;
    width: 10px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    right: -5px;
    bottom: -15px;
    z-index: 9;
    color: #e01a33
}

#flight-details .flights .layover {
    position: absolute;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 400;
    background: #f5f5f5;
    width: 100px;
    height: 20px;
    line-height: 20px;
    font-size: .75em;
    left: 50%;
    margin: 0 0 0 -50px;
    bottom: -10px;
    z-index: 9;
    letter-spacing: normal !important
}

#flight-baggage form .checkbox label {
    font-size: .8333em;
    text-transform: uppercase
}

#flight-baggage .baggage .icon-box {
    cursor: default
}

#flight-baggage .baggage .icon-box .box-title {
    color: #838383
}

#flight-baggage .baggage .icon-box:hover .box-title {
    color: #2d3e52
}

#flight-baggage .baggage .icon-box:hover i {
    -webkit-animation: sonarEffect 1.3s ease-out 75ms;
    -moz-animation: sonarEffect 1.3s ease-out 75ms;
    animation: sonarEffect 1.3s ease-out 75ms
}

.explore-more {
    padding: 10px 0 0 4px
}

.explore-more .intro {
    text-transform: none;
    margin-bottom: 19px;
    margin-left: 12px
}

.explore-more .intro i {
    float: left;
    margin-right: 10px;
    color: var(--main-web-color);
    font-size: 16px
}

#car-details .car-damage .radio,
#car-details .protect-passengers label,
.car-detail-page .detailed-logo .mile,
.top-cruise-destinations .details li {
    font-size: .8333em;
    text-transform: uppercase
}

.explore-more .intro .box-title small {
    margin-bottom: 3px
}

.explore-more .box {
    margin: 0 0 4px;
    padding-right: 4px;
    width: 50%;
    float: left
}

.explore-more .box figure figcaption {
    text-transform: uppercase;
    padding-right: 20px
}

.car-list {
    margin-top: 30px;
    margin-bottom: 10px
}

.car-detail-page .featured-image img {
    width: 100%;
    height: auto
}

.car-detail-page .detailed-logo .mile {
    border-bottom: 1px solid #f5f5f5;
    padding: 8px 0;
    margin-bottom: 10px
}

#car-details .detailed-features {
    background: #fff
}

#car-details .detailed-features>[class^=col-] {
    padding: 0 0 10px
}

#car-details .detailed-features .box-title {
    padding: 25px 0 25px 25px;
    border-bottom: 1px solid #f5f5f5
}

#car-details .detailed-features .icon-box {
    margin: 15px 0 30px 20px
}

#car-details .car-features .icon-box {
    color: inherit;
    margin-bottom: 10px
}

#car-details .car-features .icon-box>i,
.cruise-itinerary th,
.cruise-line-deals .box-title small {
    color: var(--main-web-color)
}

#car-details .protect-passengers .icon-box {
    margin-bottom: 15px
}

#car-details .protect-passengers label {
    font-weight: 400
}

#car-details .car-damage .logo img {
    max-height: 25px;
    width: auto
}

#car-details .car-damage .radio {
    margin: 0 0 10px;
    line-height: 20px
}

.booking-details .car-detail {
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 20px
}

.booking-details .car-detail .icon-box {
    padding-bottom: 10px;
    padding-top: 10px;
    border-top: 1px solid #f5f5f5
}

.top-cruise-destinations .details {
    padding: 15px 20px !important
}

.top-cruise-destinations .details .row>div:last-child {
    border-right: none
}

.cruise-line-deals {
    padding-top: 0
}

.cruise-line-deals .row {
    margin-bottom: -1px;
    overflow: hidden
}

.cruise-line-deals .row>div {
    border-bottom: 1px solid #f5f5f5
}

.cruise-line-deals .box {
    margin-bottom: 10px;
    margin-top: 20px
}

.cruise-line-deals .box figure {
    background: #f5f5f5;
    text-align: center;
    height: 70px;
    display: table;
    width: 100%;
    table-layout: fixed
}

.cruise-line-deals .box figure .image-wrapper {
    display: table-cell;
    vertical-align: middle
}

.cruise-line-deals .box figure img {
    max-width: 66.6666%;
    width: auto;
    height: auto
}

.investor-list img,
.mobile-section .image-wrapper img,
.travel-story-container .my-trip li img {
    max-width: 100%
}

.cruise-line-deals .box .details {
    padding-left: 0;
    padding-right: 0
}

.cruise-line-deals .box .price {
    font-size: 1.3333em
}

.cruise-line-deals .box .price small {
    font-size: .625em
}

.cruise-booking-form .radio {
    margin-top: 6px;
    text-transform: none
}

.cruise-booking-form .radio:first-child {
    margin-left: 0
}

#cruise-description .intro li {
    line-height: 2.5em
}

.cruise-itinerary .travelo-box {
    margin: 0
}

.cruise-itinerary table {
    width: 100%
}

.cruise-itinerary th {
    font-weight: 400;
    padding-bottom: 10px
}

.cruise-itinerary td {
    font-size: .8333em;
    text-transform: uppercase;
    line-height: 3.8333em;
    border-top: 1px solid #f5f5f5;
    vertical-align: middle
}

#cruise-availability .room-list .box figure,
#cruise-food-dinning .food-dinning-list .box figure,
#hotel-availability .room-list .box figure {
    margin-bottom: 5px
}

#cruise-availability .room-list .details,
#cruise-food-dinning .food-dinning-list .details,
#hotel-availability .room-list .details {
    padding-top: 0;
    padding-bottom: 0
}

#cruise-availability .room-list .box-title .title,
#cruise-food-dinning .food-dinning-list .box-title .title,
#hotel-availability .room-list .box-title .title {
    margin-bottom: 3px
}

#cruise-availability .room-list .box-title dl,
#cruise-food-dinning .food-dinning-list .box-title dl,
#hotel-availability .room-list .box-title dl {
    margin: 0
}

#cruise-availability .room-list .box-title dl:after,
#cruise-food-dinning .food-dinning-list .box-title dl:after,
#hotel-availability .room-list .box-title dl:after {
    content: "";
    display: table;
    clear: both
}

#cruise-availability .room-list .box-title dd,
#cruise-availability .room-list .box-title dt,
#cruise-food-dinning .food-dinning-list .box-title dd,
#cruise-food-dinning .food-dinning-list .box-title dt,
#hotel-availability .room-list .box-title dd,
#hotel-availability .room-list .box-title dt {
    float: left;
    font-size: .8333em;
    text-transform: uppercase
}

#cruise-availability .room-list .box-title dt,
#cruise-food-dinning .food-dinning-list .box-title dt,
#hotel-availability .room-list .box-title dt {
    color: var(--main-web-color);
    margin-right: 5px;
    clear: both
}

#cruise-food-dinning .food-dinning-list hr {
    margin-top: 15px;
    margin-bottom: 15px
}

#cruise-food-dinning .food-dinning-list .details {
    text-transform: none;
    padding: 0
}

#cruise-food-dinning .food-dinning-list figure {
    margin: 0 20px 10px 0
}

#cruise-food-dinning .food-dinning-list .box-title {
    margin: 0 0 5px
}

#cruise-food-dinning .food-dinning-list .box-title dl:after {
    display: none;
    clear: none
}

#cruise-food-dinning .food-dinning-list .box-title dt {
    clear: none
}

#cruise-food-dinning .food-dinning-list .box-title dd {
    float: none
}

#cruise-food-dinning .food-dinning-list .review-score {
    float: right;
    margin-top: 6px
}

#cruise-food-dinning .food-dinning-list .review-score .five-stars-container {
    vertical-align: middle;
    margin-right: 5px
}

#cruise-food-dinning .food-dinning-list .review-score .review {
    vertical-align: middle;
    color: #9e9e9e;
    text-transform: uppercase;
    font-size: .8333em
}

#cruise-food-dinning .food-dinning-list .box {
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 15px;
    padding-bottom: 10px
}

#cruise-food-dinning .food-dinning-list .box:last-child {
    border-bottom: none
}

#cruise-reviews .guest-review .comment-title {
    font-style: normal;
    color: #2d3e52
}

.coming-soon-page #footer .logo a,
.coming-soon-page #header .logo a,
.dashboard #footer .logo a,
.dashboard #header .logo a,
.loading-page #footer .logo a,
.loading-page #header .logo a,
.post-404page #footer .logo a,
.post-404page #header .logo a,
.soap-login-page #footer .logo a,
.soap-login-page #header .logo a {
    background: 0 0
}

.coming-soon-page #footer .logo img,
.coming-soon-page #header .logo img,
.dashboard #footer .logo img,
.dashboard #header .logo img,
.loading-page #footer .logo img,
.loading-page #header .logo img,
.post-404page #footer .logo img,
.post-404page #header .logo img,
.soap-login-page #footer .logo img,
.soap-login-page #header .logo img {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.dashboard #header .logo img {
    height: 22px
}

#dashboard .fact {
    color: #fff;
    margin-bottom: 20px
}

#dashboard .fact .numbers {
    padding: 25px 15px
}

#dashboard .fact .numbers dl {
    float: right;
    text-align: right;
    margin: 0;
    font-size: 10px
}

#dashboard .fact .numbers dt {
    font-size: 2em;
    font-weight: 400;
    line-height: 1em
}

#dashboard .fact .numbers dd {
    font-size: 1.3333em
}

#dashboard .fact .numbers .icon {
    font-size: 2.5em
}

#dashboard .fact .description {
    font-size: .8333em;
    text-transform: uppercase;
    padding: 0 20px;
    font-weight: 700;
    line-height: 3em
}

#dashboard .fact .description>.icon {
    float: right;
    font-size: 2em
}

#dashboard .fact.blue {
    background: var(--main-web-color)
}

#dashboard .fact.blue .description {
    background: #04afe7
}

#dashboard .fact.yellow {
    background: #dc373e
}

#dashboard .fact.yellow .description {
    background: #f5b010
}

#dashboard .fact.red {
    background: #e01a33
}

#dashboard .fact.red .description {
    background: #d51a32
}

#dashboard .fact.green {
    background: #69902b
}

#dashboard .fact.green .description {
    background: #91c63d
}

#dashboard .notifications .icon-box {
    background: #f5f5f5;
    font-size: 1em;
    padding-right: 15px;
    margin-bottom: 10px;
    height: auto
}

#dashboard .notifications .icon-box:after {
    display: table;
    content: "";
    clear: both
}

#dashboard .notifications .box-title {
    line-height: 1em;
    text-transform: none;
    color: #2d3e52;
    padding: 14px 5px 15px 57px
}

#dashboard .notifications .price {
    color: var(--main-web-color);
    float: none;
    text-align: left;
    display: inline;
    font-size: inherit
}

#dashboard .notifications .time {
    line-height: inherit
}

#dashboard .notifications .load-more {
    font-size: 2.5em;
    text-align: center;
    color: #d9d9d9
}

#dashboard .recent-activity {
    background: #f5f5f5;
    padding: 15px
}

#dashboard .recent-activity ul {
    background: #fff;
    margin-bottom: 15px
}

#dashboard .recent-activity ul li>a {
    padding: 15px;
    border-bottom: 1px solid #f5f5f5;
    display: block
}

#dashboard .recent-activity ul li>a:hover {
    background: #f5f5f5
}

#dashboard .recent-activity ul .icon {
    float: left;
    margin-right: 15px;
    font-size: 1em
}

#profile .personal-details .details {
    padding-top: 0;
    padding-right: 0
}

#profile .personal-details figure {
    margin-bottom: 20px
}

#profile .personal-details .term-description {
    margin-bottom: 0
}

#profile .edit-profile {
    display: none
}

#profile .term-description dd,
#profile .term-description dt {
    display: inline-block;
    float: none;
    width: 50%;
    vertical-align: top
}

#profile .term-description dt {
    clear: none
}

#profile .term-description dd {
    padding-left: 30px
}

.dashboard .benefits>li {
    font-size: 1.0833em;
    line-height: 2.6667em
}

#booking .filter-section {
    padding: 10px 15px 5px 5px;
    margin-bottom: 30px
}

#booking .filter-section label.radio {
    margin-top: 4px
}

#booking .filter-section label.radio:before {
    border: none;
    line-height: 14px
}

#booking .filter-section button {
    margin-left: 8px;
    font-weight: 400;
    margin-bottom: 5px
}

#booking .filter-section .action {
    width: auto;
    padding: 0 !important
}

#booking .filter-section .action h5 {
    width: auto;
    line-height: 28px
}

#booking .booking-info {
    border-top: 1px solid #f5f5f5;
    padding: 10px
}

#booking .booking-info:last-child {
    border-bottom: 1px solid #f5f5f5
}

#booking .booking-info div.date {
    width: 72px;
    height: 72px;
    background: #f5f5f5;
    text-align: center;
    float: left;
    margin-right: 20px
}

#booking .booking-info div.date>* {
    margin: 0;
    display: block
}

#booking .booking-info div.date>.month {
    background: #e44049;
    height: 20px;
    line-height: 20px;
    font-size: .8333em;
    color: #fff
}

#booking .booking-info div.date>.date {
    font-size: 2em;
    line-height: 1em;
    color: #e44049;
    font-weight: 700;
    margin-top: 6px
}

#booking .booking-info div.date>.day {
    font-size: .8333em;
    font-weight: 400;
    line-height: 1.25em
}

#booking .booking-info .box-title,
#booking .booking-info .status {
    margin-top: 20px
}

#booking .booking-info .icon {
    font-size: 1.0833em;
    float: left;
    margin-right: 10px
}

#booking .booking-info .box-title {
    float: left
}

#booking .booking-info .box-title small {
    padding-left: 43px
}

#booking .booking-info .status {
    float: right;
    margin-right: 15px;
    background: #69902b
}

.dashboard #footer .footer-wrapper .copyright,
.dashboard #header .logo,
.post-404page #footer .footer-wrapper .copyright,
.post-404page #header .logo,
.soap-login-page #footer .footer-wrapper .copyright,
.soap-login-page #header .logo {
    margin: 0
}

#booking .booking-info.cancelled .status,
#booking .booking-info.cancelled div.date>.month {
    background: #d9d9d9
}

#booking .booking-info .info {
    float: right;
    padding-left: 15px;
    border-left: 1px solid #f5f5f5;
    text-transform: uppercase;
    padding-top: 2px;
    margin-bottom: 0;
    width: 140px
}

#booking .booking-info .info * {
    font-size: .8333em;
    font-weight: 400
}

#booking .booking-info .info dt {
    color: #e44049
}

#booking .booking-info.cancelled div.date>.date,
#booking .booking-info.cancelled div.date>.day {
    color: #d9d9d9
}

#booking .booking-info.cancelled .icon,
#booking .booking-info.cancelled .icon:before {
    border-color: #d9d9d9;
    color: #d9d9d9
}

#booking .booking-info.cancelled .info dt {
    color: inherit
}

#wishlist .image-box .box {
    background: #f5f5f5
}

#wishlist .image-box .box .details {
    padding-right: 15px
}

#settings form button {
    width: 200px
}

.dashboard #header,
.post-404page #header,
.soap-login-page #header {
    padding-top: 45px
}

.dashboard #header .quick-menu .ribbon>a,
.post-404page #header .quick-menu .ribbon>a,
.soap-login-page #header .quick-menu .ribbon>a {
    color: #fff;
    font-size: .8333em;
    font-weight: 700;
    letter-spacing: normal !important;
    line-height: 30px;
    display: block
}

.dashboard #content,
.post-404page #content,
.soap-login-page #content {
    background: 0 0
}

.dashboard #footer .footer-wrapper,
.post-404page #footer .footer-wrapper,
.soap-login-page #footer .footer-wrapper {
    padding-top: 40px;
    padding-bottom: 50px
}

.dashboard #footer .footer-wrapper .main-menu.tab-container.full-width-style .tab-content,
.post-404page #footer .footer-wrapper .main-menu.tab-container.full-width-style .tab-content,
.soap-login-page #footer .footer-wrapper .main-menu.tab-container.full-width-style .tab-content {
    background: 0 0;
    text-align: center
}

.dashboard #footer .footer-wrapper #main-menu ul.menu>li>a,
.post-404page #footer .footer-wrapper #main-menu ul.menu>li>a,
.soap-login-page #footer .footer-wrapper #main-menu ul.menu>li>a {
    font-weight: 400
}

.dashboard #footer .footer-wrapper #main-menu ul.menu>li.active>a,
.dashboard #footer .footer-wrapper #main-menu ul.menu>li:hover>a,
.post-404page #footer .footer-wrapper #main-menu ul.menu>li.active>a,
.post-404page #footer .footer-wrapper #main-menu ul.menu>li:hover>a,
.soap-login-page #footer .footer-wrapper #main-menu ul.menu>li.active>a,
.soap-login-page #footer .footer-wrapper #main-menu ul.menu>li:hover>a {
    font-weight: 700
}

.dashboard #footer .footer-wrapper #main-menu ul.menu>li.active>a:before,
.post-404page #footer .footer-wrapper #main-menu ul.menu>li.active>a:before,
.soap-login-page #footer .footer-wrapper #main-menu ul.menu>li.active>a:before {
    display: block;
    font-family: soap-icons;
    content: "\e883";
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -3px;
    font-size: 20px;
    color: #dc373e
}

.dashboard #footer .footer-wrapper #main-menu ul.menu>li:first-child.active>a:before,
.post-404page #footer .footer-wrapper #main-menu ul.menu>li:first-child.active>a:before,
.soap-login-page #footer .footer-wrapper #main-menu ul.menu>li:first-child.active>a:before {
    margin-left: -13px
}

.dashboard.style1,
.post-404page.style1,
.soap-login-page.style1 {
    background-color: #1a232f;
    background-image: -moz-radial-gradient(center center, circle cover, #273648, #0d1218 100%);
    background-image: -webkit-radial-gradient(center center, circle cover, #273648, #0d1218 100%);
    background-image: -o-radial-gradient(center center, circle cover, #273648, #0d1218 100%);
    background-image: -ms-radial-gradient(center center, circle cover, #273648, #0d1218 100%);
    background-image: radial-gradient(center center, circle cover, #273648, #0d1218 100%)
}

.dashboard.style1 #content ul.tabs li a,
.post-404page.style1 #content ul.tabs li a,
.soap-login-page.style1 #content ul.tabs li a {
    background: rgba(13, 18, 24, .6);
    color: #708bac
}

.dashboard.style1 #content ul.tabs li a i,
.post-404page.style1 #content ul.tabs li a i,
.soap-login-page.style1 #content ul.tabs li a i {
    border-color: #708bac;
    color: #708bac
}

.dashboard.style1 #content ul.tabs li.active a,
.post-404page.style1 #content ul.tabs li.active a,
.soap-login-page.style1 #content ul.tabs li.active a {
    background: #fff;
    color: #2d3e52
}

.dashboard.style1 #content ul.tabs li.active a i,
.post-404page.style1 #content ul.tabs li.active a i,
.soap-login-page.style1 #content ul.tabs li.active a i {
    border-color: #dc373e;
    color: #dc373e
}

.dashboard.style1 #footer .copyright,
.post-404page.style1 #footer .copyright,
.soap-login-page.style1 #footer .copyright {
    color: #384c63
}

.dashboard.style1 #footer #main-menu ul.menu>li>a,
.post-404page.style1 #footer #main-menu ul.menu>li>a,
.soap-login-page.style1 #footer #main-menu ul.menu>li>a {
    color: #7c9abd
}

.dashboard.style1 #footer #main-menu ul.menu>li.active>a,
.dashboard.style1 #footer #main-menu ul.menu>li:hover>a,
.post-404page.style1 #footer #main-menu ul.menu>li.active>a,
.post-404page.style1 #footer #main-menu ul.menu>li:hover>a,
.soap-login-page.style1 #footer #main-menu ul.menu>li.active>a,
.soap-login-page.style1 #footer #main-menu ul.menu>li:hover>a {
    color: var(--main-web-color)
}

.dashboard.style2,
.post-404page.style2 {
    background-color: #f45533;
    background-image: -moz-radial-gradient(center center, circle cover, #f45533, #bd0000 100%);
    background-image: -webkit-radial-gradient(center center, circle cover, #f45533, #bd0000 100%);
    background-image: -o-radial-gradient(center center, circle cover, #f45533, #bd0000 100%);
    background-image: -ms-radial-gradient(center center, circle cover, #f45533, #bd0000 100%);
    background-image: radial-gradient(center center, circle cover, #f45533, #bd0000 100%)
}

.dashboard.style2 #content ul.tabs li a,
.post-404page.style2 #content ul.tabs li a {
    background: rgba(189, 0, 0, .7);
    color: #dc373e
}

.dashboard.style2 #content ul.tabs li a i,
.post-404page.style2 #content ul.tabs li a i {
    border-color: #dc373e;
    color: #dc373e
}

.dashboard.style2 #content ul.tabs li.active a,
.post-404page.style2 #content ul.tabs li.active a {
    background: #fff;
    color: #2d3e52
}

.dashboard.style2 #content ul.tabs li.active a i,
.post-404page.style2 #content ul.tabs li.active a i {
    border-color: #dc373e;
    color: #dc373e
}

.dashboard.style2 #footer #main-menu ul.menu>li>a,
.dashboard.style2 #footer .copyright,
.post-404page.style2 #footer #main-menu ul.menu>li>a,
.post-404page.style2 #footer .copyright {
    color: #dc373e
}

.dashboard.style2 #footer #main-menu ul.menu>li.active>a,
.dashboard.style2 #footer #main-menu ul.menu>li:hover>a,
.post-404page.style2 #footer #main-menu ul.menu>li.active>a,
.post-404page.style2 #footer #main-menu ul.menu>li:hover>a {
    color: #fff
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider.ui-slider-horizontal {
    height: 10px
}

.ui-slider.ui-slider-horizontal .ui-slider-range {
    height: 100%
}

.ui-slider.ui-slider-horizontal .ui-slider-handle {
    margin-left: -10px;
    top: -5px
}

.ui-slider.ui-widget-content {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    border-radius: 5px;
    background: #f5f5f5
}

.ui-slider .ui-slider-range {
    display: block;
    position: absolute;
    z-index: 1;
    border: none;
    background: var(--main-web-color);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    border-radius: 5px
}

.ui-slider.slider-color-yellow .ui-slider-range {
    background: #dc373e
}

.ui-slider.slider-color-blue .ui-slider-range {
    background: var(--main-web-color)
}

.ui-slider.slider-color-green .ui-slider-range {
    background: #69902b
}

.ui-slider .ui-slider-handle {
    cursor: default;
    position: absolute;
    z-index: 2;
    width: 17px;
    height: 18px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50%;
    background: #2d3e52
}

.filters-container #rating {
    font-size: 24px
}

.editable-rating,
.filters-container #rating {
    display: inline-block
}

.editable-rating.ui-widget-content,
.filters-container #rating.ui-widget-content {
    background: 0 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.editable-rating.ui-slider-horizontal,
.filters-container #rating.ui-slider-horizontal {
    height: auto
}

.editable-rating.ui-slider-horizontal .ui-slider-handle,
.filters-container #rating.ui-slider-horizontal .ui-slider-handle {
    margin: 0;
    width: 0;
    height: 0;
    padding: 0;
    top: 0;
    visibility: hidden
}

button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.datepicker-wrap,
.posi-rel {
    position: relative
}

.datepicker-wrap .ui-datepicker-trigger {
    width: 30px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    background-color: transparent;
    z-index: 1;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.datepicker-wrap:after {
    display: block;
    font-family: soap-icons;
    font-size: 25px;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    height: 100%;
    text-align: center;
    line-height: 34px;
    background: #fdb714
}

.datepicker-wrap.yellow:after {
    background: #dc373e
}

.datepicker-wrap.green:after {
    background: #69902b
}

.datepicker-wrap.blue:after {
    background-color: var(--main-web-color)
}

.datepicker-wrap.dark-blue:after {
    background-color: #2d3e52
}

.datepicker-wrap.transparent:after {
    background-color: transparent;
    color: #dc373e
}

.ui-datepicker {
    width: 20em;
    padding: 0;
    display: none;
    background: #fff;
    border: 1px solid #fdb714;
    z-index: 10001 !important
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
    background: #fdb714
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 11px;
    cursor: pointer
}

.ui-datepicker .ui-datepicker-next.ui-state-disabled,
.ui-datepicker .ui-datepicker-prev.ui-state-disabled {
    visibility: hidden
}

.ui-datepicker .ui-datepicker-next:before,
.ui-datepicker .ui-datepicker-prev:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

.ui-datepicker .ui-datepicker-prev {
    left: 24px
}

.ui-datepicker .ui-datepicker-prev:before {
    border-right: 8px solid #fff
}

.ui-datepicker .ui-datepicker-next {
    right: 24px
}

.ui-datepicker .ui-datepicker-next:before {
    border-left: 8px solid #fff
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    display: none
}

.ui-datepicker .ui-datepicker-title {
    margin: 5px;
    text-align: center;
    color: #fff;
    font-size: 1.1667em;
    font-weight: 700
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%
}

.ui-datepicker table {
    width: 100%;
    font-size: 12px;
    border-collapse: collapse
}

.ui-datepicker th {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #f5f5f5
}

.ui-datepicker th span {
    display: block;
    text-align: center;
    font-size: 1.1667em;
    font-weight: 400;
    color: #fdb714
}

.ui-datepicker span.ui-datepicker-month {
    font-weight: 700
}

.ui-datepicker .ui-datepicker-calendar td {
    vertical-align: middle;
    text-align: center
}

.destinations,
.honeymoon {
    text-align: left
}

.ui-datepicker .ui-datepicker-calendar td a,
.ui-datepicker .ui-datepicker-calendar td span {
    color: inherit;
    display: block;
    height: 30px;
    line-height: 30px
}

.ui-datepicker .ui-datepicker-calendar td.ui-state-disabled span {
    color: #dbdbdb
}

.ui-datepicker .ui-datepicker-calendar td a:hover,
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a {
    background: #fdb714;
    color: #fff
}

.ui-datepicker.yellow .ui-datepicker-calendar td a:hover,
.ui-datepicker.yellow .ui-datepicker-calendar td.ui-datepicker-today a,
.ui-datepicker.yellow .ui-datepicker-header {
    background: #dc373e
}

.ui-datepicker.yellow {
    border: 1px solid #dc373e
}

.ui-datepicker.yellow th span {
    color: #dc373e
}

.ui-datepicker.green .ui-datepicker-calendar td a:hover,
.ui-datepicker.green .ui-datepicker-calendar td.ui-datepicker-today a,
.ui-datepicker.green .ui-datepicker-header {
    background: #69902b
}

.ui-datepicker.green {
    border: 1px solid #69902b
}

.ui-datepicker.green th span {
    color: #69902b
}

.ui-datepicker.blue .ui-datepicker-calendar td a:hover,
.ui-datepicker.blue .ui-datepicker-calendar td.ui-datepicker-today a,
.ui-datepicker.blue .ui-datepicker-header {
    background: var(--main-web-color)
}

.ui-datepicker.blue {
    border: 1px solid var(--main-web-color)
}

.ui-datepicker.blue th span {
    color: var(--main-web-color)
}

.ui-datepicker.dark-blue .ui-datepicker-calendar td a:hover,
.ui-datepicker.dark-blue .ui-datepicker-calendar td.ui-datepicker-today a,
.ui-datepicker.dark-blue .ui-datepicker-header {
    background: #2d3e52
}

.ui-datepicker.dark-blue {
    border: 1px solid #2d3e52
}

.ui-datepicker.dark-blue th span {
    color: #2d3e52
}

#footer .footer-wrapper {
    padding: 80px 0
}

#footer .footer-wrapper>.container>.row>div {
    margin-top: 20px
}

#footer .discover li {
    font-size: 1.0833em
}

#footer h2 {
    margin-bottom: 20px
}

#footer .travel-news li {
    margin-bottom: 30px
}

#footer .travel-news li .s-title {
    margin-bottom: 5px
}

#footer .travel-news li .date {
    color: #9e9e9e
}

#footer .travel-news li .thumb {
    float: left;
    width: 70px
}

#footer .travel-news li:after {
    clear: both;
    content: " ";
    display: table
}

#footer .travel-news li .description {
    padding-left: 78px
}

#footer .travel-news li .description span.date {
    display: block;
    margin-top: 5px;
    font-size: .9133em
}

#footer .bottom {
    height: 60px
}

#footer .bottom .logo {
    margin: 18px 0 0
}

#footer .bottom .copyright {
    font-size: 1.0833em;
    margin: 23px 20px 0
}

#footer .bottom #back-to-top {
    margin-top: 20px;
    display: block;
    font-size: 16px;
    color: #2d3e52
}

#footer.style1 .travel-news li .date,
#footer.style1 input,
#footer.style1 li,
#footer.style1 p,
#footer.style1 span,
#footer.style1 ul.triangle li:before {
    color: #c29f5a
}

#footer .bottom #back-to-top i {
    border-color: var(--main-web-color);
    font-weight: 700;
    overflow: hidden
}

#footer .bottom #back-to-top:hover>i:before {
    -webkit-animation: toTopFromBottom .3s forwards;
    -moz-animation: toTopFromBottom .3s forwards;
    animation: toTopFromBottom .3s forwards;
    display: inline-block
}

#footer.style1 {
    padding-top: 132px;
    margin-top: 40px
}

#footer.style1 .footer-wrapper {
    background: #f5e1ba;
    padding-top: 0
}

#footer.style1 .social-icons li a {
    background: #e6c687
}

#footer.style1 .social-icons li:hover a {
    background: #e01a33
}

#footer.style1 .contact-details .contact-email,
#footer.style1 .contact-details .contact-phone i,
#footer.style1 .travel-news .s-title,
#footer.style1 .travel-news li .title,
#footer.style1 ul.triangle li.active a,
#footer.style1 ul.triangle li.active:before,
#footer.style1 ul.triangle li:hover a,
#footer.style1 ul.triangle li:hover:before {
    color: #2d3e52
}

#footer.style1 .contact-details .contact-phone,
#footer.style1 .travel-news .s-title a:hover,
#footer.style1 h2 {
    color: #e01a33
}

#footer.style1 .footer-wrapper>.container:first-child {
    position: relative;
    padding-top: 80px
}

#footer.style1 .footer-wrapper>.container:first-child:after,
#footer.style1 .footer-wrapper>.container:first-child:before {
    content: "";
    display: block;
    position: absolute;
    background-repeat: no-repeat
}

#footer.style1 .footer-wrapper>.container:first-child:before {
    width: 113px;
    height: 61px;
    top: -77px;
    left: 0
}

#footer.style1 .footer-wrapper>.container:first-child:after {
    width: 197px;
    height: 144px;
    top: -148px;
    right: 0
}

#footer.style1 .bottom {
    background: #fff
}

#footer.style1 .copyright p {
    color: #9e9e9e
}

#footer.style1 #back-to-top i {
    border-color: #e01a33
}

#footer.style2 {
    padding-top: 132px;
    margin-top: 80px
}

#footer.style4 .bottom,
#footer.style5 .bottom,
#footer.style6 .bottom {
    margin-top: 0
}

#footer.style2 .footer-wrapper {
    background: #daf8ff;
    padding-top: 0
}

#footer.style2 .contact-details .contact-phone,
#footer.style2 input,
#footer.style2 li,
#footer.style2 p,
#footer.style2 span {
    color: #12a0c3
}

#footer.style2 .travel-news li .date {
    color: #69c9e0
}

#footer.style2 .travel-news .s-title {
    color: #ff6000
}

#footer.style2 .travel-news .s-title a:hover {
    color: #ff3e3e
}

#footer.style2 .social-icons li a {
    background: #95e0f2
}

#footer.style2 .social-icons li:hover a {
    background: #ff6000
}

#footer.style2 ul.triangle li:before {
    color: #95e0f2
}

#footer.style2 .contact-details .contact-email,
#footer.style2 .contact-details .contact-phone i,
#footer.style2 .travel-news li .title,
#footer.style2 ul.triangle li.active a,
#footer.style2 ul.triangle li.active:before,
#footer.style2 ul.triangle li:hover a,
#footer.style2 ul.triangle li:hover:before {
    color: #ff6000
}

#footer.style2 .footer-wrapper>.container:first-child {
    position: relative;
    padding-top: 80px
}

#footer.style2 .footer-wrapper>.container:first-child:after,
#footer.style2 .footer-wrapper>.container:first-child:before {
    content: "";
    display: block;
    position: absolute;
    background-repeat: no-repeat
}

#footer.style2 .bottom,
#footer.style3 input {
    background: #fff
}

#footer.style2 .footer-wrapper>.container:first-child:before {
    width: 463px;
    height: 167px;
    top: -175px;
    left: -20px
}

#footer.style2 .footer-wrapper>.container:first-child:after {
    width: 241px;
    height: 184px;
    top: -168px;
    right: 0
}

#footer.style2 .copyright p {
    color: #9e9e9e
}

#footer.style2 #back-to-top i {
    border-color: #ff6000
}

#footer.style3 .footer-wrapper {
    padding-top: 0
}

#footer.style3 .contact-details .contact-phone,
#footer.style3 input,
#footer.style3 li,
#footer.style3 p,
#footer.style3 span {
    color: #98a3ab
}

#footer.style3 .contact-details .contact-email,
#footer.style3 .contact-details .contact-phone i,
#footer.style3 .travel-news .s-title,
#footer.style3 .travel-news li .title,
#footer.style3 ul.triangle li.active a,
#footer.style3 ul.triangle li.active:before,
#footer.style3 ul.triangle li:hover a,
#footer.style3 ul.triangle li:hover:before {
    color: #ff6000
}

#footer.style3 .social-icons li a {
    background: #e5e0cd
}

#footer.style3 .social-icons li:hover a {
    background: #ff6000
}

#footer.style3 .travel-news .s-title a:hover {
    color: #ff3e3e
}

#footer.style3 .contact-details .contact-phone,
#footer.style3 h2 {
    color: #12a0c3
}

#footer.style3 .footer-wrapper>.container:first-child {
    position: relative;
    padding-top: 80px
}

#footer.style3 .footer-wrapper>.container:first-child:after,
#footer.style3 .footer-wrapper>.container:first-child:before {
    content: "";
    display: block;
    position: absolute;
    background-repeat: no-repeat
}

#footer.style3 .footer-wrapper>.container:first-child:before {
    width: 183px;
    height: 81px;
    top: -100px;
    left: -50px
}

#footer.style3 .footer-wrapper>.container:first-child:after {
    width: 210px;
    height: 203px;
    top: -133px;
    right: 0
}

#footer.style3 .bottom {
    background: #fff
}

#footer.style3 .copyright p {
    color: #9e9e9e
}

#footer.style3 #back-to-top i {
    border-color: #ff6000;
    color: #12a0c3
}

#footer.style4>.footer-wrapper {
    padding-bottom: 0
}

#footer.style4>.footer-wrapper>.container:first-child {
    position: relative;
    padding-bottom: 180px
}

#footer.style4>.footer-wrapper>.container:first-child:after,
#footer.style4>.footer-wrapper>.container:first-child:before {
    content: "";
    display: block;
    position: absolute;
    background-repeat: no-repeat
}

#footer.style4>.footer-wrapper>.container:first-child:before {
    width: 267px;
    height: 166px;
    bottom: 20px;
    left: -30px
}

#footer.style4>.footer-wrapper>.container:first-child:after {
    width: 1171px;
    height: 158px;
    bottom: 0;
    right: 0
}

#footer.style5>.footer-wrapper {
    padding-bottom: 0
}

#footer.style5>.footer-wrapper>.container:first-child {
    position: relative;
    padding-bottom: 150px
}

#footer.style5>.footer-wrapper>.container:first-child:after,
#footer.style5>.footer-wrapper>.container:first-child:before {
    content: "";
    display: block;
    position: absolute;
    background-repeat: no-repeat
}

#footer.style5>.footer-wrapper>.container:first-child:before {
    width: 463px;
    height: 105px;
    bottom: 0;
    left: 0
}

#footer.style5>.footer-wrapper>.container:first-child:after {
    width: 297px;
    height: 145px;
    bottom: 0;
    right: 0
}

#footer.style6>.footer-wrapper {
    padding-bottom: 0
}

#footer.style6>.footer-wrapper>.container:first-child {
    position: relative;
    padding-bottom: 180px
}

#footer.style6>.footer-wrapper>.container:first-child:after,
#footer.style6>.footer-wrapper>.container:first-child:before {
    content: "";
    display: block;
    position: absolute;
    background-repeat: no-repeat
}

.honeymoon .container,
.travelo-process {
    position: relative
}

#footer.style6>.footer-wrapper>.container:first-child:before {
    width: 115px;
    height: 130px;
    bottom: 0;
    left: 0
}

#footer.style6>.footer-wrapper>.container:first-child:after {
    width: 153px;
    height: 149px;
    bottom: 0;
    right: 0
}

.honeymoon {
    padding: .01px
}

.honeymoon .content-section {
    padding: 50px 0
}

.honeymoon .content-section .places {
    margin-top: 40px
}

.honeymoon .content-section .places figure a {
    height: 175px
}

.honeymoon .content-section .places img {
    height: 100%;
    width: auto;
    min-width: 100%
}

.offers p {
    margin-bottom: 50px
}

.mobile-section .table-wrapper {
    table-layout: fixed;
    width: 100%
}

.mobile-section .description {
    vertical-align: middle
}

.mobile-section .image-wrapper {
    vertical-align: bottom;
    padding-top: 50px
}

.travelo-process {
    display: inline-block;
    padding: 0 !important;
    float: none !important
}

.travelo-process img {
    max-width: 100%;
    margin-bottom: 2px
}

.travelo-process .process {
    display: inline-block;
    position: absolute;
    width: 100%;
    margin-top: -32.4px;
    margin-left: -32.4px;
    margin-right: -32.4px
}

.travelo-process .process .icon-wrapper {
    vertical-align: top
}

.travelo-process .process .icon-wrapper i {
    display: block;
    font-size: 36px
}

.travelo-process .process .details {
    min-width: 250px;
    width: 100%
}

.travelo-process .process.first {
    top: 14.6446%;
    right: 85.3554%;
    margin-left: 0;
    text-align: right
}

.travelo-process .process.first .details {
    padding-right: 8%;
    padding-left: 0
}

.travelo-process .process.second .details,
.travelo-process .process.third .details {
    padding-left: 8%;
    padding-right: 0
}

.travelo-process .process.second {
    top: 14.6446%;
    left: 85.3554%;
    margin-right: 0;
    text-align: left
}

.travelo-process .process.third {
    top: 85.3554%;
    left: 85.3554%;
    margin-right: 0;
    text-align: left
}

.travelo-process .process.forth {
    top: 85.3554%;
    right: 85.3554%;
    margin-left: 0;
    text-align: right
}

.travelo-process .process.forth .details {
    padding-right: 8%;
    padding-left: 0
}

.investor-list img {
    -webkit-filter: none;
    -o-filter: none;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -moz-transition: opacity .25s ease-in;
    -o-transition: opacity .25s ease-in;
    -webkit-transition: opacity .25s ease-in;
    -ms-transition: opacity .25s ease-in;
    transition: opacity .25s ease-in
}

.investor-list .travelo-box {
    height: 100px;
    display: table;
    width: 100%;
    table-layout: fixed;
    padding: 0 10px
}

.investor-list .travelo-box>a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    overflow: hidden
}

.post-404page .logo,
.post-404page.style3 .logo,
.sitemap .column .title {
    display: inline-block
}

.investor-list .travelo-box>a:hover>img {
    -webkit-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    opacity: .4
}

.service-page .service-list .icon-box {
    cursor: pointer
}

.service-page .service-list .icon-box:hover i {
    overflow: hidden
}

.service-page .service-list .icon-box:hover i:before {
    -webkit-animation: toTopFromBottom .35s forwards;
    -moz-animation: toTopFromBottom .35s forwards;
    animation: toTopFromBottom .35s forwards
}

.service-page .services {
    margin-top: -1px;
    margin-right: -5px
}

.service-page .services article {
    cursor: pointer;
    border-top: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
    margin: 0;
    padding: 15px
}

.service-page .services article>i {
    background: var(--main-web-color);
    -moz-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    -ms-transition: all .4s ease-in;
    transition: all .4s ease-in;
    overflow: hidden
}

.service-page .services article:hover>i {
    box-shadow: 0 0 0 4px var(--main-web-color);
    background: #fff;
    color: var(--main-web-color)
}

.service-page .services article:hover>i:before {
    -webkit-animation: toTopFromBottom .4s forwards;
    -moz-animation: toTopFromBottom .4s forwards;
    animation: toTopFromBottom .4s forwards
}

.gallery-filter a.button {
    min-width: 60px;
    padding: 0 10px;
    text-transform: uppercase;
    margin-right: 8px;
    font-size: .9167em;
    margin-bottom: 10px
}

.items-container {
    margin-bottom: 0
}

.items-container .box:hover .hover-effect:after {
    visibility: visible;
    -webkit-transform: rotateY(0) scale(1, 1);
    -moz-transform: rotateY(0) scale(1, 1);
    -ms-transform: rotateY(0) scale(1, 1);
    -o-transform: rotateY(0) scale(1, 1);
    transform: rotateY(0) scale(1, 1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.items-container .box:hover .hover-effect img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.items-container .box:hover .details {
    background: var(--main-web-color)
}

.items-container .box:hover .details .box-title {
    color: #fff
}

.items-container .box:hover .details .box-title small {
    color: #fff;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5
}

.filters-container ul.categories-filter li {
    padding: 0;
    background: 0 0;
    border-bottom: 1px solid #f5f5f5
}

.faqs .question-list .panel .panel-content,
.faqs .question-list .panel .panel-title {
    padding-left: 30px
}

.filters-container ul.categories-filter li.active {
    background: 0 0
}

.filters-container ul.categories-filter li.active:before {
    background: var(--main-web-color);
    color: #fff
}

.filters-container ul.categories-filter li.active a {
    color: #2d3e52
}

.faqs.style1 .filters-option li.active a,
.filters-container ul.categories-filter li.active a small {
    color: var(--main-web-color)
}

.faqs .search-questions {
    margin-bottom: 4px
}

.faqs .faq-topics .filters-option {
    margin-bottom: 0
}

.faqs .question-list .panel {
    border-bottom-width: 4px
}

.faqs .question-list .panel .panel-title>a:before {
    float: right
}

.faqs .faq-comment-container {
    padding: 0;
    border-top: 4px solid #f5f5f5
}

.faqs .faq-comment-container .question {
    float: left;
    height: 28px;
    line-height: 28px;
    margin-right: 20px;
    margin-bottom: 0
}

.faqs .faq-comment-container .faq-comment-header {
    border-bottom: 1px solid #f5f5f5;
    padding: 10px 30px
}

.faqs .faq-comment-container .faq-comment-header .button {
    padding: 0 20px;
    margin-right: 10px
}

.faqs .faq-comment-container .faq-comment-header .button.active {
    background: #dc373e
}

.faqs .faq-comment-container .fag-comment-content {
    padding: 25px 30px
}

.faqs.style1 .filters-container {
    padding-bottom: 0
}

.faqs.style1 .filters-option li {
    margin-bottom: 0;
    border-bottom: 1px solid #f5f5f5;
    background: 0 0;
    padding: 0
}

.faqs.style1 .filters-option li.active {
    background: 0 0
}

.faqs.style1 .filters-option li:last-child {
    border: none
}

.faqs.style1 .question-list {
    padding: 10px 30px
}

.faqs.style1 .question-list .panel {
    border-bottom-width: 1px
}

.faqs.style1 .question-list .panel .panel-title {
    padding-left: 0;
    padding-right: 0
}

.faqs.style1 .question-list .panel .panel-title a:before {
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 8px;
    margin-right: 0
}

.faqs.style1 .question-list .panel .panel-content {
    padding-left: 0;
    padding-right: 20px
}

.travelo-google-map {
    height: 255px
}

.travelo-google-map.full-box {
    height: 400px
}

.contact-form label {
    font-size: .8333em;
    margin-bottom: 3px
}

.travelo-policies.style1 ul.tabs {
    border-bottom: none
}

.travelo-policies.style1 hr {
    margin: 20px -20px
}

.travelo-policies .policy {
    padding: 0 10px;
    margin: 40px 0
}

.sitemap .column {
    border: 1px solid var(--main-web-color);
    border-left: none;
    position: relative;
    margin-bottom: 40px;
    margin-right: 10px;
    margin-top: 10px
}

.sitemap .column .title {
    font-weight: 700;
    text-transform: uppercase;
    padding-right: 10px;
    position: absolute;
    top: -8px;
    left: 0;
    background: #f5f5f5
}

.sitemap .column.sitemap-columns-2>ul {
    width: 48%;
    float: left;
    border-right: 1px solid var(--main-web-color)
}

.sitemap .column.sitemap-columns-2>ul:last-child {
    border: none
}

.sitemap .column ul {
    font-size: 1em
}

.sitemap .column li {
    line-height: 3em
}

.sitemap .column>ul {
    margin: 20px 0 10px
}

.sitemap .column>ul>li {
    padding-left: 15px
}

.sitemap .column>ul.circle>li {
    padding-left: 0
}

.sitemap .column li.parent>a,
.sitemap .column li.parent>span {
    font-weight: 700;
    font-size: .9167em;
    text-transform: uppercase
}

.post-404page .footer-wrapper {
    text-align: center
}

.post-404page footer #main-menu {
    margin: 0 auto
}

.post-404page #header {
    padding-top: 150px;
    text-align: center
}

.post-404page #main {
    margin: 0
}

.post-404page .error-message {
    font-size: 4.1667em;
    font-weight: 300;
    line-height: 1.25em;
    text-align: center;
    color: #dc373e
}

.post-404page .error-message-404 {
    font-family: Roboto;
    font-weight: 100;
    font-size: 25em;
    text-align: center;
    color: var(--main-web-color);
    line-height: 1.0833em
}

.post-404page.style1 #header .logo img {
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    opacity: 1 !important
}

.post-404page.style2 #main {
    text-align: center
}

.post-404page.style2 #content {
    padding: 0
}

.post-404page.style2 .error-message {
    font-size: 2.5em;
    color: #fff;
    text-shadow: 0 6px 6px rgba(0, 0, 0, .3);
    font-weight: 400
}

.post-404page.style2 .error-message-404 img {
    width: 80%;
    margin: 40px auto
}

.post-404page.style2 .go-back {
    display: inline-block;
    font-size: 2.0833em;
    font-weight: 900;
    color: #f45533;
    background: #fff;
    height: 70px;
    line-height: 70px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px 35px 35px 35px;
    border-radius: 35px;
    padding-right: 30px;
    box-shadow: 0 10px 8px rgba(0, 0, 0, .3);
    letter-spacing: -.02em;
    overflow: hidden
}

.post-404page.style2 .go-back i {
    background: #f45533;
    color: #fff;
    margin-right: 20px
}

.post-404page.style2 .go-back:hover i {
    -webkit-animation: fadeInRight .4s ease-in;
    -moz-animation: fadeInRight .4s ease-in;
    animation: fadeInRight .4s ease-in
}

.post-404page.style3,
.post-404page.style3 #content,
.post-404page.style3 #content .container,
.post-404page.style3 #page-wrapper,
.post-404page.style3 .wrapper {
    height: 100%
}

.post-404page.style3 #content {
    padding: 0
}

.post-404page.style3 #main {
    position: relative;
    z-index: 2;
    padding-top: 120px;
    text-align: center
}

.post-404page.style3 .wrapper {
    background-size: 33% auto
}

.post-404page.style3 .container {
    position: relative;
    background-size: 22% auto
}

.post-404page.style3 .error-message {
    font-weight: 300;
    font-size: 4em;
    color: #fff
}

.post-404page.style3 .error-message-404 {
    margin: 30px 0;
    font-family: inherit;
    color: #fff;
    font-weight: 300;
    font-size: 2.5em
}

.post-404page.style3 .error-message-404 strong {
    font-weight: 400
}

.post-404page.style3 .input-text {
    background: 0 0;
    border: 1px solid #fff;
    color: #fff;
    font-size: 1.3333em
}

.post-404page.style3 .with-icon .icon i {
    color: #fff
}

.post-404page.style3 .go-back {
    background: 0 0;
    border: 1px solid #fff;
    color: #fff;
    font-size: 1.0833em;
    line-height: 3.3333em;
    font-weight: 700;
    padding: 0 20px;
    margin-bottom: 30px;
    overflow: hidden
}

.post-404page.style3 .go-back i {
    margin-right: 10px
}

.post-404page.style3 .go-back:hover i {
    -webkit-animation: fadeInRight .4s ease-in;
    -moz-animation: fadeInRight .4s ease-in;
    animation: fadeInRight .4s ease-in
}

.post-404page.style3 .girl {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 40%
}

.coming-soon-page #main {
    text-align: center;
    margin: 0
}

.coming-soon-page section#content {
    background: 0 0;
    padding: 0
}

.coming-soon-page .clock {
    display: table;
    width: 100%;
    table-layout: fixed
}

.coming-soon-page .clock li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    width: 22%
}

.coming-soon-page .clock li span {
    display: block;
    border: 2px solid var(--main-web-color);
    font-family: Roboto;
    font-weight: 300;
    font-size: 6.6667em;
    color: #fff;
    line-height: 2.3333em;
    background: linear-gradient(to bottom, #3c4a59 50%, #242f3c 50%)
}

.coming-soon-page .clock li.sep {
    font-size: 5.5em;
    color: var(--main-web-color);
    font-weight: 300;
    padding: 0 0 38px;
    width: 4%
}

.coming-soon-page .clock li label {
    letter-spacing: .4em;
    color: #7692b4;
    font-size: 1em;
    height: 20px;
    margin: 10px 0 0;
    line-height: 20px
}

.coming-soon-page .social-icons li a {
    background: 0 0;
    font-size: 2em;
    color: #384c63;
    width: 40px
}

.coming-soon-page .social-icons li a:hover {
    color: #dc373e
}

.coming-soon-page .logo {
    display: inline-block
}

.coming-soon-page .logo img {
    height: 24px;
    width: auto
}

.coming-soon-page .email-notify input.input-text {
    background: #1c2733;
    border: 1px solid var(--main-web-color);
    color: #7692b4
}

.coming-soon-page .email-notify .icon {
    background: var(--main-web-color);
    color: #fff
}

.coming-soon-page .copyright {
    color: #384c63
}

.coming-soon-page.style1 #page-wrapper {
    background-color: #1a232f;
    background-image: -moz-radial-gradient(center center, circle cover, #273648, #0d1218 100%);
    background-image: -webkit-radial-gradient(center center, circle cover, #273648, #0d1218 100%);
    background-image: -o-radial-gradient(center center, circle cover, #273648, #0d1218 100%);
    background-image: -ms-radial-gradient(center center, circle cover, #273648, #0d1218 100%);
    background-image: radial-gradient(center center, circle cover, #273648, #0d1218 100%)
}

.coming-soon-page.style2 #page-wrapper {
    background-color: #70860e;
    background-image: -moz-radial-gradient(center center, circle cover, #94a621, #576f00 100%);
    background-image: -webkit-radial-gradient(center center, circle cover, #94a621, #576f00 100%);
    background-image: -o-radial-gradient(center center, circle cover, #94a621, #576f00 100%);
    background-image: -ms-radial-gradient(center center, circle cover, #94a621, #576f00 100%);
    background-image: radial-gradient(center center, circle cover, #94a621, #576f00 100%)
}

.coming-soon-page.style2 .clock,
.coming-soon-page.style2 .social-icons a:hover {
    text-shadow: 1px 10px 6px rgba(0, 0, 0, .2)
}

.coming-soon-page.style2 .clock li span {
    border: none;
    background: 0 0;
    font-family: NexaBlack;
    font-size: 12em;
    line-height: 1em
}

.coming-soon-page.style2 .clock li.sep {
    color: #fff;
    font-size: 8.3333em;
    font-weight: 700
}

.coming-soon-page.style2 .clock li label {
    font-weight: 700;
    font-size: 1.6667em;
    letter-spacing: normal;
    color: #fff
}

.coming-soon-page.style2 .email-notify {
    height: 64px
}

.coming-soon-page.style2 .email-notify .input-text {
    height: 64px;
    border: 3px solid #fff;
    background: #768b11;
    box-shadow: 0 6px 6px rgba(0, 0, 0, .2);
    font-size: 16px;
    color: #fff;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px 32px 32px 32px;
    border-radius: 32px;
    padding-left: 40%
}

.coming-soon-page.style2 .email-notify .icon,
.sidebar .post-list .avatar img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 50%
}

.coming-soon-page.style2 .email-notify .notified-text {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 35%;
    height: 64px;
    line-height: 64px;
    color: #fff;
    font-size: 2em;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -.02em;
    white-space: nowrap
}

.coming-soon-page.style2 .email-notify .notified-text small {
    padding-left: 15px;
    font-size: .6667em;
    vertical-align: top;
    font-weight: 400
}

.coming-soon-page.style2 .email-notify .icon {
    border-radius: 50%;
    background: #dc373e;
    right: 10px
}

.coming-soon-page.style2 .email-notify .icon:hover {
    -webkit-animation: sonarEffect 1.3s ease-out 75ms;
    -moz-animation: sonarEffect 1.3s ease-out 75ms;
    animation: sonarEffect 1.3s ease-out 75ms
}

.coming-soon-page.style2 .social-icons li a {
    color: #627906
}

.coming-soon-page.style2 .social-icons li a:hover {
    color: #dc373e
}

.coming-soon-page.style2 .copyright {
    color: #627906
}

.coming-soon-page.style3,
.coming-soon-page.style3 #content,
.coming-soon-page.style3 #content .container,
.coming-soon-page.style3 #main,
.coming-soon-page.style3 #page-wrapper {
    height: 100%
}

.coming-soon-page.style3 .container {
    position: relative;
    text-align: center
}

.coming-soon-page.style3 .container:before {
    position: absolute;
    top: 0;
    left: -100px;
    width: 504px;
    height: 495px
}

.coming-soon-page.style3 #main {
    position: relative;
    z-index: 2;
    padding-top: 100px
}

.coming-soon-page.style3 .couple {
    position: absolute;
    bottom: 1px;
    right: -12%;
    width: 60%;
    height: auto
}

.coming-soon-page.style3 .header-title {
    font-size: 4em;
    font-weight: 300;
    line-height: 1.3333em
}

.coming-soon-page.style3 .clock {
    width: auto;
    margin: 0 auto;
    display: inline-block
}

.coming-soon-page.style3 .clock li span {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    line-height: 100px;
    border: none;
    background: #dc373e;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50%;
    font-size: 5em;
    font-weight: 300
}

.coming-soon-page.style3 .clock li label,
.coming-soon-page.style3 .clock li.sep {
    color: #fff
}

.coming-soon-page.style3 .email-notify {
    width: 454px
}

.coming-soon-page.style3 .email-notify .input-text {
    background: #3c8dc3;
    border: 1px solid #fff;
    color: #fff
}

.coming-soon-page.style3 .email-notify .icon {
    background: 0 0;
    color: #fff
}

.coming-soon-page.style3 .social-icons li a {
    color: #398ac1
}

.coming-soon-page.style3 .social-icons li a:hover {
    color: #fff
}

.coming-soon-page.style3 .copyright {
    color: #398ac1
}

.loading-page {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center
}

.loading-page .logo img {
    height: auto;
    width: auto
}

.loading-page .loading-page-wrapper {
    display: table-cell;
    vertical-align: middle
}

.loading-page .loading-progress-bar {
    margin-left: auto;
    margin-right: auto;
    float: none
}

.loading-page.style1 {
    background-color: #1a232f;
    background-image: -moz-radial-gradient(center center, circle cover, #273648, #0d1218 100%);
    background-image: -webkit-radial-gradient(center center, circle cover, #273648, #0d1218 100%);
    background-image: -o-radial-gradient(center center, circle cover, #273648, #0d1218 100%);
    background-image: -ms-radial-gradient(center center, circle cover, #273648, #0d1218 100%);
    background-image: radial-gradient(center center, circle cover, #273648, #0d1218 100%)
}

.loading-page.style1 .loading-text {
    font-size: 1.3333em;
    font-weight: 700;
    color: #7c9abd;
    letter-spacing: .4em;
    text-transform: uppercase
}

.loading-page.style1 .loading-progress-bar {
    height: 18px;
    background: #0e1319;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -ms-border-radius: 9px 9px 9px 9px;
    border-radius: 9px;
    -moz-opacity: .95;
    -khtml-opacity: .95;
    opacity: .95;
    box-shadow: 0 1px 0 #3b4857;
    padding: 3px
}

.loading-page.style1 .loading-progress {
    height: 12px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px 6px 6px 6px;
    border-radius: 6px;
    background: var(--main-web-color)
}

.loading-page.style2 {
    background-color: #0097cb;
    background-image: -moz-radial-gradient(center center, circle cover, #01b5f0, #0081b1 100%);
    background-image: -webkit-radial-gradient(center center, circle cover, #01b5f0, #0081b1 100%);
    background-image: -o-radial-gradient(center center, circle cover, #01b5f0, #0081b1 100%);
    background-image: -ms-radial-gradient(center center, circle cover, #01b5f0, #0081b1 100%);
    background-image: radial-gradient(center center, circle cover, #01b5f0, #0081b1 100%)
}

.loading-page.style2 .loading-progress-bar {
    box-shadow: 0 15px 6px rgba(3, 121, 165, .6);
    height: 64px;
    border: none;
    background: #fff;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px 32px 32px 32px;
    border-radius: 32px;
    padding: 7px
}

.loading-page.style2 .loading-progress {
    height: 50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px 25px 25px 25px;
    border-radius: 25px;
    background: #dc373e
}

.loading-page.style2 .loading-percent {
    position: absolute;
    right: 20px;
    top: 7px;
    height: 50px;
    line-height: 50px;
    color: var(--main-web-color);
    font-weight: 900;
    font-size: 2em;
    letter-spacing: -.02em
}

.loading-page.style2 .loading-text {
    font-size: 2.5em;
    font-weight: 700;
    color: #fff;
    letter-spacing: normal;
    text-transform: none;
    text-shadow: 0 10px 6px rgba(3, 121, 165, .6)
}

.loading-page.style2 .notice-message {
    font-family: NexaBlack;
    font-size: 12.5em;
    line-height: .6666em;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: -.1em;
    text-shadow: 0 16px 6px rgba(3, 121, 165, .6)
}

.loading-page.style3 .container {
    position: relative;
    height: 100%
}

.loading-page.style3 .loading-page-wrapper {
    height: 100%
}

.loading-page.style3 .loading-page-content {
    position: relative;
    z-index: 2;
    height: 60%
}

.loading-page.style3 .loading-text {
    font-size: 2em;
    font-weight: 300;
    color: #fff
}

.loading-page.style3 .loading-progress-bar {
    height: 40px;
    border: 1px solid #fff;
    padding: 4px;
    background: #2d7aaf
}

.loading-page.style3 .loading-progress {
    height: 30px;
    background: #fff
}

.loading-page.style3 .loading-percent {
    position: absolute;
    right: 10px;
    top: 5px;
    line-height: 30px;
    color: #fff;
    font-size: 1.6667em;
    letter-spacing: -.02em
}

.loading-page.style3 .bottom-image {
    width: 30%;
    position: absolute;
    bottom: 1px;
    left: 50%;
    margin-left: -15%
}

.soap-login-page #footer,
.soap-login-page #main {
    text-align: center
}

.soap-login-page .login-form .checkbox {
    text-align: left
}

.soap-login-page.style1 {
    -webkit-transform: translate3d(0, 0, 0)
}

.soap-login-page.style1 .logo img {
    height: 24px;
    width: auto
}

.soap-login-page.style1 .login-form .input-text {
    background: #1d2835;
    border: 1px solid var(--main-web-color);
    color: #708bac
}

.soap-login-page.style1 .login-form .checkbox {
    color: #708bac;
    cursor: pointer
}

.soap-login-page.style1 .login-form .checkbox:before {
    border-color: var(--main-web-color)
}

.soap-login-page.style1 .login-form .checkbox.checked:before {
    background: #1c2633;
    color: #708bac
}

.soap-login-page.style2 {
    background-color: #8f3fa1;
    background-image: -moz-radial-gradient(center center, circle cover, #b459c8, #762d87 100%);
    background-image: -webkit-radial-gradient(center center, circle cover, #b459c8, #762d87 100%);
    background-image: -o-radial-gradient(center center, circle cover, #b459c8, #762d87 100%);
    background-image: -ms-radial-gradient(center center, circle cover, #b459c8, #762d87 100%);
    background-image: radial-gradient(center center, circle cover, #b459c8, #762d87 100%)
}

.soap-login-page.style2 .welcome-text {
    font-size: 2.3333em;
    font-weight: 700;
    line-height: 1em;
    color: #fff;
    text-shadow: 0 10px 6px #9543a7
}

.soap-login-page.style2 .login-form .input-text,
.soap-login-page.style2 .login-form button {
    height: 70px;
    box-shadow: 0 10px 6px rgba(149, 67, 167, .6);
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px 35px 35px 35px;
    border-radius: 35px
}

.soap-login-page.style2 .login-form .input-text {
    background: #9543a7;
    border: 3px solid #fff;
    font-size: 1.3333em;
    color: #fff;
    padding-left: 195px;
    padding-right: 25px
}

.soap-login-page.style2 .login-form button {
    font-size: 2em;
    font-weight: 900;
    letter-spacing: -.02em;
    position: relative;
    padding-right: 50px;
    overflow: hidden
}

.soap-login-page.style2 .login-form button i {
    position: absolute;
    right: 7px;
    top: 7px;
    height: 56px;
    width: 56px;
    line-height: 56px;
    background: #fff;
    color: #dc373e
}

.soap-login-page.style2 .login-form button:hover i:before {
    -webkit-animation: toTopFromBottom .35s forwards;
    -moz-animation: toTopFromBottom .35s forwards;
    animation: toTopFromBottom .35s forwards
}

.soap-login-page.style2 .login-form .form-group {
    margin-bottom: 30px
}

.soap-login-page.style2 .login-form .input-login,
.soap-login-page.style2 .login-form .input-password {
    position: relative
}

.soap-login-page.style2 .login-form .input-login label,
.soap-login-page.style2 .login-form .input-password label {
    position: absolute;
    left: 30px;
    top: 0;
    height: 70px;
    line-height: 70px;
    font-size: 2em;
    font-weight: 900;
    color: #fff;
    letter-spacing: -.02em
}

.soap-login-page.style2 .login-form .input-login label:after,
.soap-login-page.style2 .login-form .input-password label:after {
    content: "|";
    font-size: .6667em;
    vertical-align: top;
    margin-left: 15px
}

.soap-login-page.style2 .copyright {
    color: #822e95
}

.soap-login-page.style3 .logo {
    margin-top: 15px
}

.soap-login-page.style3 #page-wrapper {
    padding-bottom: 10%;
    position: relative
}

.soap-login-page.style3 .welcome-text {
    font-size: 4em;
    font-weight: 300;
    line-height: 1em;
    color: #fff
}

.soap-login-page.style3 .login-form .input-text {
    background: #369cbe;
    border: 1px solid #fff;
    color: #fff
}

.soap-login-page.style3 .login-form .checkbox {
    color: #fff;
    cursor: pointer
}

.soap-login-page.style3 .login-form .checkbox:before {
    border-color: #fff;
    background: #369cbe
}

.soap-login-page.style3 .login-form .checkbox.checked:before {
    color: #fff
}

.soap-login-page.style3 #content {
    padding-top: 0;
    position: relative;
    z-index: 2
}

.soap-login-page.style3 #footer {
    position: relative;
    z-index: 2
}

.soap-login-page.style3 #footer .footer-wrapper {
    padding-bottom: 0
}

.soap-login-page.style3 #main {
    margin-bottom: 0
}

.more-popular-destinations ul li,
.sidebar .widget-queries ul {
    margin-bottom: 15px
}

.soap-login-page.style3 #main-menu li {
    color: #3faac9
}

.soap-login-page.style3 #main-menu li.active a,
.soap-login-page.style3 #main-menu li:hover a {
    color: #fff
}

.soap-login-page.style3 .copyright {
    color: #fff;
    -webkit-transform: translateZ(0)
}

.soap-login-page.style3 .places {
    position: absolute;
    right: 0;
    bottom: 1px;
    width: 360px
}

.soap-login-page.style3 .plane {
    float: right
}

.more-popular-destinations {
    overflow: hidden
}

.more-popular-destinations .row {
    margin-right: -16px
}

.more-popular-destinations ul {
    border-right: 1px solid #fff
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

    .more-popular-destinations .row,
    ::i-block-chrome {
        margin-right: -19px
    }
}

.image-box .has-discount {
    position: relative;
    overflow: visible
}

.bg-holder,
.btmtricircle,
.exphotel_world figure,
.footerimage_b2c,
.height_181,
.icon_enq,
.my-booking-pop,
.over_fl1,
.place_wrap,
.tripcircle {
    overflow: hidden
}

.image-box .has-discount:before {
    content: ""
}

.image-box .discount,
.image-box .has-discount:before {
    display: block;
    position: absolute;
    left: -4px;
    top: -4px;
    width: 100px;
    height: 102px;
    color: #fff
}

.image-box .discount {
    z-index: 1;
    line-height: 80px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .9167em;
    letter-spacing: normal !important;
    text-indent: -3px
}

.image-box .discount .discount-text {
    display: inline-block;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    writing-mode: lr-tb
}

.sidebar .widget-queries li {
    border-bottom: 1px solid #f5f5f5;
    padding: 10px 5px;
    line-height: 24px;
    font-size: .9167em;
    text-transform: uppercase
}

.sidebar .widget-queries li a {
    display: block
}

.sidebar .widget-queries li a:hover {
    color: #2d3e52
}

.sidebar .widget-queries li a:hover i {
    color: var(--main-web-color)
}

.sidebar .widget-queries li i {
    color: #d9d9d9;
    font-size: 2em;
    display: block;
    float: left;
    margin-right: 10px;
    width: 20px;
    text-align: center
}

.sidebar .post-list .details {
    padding-top: 3px
}

.sidebar .post-list .box-title {
    margin-bottom: 4px
}

.sidebar .post-list .avatar img {
    width: 64px;
    height: 64px;
    border-radius: 50%
}

.travel-story-container {
    background: #fff;
    padding: 0 10px 10px
}

.travel-story-container .travel-story-content {
    display: table
}

.travel-story-container .travel-story-content>* {
    display: table-cell;
    vertical-align: top
}

.travel-story-container .travel-story-content .avatar {
    border-right: 1px solid #f5f5f5;
    padding: 20px 20px 10px 10px;
    text-align: center
}

.travel-story-container .travel-story-content .avatar img {
    margin-bottom: 15px;
    width: 90px;
    height: 90px
}

.travel-story-container .travel-story-content .description {
    padding: 20px
}

.travel-story-container .travel-story-meta {
    background: #f5f5f5;
    padding: 10px 10px 0;
    font-size: 1em
}

.travel-story-container .travel-story-meta .story-meta {
    float: right;
    text-transform: uppercase
}

.travel-story-container .travel-story-meta .story-meta>* {
    height: 28px;
    line-height: 28px;
    display: inline-block;
    padding: 0 10px;
    margin-left: 8px;
    margin-bottom: 10px;
    background: #fff;
    color: #9e9e9e;
    letter-spacing: normal !important;
    font-size: .8333em;
    font-weight: 400
}

.travel-story-container .travel-story-meta .story-meta>* i {
    float: left;
    font-size: 2.5em;
    margin-right: 8px;
    color: #d9d9d9
}

.travel-story-container .travel-story-meta .story-meta>.date i {
    font-size: 1.6667em
}

.travel-story-container .travel-story-meta .story-meta a.button:hover {
    background: #dc373e;
    color: #fff
}

.travel-story-container .travel-story-meta .story-meta a.button:hover i {
    color: #fff
}

.travel-story-container .travel-story-meta .travel-miles {
    line-height: 28px;
    font-size: 1.1667em;
    float: left;
    display: block;
    margin-left: 5px
}

.travel-story-container .my-trip ul:after,
.travel-story-container .travel-story-meta:after {
    display: table;
    content: "";
    clear: both
}

.travel-story-container .travel-story-meta .travel-miles i {
    font-size: 1.8333em;
    color: var(--main-web-color);
    margin-right: 8px;
    float: left
}

.travel-story-container .my-trip li {
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 10px;
    margin-bottom: 10px
}

.travel-story-container .my-trip li .hover-effect:after {
    background-size: 30px 30px
}

#travel-guide .tab-pane {
    padding: 0
}

#travel-guide .main-content {
    padding: 20px
}

#travel-guide #travel-guide-sports .intro {
    padding: 15px
}

#travel-guide .sport-list {
    background: #fff;
    text-transform: uppercase;
    letter-spacing: normal !important
}

#travel-guide .sport-list li {
    line-height: 2.5em
}

#travel-guide .sport-list [class*=" col-"],
#travel-guide .sport-list [class^=col-] {
    padding: 10px 20px;
    border-right: 1px solid #f5f5f5
}

#travel-guide .details {
    padding-bottom: 10px
}

#travel-guide .details>:last-child {
    margin-bottom: 0
}

#travel-guide .icon-box {
    text-align: center;
    text-transform: none;
    padding: 0 15px
}

#travel-guide .icon-box i {
    margin-bottom: 10px;
    font-size: 1.3333em
}

.suggested-places ul.check-square li:before {
    float: left;
    line-height: 1.3em
}

.suggested-places ul.check-square li>a {
    margin-left: 25px;
    display: block
}

.suggested-places ul.check-square li.active,
.suggested-places ul.check-square li:hover {
    background: 0 0
}

.suggested-places ul.check-square li.active:before,
.suggested-places ul.check-square li:hover:before {
    background: #dc373e;
    color: #fff
}

.suggested-places ul.check-square li.active .box-title,
.suggested-places ul.check-square li:hover .box-title {
    color: var(--main-web-color)
}

.travel-ideas .idea-title .index {
    margin-right: 10px;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50%;
    color: #fff;
    background: #dc373e;
    width: 1.8em;
    height: 1.8em;
    line-height: 1.75em;
    text-align: center;
    font-size: .8em;
    font-weight: 700
}

#loding_div_page,
.clickcallIcon,
.mbl_menulogo,
.mobile_filter_btn,
.mobile_filter_btn_close,
.subContact,
.user_icon_div {
    display: none
}

.travel-ideas .suggested-places .row {
    margin: 0 -3px 0 -25px
}

.travel-ideas .suggested-places [class^=col-] {
    padding-left: 25px;
    padding-right: 0;
    border-right: 1px solid #f5f5f5
}

.travel-ideas .suggested-places ul.check-square li>a {
    text-transform: uppercase
}

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

.border1 {
    border: 1px solid #eee
}

.font-12 {
    font-size: 12px !important
}

.w100per {
    width: 100% !important
}

.w180px {
    width: 180px !important
}

.m0 {
    margin: 0 !important
}

.brdr-btm {
    border-bottom: 1px solid #eee
}

.travel-cartpg td {
    padding: 2px !important
}

.box-shadow {
    box-shadow: 3px 2px 5px #ccc
}

.travel-cartpg td span a {
    color: #5f920b;
    cursor: pointer
}

.travel-cartpg td span a .cancel {
    color: #dc373e;
    cursor: pointer
}

.travel-cartpg thead {
    background: #eee
}

.textbtn-green {
    color: #5f920b;
    cursor: pointer
}

.textbtn-red {
    color: #dc373e;
    cursor: pointer
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.travel-cartpg table>thead>tr>th {
    padding: 4px !important
}

.fa-shopping-cart {
    background-position: -101px -15px
}

#faq_tag .menu-icon,
.all_alt,
.blocklicircle .faqquestmark ul li::before,
.blocklicircle ul.circle li::before,
.callicon,
.checkbox.checked::before,
.checkcircle ul.circle li::before,
.dw_icon,
.fa,
.faiconfav,
.faqoddevenarrow::before,
.five-stars,
.flag-malaysia,
.flag-singapore,
.flags-africa,
.flags-india,
.flags-uae,
.hotelrateicon,
.info_max .soap-icon-user,
.language-icon,
.location_img,
.mybuletsincl ul li::before,
.nigeria-logo,
.offer_wait_icon,
.prodeal,
.proimg,
.proimgreas,
.proimgtour2,
.radio.checked::before,
.rating_new .soap-icon-star-1,
.selector span.custom-select::after,
.serarrow_img,
.tour_icon,
.travel_ind,
.travel_mal,
.travel_uae,
.travel_uae_quick,
.visa-back-wrap .from_txt .fa.fa-inr,
ul.triangle li::before {
    background-image: url(assets/img/headerstrip.png);
    background-repeat: no-repeat
}

.flags-india {
    background-position: -1px -3px
}

.nigeria-logo {
    padding-left: 23px;
    background-position: -95px -2px;
    margin-left: 4px
}

.flags-uae {
    margin-left: 5px
}

.whatsappicondiv {
    background-position: -67px -45px !important
}

.dw_icon {
    background-position: -41px -2px;
    float: left;
    margin-right: 4px;
    margin-top: -34px;
    padding-bottom: 15px;
    padding-right: 15px;
    padding-top: 15px;
    right: 16px;
    width: 30px
}

.div_bg {
    background-color: #000;
    height: 30px;
    margin-left: -21px;
    margin-top: -5px;
    opacity: .43;
    width: 100%
}

.all_alt {
    background-position: -1px -20px;
    height: 30px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 0 12px;
    width: 30px
}

.assist,
.font-24_assist {
    font-size: 24px !important
}

.whatapp_color {
    color: #6aca04
}

.orangecol {
    color: #ed8323 !important
}

.assist {
    color: #8b8b8b;
    text-align: center
}

.assist_name {
    border-bottom: 1px solid #e4e4e4;
    padding: 0 16px 10px
}

.or_line {
    border-bottom: thin solid #e4e4e4;
    height: 0;
    margin: auto;
    width: 64%
}

.or {
    background-color: #fff;
    border: thin solid #e4e4e4;
    border-radius: 50%;
    font-size: 16px;
    height: 42px;
    line-height: 42px;
    margin: -26px auto auto;
    text-align: center;
    width: 42px
}

.QuickEnquiry {
    color: #858384;
    font-size: 22px !important;
    text-align: center
}

.send_enq_btn {
    background-color: var(--main-web-color);
    border: thin solid #048da6;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    height: 36px;
    width: 200px
}

.txt_box_enq,
.txt_box_enq_select {
    height: 37px;
    font-size: 14px;
    color: #858384;
    width: 100%;
    padding-left: 46px
}

.send_enq_btn:active {
    background-color: #009cd7;
    border: thin solid #02566f
}

.select_opt_div,
.txt_box_enq,
.txt_box_enq_select {
    background-color: #fcfcfc
}

.txt_box_enq {
    border: 1px solid #d7d7d7
}

.txt_box_enq_select {
    border: 1px solid #dadada !important;
    border-left: none
}

.enq_popup {
    max-height: 500px !important
}

.select_opt_div {
    border-left: medium none;
    height: 34px;
    line-height: 33px;
    margin-top: 1px;
    position: absolute;
    right: 16px;
    width: 17px;
    background-position: -202px -169px;
    pointer-events: none
}

.date_ico input.input-text {
    background: #fcfcfc !important;
    padding-left: 46px
}

.date_ico .datepicker-wrap::after {
    height: 21px;
    left: 11px;
    top: 8px;
    width: 22px
}

.icon_enq .agtemail_icon01,
.icon_enq .agtname_icon1 {
    background-position: 5px -171px;
    border: none;
    position: absolute
}

.date_ico .ui-datepicker-trigger {
    width: 100% !important;
    background-position: -27px -49px !important;
    margin-top: -9px;
    position: absolute;
    left: 0
}

.icon_enq {
    height: 32px;
    left: 17px;
    position: absolute;
    top: 3px;
    width: 40px
}

.icon_enq .agtmob_icon1 {
    background-position: -50px -171px;
    position: absolute;
    border: none;
    height: 30px;
    width: 28px
}

.icon_enq .pen_enq {
    color: #8b898a;
    font-size: 22px;
    margin-left: 12px;
    margin-top: 4px
}

.icon_enq .agtcity_icon1 {
    background-position: -100px -170px;
    margin-left: 5px;
    position: absolute;
    z-index: 1;
    border: none
}

.enq_mobilecode {
    background: #fff;
    border: 1px solid #d7d7d7;
    font-size: 13px;
    height: 28px;
    left: 62px;
    padding-left: 8px;
    position: absolute;
    top: 4px;
    width: 60px
}

.hotel_price_ava,
.info_stext {
    background: #f7941d;
    color: #fff;
    text-align: center
}

.lg-pltour40 {
    padding-left: 40px
}

.lg-mt26 {
    margin-top: 26px
}

.bg_lightgry {
    background: #f8f8f8 !important
}

.main_menu:hover .nav-dropdown_mydiv {
    visibility: visible
}

#ui-datepicker-div {
    width: 36em !important
}

.active.select_item>a {
    color: var(--main-web-color) !important
}

.sign-cancel-box {
    height: auto;
    margin-bottom: 30px;
    background: #fff;
    padding: 0 0 20px
}

.sign-dialog-box,
.sign-login-box {
    border: 3px solid var(--main-web-color);
    border-radius: 6px;
    box-shadow: 4px 6px 9px #1e1e1e;
    display: none;
    margin: 0 auto
}

.blue_colfoo,
.blue_colfoo1 {
    color: #12a0c3 !important
}

.ht_30 {
    height: 30px
}

.footer-no-book {
    background: #ebebeb;
    border-radius: 50%;
    height: 54px;
    padding: 13px 2px;
    width: 54px;
    position: relative;
    margin-right: 10px;
    float: left
}

.popup_login_btn1 {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    margin-top: 142px !important;
    padding-block-end: 13px;
    width: 300px
}

.whatsapp_btn {
    font-size: 16px !important;
    height: 40px !important;
    line-height: 40px !important
}

.pl36 {
    padding-left: 36px !important
}

.icon_enq .agtname_icon_city {
    background-position: -100px -171px;
    margin-left: 5px;
    border: none;
    position: absolute;
    height: 30px
}

.col_grselect {
    background-color: #fcfcfc;
    height: 37px
}

.rt_nine {
    /*border-right: 1px solid #fff;*/
    height: 17px;
    line-height: 11px;
    /*margin-right: 15px;*/
    /*padding-right: 15px;*/
    padding-top: 2px
}

.trip_add li img {
    height: auto !important;
    margin: 0 0 0 -6px !important;
    padding: 0 !important;
    width: auto !important
}

.trip_add li {
    height: 134px !important;
    margin: 0 !important;
    padding: 0 !important
}

.thank_info {
    font-size: 18px;
    margin-top: 15px
}

.imd_don,
.imd_don img {
    margin: auto;
    text-align: center
}

.imd_don {
    width: 170px
}

.imd_don img {
    width: 72px
}

.backtohome_btn:hover {
    border: 1px solid #398136
}

.backtohome_btn {
    background-color: #4eae49;
    border-radius: 3px;
    color: #fff;
    height: 30px;
    line-height: 30px;
    margin: 40px auto auto;
    text-align: center;
    width: 170px
}

.btmtricircle.halfy:before,
.tripcircle.halfy:before {
    content: '';
    background-color: #05a54a
}

.backtohome_btn>a:hover {
    color: #fff
}

.ht_min500 {
    height: 500px !important
}

.scli li .message-click1,
.scli li .message-quick {
    border-right: 1px solid #fff;
    height: 37px;
    margin: 2px 1px;
    padding: 6px !important;
    width: 37px
}

.scli .message-click1,
.scli .message-quick {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0
}

.pos_re {
    position: relative
}

.travel_uae_quick {
    background-position: -21px 1px;
    height: 128px;
    margin-left: 0;
    margin-right: 10px;
    padding: 0 10px;
    position: inherit;
    top: -5px
}

.btmtricircle:after,
.tripcircle:after {
    content: '';
    top: 0;
    left: 0
}

.lg-font-17 {
    font-size: 17px
}

.mainContact {
    line-height: 24px;
    margin: 0 auto;
    max-width: 240px;
    width: 240px;
    min-height: 32px;
    height: auto
}

.user_icon_div {
    border: 1px solid #fff;
    border-radius: 16px;
    font-size: 16px;
    height: 22px;
    padding: 0 4px;
    position: absolute;
    right: 10px;
    top: 5px;
    width: 22px
}

.probld_dynapkg,
.probld_pkg,
.prohotel,
.propkg,
.protour,
.protrfhotel,
.protrftour,
.provisa {
    height: 30px;
    margin-top: 5px
}

.meal_Booktra {
    width: 119px
}

.meal_policy_hotel1 {
    width: 50px
}

.prohotel {
    background-position: -41px -80px;
    float: left;
    width: 25px
}

.protour {
    background-position: -3px -79px;
    background-size: 213px auto;
    float: left;
    width: 35px
}

.propkg,
.provisa {
    float: left;
    width: 29px
}

.propkg {
    background-position: -72px -80px
}

.provisa {
    background-position: -108px -80px
}

.probld_pkg,
.protrfhotel {
    width: 26px;
    float: left
}

.probld_pkg {
    background-position: -135px -80px
}

.protrfhotel {
    background-position: -161px -80px
}

.protrftour {
    background-position: -188px -80px;
    float: left;
    width: 25px
}

.triptitle,
.triptitle2 {
    font-weight: 700;
    margin: 0
}

.triptitle {
    color: #5472b8;
    font-size: 22px;
    display: block;
    padding-bottom: 5px
}

.head_title,
.triptitle2 {
    font-size: 20px
}

.triptitle2 span {
    font-weight: 400
}

hr {
    border: 1px dotted #93d293
}

.bottomtxt {
    font-size: 40px;
    line-height: 1;
    color: #05a54a
}

.btmlefttxt {
    font-weight: 700;
    font-size: 17px;
    line-height: 1;
    padding-left: 4px;
    color: #333
}

.p0 {
    padding-left: 0
}

.brdright {
    border-right: 1px solid #ccc
}

.advisor_div .img-responsive {
    margin: 0 auto
}

.btmtripcircles {
    display: inline-block;
    padding: 0
}

.btmtricircle {
    position: relative;
    display: inline-block;
    width: 17px !important;
    height: 17px !important;
    padding: 2px;
    border-radius: 50%;
    list-style: none;
    border: 2px solid #05a54a
}

.btmtricircle.full:before,
.btmtricircle.half:before {
    background: #05a54a;
    height: 100%;
    vertical-align: top;
    content: ''
}

.btmtricircle.full:before,
.tripcircle {
    display: inline-block;
    border-radius: 50%
}

.btmtricircle.full:before {
    width: 100%
}

.btmtricircle.half:before {
    display: inline-block;
    width: 54% !important;
    margin-left: -3%;
    border-radius: 50% 0 0 50%
}

.btmtricircle.halfy:before {
    display: block;
    width: 5px;
    height: 7px;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border: solid gray;
    border-right: 0;
    box-sizing: border-box
}

.btmtricircle:after {
    position: absolute;
    width: calc(100% - 45px) !important;
    height: calc(100% - 52px) !important;
    border: 2px solid #fff;
    border-radius: 50%
}

.tripcircles {
    display: inline-block !important;
    padding: 0
}

.tripcircle {
    position: relative;
    width: 21px !important;
    height: 21px !important;
    padding: 2px;
    list-style: none;
    border: 2px solid #05a54a
}

.tripcircle.full:before,
.tripcircle.half:before {
    display: inline-block;
    background: #05a54a;
    height: 100%;
    vertical-align: top;
    content: ''
}

.tripcircle.full:before {
    width: 100%;
    border-radius: 50%
}

.tripcircle.half:before {
    width: 67%;
    margin-left: -41%;
    border-radius: 50% 0 0 50%
}

.tripcircle.halfy:before {
    display: block;
    width: 5px;
    height: 7px;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border: solid gray;
    border-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.tripcircle:after {
    position: absolute;
    width: calc(100% - 15px);
    height: calc(100% - 17px);
    border: 2px solid #fff;
    border-radius: 50%
}

.triptitle:before {
    content: "";
    position: absolute;
    width: 50%;
    height: 1px;
    bottom: 0;
    left: 25%;
    border-bottom: 1px solid #02a34e
}

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

.cancel-box,
.product-box {
    background: #fff;
    padding: 0 0 20px;
    overflow-y: scroll
}

.product-dialog-box,
.product-login-box {
    border: 3px solid var(--main-web-color);
    border-radius: 6px;
    box-shadow: 4px 6px 9px #1e1e1e;
    display: none;
    margin: 0 auto
}

.product-box {
    margin-bottom: 30px;
    min-height: 400px;
    max-height: 600px
}

.cancel-dialog-box,
.cancel-login-box {
    border: 3px solid var(--main-web-color);
    border-radius: 6px;
    box-shadow: 4px 6px 9px #1e1e1e;
    display: none;
    margin: 0 auto
}

.EmailFlyerCount,
.cart-value {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #f3754b;
    border-radius: 50%;
    color: #092555;
    font-size: 10px;
    font-weight: 700;
    left: -10px;
    /*padding: 2px 4px;*/
    position: relative;
    top: -6px;
    line-height: 13px;
    float: right;
    width: 18px;
    height: 18px;
}

.notification-value {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #f3754b;
    border-radius: 50%;
    color: #092555;
    font-size: 10px;
    font-weight: 700;
    left: -10px;
    /*padding: 2px 4px;*/
    position: relative;
    top: -6px;
    line-height: 13px;
    float: right;
    width: 18px;
    height: 18px;
}

.font-20 {
    font-size: 20px !important
}

.border-r0 {
    border-right: none !important
}

.col_fff {
    color: #fff !important
}

.col_636363 {
    color: #636363 !important
}

.mb60 {
    margin-bottom: 50px !important
}

.destination_div li {
    color: #505050;
    float: left
}

.destination_div li:hover {
    background-color: #eee;
    cursor: default !important
}

.add_desbutton,
.btnnewclose::before,
.close-btnenq,
.cur_poi,
.hotel_deals article,
.letschat,
.my_listaed>li:hover,
.scli,
.search_cancel {
    cursor: pointer
}

.des_wrapper,
.nav-dropdown_mydiv {
    background-color: #fff
}

.des_wrapper {
    border: 2px solid #d2d2d2;
    height: auto;
    margin-top: 14px;
    width: 300px;
    position: absolute
}

.list_des {
    float: left;
    height: 32px;
    min-width: 110px;
    padding: 9px 0 4px 13px;
    width: 50%
}

.added_destination {
    max-height: 170px;
    overflow-x: hidden;
    padding-bottom: 10px
}

.add_destination {
    border-top: 2px solid #d2d2d2;
    clear: both;
    height: 48px;
    padding: 8px !important
}

.add_des_txtbox,
.add_desbutton {
    border: thin solid #ccc;
    float: left;
    height: 30px
}

.add_des_txtbox {
    padding: 0 4px;
    width: 166px
}

.add_desbutton {
    background-color: #f6f6f6;
    border-radius: 0 3px 3px 0;
    color: #434343;
    border-left: none;
    line-height: 30px;
    padding: 0 9px 0 6px;
    text-align: center
}

.add_desbutton:active {
    border: 1px solid #00b7f1;
    background-color: #a5def0
}

.currency_div::before,
.nationality_div::before,
.star_rating_div::before {
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    margin: 5px 0 0 81px;
    position: absolute;
    display: block;
    content: ""
}

.currency_div li:hover,
.nationality_div li:hover,
.star_rating_div li:hover {
    background-color: #eee;
    cursor: pointer
}

.nationality_div {
    left: -1px;
    width: 102px !important;
    z-index: 2;
    position: absolute
}

.nationality_div::before {
    width: 0;
    border-bottom: 10px solid #fff
}

.nationality_div ul {
    left: -98px;
    width: 200px !important
}

.nationality_div li {
    border-bottom: 1px solid #ddd;
    color: #505050;
    padding: 8px 0 8px 10px
}

.currency_div::before,
.star_rating_div::before {
    border-bottom: 10px solid #fff
}

.star_rating_div {
    left: -1px;
    width: 102px !important;
    z-index: 2;
    position: absolute
}

.star_rating_div ul {
    padding: 4px 4px 0;
    width: 189px;
    left: -27px
}

.star_rating_div::before {
    width: 0
}

.star_rating_div li {
    color: #505050
}

.currency_div {
    left: -1px;
    width: 102px !important;
    z-index: 2;
    position: absolute
}

.currency_div ul {
    padding: 0;
    width: 156px;
    left: -52px
}

.currency_div::before {
    width: 0
}

.currency_div li {
    border-bottom: 1px solid #ddd;
    color: #505050;
    padding: 4px 10px
}

.my_li>a,
.my_li>a:hover {
    color: #fff
}

.ht_78 {
    height: 78px !important
}

.nav-dropdown_mydiv {
    visibility: hidden;
    border: 1px solid #ccc;
    margin-top: 19px
}

.my_listaed>li,
.row_line {
    border-bottom: 1px solid #e7e7e7
}

.drop_wrapper .nav-dropdown .drop_list_wrrape::before,
.nav-dropdown_mydiv::before {
    border-top: 1px solid #d2d2d2;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    background-color: #fff;
    border-left: 1px solid #d2d2d2;
    display: block;
    content: "";
    border-image: none
}

.nav-dropdown_mydiv::before {
    height: 15px;
    margin: -9px 0 0 106px;
    position: absolute;
    width: 15px
}

.drop_wrapper {
    position: relative
}

.drop_wrapper>.my_ul>.my_li {
    height: 30px;
    margin: 0;
    padding: 0;
    line-height: 30px
}

.drop_wrapper .nav-dropdown .drop_list_wrrape::before {
    height: 15px;
    margin: -9px 0 0 10px;
    position: absolute;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 15px
}

.my_li:hover .down_new {
    transform: rotate(180deg)
}

.rotate_new {
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.arow_my_wrapp:hover .down_new {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.drop_wrapper .nav-dropdown {
    margin: -5px auto 10px;
    position: absolute;
    height: 0;
    visibility: hidden;
    text-align: left;
    padding: 0;
    border-top: 0;
    width: 233px;
    color: #f2f2f2
}

.row_line {
    color: #505050;
    font-size: 12px;
    height: 36px;
    line-height: 34px;
    padding-left: 10px;
    width: 100%
}

.Dashboard_div .drop_wrapper>.my_ul>.my_li,
.creditlimit .drop_wrapper>.my_ul>.my_li,
.my_ac .drop_wrapper>.my_ul>.my_li {
    line-height: 29px
}

.drop_wrapper .my_li:hover .nav-dropdown {
    visibility: visible;
    top: auto;
    z-index: 11;
    height: 94px
}

.drop_wrapper .my_li:hover .drop_list_wrrape {
    visibility: visible;
    left: 38px;
    top: auto;
    z-index: 11;
    height: 125px
}

.contact_txt {
    color: #fff;
    margin-top: 5px
}

.topnav .row_line,
.topnav .row_line>a {
    color: #768092;
    font-size: 13px !important
}

.row_line:hover {
    background-color: #e7e7e7
}

.mr_right-2 {
    margin-right: -2px
}

.creditlimit .drop_list_wrrape {
    margin-right: 23px;
    margin-left: -6px
}

.topnav .row_line>a {
    line-height: 37px;
    position: absolute;
    width: 100%
}

.topnav .row_line span {
    font-size: 13px !important
}

.creditlimit .drop_wrapper .nav-dropdown .drop_list_wrrape::before {
    margin: -9px 0 0 183px
}

.Dashboard_div .drop_wrapper .my_li:hover .drop_list_wrrape,
.Dashboard_div .drop_wrapper .my_li:hover .nav-dropdown,
.my_ac .drop_wrapper .my_li:hover .drop_list_wrrape,
.my_ac .drop_wrapper .my_li:hover .nav-dropdown {
    height: 74px !important
}

.my_ac {
    margin-right: 12px;
    width: 78px
}

.my_ac .drop_list_wrrape {
    margin-right: 32px;
    margin-left: 14px
}

.my_ac .drop_wrapper .nav-dropdown .drop_list_wrrape::before {
    margin: -9px 0 0 160px
}

.Dashboard_div .drop_wrapper .nav-dropdown {
    right: 4px
}

.Dashboard_div .drop_list_wrrape {
    margin-right: 32px;
    margin-left: 14px
}

.Dashboard_div .drop_wrapper .nav-dropdown .drop_list_wrrape::before {
    margin: -9px 0 0 155px
}

.main_menu {
    height: 60px;
    padding-top: 27px;
    width: 238px
}

.main_menu_wrapp .drop_wrapper>.my_ul>.my_li {
    line-height: 70px;
    width: 238px
}

.main_menu_wrapp .menu_title {
    color: #1a2b49 !important;
    font-size: 17px !important
}

.main_menu_wrapp .drop_wrapper .nav-dropdown {
    right: 36px
}

.menu_circle {
    background-position: -104px -4px;
    border-radius: 65px;
    float: left;
    height: 34px;
    text-align: center;
    width: 34px
}

.name_menu {
    color: #768092;
    height: 32px;
    line-height: 34px;
    margin-left: 44px;
    width: 196px
}

.main_menu_wrapp .drop_list_wrrape {
    margin-right: 32px;
    margin-left: -8px;
    margin-top: 24px
}

.main_menu_wrapp .drop_wrapper .nav-dropdown .drop_list_wrrape::before {
    margin: -9px 0 0 100px
}

.main_menu_wrapp .row_line {
    height: 42px;
    line-height: 42px
}

.main_menu_wrapp .drop_wrapper .my_li:hover .nav-dropdown {
    height: 126px !important
}

.main_menu_wrapp .drop_wrapper .my_li:hover .drop_list_wrrape {
    height: 170px !important
}

.main_menu_wrapp .row_line .icon_spac {
    width: 100px
}

.main_menu_wrapp .menu_icon_div {
    color: #768092 !important;
    font-size: 15px;
    position: absolute;
    width: 100%
}

.main_menu_wrapp .menu-icon {
    float: left;
    height: 38px;
    width: 34px;
    color: #a2a2a2
}

.cart_currency {
    height: 38px;
    width: 118px;
    float: right
}

.cart_currency li {
    float: left
}

.tariff_tourt ul,
.tourmeal-dd li {
    float: none !important
}

.cart_currency li a {
    color: #768092
}

.mt-29 {
    margin-top: 29px !important
}

.height_181 {
    height: auto !important
}

.cert_line {
    border-right: 2px solid #adacac;
    height: 30px !important;
    margin-right: 8px;
    margin-top: 6px;
    width: 48px !important
}

.cart_currency ul.my_listaed::before {
    background-color: #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border-image: none;
    border-left: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2;
    content: "";
    display: block;
    height: 15px;
    margin: -9px 0 0 154px;
    position: absolute;
    transform: rotate(45deg);
    width: 15px
}

.my_listaed>li {
    font-size: 12px;
    height: 36px !important;
    padding: 11px 16px !important;
    width: 100%
}

.my_listaed>li:hover {
    background-color: #e7e7e7
}

.currency:hover .my_listaed {
    visibility: visible
}

.my_listaed>li a {
    height: 34px;
    position: absolute;
    width: 146px
}

.row_line>a {
    position: absolute;
    width: 100%
}

.up_case {
    text-transform: uppercase !important
}

.col_Red {
    background-color: #e44049;
    border-radius: 3px;
    color: #fff;
    line-height: 4px;
    padding: 2px 6px
}

.profile_W dl.term-description dt,
dl.term-description dd {
    width: 34% !important
}

.tour_modifyser {
    height: 39px !important
}

.tourmodify_mr_15 {
    margin-right: -15px
}

.my_faq .question-list .panel-title a {
    padding: 10px 0
}

.my_faq .question-list .panel-title a:hover {
    color: #505050 !important
}

.my_faq .question-list .panel-content p {
    font-size: 14px !important
}

.my_faq .question-list .panel-content ul li {
    font-size: 14px
}

.my_faq .question-list .panel-content {
    padding-top: 0 !important
}

.font-15 a span:hover {
    color: var(--main-web-color) !important
}

.font_13_line {
    font-size: 15px !important
}

.ht72 {
    height: 72px !important
}

.addroom .w24px {
    width: 24px !important
}

.addroom .w88px {
    width: 88px !important
}

.addroom .w92px {
    width: 92px !important
}

.width_auto {
    width: auto !important
}

.tour_icon {
    width: 35px;
    height: 47px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc
}

.place_wrap_new,
.place_wrap_new::before {
    background-color: #fff;
    position: absolute
}

.visa-back-img {
    background-color: #3d5068;
    height: 90px;
    opacity: .8;
    width: 100%
}

.visa-per-person {
    border-top: 1px solid #fff;
    width: 130px
}

.mt-65 {
    margin-top: 65px
}

.image-box:nth-child(1) .back-img {
    background-color: #1baf5d
}

.image-box:nth-child(2) .back-img {
    background-color: #f59f16
}

.image-box:nth-child(3) .back-img {
    background-color: #d272f0
}

.image-box:nth-child(4) .back-img {
    background-color: #1a8aae
}

.top_twenty li {
    padding: 0 0 20px
}

.mt60 {
    margin-top: 60px
}

.inert_Strip {
    height: 90px;
    width: 100%
}

.pl80 {
    padding-left: 80px !important
}

.pl70 {
    padding-left: 70px !important
}

.height_281 .imgbg {
    background-color: #000;
    height: 100%;
    opacity: .5;
    transition: all .35s ease-in-out 0;
    visibility: visible;
    width: 100%
}

.height_281 .image_info .line,
.image_info .count_des,
.image_info .des {
    transform: translateY(0);
    transition: all .35s linear .1s;
    visibility: visible
}

.visa_world figure a img,
.visa_world1 figure a img {
    transition: all .3s ease 0
}

.inert_Strip:hover+.imgbg {
    opacity: .1;
    visibility: hidden
}

.height_281 .image_info {
    color: #fff;
    left: 0;
    right: 0;
    text-align: center;
    top: 0
}

.visa_world figure,
.visa_world1 figure {
    overflow: hidden;
    position: relative
}

.visa_world .box:hover img {
    opacity: 1;
    transform: scale(1.1)
}

.height_281 {
    height: 281px !important
}

.visa_world1 .box:hover img {
    opacity: .7;
    transform: scale(1.1)
}

.visa_date .change_sercal .visa_cal1 .datepicker-wrap .ui-datepicker-trigger,
.visa_date .change_sercal .visa_cal1 .datepicker-wrap::after {
    right: 13px !important
}

.package_main_Search1 .selector span,
.visa_main_search1 .selector span {
    line-height: 38px !important
}

#whitelabelmenu a {
    font-weight: 700;
    position: absolute;
    top: 30px
}

.white_Sands {
    font-size: 13px;
    border-radius: 5px;
    color: #ed8b22;
    display: table;
    height: 22px;
    text-align: left;
    width: auto
}

.price_int1 .mt-22 {
    margin-top: -22px
}

.flag_icon-sm {
    height: 18px;
    margin-left: 1px;
    padding-right: 24px;
    width: 50px
}

.flag-malaysia,
.flag-singapore {
    padding: 0 10px;
    height: 128px;
    margin-left: 5px
}

.flag-singapore {
    background-position: -74px -21px
}

.flag-malaysia {
    background-position: -73px -6px
}

.language-icon {
    background-position: -46px -33px;
    height: 128px;
    margin-left: 5px;
    padding: 2px 10px
}

.place_wrap_new {
    border: 1px solid #ccc;
    box-shadow: 0 4px 9px -1px rgba(0, 0, 0, .5);
    height: auto;
    margin-top: 12px;
    top: 8px;
    width: 223px;
    z-index: 10
}

.div_contact {
    clear: both;
    height: 88px;
    margin-top: -7px;
    position: absolute;
    visibility: hidden;
    z-index: 1
}

.res_product_title .ml0 {
    margin-left: 0 !important
}

.res_product_title h5 {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.drop_wrapper .my_ul .my_li:hover .div_contact {
    visibility: visible
}

.place_wrap_new::before {
    border-image: none;
    border-left: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2;
    content: "";
    display: block;
    height: 15px;
    margin: -9px 0 0 55px;
    transform: rotate(45deg);
    width: 15px;
    -webkit-transform: rotate(45deg)
}

.detail-main-img {
    width: 201px;
    height: 190px;
    background: #fff
}

.chaser .logo img {
    height: 34px;
    width: auto;
    margin-top: -3px
}

.chaser #lnkEmailflyerCount,
.chaser #lnkShoppingcart {
    color: #505050;
    float: right;
    list-style-type: none;
    margin-top: 10px !important;
    margin-bottom: 10px;
    border-right: none
}

.chaser #notificationBell {
    color: #505050;
    float: right;
    list-style-type: none;
    margin-top: 10px !important;
    margin-bottom: 10px;
    border-right: none
}

.chaser .menu {
    display: none !important
}

#footer .logo img,
#header .logo img {
    height: 50px;
    margin-top: 0;
    opacity: 1;
    width: auto
}

#footer .logo a,
#header .logo a,
.chaser .logo a {
    background: rgba(0, 0, 0, 0) !important;
    margin-left: 0
}

.box_div,
.col_white,
.flexslider1 {
    background-color: #fff
}

.e,
.preloading {
    max-width: 100%
}

.price_am {
    color: #fff;
    font-size: 14px;
    top: -96px
}

.hotel_deals article h4 {
    margin-top: 11px
}

.box:hover .price_tag {
    transform: rotate3d(0, 1, 0, -180deg);
    visibility: visible
}

.deal_offer {
    color: #706666;
    font-size: 14px;
    height: auto;
    margin-top: 3px
}

.cen .info_line,
.deal_star {
    height: 20px;
    margin: auto;
    text-align: center
}

.deal_star {
    width: 68px
}

.deal_star div div {
    float: left;
    font-size: 13px;
    color: #f1d00f
}

.hotel_deals figure a img {
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

.hotel_deals .box:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: .7
}

.cen .info_line {
    color: #2d3e52;
    font-size: 13px;
    top: 36px
}

.save_money,
.save_money1 {
    font-size: 24px;
    font-weight: 700;
    padding: 20px 6px 0 16px;
    color: #fff
}

.sub_info_save ul.circle>li {
    line-height: 17px;
    margin-bottom: 13px
}

.sub_info_save ul.circle li::before {
    color: #fff !important;
    margin-right: 5px !important
}

.ht404,
.save_money,
.save_money1 {
    height: 404px
}

.exphotel_world figure {
    position: relative
}

.exphotel_world figure a img {
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

.exphotel_world .box:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1
}

.save_money {
    background-color: #4498a5;
    line-height: 32px
}

.save_money1 {
    background-color: #c86154;
    line-height: 30px
}

.sub_info_save {
    font-size: 13px !important;
    font-weight: 400;
    line-height: 15px;
    margin-top: 14px;
    text-align: left
}

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

.up_to_save .box.mb5 img {
    height: 200px
}

.exphotel_world .image_info {
    bottom: 0;
    color: #fff;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0
}

.exphotel_world .des {
    margin-top: 35%;
    visibility: hidden;
    transform: translateY(-100%)
}

.exphotel_world .count_des {
    transform: translateX(100%);
    visibility: hidden
}

.exphotel_world .line {
    background-color: #fff;
    height: 1px;
    margin: 20px auto;
    width: 74%;
    transform: translateX(130%)
}

.font-36 {
    font-size: 36px
}

.exphotel_world .imgbg {
    background-color: #000;
    height: 100%;
    opacity: .25;
    position: absolute;
    width: 100%;
    visibility: visible;
    transition: all .35s ease-in-out 0
}

.exphotel_world .image_info .line,
.image_info .count_des,
.image_info .des {
    transform: translateY(0);
    transition: all .35s linear .1s;
    visibility: visible
}

.exphotel_world .image_info:hover .imgbg {
    visibility: hidden;
    opacity: .1
}

.exphotel_world .des1 {
    margin-top: 20% !important
}

.exphotel_world .line1 {
    margin: 10px auto
}

.top_selleng article {
    box-shadow: 0 12px 28px rgba(0, 0, 0, .3)
}

.top_selleng figure {
    position: relative
}

.top_hotel_wrap {
    height: 166px;
    background-color: #fff
}

.top_selleng .details .box-title {
    padding-left: 10px;
    text-align: left
}

.inq_now,
.strike {
    text-align: center
}

.top_selleng .price_am1 {
    padding-left: 8px;
    bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    height: 74px;
    margin: auto;
    opacity: .8;
    position: absolute;
    text-shadow: 1px 1px 0 #000;
    top: -77px;
    width: 80px
}

.pro_des {
    clear: both;
    font-size: 12px;
    line-height: 15px;
    min-height: 70px;
    padding-top: 9px;
    width: 100%
}

.top_selleng .image-box:nth-child(1) figure,
.top_selleng .image-box:nth-child(2) figure {
    float: left
}

.lg-float-right,
.top_selleng .image-box:nth-child(3) figure,
.top_selleng .image-box:nth-child(4) figure {
    float: right
}

.top_selleng .image-box:nth-child(1) .top_hotel_wrap::before,
.top_selleng .image-box:nth-child(2) .top_hotel_wrap::before {
    border-bottom: 28px solid #fff;
    border-left: 26px solid transparent;
    border-right: 26px solid transparent;
    content: "";
    display: block;
    height: 0;
    margin: 52px 0 0 -35px;
    position: absolute;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    width: 0
}

.top_selleng .image-box:nth-child(3) .top_hotel_wrap::before,
.top_selleng .image-box:nth-child(4) .top_hotel_wrap::before {
    border-bottom: 28px solid #fff;
    border-left: 26px solid transparent;
    border-right: 26px solid transparent;
    content: "";
    display: block;
    height: 0;
    margin: 52px 0 0 267px;
    position: absolute;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    width: 0
}

.top_selleng .flex-viewport .slides li {
    padding-left: 0 !important
}

.title_line_wrapp {
    border: thin solid red;
    height: 100px;
    width: 100%
}

.title_line_wrapp .line_title {
    background-color: #505050;
    border: thin solid red;
    float: left;
    height: 10px;
    margin-top: 45px;
    width: 50%
}

.strike {
    height: 72px;
    margin-top: 32px;
    display: block;
    white-space: nowrap
}

.info_line_my {
    margin-top: 8px;
    color: #2d3e52
}

.info_line {
    font-size: 14px
}

.strike>.test {
    position: relative;
    font-size: 1.6667em;
    display: inline-block
}

.strike>.test:after,
.strike>.test:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 9999px;
    height: 1px;
    margin-top: -2px;
    background-color: #ccc
}

.ser_circle4_new,
.ser_circle5_new {
    background: #ccc;
    border-radius: 5px;
    content: "";
    height: 10px;
    position: absolute;
    top: 3px;
    width: 10px
}

.strike>.test:before {
    right: 100%;
    margin-right: 15px
}

.strike>.test:after {
    left: 100%;
    margin-left: 15px
}

.ser_circle4_new {
    left: -17px
}

.ser_circle5_new {
    right: -16px
}

.search-box-wrapper .tab-container ul.tabs li {
    width: 20%;
    min-width: 20%
}

.tab_nonactiv a {
    color: #939699 !important
}

.activ_travelguide::before {
    border-image: none;
    border-left: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2;
    content: "";
    display: block;
    height: 15px;
    margin: -9px 0 0 50px;
    transform: rotate(45deg);
    width: 15px;
    -webkit-transform: rotate(45deg)
}

.alt_title .close::before,
.app_wapper {
    display: none
}

#socialside {
    background: #fff;
    height: auto;
    position: fixed;
    right: -236px;
    top: 200px;
    width: 274px;
    z-index: 500;
    border-radius: 11px
}

.scli,
.search_cancel {
    right: 0
}

.mainul {
    margin: 0;
    padding: 0;
    text-align: right
}

.scli li,
.scli li.TA .triptext {
    font-size: 13px;
    text-align: left;
    font-weight: 700
}

.scli {
    position: relative;
    width: 155px;
    border-radius: 6px 8px 8px 5px;
    margin-left: 4px
}

.scli img {
    position: absolute;
    left: 0;
    top: 0
}

.scli li {
    height: 42px;
    line-height: 41px;
    margin: 5px 0;
    padding-left: 43px
}

.scli li img {
    border-right: 1px solid #fff;
    height: 37px;
    margin: 2px 1px;
    padding: 6px !important;
    width: 37px
}

.scli li.TA {
    border: 1px solid #5fbc58;
    border-radius: 5px;
    line-height: 27px
}

.scli li.TA .triptext {
    color: #5fbc58;
    height: 42px;
    line-height: 41px;
    margin: 5px 0
}

.scli li.TA .triptext:hover {
    color: #5fbc58
}

.scli .TA img {
    border-right: 1px solid #5fbc58;
    height: 37px;
    margin: 2px 1px;
    padding: 2px !important;
    width: 37px
}

.head_title {
    background-color: #f7f7f7;
    background-image: url(https://d3iibu2gv0pu1i.cloudfront.net/assets/img/raynab2b-logo.png);
    background-position: 27px 6px;
    background-repeat: no-repeat;
    background-size: 120px auto;
    box-shadow: -3px 1px 9px #ccc;
    color: #4a4a4a;
    height: 60px;
    line-height: 66px;
    margin-bottom: 15px;
    padding-left: 25px;
    padding-right: 25px;
    text-align: right;
    text-transform: capitalize;
    width: 100%
}

.head_title {
    background-color: #f7f7f7;
    background-image: url(https://d3iibu2gv0pu1i.cloudfront.net/assets/img/raynab2b-logo.png);
    background-position: 27px 6px;
    background-repeat: no-repeat;
    background-size: 120px auto;
    box-shadow: -3px 1px 9px #ccc;
    color: #1a2b49;
    height: 60px;
    line-height: 66px;
    margin-bottom: 15px;
    padding-left: 25px;
    padding-right: 25px;
    text-align: right;
    text-transform: capitalize;
    width: 100%
}

.des_wrapper,
.nav-dropdown_mydiv,
.place_wrap {
    box-shadow: 0 4px 9px -1px rgba(0, 0, 0, .5)
}

.h_over_a a:hover,
.log_btn {
    color: #fff
}

.btnnewclose::before,
.popup-wrapper .popup-content .close-s::before,
.popup-wrapper .popup-content .close::before {
    background: var(--main-web-color);
    content: "x";
    font-size: 14px;
    font-weight: 700;
    opacity: 1 !important;
    position: absolute;
    top: -10px;
    z-index: 10000;
    color: #fff
}

.clr {
    clear: both;
    border: 4px solid #fff !important
}

.Forgot_pwd .travelo-signup-box,
.travelo-login-box {
    width: 416px
}

.my-booking-pop {
    border: 3px solid var(--main-web-color) !important;
    border-radius: 3px
}

#my_booking .close-s::before {
    height: 24px;
    right: 217px
}

.popup-wrapper .popup-content .close-s::before {
    border: 2px solid #fff;
    border-radius: 50%;
    padding: 2px 6px;
    right: 275px
}

.btnnewclose::before {
    padding-right: 1px;
    text-align: center;
    height: 23px;
    width: 23px;
    border-radius: 50px;
    border: 2px solid #fff;
    right: -8px
}

.ml20 {
    margin-left: 20px !important
}

.popup-wrapper .popup-content .close::before {
    border: 2px solid #fff;
    border-radius: 50%;
    padding: 2px 6px 5px;
    right: -8px
}

.mt30 {
    margin-top: 30px !important
}

.datepicker-wrap::after {
    width: 22px;
    height: 21px;
    background: #f5f5f5 !important;
    right: 8px;
    top: 1px
}

.cart_currency ul.my_listaed,
.drop_list_wrrape {
    background: #fff;
    box-shadow: 0 4px 9px -1px rgba(0, 0, 0, .5);
    visibility: hidden
}

@media (min-width: 1200px) {
    .container {
        padding-left: 0;
        padding-right: 0
    }

    .row.add-clearfix>.col-lg-2:nth-child(2n+1),
    .row.add-clearfix>.col-lg-2:nth-child(3n+1),
    .row.add-clearfix>.col-lg-2:nth-child(4n+1) {
        clear: none
    }

    .row.add-clearfix>.col-lg-2:nth-child(6n+1) {
        clear: both
    }

    .row.add-clearfix>.col-lg-3:nth-child(2n+1),
    .row.add-clearfix>.col-lg-3:nth-child(3n+1) {
        clear: none
    }

    .row.add-clearfix>.col-lg-3:nth-child(4n+1) {
        clear: both
    }

    .row.add-clearfix>.col-lg-4:nth-child(2n+1) {
        clear: none
    }

    .row.add-clearfix>.col-lg-4:nth-child(3n+1),
    .row.add-clearfix>.col-lg-6:nth-child(2n+1) {
        clear: both
    }
}

.wd100 {
    width: 100% !important
}

.drop_list_wrrape {
    border: 1px solid #d2d2d2;
    position: relative;
    height: 0;
    margin-left: 2px;
    margin-top: 20px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.place_wrap {
    background-color: #fff;
    position: absolute;
    width: 100%;
    border: 1px solid #d2d2d2
}

.creditlimit .drop_wrapper .my_li:hover .drop_list_wrrape,
.creditlimit .drop_wrapper .my_li:hover .nav-dropdown {
    height: 110px !important
}

.creditlimit .drop_wrapper .nav-dropdown,
.my_ac .drop_wrapper .nav-dropdown {
    right: 10px
}

.cart_currency ul.my_listaed {
    border: 1px solid #d2d2d2;
    height: 220px;
    margin-left: -124px;
    margin-top: 21px;
    min-width: 180px
}

.log_btn {
    background-color: #9bd73f;
    border: thin solid #fff;
    font-size: 11px;
    font-weight: 700;
    height: 35px;
    width: 200px;
    line-height: 35px
}

.full-page {
    width: 100%;
    height: 100%
}

.mt0 {
    margin-top: 0 !important
}

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

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

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

.mr20 {
    margin-right: 20px !important
}

.mr50 {
    margin-right: 50px !important
}

.mr0 {
    margin-right: 0 !important
}

.mt20 {
    margin-top: 20px !important
}

.mt25 {
    margin-top: 25px !important
}

.mt40 {
    margin-top: 40px !important
}

.mb0 {
    margin-bottom: 0 !important
}

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

.mt100 {
    margin-top: 100px !important
}

.mb33 {
    margin-bottom: 33px !important
}

.p0 {
    padding: 0 !important
}

.pt0 {
    padding-top: 0 !important
}

.pb0 {
    padding-bottom: 0 !important
}

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

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

.pt20 {
    padding-top: 20px !important
}

.pt26 {
    padding-top: 26px !important
}

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

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

.pr20 {
    padding-right: 20px !important
}

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

.pl40 {
    padding-left: 40px !important
}

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

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

.pl0 {
    padding-left: 0 !important
}

.pr0 {
    padding-right: 0 !important
}

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

.p5 {
    padding: 5px !important
}

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

.back_blue_btn {
    background: var(--main-web-color) !important
}

.scli li .message-quick {
    background-position: 5px -45px
}

.blue_colfoo {
    border-bottom: 1px solid #12aad3;
    float: left;
    width: auto;
    padding-bottom: 3px;
    font-size: 16px;
    margin-bottom: 12px;
    margin-left: -16px
}

.txt5050clo {
    color: #768092 !important
}

.pb30 {
    padding-bottom: 30px !important
}

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

.pt27 {
    padding-top: 27px !important
}

.removeInline .tab-pane div,
.removeInline p,
.removeInline span,
.removeInline ul li {
    font-size: 14.5px !important
}

.removeInline div {
    font-size: 14.5px !important
}

.ht_24 {
    height: 24px
}

.col_fb {
    background-color: #3b5998 !important
}

.col_twt {
    background-color: #44ccf6 !important
}

.col_google {
    background-color: #d13f2d !important
}

.col_lin {
    background-color: #0275b6 !important
}

.col_ytb {
    background-color: #ce332d !important
}

.col_wds {
    background-color: #21759b !important
}

.col_istg {
    background-color: #275a85 !important
}

.footer-no-book1 {
    height: 54px;
    width: 54px;
    float: left;
    margin-right: 10px
}

.newlidiv {
    margin-top: 25px
}

.newlidiv .mt7 {
    margin-top: 0;
    padding-bottom: 30px
}

.text-new-s {
    text-decoration: line-through
}

.save-new-price1 {
    color: #d73722;
    font-size: 13px
}

.curr-tour-5 {
    color: #768092;
    font-size: 14px;
    font-weight: 400
}

.text-strike-price3 {
    color: #768092 !important;
    font-weight: 500;
    text-align: left;
    line-height: 15px
}

.fa.fa-facebook {
    padding-left: 15px;
    background-position: -5px -220px
}

.fa.fa-twitter {
    padding-left: 15px;
    background-position: -27px -220px
}

.fa.fa-google-plus {
    padding-left: 20px;
    background-position: -48px -220px;
    font-size: 17px
}

.fa.fa-linkedin {
    padding-left: 15px;
    background-position: -73px -220px
}

.fa.fa-youtube-play {
    background-position: -95px -220px;
    padding-left: 17px
}

.fa.fa-wordpress {
    padding-left: 18px;
    background-position: -119px -220px
}

.fa.fa-instagram {
    padding-left: 15px;
    background-position: -142px -220px
}

.whitearow {
    background-position: -98px -35px !important;
    padding-left: 15px !important
}

.custno {
    height: 38px !important;
    width: 208px !important;
    margin-right: 42px
}

.callicon {
    background-position: -104px -47px;
    width: 20px;
    height: 32px;
    float: left
}

.callicontxt {
    float: left;
    font-size: 12px;
    width: 186px;
    height: 15px;
    padding: 0;
    line-height: 12px;
    text-align: center;
    color: #7c7171
}

.callicontxtno {
    color: #f98e00;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    letter-spacing: .02em
}

.fa.fa-phone {
    padding-left: 12px;
    background-position: -69px -201px
}

#lnkEmailflyerCount,
#lnkShoppingcart {
    height: 30px;
    padding-top: 5px;
    /*border-right: 1px solid #f4f4f4*/
}

#faq_tag .menu-icon {
    background-position: -168px -168px;
    height: 34px
}

#helpline_tag .rotate_new {
    background-position: -99px -36px !important;
    /* padding-left: 14px !important */
}

.blue_pricecol .currencysymbol .fa.fa-inr {
    padding-left: 9px;
    margin-right: -6px;
    background-position: -165px -228px
}

.priceline .text-new-s .currencysymbol .fa.fa-inr {
    padding-left: 9px;
    margin-right: 0;
    background-position: -186px -214px !important
}

.select_dateiconleft,
.select_dateiconright {
    background-position: -33px -54px;
    position: absolute;
    width: 24px;
    height: 24px;
    right: 2px;
    top: 15px
}

.mt7 {
    margin-top: 7px !important
}

.quick-menu .rotate_new {
    background-position: -99px -37px !important;
    padding-left: 13px
}

@media (min-width: 200px) and (max-width:768px) {

    #socialside,
    .custno,
    .feedbackbtn,
    .letschat {
        display: none
    }

    .blue_colfoo {
        margin-left: 0
    }

    #footer_divControls .discover {
        margin-left: 0 !important;
        margin-bottom: 20px
    }

    #footer_divControls .discover .ht_30,
    .api_ht_30 {
        height: 20px;
        width: 100%;
        margin-left: -15px
    }

    #footer1 .footer-wrapper {
        margin-top: -60px
    }
}

@media (min-width: 200px) and (max-width:480px) {
    #headerprz {
        margin-left: 0;
        margin-right: 0
    }

    #header .logo img {
        height: auto;
        margin-top: -4px;
        opacity: 1;
        width: 140px
    }

    .my_info_book,
    .quick-menu .contact_txt {
        display: none
    }

    .xs-tpr0 {
        padding-right: 0 !important
    }

    .cart_currency .ribbon {
        width: 56px !important;
        padding: 6px 0 0 6px !important
    }
}

.menuios .fa-android {
    background-position: 2px -244px;
    padding-bottom: 10px
}

.menuios a {
    float: right;
    height: 30px !important
}

.menuios {
    padding-left: 10px
}

.menuandroid a span {
    font-size: 11px;
    line-height: 11px;
    padding-top: 5px
}

.menuandroid .fa-apple {
    height: 30px;
    background-position: -22px -241px
}

.menucurrency {
    width: 60px;
    padding-top: 7px;
    border-right: 1px solid #f4f4f4;
    height: 30px;
    padding-left: 8px
}

.menucurrency .aed_arow {
    margin-top: 0;
    padding-bottom: 26px
}

.menuandroid {
    border-right: 1px solid #f4f4f4 !important;
    padding-right: 3px
}

.menucurrency #sysCurr {
    padding-bottom: 26px !important
}

.fa-user {
    padding-left: 17px;
    background-position: -103px -201px
}

.fa-unlock {
    padding-left: 17px;
    background-position: -83px -201px
}

.menucurrency ul li:nth-child(4) a span .fa-inr {
    padding-left: 9px;
    background-position: -195px -228px
}

.select_item a span .fa-inr {
    padding-left: 9px;
    background-position: -205px -228px !important
}

.footerimage_b2c {
    width: 100%
}

.alt_div_succ,
.image_zoom {
    display: table;
    vertical-align: middle
}

.br_blue {
    border: 1px solid #0190bf !important
}

.alert_wrapp {
    width: 350px;
    height: 125px;
    background-color: #fff;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    margin: auto;
    border-radius: 2px;
    box-shadow: 0 4px 11px rgba(0, 0, 0, .2)
}

.alt_title p {
    color: #fff;
    float: left;
    font-size: 18px;
    font-weight: 600;
    margin-top: 6px;
    padding-left: 8px;
    width: 300px
}

.close_div {
    background-color: #fff;
    border: thin solid #8c8c8c;
    border-radius: 50px;
    color: #000;
    float: right;
    font-size: 21px;
    line-height: 1;
    margin-right: 9px;
    margin-top: 10px;
    opacity: .5;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    width: 22px
}

.alt_title {
    width: 100%;
    height: 46px
}

.alt_div_succ {
    padding-left: 11px;
    height: 44px;
    border: thin solid #fff;
    text-align: left;
    width: 100%;
    margin-bottom: 0 !important
}

#theDiv,
.overlayeffect {
    height: 100%;
    z-index: 999;
    top: 0
}

.bg_blue {
    background-color: #0190bf !important
}

.flags-uae {
    background-position: -21px -3px;
    padding: 0 10px
}

.flags-india {
    padding: 0 10px;
    margin-left: 5px
}

#theDiv {
    background: #fff;
    bottom: 0;
    box-shadow: 0 4px 9px 5px #000;
    right: -100%;
    position: fixed;
    -webkit-transition: ease all 1s;
    -webkit-transition-delay: 1s;
    transition: ease all 1s
}

.overlayeffect {
    width: 100%;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .4);
    position: absolute
}

#theDiv.aa {
    position: fixed;
    right: 0;
    -webkit-transition: ease all 1s;
    -webkit-transition-delay: 1s;
    transition: ease all 1s;
    z-index: 9999
}

.enqgen>ul.nav-pills>li+li {
    margin-left: 2px;
    margin-top: 5px
}

.enqgen>.nav-pills>li>a {
    border-radius: 0
}

.enqgen>ul.nav-pills>li.active a {
    position: relative;
    background: #0da3db
}

.enqgen>ul.nav-pills>li.active:after,
.enqgen>ul.nav-pills>li.active:before {
    border: 7px solid transparent;
    content: " ";
    height: 0;
    left: 100%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: 0
}

.enqgen>ul.nav-pills>li.active:after {
    border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #0da3db;
    margin-top: -7px
}

.box-shadowEnq {
    -webkit-box-shadow: -3px 9px 2px -6px #eee;
    -moz-box-shadow: -3px 9px 2px -6px #eee;
    box-shadow: -3px 9px 2px -6px #eee;
    margin-bottom: 15px;
    color: #333;
    border: 1px solid #eee
}

.enqgen h4,
.enqgenInnerpg h4 {
    border-bottom: 1px dashed #ccc;
    font-size: 14px;
    margin-top: 15px;
    padding-bottom: 7px;
    margin-bottom: 5px;
    font-weight: 700
}

.enqgen h4 {
    color: red
}

.enqgenInnerpg h4 {
    color: #2d3e52
}

.enqgenInnerpg .calluscolor {
    color: #000;
    font-size: 18px
}

.enqgen p {
    margin-bottom: 5px;
    font-size: 14px
}

.enqgen>.nav>li>a {
    padding: 15px;
    background: #eee
}

.close-btnenq {
    background: #fff;
    border: 1px solid #0da3db;
    border-radius: 50%;
    color: #0da3db;
    font-size: 15px;
    font-weight: 700;
    height: 25px;
    line-height: 15px;
    padding: 5px;
    text-align: center;
    width: 25px
}

.countryflag {
    background-image: url(assets/img/headerstrip.png);
    background-repeat: no-repeat
}

.cntryflagHW {
    float: left;
    height: 22px;
    margin-top: 0 !important;
    width: 22px
}

.enqcall {
    background-position: -122px -247px
}

.enqwhtsap {
    background-position: -142px -247px
}

.indiaflag {
    background-position: -193px -248px
}

.malflag {
    background-position: -194px -134px
}

.uaeflag {
    background-position: -193px -110px
}

.singaflag {
    background-position: -164px -247px
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce
}

@-webkit-keyframes flash {

    0%,
    100%,
    50% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    0%,
    100%,
    50% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {

    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes pulse {

    0%,
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {

    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    30% {
        -webkit-transform: scaleX(1.25) scaleY(.75);
        transform: scaleX(1.25) scaleY(.75)
    }

    40% {
        -webkit-transform: scaleX(.75) scaleY(1.25);
        transform: scaleX(.75) scaleY(1.25)
    }

    60% {
        -webkit-transform: scaleX(1.15) scaleY(.85);
        transform: scaleX(1.15) scaleY(.85)
    }
}

@keyframes rubberBand {

    0%,
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    30% {
        -webkit-transform: scaleX(1.25) scaleY(.75);
        -ms-transform: scaleX(1.25) scaleY(.75);
        transform: scaleX(1.25) scaleY(.75)
    }

    40% {
        -webkit-transform: scaleX(.75) scaleY(1.25);
        -ms-transform: scaleX(.75) scaleY(1.25);
        transform: scaleX(.75) scaleY(1.25)
    }

    60% {
        -webkit-transform: scaleX(1.15) scaleY(.85);
        -ms-transform: scaleX(1.15) scaleY(.85);
        transform: scaleX(1.15) scaleY(.85)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {

    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes shake {

    0%,
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    10%,
    20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    10%,
    20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        -ms-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {

    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }
}

@keyframes wobble {

    0%,
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }

    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px)
    }

    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

.flipInX,
.flipInY,
.flipOutX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0);
        -ms-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

.flipInX {
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0);
        -ms-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

.flipInY {
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0);
        -ms-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -ms-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }

    80% {
        -webkit-transform: translateX(0) skewX(-15deg);
        transform: translateX(0) skewX(-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }

    80% {
        -webkit-transform: translateX(0) skewX(-15deg);
        -ms-transform: translateX(0) skewX(-15deg);
        transform: translateX(0) skewX(-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0) skewX(0);
        -ms-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0) skewX(0);
        -ms-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

@-webkit-keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        -ms-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        -ms-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        -ms-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        -ms-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(48px);
        transform: scale(.475) translateX(48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        -ms-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(48px);
        -ms-transform: scale(.475) translateX(48px);
        transform: scale(.475) translateX(48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(2000px);
        transform: scale(.1) translateX(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(-48px);
        transform: scale(.475) translateX(-48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(2000px);
        -ms-transform: scale(.1) translateX(2000px);
        transform: scale(.1) translateX(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(-48px);
        -ms-transform: scale(.475) translateX(-48px);
        transform: scale(.475) translateX(-48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(2000px);
        transform: scale(.1) translateY(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(-60px);
        transform: scale(.475) translateY(-60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(2000px);
        -ms-transform: scale(.1) translateY(2000px);
        transform: scale(.1) translateY(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(-60px);
        -ms-transform: scale(.475) translateY(-60px);
        transform: scale(.475) translateY(-60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    100% {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }

    100% {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(-60px);
        transform: scale(.475) translateY(-60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(2000px);
        transform: scale(.1) translateY(2000px);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(-60px);
        -ms-transform: scale(.475) translateY(-60px);
        transform: scale(.475) translateY(-60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(2000px);
        -ms-transform: scale(.1) translateY(2000px);
        transform: scale(.1) translateY(2000px);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(42px);
        transform: scale(.475) translateX(42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(42px);
        -ms-transform: scale(.475) translateX(42px);
        transform: scale(.475) translateX(42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        -ms-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(-42px);
        transform: scale(.475) translateX(-42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(2000px);
        transform: scale(.1) translateX(2000px);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(-42px);
        -ms-transform: scale(.475) translateX(-42px);
        transform: scale(.475) translateX(-42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(2000px);
        -ms-transform: scale(.1) translateX(2000px);
        transform: scale(.1) translateX(2000px);
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-transform-origin: center top;
        transform-origin: center top
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        -ms-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        -ms-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-transform-origin: center top;
        -ms-transform-origin: center top;
        transform-origin: center top
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

.animate-spin {
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    display: inline-block
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-o-keyframes spin {
    0% {
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-ms-keyframes spin {
    0% {
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes sonarEffect {
    0% {
        opacity: .3
    }

    40% {
        opacity: .5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #fad580, 0 0 0 10px rgba(255, 255, 255, .5)
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #fad580, 0 0 0 10px rgba(255, 255, 255, .5);
        -webkit-transform: scale(1.5);
        opacity: 0
    }
}

@-moz-keyframes sonarEffect {
    0% {
        opacity: .3
    }

    40% {
        opacity: .5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #fad580, 0 0 0 10px rgba(255, 255, 255, .5)
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #fad580, 0 0 0 10px rgba(255, 255, 255, .5);
        -moz-transform: scale(1.5);
        opacity: 0
    }
}

@keyframes sonarEffect {
    0% {
        opacity: .3
    }

    40% {
        opacity: .5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #fad580, 0 0 0 10px rgba(255, 255, 255, .5)
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #fad580, 0 0 0 10px rgba(255, 255, 255, .5);
        transform: scale(1.5);
        opacity: 0
    }
}

.sonarEffect {
    -webkit-animation-name: sonarEffect;
    animation-name: sonarEffect
}

@-webkit-keyframes toRightFromLeft {
    49% {
        -webkit-transform: translate(100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(-100%)
    }

    51% {
        opacity: 1
    }
}

@-moz-keyframes toRightFromLeft {
    49% {
        -moz-transform: translate(100%)
    }

    50% {
        opacity: 0;
        -moz-transform: translate(-100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes toRightFromLeft {
    49% {
        transform: translate(100%)
    }

    50% {
        opacity: 0;
        transform: translate(-100%)
    }

    51% {
        opacity: 1
    }
}

.toRightFromLeft {
    -webkit-animation-name: toRightFromLeft;
    animation-name: toRightFromLeft
}

@-webkit-keyframes toLeftFromRight {
    49% {
        -webkit-transform: translate(-100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(100%)
    }

    51% {
        opacity: 1
    }
}

@-moz-keyframes toLeftFromRight {
    49% {
        -moz-transform: translate(-100%)
    }

    50% {
        opacity: 0;
        -moz-transform: translate(100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes toLeftFromRight {
    49% {
        transform: translate(-100%)
    }

    50% {
        opacity: 0;
        transform: translate(100%)
    }

    51% {
        opacity: 1
    }
}

.toLeftFromRight {
    -webkit-animation-name: toLeftFromRight;
    animation-name: toLeftFromRight
}

@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(100%)
    }

    51% {
        opacity: 1
    }
}

@-moz-keyframes toTopFromBottom {
    49% {
        -moz-transform: translateY(-100%)
    }

    50% {
        opacity: 0;
        -moz-transform: translateY(100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes toTopFromBottom {
    49% {
        transform: translateY(-100%)
    }

    50% {
        opacity: 0;
        transform: translateY(100%)
    }

    51% {
        opacity: 1
    }
}

.toTopFromBottom {
    -webkit-animation-name: toTopFromBottom;
    animation-name: toTopFromBottom
}

@-webkit-keyframes toBottomFromTop {
    49% {
        -webkit-transform: translateY(100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%)
    }

    51% {
        opacity: 1
    }
}

@-moz-keyframes toBottomFromTop {
    49% {
        -moz-transform: translateY(100%)
    }

    50% {
        opacity: 0;
        -moz-transform: translateY(-100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes toBottomFromTop {
    49% {
        transform: translateY(100%)
    }

    50% {
        opacity: 0;
        transform: translateY(-100%)
    }

    51% {
        opacity: 1
    }
}

.toBottomFromTop {
    -webkit-animation-name: toBottomFromTop;
    animation-name: toBottomFromTop
}

#helpline_text:hover {
    color: #fff !important
}

.lg-fml70 {
    margin-left: 66px
}

@media only screen and (min-device-width: 320px) and (max-device-width:800px) {

    .main_menu,
    .xs_waitpage {
        position: absolute;
        right: 0
    }

    .main_menu {
        width: 46px !important
    }

    .res_mobilr_div {
        left: 0 !important
    }

    .res_mobilr_div .mydiv {
        width: 100% !important
    }

    .show_fieldmenu {
        display: none
    }

    .main_menu,
    .main_menu .mbl_menulogo,
    .responsive-menu {
        display: block
    }

    .chaser .container {
        height: 56px
    }

    .chaser .container .main_menu_wrapp {
        margin-top: 68px !important
    }

    .bar1,
    .bar2,
    .bar3 {
        width: 27px;
        height: 3px;
        background-color: #a1a0a0;
        margin: 5px 0;
        transition: .4s
    }

    .nav-dropdown_mydiv {
        visibility: hidden;
        opacity: .97
    }

    .visi_visible_menu {
        visibility: visible !important;
        padding-left: 19px
    }

    .mbl_menulogo {
        height: 72px;
        margin: auto auto 15px;
        width: 200px
    }

    .open_close_div {
        font-size: 20px;
        position: absolute;
        right: 15px;
        top: -17px
    }

    .mbl_menulogo img {
        height: auto;
        width: auto
    }

    .row_line {
        border-bottom: 1px solid #ebebeb !important
    }

    .mbl_logo_area {
        width: 176px
    }

    .nav-dropdown_mydiv.visi_visible_menu {
        height: 900px;
        overflow: hidden;
        position: fixed;
        top: 220px;
        width: 106%;
        z-index: 10000000 !important;
        left: 0
    }

    #main-menu .drop_wrapper.pull-left {
        border: thin solid red;
        left: -1000px !important;
        position: absolute
    }

    .change .bar1 {
        -webkit-transform: rotate(-45deg) translate(-9px, 6px);
        transform: rotate(-45deg) translate(-9px, 6px)
    }

    .change .bar2 {
        opacity: 0
    }

    .change .bar3 {
        -webkit-transform: rotate(45deg) translate(-8px, -8px);
        transform: rotate(45deg) translate(-8px, -8px)
    }

    .main_menu {
        border: none
    }

    .nav-dropdown_mydiv {
        margin-left: -20px !important;
        margin-top: -220px !important;
        position: inherit
    }

    .menu-fa-times {
        font-size: 14px;
        font-weight: 700
    }

    .mainsearch_section .mt-310px {
        margin-top: -400px
    }

    .mainsearch_section .pos_abs {
        position: inherit
    }

    .product-dialog-box,
    .product-login-box {
        left: 50%;
        position: fixed;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 80%
    }

    .alert_wrapp,
    .xs-sign {
        left: 50% !important;
        position: fixed !important;
        width: 100% !important
    }

    #my_booking .close-s::before,
    .popup-wrapper .popup-content .close::before {
        right: 0;
        top: 0
    }

    .head_title {
        font-size: 12px !important
    }

    .head_title,
    .xs-head-title {
        height: 80px !important;
        line-height: 122px !important;
        padding-left: 10px !important;
        text-align: left !important
    }
}

.Servicewrap,
.altclosebtn,
.cart-value,
.day1 .check-in,
.days,
.days-txt,
.dayss,
.footerlinksb2b,
.h-date,
.iconfoo,
.letschat,
.login_first1 .logo,
.offer,
.pleasewaittext,
.wait_wrapp,
.waitmoment,
.youare {
    text-align: center
}

.mt7p {
    margin-top: 7%
}

.in_out {
    color: #fff
}

.waitmoment,
.youare {
    color: #fff;
    position: absolute
}

.wait_wrapp .date {
    color: #fff;
    font-size: 28px;
    margin-top: -4px
}

.wait_wrapp .circle_inner {
    color: #fff;
    height: 160px;
    vertical-align: middle;
    display: table-cell;
    width: 93px;
    text-align: center;
    padding-left: 9px
}

.wait_wrapp .day {
    color: #fff;
    margin-top: -3px
}

.why_book {
    clear: both;
    height: auto;
    overflow: hidden;
    padding: 10px 0;
    width: 100%
}

.why_book .title {
    clear: both;
    color: red;
    font-size: 27px;
    letter-spacing: 1px;
    margin-bottom: 18px;
    margin-top: 40px
}

.why_book p {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    padding: 0
}

.globeplanet {
    float: right;
    height: 513px;
    margin-top: 60px;
    width: 90%
}

.globeplanet>img,
.youare {
    width: 100%
}

.youare {
    top: 100px
}

.waitmoment {
    top: 132px;
    width: 100%
}

.dis_InlBlock {
    display: inline-block
}

.wait_pagelogo {
    height: auto;
    width: 200px
}

.ui-datepicker-group-first {
    float: left;
    width: 18em
}

.ui-datepicker-group-last {
    border-right: medium none !important;
    float: right;
    width: 17.8em
}

.fa-phone1,
.h-date,
.registernw>li,
.rotate-img {
    float: left
}

.ui-datepicker-group {
    border-right: 1px solid #fdb714;
    height: 252px
}

.border-r {
    border-right: 1px solid #ccc !important
}

#SignUp .fa.fa-envelope {
    background-position: -138px -98px;
    background-size: 208px 168px;
    padding: 1px 15px 1px 2px
}

#SignUp .fa.fa-globe {
    background-position: -80px -178px;
    padding: 1px 3px 1px 2px
}

.p10 {
    padding: 10px
}

.text-bold {
    font-weight: 500 !important
}

.text-red {
    color: #e01a33 !important
}

.h_over_a a:hover,
.scli img,
.scli li,
.scli li a:hover {
    color: #fff
}

.scli li .generalenqdetails .message-click1 {
    background-position: -102px -104px
}

.leftside .fa.fa-star {
    background-position: -131px 0;
    padding: 1px 8px 0
}

.deal_star .fa.fa-star {
    background-position: -131px 2px;
    padding: 0 8px
}

.select_dateiconleft {
    left: 10px;
    top: 6px
}

.fa.agtemail_icon01 {
    background-position: -130px -169px;
    border: none
}

.footer_div {
    height: 80px;
    padding-top: 20px;
    background-color: #fafafa
}

.dayss,
.pleasewaittext {
    color: #fff;
    font-weight: 600;
    height: 33px;
    width: 66px
}

.opacity_zero {
    background: rgba(0, 0, 0, .6) !important
}

.lg-mt100 {
    margin-top: 100px
}

.ml210 {
    margin-left: 210px
}

.rotate-img {
    margin-right: 0;
    overflow: hidden;
    position: relative
}

#scroller li,
.days-txt,
.dayss,
.img-text-wait,
.new-date-txt,
.pleasewaittext {
    position: absolute
}

.topdivwait {
    left: -24px !important;
    top: -10px !important
}

.dayss {
    font-size: 34px;
    left: 40px;
    top: 60px
}

.pleasewaittext {
    font-size: 19px;
    left: 41px;
    top: 52px
}

.pr60 {
    padding-right: 60px !important
}

#fav_tag .fa.faiconfav {
    background-position: -36px -113px;
    padding: 5px 13px
}

.user_icon_div .fa-user {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    background-position: -103px -199px
}

.mt-100 {
    margin-top: -83px
}

@media only screen and (min-device-width: 769px) and (max-device-width:1024px) {
    .formElement2 {
        margin: 5px 0
    }

    .menucurrency {
        border-right: none
    }

    .sub_info_save {
        padding-bottom: 10px
    }

    .sm-mb10 {
        margin-bottom: 10px
    }

    .sm-pl10 {
        padding-left: 10px
    }

    .sm-pr10 {
        padding-right: 10px
    }

    .sm-pl0 {
        padding-left: 0
    }

    .topsell_h .title {
        font-size: 15px;
        width: 99px
    }

    .sm-ml20,
    .xs-ml20 {
        margin-left: 20px
    }

    .xs-discover-lh li a {
        font-size: 16px;
        line-height: 1.8em
    }

    .exphotel_world .img_ht_div img,
    .line_div,
    .line_div1,
    .line_div3,
    .sm-save-money {
        height: auto
    }

    .save_money1 {
        height: 214px
    }

    .hotel-datepick .rich-datepicker {
        left: unset !important;
        right: 0 !important
    }
}

.login_first1 {
    width: 300px;
    height: 336px;
    margin: Auto;
    border: 2px solid var(--main-web-color);
    border-radius: 0;
    background-color: #fff;
    position: relative
}

.login_first1 .logo {
    margin-bottom: 12px
}

.popup_login_btn {
    border-bottom: #f5f5f5 solid thin;
    clear: Both;
    width: 90%;
    margin: Auto;
    margin-top: 184px !important;
    padding-block-end: 13px
}

.logindialog_logo {
    height: auto;
    width: 147px
}

.ml0 {
    margin-left: 0
}

.txt_do_not {
    height: 20px;
    width: 90%;
    margin: 14px Auto Auto
}

.coltxt_blue {
    color: #0cbaf2 !important
}

.footer-wrapper .all-icon-sprit,
.message-click1 {
    background: url(https://d1vqfl8cu8qgdj.cloudfront.net/assets/img/all-icon-images2.png) rgba(0, 0, 0, 0)
}

.footer-wrapper .footer-no-book-i {
    background-position: 140px -2px;
    height: 29px;
    margin: 0 7px;
    position: absolute;
    width: 37px
}

.footer-best-price-i {
    background-position: 89px -6px !important;
    height: 38px;
    margin: 0 11px;
    position: absolute;
    width: 48px
}

.scli li .message-click1 {
    background-position: -52px -100px !important
}

.fa-comments-o::before {
    content: "\f0e6"
}

.fa.fa-comments-o.fa-2.pull-left.feedbackicon {
    font-size: 25px;
    background-image: none;
    font-family: FontAwesome;
    height: 35px;
    margin-left: -44px;
    margin-top: -4px;
    padding: 3px 0 0 6px;
    width: 38px
}

.feedbackdiv {
    background-color: var(--main-web-color);
    right: 0
}

#lnkShoppingcart {
    margin-right: 0 !important;
    position: relative !important;
    width: 43px
}

#notificationBell {
    margin-right: 0 !important;
    position: relative !important;
    width: 43px;
    margin-top: 4px;
}

.fa-shopping-cart::before {
    content: "\f07a"
}

.fa-shopping-cart {
    font-family: FontAwesome;
    font-style: normal;
    padding: 0;
    background-image: none
}

.cd-panel {
    visibility: hidden
}

@media only screen and (min-device-width: 320px) and (max-device-width:768px) {
    .app_wapper {
        background-color: #e5e5e5;
        border: thin solid #e5e5e5;
        display: block;
        height: auto;
        padding-bottom: 7px;
        width: 100%
    }

    .appdiv {
        border: thin solid #d0d0d0;
        box-shadow: 0 2px 7px -5px #000;
        height: auto;
        margin: 7px auto auto;
        width: 98%;
        position: relative
    }

    .appdiv img {
        width: 100%
    }

    .apptitle {
        color: #575252
    }

    .appsubtitle {
        color: #9d9fa2;
        font-size: 10px;
        width: 80%
    }

    .appmaintxt {
        left: 21%;
        position: absolute;
        top: 0;
        line-height: 12px;
        margin-top: 1%
    }

    .appbtnclickdiv {
        bottom: 0;
        margin-left: 20%;
        padding: 3% 12%;
        position: absolute;
        cursor: pointer
    }

    .appclosebtn::before {
        background: #ef4036;
        border-radius: 50%;
        color: #fff;
        content: "";
        font-family: FontAwesome;
        font-size: 11px;
        font-weight: 400;
        line-height: 13px;
        opacity: 1 !important;
        padding: 1px 3px;
        position: absolute;
        right: 3px;
        z-index: 1000;
        top: 2px
    }
}

@media only screen and (min-device-width: 361px) and (max-device-width:768px) {
    .apptitle {
        font-size: 14px
    }

    .appmaintxt {
        line-height: 16px;
        margin-top: 1%;
        left: 20.5%
    }

    .appsubtitle {
        font-size: 12px;
        width: 84%
    }
}

.faiconfav.menifav {
    background-position: -37px -113px;
    padding: 4px 12px
}

#currencyList .fa.fa-inr {
    background-position: -196px -229px;
    padding-left: 6px
}

.hotelrateicon {
    background-position: -165px -107px;
    height: 34px;
    margin-top: 4px;
    width: 26px
}

.rich-datepicker .calendar .year-wrap .size-5 {
    width: 194px !important
}

.enqmobile {
    background-position: -101px -247px
}

.enqskype {
    background-position: -164px -271px
}

.africa-logo {
    background: url(https://d1vqfl8cu8qgdj.cloudfront.net/assets/img/africalogo.png) no-repeat rgba(0, 0, 0, 0);
    height: 15px;
    margin-left: 5px;
    padding: 0 10px 4px;
    width: 23px
}

.letschat .fa-comments::before {
    content: "\f086"
}

.letschat .fa-comments {
    color: #fff;
    background-image: none !important;
    font-size: 36px;
    line-height: 60px;
    font-style: normal
}

.letschat {
    background-color: #48b24b;
    border-radius: 80%;
    bottom: 16px;
    box-shadow: 0 4px 5px -1px rgba(0, 0, 0, .5);
    font-family: FontAwesome;
    height: 60px;
    position: fixed;
    right: 16px;
    width: 60px;
    z-index: 2000
}

.fa-pencil::before {
    content: "\f040"
}

.date_ico .datepicker-wrap::after {
    content: " ";
    background-image: url(assets/img/headerstrip.png) !important;
    background-repeat: no-repeat;
    background-position: -35px -56px !important;
    background-color: #fff !important
}

.fa-whatsapp::before {
    content: "\f232"
}

.fa-whatsapp {
    background-image: none
}

.fa {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto
}

.rich-date-disabled {
    pointer-events: none;
    opacity: .6
}

#divEnquiryData .selector span {
    padding-left: 42px !important;
    -webkit-appearance: none;
    background: #fff !important;
    font-size: 14px !important;
    color: #858384;
    height: 37px
}

.fooetrbt {
    border-bottom: 1px solid #e9e9e9
}

.footerlinksb2b,
.iconfoo {
    margin: auto;
    vertical-align: middle;
    width: auto
}

ul.footerlinksb2b li a {
    color: #1a2b49;
    font-size: 14px;
    line-height: 28px;
    transition: all .2s ease-in-out 0;
    padding: 0 14px
}

.footerlinksb2b .brlft {
    border-right: 1px solid #7b7879
}

.designanddevelop a {
    color: var(--main-web-color)
}

.designanddevelop a:hover {
    text-decoration: underline
}

ul.footerlinksb2b li a:hover {
    background-color: var(--main-web-color);
    border-radius: 5px;
    border-right: 1px solid #73b0f4;
    color: #fff;
    padding: 2px 14px
}

.socialdiv {
    height: 33px;
    margin: auto;
    overflow: hidden;
    width: 256px
}

.social-icons li a {
    height: 28px;
    line-height: 28px;
    width: 28px
}

.fa-file-image-o::before {
    content: "\f1c5"
}

.fa-file-image-o {
    font-family: FontAwesome;
    font-style: normal;
    background-image: none !important;
    color: #fff
}

.feedbackbtn {
    height: 138px;
    left: 0;
    position: fixed;
    top: 250px;
    width: 36px;
    z-index: 11;
    border: 1px solid #fa2;
    border-radius: 0 6px 6px 0;
    background: -webkit-linear-gradient(left, #ffb931, #ffeb63);
    background: -moz-linear-gradient(left, #ffb931, #ffeb63);
    background: -ms-linear-gradient(left, #ffb931, #ffeb63);
    background: -o-linear-gradient(left, #ffb931, #ffeb63);
    background: linear-gradient(to right, #ffb931, #ffeb63)
}

.feed_text {
    -moz-transform: rotate(90deg);
    display: block;
    font-size: 18px;
    letter-spacing: 1px;
    margin-top: 29px;
    color: #000;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    font-weight: 600
}

.menucurrency .aed_arow {
    display: inline;
    position: absolute;
    right: 0
}

.br_lf607 {
    margin-left: 607px
}

.wd165 {
    width: 165px !important
}

#htauto {
    height: autop !important
}

.bnr_mb50 {
    margin-bottom: 50px !important
}

.bnr_mb60 {
    margin-bottom: 60px !important
}

.bnr_mb40 {
    margin-bottom: 40px !important
}

.bnr_mb30 {
    margin-bottom: 30px !important
}

.mrtop-42 {
    margin-top: -42px
}

.carousel-inner.htauto {
    min-height: auto !important
}

.Servicewrap {
    display: block;
    height: 80px;
    position: relative
}

.Servicewrap .line {
    background-color: #e7e7e7;
    height: 2px;
    position: absolute;
    top: 8px;
    width: 100%
}

.Servicename {
    background-color: #fff;
    display: inline-block;
    font-size: 1.6667em;
    padding: 0 20px;
    position: relative;
    width: auto
}

.dotcircle {
    background: #ccc;
    border-radius: 5px;
    content: "";
    height: 10px;
    position: absolute;
    width: 10px;
    top: 4px
}

.dotleft {
    left: 0
}

.dotright {
    right: 0
}

.taglinename {
    font-size: 14px;
    margin-top: 10px
}

.mb_80bn {
    margin-bottom: 80px !important
}

.res_mobilr_div .mydiv {
    width: 100% !important;
    margin-top: 30px
}

.removeInline a {
    color: var(--main-web-color)
}

.fa-phone1 {
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    margin-left: -42px;
    margin-top: 8px;
    border-right: thin solid #fff;
    padding: 5px 6px 5px 0;
    font-size: 26px !important
}

.fa-phone1::before {
    content: "\f095"
}

.arowmore {
    background-position: -214px -100px;
    padding: 0 9px
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail a>img,
.thumbnail>img {
    width: 100%
}

.tabbable .fa.fa-pencil {
    background-position: -122px -199px;
    padding: 0 5px 0 2px
}

.fa-pencil {
    font-family: FontAwesome;
    background-image: none !important;
    font-size: 18px !important;
    line-height: 28px !important
}

@media (min-width: 320px) and (max-width:800px) {
    .wait_hotel .xs_waitpageimages {
        display: none
    }

    .wait_hotel .sm-pr0 {
        padding-right: 0
    }

    .wait_hotel .xs_waitpage {
        left: 0;
        margin: auto;
        text-align: center;
        top: 0;
        width: 430px;
        padding: 8px
    }

    .wait_hotel .wait_wrapp {
        margin-right: 0;
        margin-left: 35px
    }
}

@media (min-width: 320px) and (max-width:440px) {
    .wait_hotel .xs_waitpage {
        width: 330px !important
    }

    .wait_hotel .wait_wrapp {
        margin-right: 0;
        margin-left: 2px !important
    }
}

@media (min-width: 320px) and (max-width:800px) {
    .wait_tour .xs_waitpageimages {
        display: none
    }

    .wait_tour .sm-pr0 {
        padding-right: 0
    }

    .wait_tour .xs_waitpage {
        left: 0;
        margin: auto;
        text-align: center;
        top: 0;
        width: 430px;
        padding: 8px
    }

    .wait_tour .wait_wrapp {
        margin-right: 0;
        margin-left: 73px
    }
}

@media (min-width: 320px) and (max-width:440px) {
    .wait_tour .xs_waitpage {
        width: 330px !important
    }

    .wait_tour .wait_wrapp {
        margin-right: 0;
        margin-left: 35px !important
    }
}

.tour_wait_offer .img-text-wait {
    top: -21px
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .rotateimage {
        -webkit-animation-duration: 4s !important;
        -webkit-animation-timing-function: linear !important;
        -webkit-animation-delay: 0 !important;
        -webkit-animation-direction: normal !important;
        -webkit-animation-fill-mode: none !important;
        -webkit-animation-iteration-count: infinite !important;
        -webkit-animation-play-state: running !important;
        -webkit-animation-name: spin !important
    }

    .slider_wrap .fa-angle-left,
    .slider_wrap .fa-angle-right {
        left: 20px !important
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .rotateimage {
        -ms-animation-duration: 4s !important;
        -ms-animation-timing-function: linear !important;
        -ms-animation-delay: 0 !important;
        -ms-animation-direction: normal !important;
        -ms-animation-fill-mode: none !important;
        -ms-animation-iteration-count: infinite !important;
        -ms-animation-play-state: running !important;
        -ms-animation-name: spin !important
    }
}

ul.footerlinksb2b li {
    display: inline-block
}

ul.footerlinksb2b li:nth-child(4) {
    display: none !important
}

#deals .prodeals {
    background-position: -28px -167px;
    float: left;
    width: 29px;
    height: 29px
}

.altclosebtn {
    background-color: var(--main-web-color);
    border: 1px solid #fff;
    border-radius: 50%;
    float: right;
    font-size: 20px;
    height: 25px;
    line-height: 23px;
    margin-right: 9px;
    margin-top: 10px;
    width: 25px;
    color: #fff
}

.alert_wrapp {
    z-index: 3
}

.fa-globe::before {
    content: "\f0ac"
}

.language-iconarabic {
    background-position: -22px -3px;
    height: 128px;
    padding: 0 10px;
    background-image: url(assets/img/headerstrip.png);
    background-repeat: no-repeat;
    margin-left: 10px
}

.prodeal {
    background-position: -3px -239px;
    float: left;
    width: 25px;
    height: 30px;
    margin-top: 5px
}

.fa-apple::before {
    content: "\f179"
}

.fa-android::before {
    content: "\f17b"
}

.fa-android,
.fa-apple {
    background-image: none !important
}

.header-and,
.header-app {
    color: #768092;
    font-size: 25px !important
}

.fa.fa-pull-right,
.fa.pull-right {
    margin-left: .3em
}

.pr7 {
    padding-right: 7px !important
}

.menuandroid .fa-apple,
.menuios .fa-android {
    padding-left: 0
}

.br_greyselect {
    border: 1px solid #ccc !important
}

.text-white {
    color: #fff !important
}

#forgot .close-s::before {
    margin-right: -21px;
    position: relative;
    right: -10px;
    top: -38px
}

.scroll_btn {
    z-index: 111;
    bottom: 40px;
    position: fixed;
    right: 10px
}

.fa-long-arrow-up::before {
    content: "\f176"
}

#back-to-top .fa-long-arrow-up,
#back-to-top .fa-angle-double-up {
    border: thin solid var(--main-web-color) !important;
    color: var(--main-web-color);
    box-shadow: 0 3px 6px #161616;
    font-size: 15px;
    height: 37px !important;
    line-height: 36px !important;
    width: 38px !important;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    background-image: none;
    transition: all .5s ease;
}

#back-to-top .fa-angle-double-up:hover {
    transform: translateY(-10px);
}

.probld_dynapkg {
    background-position: -76px -168px !important;
    width: 28px;
    float: left;
    margin-top: 2px
}

#sizepoint {
    height: 180px !important
}

.fa-globe {
    background-image: none
}

.nav-tabs .fa-user {
    line-height: 28px
}

.white-color a {
    color: #fff !important
}

.Thank_div,
.thank_info {
    color: #505050;
    text-align: center
}

.Thank_div {
    margin-top: 25px;
    font-size: 34px;
    font-weight: 700;
    line-height: 34px
}

.wd180px {
    width: 180px !important
}

.wait_hotel .buleticon,
.wait_hotel .buleticon1,
.wait_tour .buleticon,
.wait_tour .buleticon1 {
    background-color: #fff;
    padding: 4px;
    border-radius: 20px
}

.textwaite1 {
    color: #47a251;
    font-size: 25px;
    font-weight: 700;
    margin: 30px 0
}

.textwaite {
    color: #fff;
    font-size: 24px;
    letter-spacing: 1px;
    margin-top: 35px
}

.wait_hotel .buleticon1,
.wait_tour .buleticon1 {
    height: 7px !important;
    display: inline-block;
    margin-right: 7px
}

.wait_hotel .buleticon,
.wait_tour .buleticon {
    margin-top: 7px;
    margin-left: 6px
}

.wait_hotel ul,
.wait_tour ul {
    color: #fff;
    font-size: 15px
}

.animationimg img {
    width: 100%;
    height: auto
}

.animationimg {
    position: fixed;
    bottom: 0
}

.centerwait {
    display: inline-block;
    margin-top: 20px;
    margin-left: 20px
}

#myModal.opacity-overlay,
#myModal11.opacity-overlay,
#myModal2.opacity-overlay,
#myModalpkg.opacity-overlay,
#myModalquot.opacity-overlay {
    background: rgba(29, 42, 50, 1) !important;
    overflow: hidden
}

.clouds {
    width: 500em;
    height: 43.75em;
    opacity: 1;
    visibility: inherit;
    background: url(https://d1vqfl8cu8qgdj.cloudfront.net/assets/img/clouds.png) 0 100% repeat-x;
    -webkit-animation: cloudLoop 60s linear infinite;
    -moz-animation: cloudLoop 60s linear infinite;
    animation: cloudLoop 60s linear infinite;
    position: absolute
}

@-webkit-keyframes cloudLoop {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
}

@keyframes cloudLoop {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
}

.wait_wrapp {
    margin-right: 20px;
    width: 101px;
    float: left;
    position: relative;
    margin-left: 20px
}

.rotateimage {
    animation: 4s linear 0 normal none infinite running spin;
    background-image: url(https://d3iibu2gv0pu1i.cloudfront.net/assets/img/loadingimage.png);
    background-size: cover;
    height: 120px;
    width: 100px
}

.wait_wrapp .date_time {
    position: absolute;
    top: 0
}

.modal-content {
    border: none
}

.rotate-img {
    float: none
}

.suppleyrul li {
    display: inline-block;
    margin-left: 5px
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-envelope {
    background-image: none;
    margin-left: 10px
}

.responsive-menu {
    display: none
}

.wd62 {
    width: 70px
}

#helpline_text {
    margin-top: -3px;
    padding: 4px 0 4px 20px
}

.fa-user {
    background: 0 0;
    padding: 0
}

.fa-user::before {
    content: "\f007"
}

.fa-close::before,
.fa-remove::before,
.fa-times::before {
    content: "\f00d"
}

.drop_wrapper>.my_ul>.my_li {
    width: auto
}

@media (max-width: 991px) {
    .quick-menu .awesome {
        display: none
    }
}

@media (max-width: 800px) {
    .Explore .cart_currency {
        float: left
    }

    .user_icon_div {
        display: block !important
    }

    .main_menu,
    .main_menu .mbl_menulogo,
    .responsive-menu {
        display: block
    }

    .show_fieldmenu {
        display: none
    }

    .mbl_menulogo #close_menu .fa {
        background: 0 0
    }

    .open_close_div {
        font-size: 20px;
        position: absolute;
        right: 30px;
        top: 10px
    }

    #header .topnav ul.quick-menu>li {
        margin-left: 5px !important;
        margin-right: 20px !important
    }
}

@media (max-width: 767px) {
    .responsive-menu {
        display: block
    }

    .main_menu {
        padding-left: 10px
    }

    #header .topnav {
        display: block !important;
        height: auto
    }

    .xs-pr5 {
        padding-right: 5px !important
    }

    .xs-pl5 {
        padding-left: 5px !important
    }

    .techlist .place_wrap_new::before {
        margin: -8px 0 0 160px
    }

    .techlist .place_wrap_new {
        margin-left: -80px
    }

    .xs-creditLimit .drop_wrapper .xs-navdrop {
        left: -31px
    }

    .xs-creditLimit .drop_wrapper .xs-navdrop .xs-droplist::before {
        margin: -9px 0 0 50px !important
    }

    #dashboard_tag .nav-dropdown {
        left: -10px
    }

    #dashboard_tag .nav-dropdown .drop_list_wrrape::before {
        margin: -9px 0 0 25px
    }
}

@media (max-width: 480px) {
    .col-minxs-12 {
        width: 100%
    }

    .col-minxs-11 {
        width: 91.66666667%
    }

    .col-minxs-10 {
        width: 83.33333333%
    }

    .col-minxs-9 {
        width: 75%
    }

    .col-minxs-8 {
        width: 66.66666667%
    }

    .col-minxs-7 {
        width: 58.33333333%
    }

    .col-minxs-6 {
        width: 50%
    }

    .col-minxs-5 {
        width: 41.66666667%
    }

    .col-minxs-4 {
        width: 33.33333333%
    }

    .col-minxs-3 {
        width: 25%
    }

    .col-minxs-2 {
        width: 16.66666667%
    }

    .col-minxs-1 {
        width: 8.33333333%
    }

    .Explore .cart_currency {
        margin-left: 5px
    }

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

    #header .logo img {
        width: auto !important;
        height: 40px !important
    }

    .btn_wdt_100 {
        width: 73px !important
    }

    .xs-plr-btn {
        padding: 0 19px !important
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width:768px) {
    .xs-left {
        text-align: left
    }

    .xs-left ul li span {
        float: left !important;
        display: inline-block;
        margin-right: 7px;
        margin-left: 0 !important
    }

    .wait_hotel .wait_wrapp {
        margin-right: 33px;
        margin-left: -26px !important
    }

    .textwaite {
        color: #fff;
        font-size: 15px;
        letter-spacing: 1px;
        margin-top: 35px;
        top: 10px;
        right: 20px
    }
}

#currencyList li a .fa-inr,
#currencyList li a .fa-rupee {
    background: 0 0 !important
}

.fa-inr::before,
.fa-rupee::before {
    content: "\f156"
}

.open_div .checkbox,
.open_div .radio {
    line-height: unset
}

.mb15 {
    margin-bottom: 15px !important
}
.mt15 {
    margin-top: 15px !important
}

.agt_sizepoint .row_line a span:first-child {
    width: 45%;
    display: inline-block
}

.checkbox,
.radio {
    line-height: 22px
}

#Price_Comparisonqui .selector span.custom-select::after {
    top: 11px !important;
    right: 7px
}

#Price_Comparisonqui .selector span.custom-select:before {
    background-color: #fff;
    width: 25px !important
}

.topnav .place_wrap_new,
.topnav .place_wrap_new::before {
    position: relative !important
}

footer .flags-africa {
    background-position: -30px -250px;
    padding: 0 10px
}

.flags-africa,
footer .flags-uae {
    margin-left: 5px
}

.fa-facebook:before,
footer .fa-facebook-f:before {
    content: "\f09a"
}

footer .fa-twitter:before,
.fa-twitter:before {
    content: "\f099"
}

footer .fa-google-plus:before,
.fa-google-plus:before {
    content: "\f0d5"
}

footer .fa-linkedin:before,
.fa-linkedin:before {
    content: "\f0e1"
}

footer .fa-youtube-play:before,
.fa-youtube-play:before {
    content: "\f16a"
}

footer .fa-file-image-o::before,
.fa-file-image-o::before {
    content: "\f1c5"
}

footer .fa-wordpress:before,
.fa-wordpress:before {
    content: "\f19a"
}

footer .fa-instagram:before,
.fa-instagram:before {
    content: "\f16d"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.col_gplus {
    background-color: #DD4B39 !important;
}

footer .fa,
.fa {
    background-image: none !important;
    padding-left: 0 !important
}

.mb20 {
    margin-bottom: 20px
}

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

.log-btn .dropdown:hover .dropdown-menu {
    display: block
}

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

.log-btn a.dropdown-toggle {
    /*margin-right: 15px;*/
    display: inline-block
}

.log-btn a.dropdown-toggle,
.log-btn a:hover {
    color: #fff
}

.log-btn .dropdown-menu {
    border-top: 2px solid #008bff;
    margin-top: 5px;
    padding: 5px 20px !important;
    width: 200px;
    left: auto;
    right: 34px;
    margin-top: 15px
}

.log-btn .dropdown-menu::before {
    content: "";
    border-bottom: 8px solid #008bff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    display: block;
    position: absolute;
    top: -10px;
    right: 5px
}

.dropdown-menu li .cros-close:hover {
    background: 0 0 !important
}

.dropdown-menu li .login-butt:hover {
    background-color: #008bff;
    color: #fff
}

.log-btn .cros-close {
    padding: 0 !important;
    font-size: 20px;
    color: #cac6c6 !important;
    margin-top: -7px;
    margin-right: -13px;
    float: right;
    display: inline
}

.log-btn .login-butt {
    background: #008bff;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    font-weight: 700;
    display: block;
    padding: 10px 15px;
    margin: 0 10px;
    font-size: 14px
}

.log-btn .to-signup {
    margin-top: 10px;
    color: #000;
    font-size: 14px;
    text-align: center
}

.log-btn .to-register {
    display: block;
    color: #008bff;
    font-size: 15px
}

.log-btn .to-register,
.log-btn .to-register:hover {
    color: #008bff
}

.log-btn .dropdown-menu li .cros-close:hover,
.log-btn .dropdown-menu>.active>.cros-close,
.log-btn .dropdown-menu>.active>.cros-close:focus,
.log-btn .dropdown-menu>.active>.cros-close:hover {
    background: 0 0 !important
}

.p12 {
    padding: 12px !important
}

.flags-africa {
    background-position: -30px -250px;
    padding: 0 10px;
    margin-left: 5px
}

div.redsic {
    color: red;
    margin-bottom: 5px;
    font-size: 18px
}

.enqgen .call {
    border-bottom: 1px dashed #ccc;
    font-size: 14px;
    margin-top: 15px;
    padding-bottom: 7px;
    margin-bottom: 5px;
    font-weight: 500;
    color: red
}

#myModalsn .btn_book .btn_online {
    background-color: #63322e;
    color: #fff;
    padding: 14px 12px;
    text-align: center;
    text-decoration-line: none
}

#myModalsn .modal_box {
    background-color: #00a3da;
    padding: 10px
}

#myModalsn .cartsn {
    position: absolute;
    top: 111px;
    left: -15px
}

#myModalsn .modal_hosting {
    border-right: 2px solid #fff;
    max-width: 230px;
    padding-right: 30px
}

#myModalsn .modal_hosting .modal_travel {
    color: #fff;
    letter-spacing: 2px;
    text-align: right;
    max-width: 230px;
    font-size: 25px
}

#myModalsn .modal_hosting .modal_travell {
    color: #fff;
    letter-spacing: 2px;
    text-align: right;
    max-width: 230px;
    margin-top: 25px;
    line-height: 30px
}

#myModalsn .modal_signing {
    margin-left: -20px
}

#myModalsn .modal_signing .modal_popup {
    color: #fff
}

#myModalsn .modal_signing .model_stand {
    color: #fff;
    text-align: center !important;
    font-size: 12px;
    margin: 10px 0 0 -70px
}

#myModalsn .modal_join input {
    border-radius: 0;
    margin-top: 10px
}

#myModalsn .modal_text {
    background-color: #fff41f;
    color: #000;
    font-weight: 700
}

#myModalsn strong {
    font-weight: 700;
    color: #fff
}

::-webkit-input-placeholder {
    color: #6b6826 !important
}

.webpush-prompt {
    width: 320px;
    bottom: 25px;
    font-size: 14px;
    left: 83px;
    z-index: 999;
    position: fixed
}

.wrapper {
    background: #4a90e2;
    border-radius: 5px
}

.table {
    display: table
}

.content-table {
    height: 60px;
    width: 100%;
    padding: 20px;
    position: relative;
    margin-bottom: 0
}

.button1 {
    color: #fff;
    background-color: #3076c8 !important;
    border-color: #3076c8;
    padding: 8px 14px;
    font-size: 15px;
    border-radius: 4px;
    border-style: solid;
    min-width: 90px;
    text-align: center;
    display: inline-block;
    white-space: nowrap;
    line-height: 18px;
    height: 40px
}

.tablerow {
    display: table-row;
    border-left: solid 1px #4a90e2
}

.tablecell {
    display: table-cell;
    vertical-align: middle
}

.description {
    padding: 0;
    margin: 0;
    text-align: left
}

.button-group-custom .button1 {
    width: 49.3%;
    border-radius: 0
}

.button-group-custom {
    width: 100%;
    display: block
}

.button-group-custom .button1:first-child,
.button-group-custom .button1:first-child+.button1 {
    border-radius: 0
}

.button-group-custom>.button1:first-child {
    border-right-color: #4a90e2;
    border-bottom-left-radius: 5px;
    background-color: #3076c8;
    border-color: #3076c8;
    color: #fff
}

.description {
    color: #fff
}

.we-beak {
    position: absolute;
    width: 0;
    height: 0
}

.we-beak {
    border-left: 20px solid transparent;
    border-top: 20px solid transparent;
    border-right: 20px solid #3076c8;
    bottom: 0;
    left: -35px
}

.webpush-bubble {
    background-color: transparent;
    border-radius: 50%;
    padding: 10px 11.5px;
    display: inline-block;
    border: 1px solid #fff;
    bottom: 10px;
    left: 26px;
    z-index: 999;
    position: fixed
}

.webpush-bubble-active {
    background-color: #4a90e2
}

.fa-bell:before {
    content: "\f0f3";
    color: #fff;
    font-size: 20px
}

.webpush-bubble .fa-bell {
    text-align: center;
    padding-right: 0;
    background-image: none
}

body.home section#content {
    background-image: url(assets/img/travel_HD.jpg);
    /* background-position-y: -150px; */
    height: 450px;
    background-size: cover;
    background-attachment: fixed;
}

body.home section#content::before {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: linear-gradient(45deg, rgba(239, 183, 234, 0.55), rgba(236, 91, 91, 0.32));
}

a#back-to-top>i {
    background-color: #fff;
}

.page-title-container .breadcrumbs {
    display: none !important;
}

.blue_colfoo {
    margin-left: 0;
}

.needhelp .whitebox {
    height: 100%;
}

ul.social-icons.socialdiv {
    height: unset;
    margin: 0;
    width: 100%;
    overflow: auto;
}

@media (max-width: 768px) {
    nav#main-menu::after {
        content: '';
        display: table;
        clear: both;
    }

    .Explore .cart_currency {
        margin: 18px 0;
        line-height: 1;
        float: right;
    }

    body.home section#content {
        background: none;
        height: unset;
        min-height: unset;
        padding-bottom: 40px;
        background-color: #f5f5f5;
    }
    .mobile_filter {
        display: none !important;
    }
    .scroll_btn {
        bottom: 60px;
    }
}

@media (max-width: 420px) {
    .webpush-prompt {
        width: 260px
    }

    .content-table {
        padding: 17px 0
    }

    section#content {
        background-image: unset;
        background-position-y: unset;
        height: unset;
        background-size: unset;
        background: transparent;
    }

    figure.box-inner>img.preloading {
        height: 196px;
    }

    .rich-datepicker-wrap .rich-datepicker {
        left: 0 !important;
        width: 100% !important;
        z-index: 999999 !important;
    }

    .blue_colfoo~ul.discover>li {
        margin-left: 0;
    }
}

@media (max-width: 360px) {
    .webpush-prompt {
        width: 233px
    }
}

@media (max-width: 420px) {
    .webpush-prompt {
        width: 260px
    }

    .content-table {
        padding: 17px 0
    }

    .button-group-custom .button1 {
        width: 49.3%
    }

    .tourdetailico>div {
        margin-bottom: 10px;
    }

    .tourdetailico {
        margin-bottom: 0;
    }

    .tourdetcur1,
    .tourdetprice1,
    .tourdetsave1 {
        text-align: center;
    }

    .tourDetailLay {
        margin-right: 0;
    }

    .carousel-inner,
    .slider_wrap .addcarousel_slide .item img {
        min-height: auto;
    }

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

    .nk_content_div ul>li {
        margin-bottom: 5px;
    }

    #useful-info .nk_content_div {
        padding-left: 25px;
    }
    .guest-review {
        width: 100%;
    }
    .guest-review .comment-container .comment-content p {
        text-align: center;
    }
    section#sectionforb2c .row>div {
        min-height: 180px;
    }
    #headerprz .tourdetmaintit {
        height: auto;
        white-space: unset;
        color: #1a2b49;
        margin-bottom: 0;
        font-size: 26px;
        margin-right: 15px;
        float: none;
        font-weight: 500;
    }
    body.home section#content::before {
        display: none;
    }
    .new-sliderbanner .bannertitle,
    .bannertitle {
        font-size: 18px;
    }
}

@media (max-width: 360px) {
    .webpush-prompt {
        width: 233px
    }

    .button-group-custom .button1 {
        width: 49%
    }
}

.cookie_text {
    background-color: #f5f6f7;
    width: 100%;
    z-index: 999;
    top: 0;
    font-weight: 300;
    line-height: 38px;
    height: 40px
}

.cookie_close {
    float: right;
    position: relative;
    right: 25px;
    font-size: 21px;
    cursor: pointer;
    top: -4px
}

.cookie_btn {
    background-color: #fff;
    height: 21px;
    right: -50px;
    position: relative;
    line-height: 17px;
    border-radius: 4px;
    font-size: 12px;
    padding: 2px 15px;
    border: 1px solid #1a2b49;
    margin-top: 9px
}

.cookie_text button:hover {
    background-color: #fff
}

.text_ul {
    text-decoration: underline
}

.commonht {
    font-size: 14px;
    display: inline-block
}

.rich-datepicker-wrap .tooltip,
.rich-datepicker-wrap input {
    color: #767676
}

.initialism,
.signin_new .box-title small,
.uppercase,
form label {
    text-transform: capitalize
}

.wait_wrapp .month {
    margin-top: -10px
}

ul.cart_currency h1.logo.navbar-brand.new_logo1 {
    display: none;
}

.site-description p {
    /* font-family: 'Poppins', sans-serif !important; */
    font-family: inherit !important;
    font-weight: 300;
    line-height: 1.5;
    padding-top: 15px;
}

.needtitle {
    color: #505353;
    font-size: 24px;
    font-weight: 700
}

.contact-us {
    border-bottom: solid 1px #ededed;
    padding: 10px 10px;
    display: inline-flex;
    width: 100%;
    box-sizing: border-box
}

.contact-us:last-child {
    border: none
}

.anyupdatetit .concrn_cnfution,
.iconmicro,
.livechat-t {
    background: url(assets/img/ekI9j8l.png) 0 -322px;
    height: 50px;
    width: 50px;
    float: left;
    margin-top: 3px
}

.iconmicro {
    background-position: -169px -326px;
    width: 49px;
    height: 36px;
    margin-top: 7px;
    margin-right: 15px
}

.livechat-t {
    background-position: -121px -326px;
    width: 49px;
    height: 36px;
    margin-top: -2px;
    margin-right: 15px
}

.contact-us .booking {
    font-size: 17px;
    color: #757575;
    line-height: 19px;
    margin-top: 10px
}

body.home section#sectionforb2c {
    border-top: 1px solid #eee;
}

.nk_content_div {
    padding: 10px;
}

.nk_content_div ul {
    margin-left: 24px !important;
}
.nk_content_div ul li {
    margin-left: 0 !important;
}

.tourdetailico .fa.tour-option-icon {
    font-size: 28px;
    text-align: center;
    color: #333333;
}

article.listview .list_txt span.read_more_div {
    display: block;
    float: none;
    clear: both;
    width: 100%;
    bottom: -25px !important;
}

article.listview .list_txt {
    overflow: visible;
}

.tour-not-found {
    text-align: center;
}

.tour-not-found .txt {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 30px;
    color: #333333;
    /* width: 40%; */
    margin: 0 auto;
}

.tour-not-found small {
    text-transform: uppercase;
}

/* figure.box-inner {
    position: relative;
}

figure.box-inner .price-text {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    margin: 0;
    top: 100%;
}

figure.box-inner .price-text>* {
    color: #fff !important;
}

figure.box-inner:hover .price-text {
    top: 0%;
} */
span.tour-option-span label.op-label {
    position: absolute;
    top: -16px;
    width: 105px;
}

span.tour-option-span.with-label {
    margin-top: 5px;
}

span.tour-option-span {
    position: relative;
    display: inline-block;
}

div#ContentPlaceHolder1_ctl00_divControls {
    background-color: #f5f5f5;
}

.new-sliderbanner .price-text {
    background-color: #ffffff;
    margin: 0;
    height: 105px;
}

.content-slider .tour-by-category-box {
    padding: 10px;
}
.tourmaster-tour-rating {
    position: static;
    margin-top: 3px;
    display: flex;
    align-items: center;
}

.new-sliderbanner .price-red {
    width: 100%;
    float: none;
    position: static;
    margin: 0;
    padding: 5px 10px;
    color: #333333;
}

.new-sliderbanner .price-red p {
    text-align: left;
    padding: 0;
}

.new-sliderbanner .price-text .product-title {
    float: none;
    padding: 10px;
    margin: 0;
    height: auto !important;
    line-height: 1;
}
.new-sliderbanner .price-text .product-title span {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.new-sliderbanner ul li .tour-by-category-box article {
    /* box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 -1px 3px 0 rgba(0, 0, 0, 0.08) !important; */
    transition: all .2s ease;
}

.new-sliderbanner ul li .tour-by-category-box:hover article {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.12), 0 -1px 2px 0 rgba(0, 0, 0, 0.08) !important;
}

.new-sliderbanner .price-red p.tourmaster-tail {
    height: 18px;
}

.new-sliderbanner ul.trading.content-slider {
    overflow: visible;
    padding-bottom: 15px !important;
    margin-top: 0 !important;
}
.new-sliderbanner figure.box-inner .ribbon {
    position: absolute;
    height: auto;
    width: auto;
    top: 50%;
    right: 10px;
    left: unset;
    box-shadow: 3px 3px 0px 0px #ffb193;
}

figure.box-inner {
    position: relative;
}

.new-sliderbanner figure.box-inner .ribbon>span {
    position: static;
    margin: 0;
    padding: 0;
    float: none;
    background-color: #e88e52 !important;
    background: #ff7417 !important;
    width: 75px;
    text-align: center;
}

.new-sliderbanner figure.box-inner .ribbon .ribb-shadow {
    display: none;
}

.new-sliderbanner .bannertitle,
.bannertitle {
    position: relative;
    height: auto;
    text-align: center;
    text-transform: uppercase;
}

.new-sliderbanner .bannertitle .fa,
.bannertitle .fa {
    display: none;
}

.new-sliderbanner .bannertitle span.border-ri,
.bannertitle span.border-ri {
    width: 18%;
    margin: 10px auto 0;
}

.new-sliderbanner .lSSlideOuter {
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    position: relative;
    overflow: visible;
}
.new-sliderbanner .lSAction {
    position: fixed;
    right: unset;
    width: 100%;
    top: -60px;
}

.new-sliderbanner .lSAction>.lSNext {
    right: 0 !important;
}

.new-sliderbanner .lSAction>.lSPrev {
    left: 0 !important;
}

.new-sliderbanner .lSNext,
.new-sliderbanner .lSPrev {
    background-color: transparent;
    background: transparent !important;
    color: #333;
    font-size: 56px;
}

.new-sliderbanner .lSPrev::before {
    content: "\f104";
    display: block;
    font-family: FontAwesome;
}

.new-sliderbanner .lSNext::before {
    content: "\f105";
    display: block;
    font-family: FontAwesome;
}

.new-sliderbanner .lSAction>.lSPrev,
.new-sliderbanner .lSAction>.lSNext {
    color: #888;
    font-size: 32px;
}

.homepage-why-icons.fa.fa-shield {
    font-size: 32px;
    /* line-height: 20px; */
    color: #795548;
}

.homepage-why-icons.fa.fa-commenting {
    font-size: 30px;
    color: #03A9F4;
}

.homepage-why-icons.fa.fa-credit-card-alt {
    font-size: 22px;
    line-height: 30px;
    color: #8BC34A;
}

.homepage-why-icons.fa.fa-lock {
    font-size: 34px;
    color: #ed1b24;
}

.homepage-why-icons.fa.fa-star {
    font-size: 32px;
    color: #daa520;
}
.homepage-search-bar-icon {
    font-size: 22px !important;
    line-height: 35px !important;
    text-align: center;
    color: #666666;
}
.homepage-search-panel-icon {
    font-size: 17px;
    text-align: center;
    line-height: 31px;
    color: var(--main-web-color);
}
.tourmaster-tour-rating .fa {
    font-size: 12px;
}
.searchpage-taxi-icon.fa.fa-taxi {
    font-size: 18px;
    text-align: center;
    line-height: 32px;
    color: var(--main-web-color);
}

/* Loader */
.lds-ripple {
    display: inline-block;
    position: relative;
    width: 84px;
    height: 84px;
    margin: 0 auto;
}

.lds-ripple div {
    position: absolute;
    border: 4px solid var(--main-web-color);
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
    animation-delay: -0.5s;
}

@keyframes lds-ripple {
    0% {
        top: 42px;
        left: 42px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: -1px;
        left: -1px;
        width: 84px;
        height: 84px;
        opacity: 0;
    }
}
/* Loader */

#searching-loader {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    z-index: 99;
}
#searching-loader .loader-wrapper {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.6);
}
div#divTourlist {
    position: relative;
}
.tour-fixed-w0 {
    width: 0%;
}
.tour-time-slots_div {
    display: none;
    padding: 10px 0;
}
.tour-time-slots_div span.timeslot_tag {
    background-color: #ddd;
    display: inline-block;
    padding: 0px 5px;
    margin: 0 4px 4px 0;
}
.tour-time-slots_div span.timeslot_tag.selected {
    background-color: #4CAF50;
    color: #fff;
}
 .woocommerce-account article.status-publish {
     box-shadow: none;
 }

 .woocommerce-account .woocommerce-MyAccount-navigation {
     width: 20%;
 }

 .woocommerce-account .woocommerce-MyAccount-content {
     display: inline-block;
     float: left;
     margin-left: 5%;
     width: 75%;
 }

 .woocommerce-account .woocommerce-MyAccount-navigation ul {
     padding: 0;
     border-top: 1px solid #eee;
 }

 .woocommerce-account .woocommerce-MyAccount-navigation ul li {
     list-style: none;
     border-bottom: 1px solid #eee;
     padding-bottom: 0;
 }

 .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:before {
     opacity: 1;
 }

 .woocommerce-account .woocommerce-MyAccount-navigation ul li a {
     padding: 10px 5px;
     display: block;
 }

 .woocommerce-account .woocommerce-MyAccount-navigation ul li a:before {
     margin-right: 20px;
     opacity: .25;
 }

 .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover:before {
     opacity: 1;
 }

 .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before {
     font-family: 'FontAwesome';
     content: "\f0e4";
 }

 .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before {
     font-family: 'FontAwesome';
     content: "\f291";
 }

 .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before {
     font-family: 'FontAwesome';
     content: "\f1c6";
 }

 .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before {
     font-family: 'FontAwesome';
     content: "\f015";
 }

 .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before {
     font-family: 'FontAwesome';
     content: "\f09d";
 }

 .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before {
     font-family: 'FontAwesome';
     content: "\f007";
 }

 .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before {
     font-family: 'FontAwesome';
     content: "\f08b";
 }

 .woocommerce-account .woocommerce-MyAccount-content h2 {
     font-size: 25px;
     text-align: center;
     font-weight: 600;
 }

 .woocommerce-account p.order-again {
     text-align: right;
 }

 .woocommerce-account .woocommerce-EditAccountForm input[type="submit"] {
     margin-top: 50px;
     float: right;
 }

 .woocommerce-account .entry-content .woocommerce::after {
     content: '';
     display: table;
     clear: both;
 }

 .woocommerce-account .entry-content .woocommerce nav.woocommerce-MyAccount-navigation,
 .woocommerce-account .entry-content .woocommerce .woocommerce-MyAccount-content {
     float: left;
 }
 .woocommerce-account .chaser.hidden-mobile {
     display: none;
 }

 /* my-account login css */
 div#customer_login>div {
     float: left;
     width: 50%;
 }
 div#customer_login::after {
     content: '';
     display: table;
     clear: both;
 }
 div#customer_login {
     padding: 60px 0 40px;
 }
 /* my-account login css */

 /* my account details messages */
 div.woocommerce-message {
     border-color: #8BAF5B;
     background-color: #E0F1B5;
     color: #4F5F39;
     font-family: lato;
     padding: 5px 10px;
     margin: 5px 0;
 }
 .woocommerce-error>li {
     border-color: #F44336;
     background-color: #E57373;
     color: #fff;
     font-family: lato;
     padding: 5px 10px;
     margin: 5px 0;
 }
 .woocommerce-error>li>strong {
     color: #fff;
 }
 /* my account details messages */

 /* lost password css */
 .woocommerce-account.woocommerce-lost-password .woocommerce {
     width: 450px;
     padding: 40px 0;
 }
 /* lost password css */

/*css*/
.authBgImg {
    background: url("../web_assets/assets/img/autBg.jpg") no-repeat;
    background-size: cover;
    background-position: center;
}
.authWrap .site-logo img {
    width: 200px;
}
.authInner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.formWrap {
    width: 500px;
}
.formWrap .site-logo {
    margin-bottom: 30px;
}
.h-vh-md {
    height: 100vh;
}
.textAreaHeight {
    height: 80px !important;
    margin-bottom: 0 !important;
}
.signIn, .signUp {
    width: 100%;
}
.formHeading {
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 30px;
    color: #000;
}
.formWrap label {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 5px;
    color: #000;
}
.formWrap input, .formWrap select, .formWrap textarea {
    border: thin solid #e9e9e9 !important;
    background: #fff;
    line-height: normal;
    padding: 5px 10px;
}
.form-control, .formWrap input.input-text {
    height: 40px;
    box-shadow: none;
    border-color: #e4e4e4;
    resize: none;
    padding: 6px 12px !important;
}
.form-control:focus {
    box-shadow: none;
    border-color: var(--main-web-color) !important;
}
.formWrap input[type=checkbox] {
    margin: 0px 0 10px;

}
.formWrap button {
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    border-radius: 4px;
    height: 40px;
    transition: all .25s ease-in-out;
}
.formWrap .passwordWrap{
    position: relative;
}
.formWrap .lost_password {
    position: absolute;
    right: 10px;
    top: 37px;
    line-height: 15px;
}
.formWrap .lost_password a {
    font-size: 12px;
    font-weight: 500;
    color: var(--main-web-color);
}
.formWrap .passwordWrap input {
    padding-right: 110px;
}
.bottomText {
    margin: 30px 0 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #000000;
}
.bottomText a {
    color: var(--main-web-color);
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}
.formWrap .policy-text p {
    font-size: 14px;
    line-height: 18px;
    color: #000;
}
.mb-15 {
    margin-bottom: 15px;
}
.mb-30 {
    margin-bottom: 30px;
}

/*sort-by-section*/
.d-flex {
    display: flex;
}
.d-block {
    display: block;
}
.align-items-center {
    align-items: center;
}
.justify-content-center {
    justify-content: center;
}
.sort-by-section,
.leadDetailBg,
.cartActivityBg .panel {
    border: 1px solid #e4e4e4 !important;
    background: #f5f5f5 !important;
    padding: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.cartFormWrap .form-control {
    margin-bottom: 15px;
}
.border-top {
    border-top: 1px solid #e4e4e4 !important;
}
.leadDetailBg .card-title {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-weight: 500;
}
.cartActivityBg .panel-title {
    padding: 0 !important;
}
.cartActivityBg .panel-title a {
    color: #000000;
    font-weight: 500;
    font-size: 1.5em;
    line-height: 1.2222em;
    padding-bottom: 0 !important;
}
.cartActivityBg .wraplist .lefttitle {
    font-weight: 500;
}
.cartActivityBg .remove-cart-item {
    position: absolute;
    top: 50%;
    right: 40px;
    height: 20px;
    width: 20px;
    padding: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-top: -10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

}
.remove-cart-item:before {
    display: none !important;
}
.cardCollapseTitle {
    font-size: 21px;
    font-weight: 500;
    padding-right: 25px;
    display: inline-block;
}
.cartActivityBg .remove-cart-item i {
    font-size: 13px;
    color: #fff;
}
#payment .wraplist {
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
}
.wraplist .pull-left {
    font-weight: 500;
}
.lefttitle,
.pricetext {
    color: #000000;
}
#payment .subroomtitle1 {
    color: #000000;
    font-size: 14px;
    line-height: 27px;
    padding: 10px 15px!important;
}
#payment .Finalprice {
    color: #000000;
    font-size: 18px;
    margin-top: 10px;
}
.text-green {
    color: #00a54f;
}
.btncolbg {
    background-color: #ded4d4!important;
}
.red-color {
    color: #f98e00!important;
}
.paymentDetailHeading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.paymentDetailWrap h3 {
    font-weight: 500;
    margin: 0;
}
.paymentDetailWrap img {
    width: 38px;
    height: auto;
    margin-left: 15px;
    margin-top: 5px;
}
.mr5 {
    margin-right: 5px !important;
}
.curDropdownWrap .select2-container--default .select2-selection--single {
    background-color: transparent;
    border: none;
    font-weight: 500;
}
.curDropdownWrap .select2-container--default .select2-selection--single:focus,
.curDropdownWrap .select2-container--default .select2-selection--single span {
    outline: none;
}
.curDropdownWrap .select2-container--default .select2-selection--single span {
    color: #fff;
}
.curDropdownWrap .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #ffffff transparent transparent transparent;
}
.curDropdownWrap .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #ffffff transparent;
}
.searchTourWrap {
    border: 1px solid #e4e4e4 !important;
    /*padding: 15px;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.searchTourTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.position-relative {
    position: relative;
}
.searchTourTitle .searchIconStyle {
    position: absolute;
    right: 6px;
    bottom: 3px;
}
/*.searchTourWrap.panel.style1.arrow-right .panel-title>a:before {
    top: 3px;
}*/
.searchTourWrap.panel.style1 .panel-title>a::before {
    background: -297px -77px #f5f5f5 !important;
}
.searchTourWrap.panel.style1 .panel-title>a.collapsed::before {
    color: #0c0c0c !important;
}

.icon_home_width {
    width: 61px;
}
.orange-bg {
    background-color: #ed8323;
}
.purple-bg {
    background: #995ca5;
}
.green-bg {
    background: #72bf44;
}
.blue-bg {
    background: #01b7f2;
}
.text_orange {
    color: #ED8323;
}
.user-profile-statictics > li {
    margin-right: 20px !important;
    margin-left: 20px !important;
    background: #f2f1f1!important;
    text-align: center!important;
    padding: 12px 0px 0px !important;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px!important;
}
.user-profile-statictics > li h5 {
    font-size: 30px;
    line-height: 1em;
    margin-bottom: 3px;
    color: #ed8323;
}
.user-profile-statictics > li p {
    margin-bottom: 0;
    line-height: 1em;
    font-size: 13px;
}
.user-profile-statictics > li > .btnmore {
    border-top: 1px solid #e2e1e1;
    margin-top: 5px;
    padding: 15px;
    border-radius: 0px 0px 5px 5px;
}
.user-profile-statictics > li > .btnmore a {
    color: #fff !important;
    font-size: 13px;
    line-height: 14px;
    display: flex;
    justify-content: space-between;
}
.user-profile-sidebar{-webkit-border-radius:5px;border-radius:5px;margin-right:30px;padding:20px 0;background:#4d4d4d;color:#fff;margin-bottom:30px;}
.user-profile-sidebar .user-profile-avatar{padding:0 20px;margin-bottom:20px;}
.user-profile-sidebar .user-profile-avatar img{max-width:120px;margin-bottom:15px;-webkit-border-radius:50%;border-radius:50%;}
.user-profile-sidebar .user-profile-avatar h5{color:#fff;margin-bottom:0;font-size:16px;}
.user-profile-sidebar .user-profile-avatar p{font-size:10px;}
.user-profile-sidebar .user-profile-nav > li{border-bottom:1px solid #404040;}
.user-profile-sidebar .user-profile-nav > li:first-child{border-top:1px solid #404040;}
.user-profile-sidebar .user-profile-nav > li.active > a{background:#ed8323;color:#fff;cursor:default;}
.user-profile-sidebar .user-profile-nav > li.active > a:hover{background:#ed8323;color:#fff;}
.user-profile-sidebar .user-profile-nav > li.active > a:hover > i{color:#fff;}
.user-profile-sidebar .user-profile-nav > li > a{padding:10px 20px;color:#d9d9d9;display:block;font-size:13px;}
.user-profile-sidebar .user-profile-nav > li > a:hover{color:#fff;background:#404040;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;}
.user-profile-sidebar .user-profile-nav > li > a:hover > i{color:#ed8323;}
.user-profile-sidebar .user-profile-nav > li > a > i{margin-right:7px;display:inline-block;width:20px;text-align:center;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;}
.user-profile-statictics > li{margin-right:20px;text-align:center;padding:20px;border:1px solid #e6e6e6;-webkit-border-radius:5px;border-radius:5px;width:153px;}
.user-profile-statictics > li:last-child{margin-right:0;}
.user-profile-statictics > li .user-profile-statictics-icon{font-size:70px;display:inline-block;margin-bottom:10px;color:#8c8c8c;}
.user-profile-statictics > li h5{font-size:30px;margin-bottom:0;line-height:1em;margin-bottom:3px;color:#ed8323;}
.user-profile-statictics > li p{margin-bottom:0;line-height:1em;font-size:13px;}
.table-booking-history{font-size:12px;}
.table-booking-history .booking-history-type{text-align:center;}
.table-booking-history .booking-history-type > i{display:block;font-size:25px;color:#626262;margin-bottom:2px;}
.table-booking-history .booking-history-type > small{line-height:1em;display:block;}
.table-booking-history .booking-history-title{width:22%;color:#565656;}

.registerName {
    margin-top: 4px;
    margin-right: 25px;
}
.registerName.show_fieldmenu {
    margin-top: 4px;
    margin-right: 0px;
}
.registerName a,
.registerName .border {
    color: #fff;
    font-weight: 500;
}
.swal2-styled {
    padding: 0 15px !important;
    height: 40px;
}
.swal2-styled:focus {
    box-shadow: none !important;
}
.swal2-icon.swal2-warning {
    border-color: #ffc107!important;
    color: #ffc107!important;
    margin-top: 0;
}
.swal2-styled.swal2-confirm {
    background-color: #26c6da !important;
}

#review_form .form-control {
    margin-bottom: 15px;
}
.p15 {padding: 15px !important;}

#Booking-History .paginate_button.current {
    background: #00b5d3 !important;
    border: 1px solid #00b5d3;
    color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #ffffff !important;
    border: 1px solid #00b5d3;
    background: #00b5d3 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    color: #ffffff !important;
}
#Booking-History .dataTables_filter input {
    box-shadow: none;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    resize: none;
    padding: 6px 12px !important;
}
#Booking-History .dataTables_length select {
    border: thin solid #e4e4e4 !important;
    background: transparent;
    border-radius: 4px;
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: #000000;
}
table.dataTable.display tbody td,
table.dataTable tfoot th,
table.dataTable tfoot td {
    border-top: 0;
}
table.dataTable thead th,
table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 0;
    color: #26c6da;
}
table.dataTable.display tbody tr.even>.sorting_1,
table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    background-color: #ffffff;
}
table.dataTable.display tbody tr.odd>.sorting_1,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
    background-color: #f9f9f9;
}
table.dataTable.display tbody tr:hover>.sorting_1,
table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
    background-color: #f6f6f6 !important;
}
table.dataTable.no-footer {
    border-bottom: 0;
}

input.promo-code {
    height: 43px;
}

.tourFilesWrap i {
    font-size: 18px;
}

.cusScroll {
    position: relative;
    max-height: 565px;
}

.tourdetprice1 {
    line-height: initial !important;
    padding: 0 !important;
}
.tourdetprice1 .prices,
.tourdetsave1 .prices,
.tourdetcur1 .toursavestr {
    margin-left: 5px !important;
}
.tourdetprice1,
.tourdetsave1,
.tourdetcur1 {
    display: flex;
    justify-content: flex-end;
}

.t16 {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 8px;
    font-weight: bold;
}
.t14 {
    font-size: 14px;
    line-height: 16px;
}
.t_gray {
    color: #888;
}
.t_v_mid {
    padding-right: 18px;
}

.staffLoginWrap {
    background: linear-gradient(107deg,rgba(239, 141, 19, 0.3),#008497),url(../web_assets/assets/img/city_staff.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 80px 0;
}

/* Agent Login */
.agentLoginWrap {
    background: linear-gradient(107deg,rgba(5,63,156,.8),#008497),url("../web_assets/assets/img/agent_login_banner_bg.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    padding: 80px 0;
}
.agentInnerWrap .title {
    color: #ffffff;
    font-size: 54px;
    font-weight: 700;
    line-height: 1.35;
    text-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.agentInnerWrap .subtitle {
    color: #ffffff;
    font-size: 30px;
    line-height: 35px;
    margin: 20px 0;
}
.agentInfo {
    list-style: none;
    font-size: 16px;
    line-height: 18px;
}
.agentInfo li {
    margin-bottom: 16px;
    font-style: italic;
    padding-left: 26px;
    position: relative;
    color: #ffffff;
}
.agentInfo li:before {
    content: "\f00c";
    position: absolute;
    top: 1px;
    font-size: 16px;
    font-family: FontAwesome;
    left: 0;
}
.agent-signin-box {
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 40px;
}
.agent-signin-box .login-title {
    display: block;
    color: #26c6da;
    text-align: center;
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 24px;
}
.agent-signin-box input[type=password], .agent-signin-box input[type=email] {
    height: 48px;
    border: 1px solid #e0e0e0;
    padding: 15px 36px 15px 12px;
    font-size: 16px;
    color: #333;
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.agent-signin-box button.btn {
    width: 100%;
    height: 48px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    background: #26c6da;
    color: #fff;
    margin: 0 0 30px;
    border: none;
}
.agent-signin-box label.form-check-label {
    display: flex;
    align-items: center;
}
.agent-signin-box input[type=checkbox] {
    display: inline-block;
    margin-right: 5px;
    margin-top: 0px;
}
.agent-signin-box .form-check-label span {
    font-size: 14px;
    margin-top: 0px;
}
.agent-signin-box input[type="password"] {
    padding-right: 110px !important;
}
.agent-signin-box .lost_password {
    position: absolute;
    right: 10px;
    top: 15px;
    line-height: 15px;
}
.agent-signin-box .lost_password a {
    font-size: 12px;
    font-weight: 500;
    color: #26c6da;
}
.agent-signin-box .signin_up {
    font-size: 16px;
    line-height: 18px;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
    text-align: center;
}
.agent-signin-box .signin_up a {
    color: #26c6da;
}

/**/
.fa-icon {
    right: 37px;
    top: 14px;
    font-size: 17px;
    background-image: none;
    position: absolute;
    z-index: 9;
}
#nav-tab-bank li span {
    font-weight: 600;
    margin-right: 5px !important;
}
.paymentWrap {
    background-color: transparent;
    border-bottom: 1px solid #ccc;
    color: #26c6da;
    font-weight: bold;
    border-radius: 0px;
}
.paymentWrap li.nav-item a {
    color: #000;
}
.paymentWrap li.nav-item.active a {
    background-color: transparent;
    border-bottom: 1px solid #26c6da;
    color: #26c6da;
    font-weight: bold;
    border-radius: 0px;
}
.paymentWrap li.nav-item.active a:hover,
.paymentWrap li.nav-item.active a:focus {
    background-color: transparent;
    color: #26c6da;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #26c6da;
}
.shadow-none {
    box-shadow: none !important;
}
/*.select2-container--default .select2-selection--single .select2-selection__arrow,
.agent-signin-box .select2-container .select2-selection--single {
    height: 40px;
}*/
.agent-signin-box .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #e4e4e4;
}

/*responsive*/
@media only screen and (max-width: 991px) {
    .h-vh-md {
        height: 100%;
    }
    .authBgImg {
        display: none;
    }
}
@media only screen and (max-width: 767px) {
    .searchTourTitle {
        display: block;
        padding: 15px;
    }
    .tourSearchWrap {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }
    .tourSearchWrap .seo_searchtitle {
        margin: 0;
    }
    .tourSearchWrap .searchpage-taxi-icon.fa.fa-taxi {
        margin-top: 0 !important;
    }
    #tourcount {
        line-height: 0;
    }
    .listing-style3.hotel figure img,
    .product_title {
        border: 0px !important;
    }
    .wrapper_2, .wrapper_21 {
        display: block !important;
    }
    h3.box-title.xs-font12.lg-font-16 {
        margin-bottom: 5px !important;
    }
    .res_product_title .title1 h3 {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        white-space: unset !important;
    }
    .res_product_title .title1,
    article.listview .list_txt {
         padding: 10px !important;
    }
    ul.tabs.text_lower.holiday_main {
        display: none;
    }
    .checkoutWrap {
        display: block;
    }
    .checkoutWrap button {
        display: block;
        margin: 15px 0 0 auto;
    }
    .tourlayout1 .desctitle:before {
        display: none
    }
    .rating-stars.text-left .desctitle {
        background: transparent;
    }
    .rating-stars.text-left {
        margin-bottom: 15px;
    }
    .white-bg.tour-review.p15 .desctitle {
        margin-left: -15px !important;
        margin-right: -15px !important;
        margin-bottom: 0 !important;
        padding-left: 10px !important;
        padding-top: 10px !important;
    }
    .white-bg.tour-review {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .white-bg.tour-review textarea.form-control {
        margin-bottom: 0px !important;
    }
    .white-bg.tour-review input[type='text'] {
        margin-top: 10px !important;
    }
    .hotel-list article .res_product_title,
    .res_product_title .xs-listW {
        height: 100% !important;
    }
    .tourdetprice1,
    .tourdetsave1,
    .tourdetcur1 {
        display: flex;
        justify-content: center;
    }
    .tourdetailico {
        padding: 0 !important;
    }
    .tourdetailico .fa.tour-option-icon {
        font-size: 18px;
    }
    .restobook {
        width: 30px !important;
    }
    span.tour-option-span {
        font-size: 12px;
    }
}

/*
@media only screen and (min-width: 768px) {
    .header-sticky {
        position: fixed !important;
        top: 0;
        width: 100%;
        -moz-box-shadow:    3px 3px 8px 0px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.2);
        box-shadow:         3px 3px 8px 0px rgba(0, 0, 0, 0.2);
    }
    #divSearch {
        margin-top: 108px;
    }
    #header .main-header{
        background: #ffffff;
    }
}
*/

.dropbtn {
    background-color: #ef8d13;
    color: white;
    font-size: 16px;
    border: none;
}

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

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: -webkit-fill-available;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #5bc6da;}

.view_modal {color: #f98e00;font-weight: 600;}
.view_modal:hover, .view_modal:focus {color: #f98e00 !important;}

#sync1 .item {
    margin: 5px;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}

#sync2 .item {
    background: #c9c9c9;
    /* padding: 10px 0px; */
    margin: 5px;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
}

#sync2 .item h1 {
    font-size: 18px;
}

#sync2 .current .item {
    background: #0c83e7;
}

.owl-theme .owl-nav [class*="owl-"] {
    transition: all 0.3s ease;
}

.owl-theme .owl-nav [class*="owl-"].disabled:hover {
    background-color: #d6d6d6;
}

#sync1.owl-theme {
    position: relative;
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background: rgb(255 255 255 / 50%);
}
#sync1.owl-carousel .owl-item img {
    height: 300px;
}
#sync1.owl-theme .owl-next,
#sync1.owl-theme .owl-prev {
    width: 22px;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
}

#sync1.owl-theme .owl-prev {
    left: 10px;
}

#sync1.owl-theme .owl-next {
    right: 10px;
}
/* animate fadin duration 1.5s */
.owl-carousel .animated {
    animation-duration: 1.5s !important;
}
    #sync1.owl-theme .owl-next,
#sync1.owl-theme .owl-prev {
    width: 35px !important;
    height: 55px !important;
}
#sync1 svg {
    width: 22px !important;
}

.view_modal_wrp h4.title {
    font-weight: bold;
}
.view_modal_wrp .badge {
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 2px;
    font-weight: 400;
    color: #000;
}
.view_modal_wrp button.close {
    position: relative;
    display: flex;
    padding: 0;
    margin-left: auto;
    z-index: 1;
}
.view_modal_wrp button.close span {
    position: absolute;
    top: -10px;
    right: -10px;
}

.room-opt {width: 100%;}

.datepicker-wrap input {
    background-color: #fff!important;
    outline: 0;
}
.datepicker-wrap::after{content:" ";background-image:url(https://d1vqfl8cu8qgdj.cloudfront.net/assets/img/headerstrip.png)!important;background-repeat:no-repeat;background-position:-35px -56px!important;background-color:#fff!important;top:18px;right:2px}
.tour_sup .datepicker-wrap::after{top:9px!important}

/* Increment/Decrement */
.value-button {
    display: inline-block;
    border: 1px solid #ddd;
    margin: 0px;
    height: 30px;
    width: 30px;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    background: #eee;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.value-button:hover {
    cursor: pointer;
}

form #decrease {
    border-radius: 4px 0 0 4px;
}

form #increase {
    border-radius: 0 4px 4px 0;
}
input#number {
    text-align: center;
    border: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0;
    width: 35px;
    height: 30px;
}

input.numberClass {
    text-align: center;
    border: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0;
    width: 35px;
    height: 30px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 10px 0;
    margin: 5px 0 0;
    text-align: left;
    list-style: none;
    background-color: white;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .175);
}
.dropdown-menu.open {
    display: block !important;
}

.dropdown-menu.roomsWrp {
    right: 0;
    left: auto;
}
.roomsWrp {padding: 20px;}
.rooms {
    margin: 0;
    padding: 0;
}

.add_room_btn_wrapper {
    padding: 0;
}
.add_room_btn_wrapper .addroom_btn,
.add_room_btn_wrapper .removeroom {
    width: auto !important;
    height: auto !important;
}
.room_btn_wrp {
    background: #fff;
    color: #767676;
    font-size: 14px;
    border: thin solid #e9e9e9;
}
.room_btn_wrp:hover,
.room_btn_wrp:focus {
    background: #fff;
    box-shadow: none !important;
}

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

.datepicker-wrap .ui-datepicker-trigger {
    height: auto;
    top: 0;
}
.modify_srch {
    background: transparent;
    padding: 0;
    color: #26C6DA;
    font-weight: 500;
    border: 0;
}
.modify_srch:hover,
.modify_srch:focus,
.modify_srch:active:focus {
    background: transparent;
    padding: 0;
    color: #26C6DA;
    font-weight: 500;
    border: 0;
    outline: 0;
    box-shadow: none;
}

.collapseWrp .row {
    margin-left: 15px;
    margin-right: 15px;
}

.collapseWrp .room_btn_wrp {
    padding: 0 10px !important;
}

.locationTypeFilter {
    position: relative;
    height: 300px;
    overflow-y: hidden;
}