@import url(http://fonts.googleapis.com/earlyaccess/hanna.css);

* {
    outline: 0;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 21px;
    color: #000;
    font-weight: 400;
}


p {
    font-size: 14px;
    color: #dcdcdc;
    font-weight: 400;
    line-height: 21px;
}


h1, h2, h3, h4 {
    font-family: 'Montserrat', sans-serif;
    color: #000;
    margin-top: 0;
    font-weight: 700;
}

h4 {
    font-size: 18px;
    margin-bottom: 25px;
}

.container {
    width: 100%;
}

@media (min-width: 320px) {
    .container {
        width: 970px;
        font-size: 9px;
    }
}

@media (min-width: 480px) {
    .container {
        width: 970px;
        font-size: 10px;
    }
}

@media (min-width: 768px) {
    .container {
        width: 970px;
        font-size: 11px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
        font-size: 12px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
        font-size: 13px;
    }
}

@media (min-width: 1500px) {
    .container {
        width: 1470px;
        font-size: 14px;
    }
}

body.bodyColor.wrapper {
    margin: 0 auto;
}

@media (min-width: 320px) {
    body.bodyColor.wrapper {
        max-width: 320px;
    }
}

@media (min-width: 480px) {
    body.bodyColor.wrapper {
        max-width: 450px;
    }
}

@media (min-width: 768px) {
    body.bodyColor.wrapper {
        max-width: 750px;
    }
}

@media (min-width: 992px) {
    body.bodyColor.wrapper {
        max-width: 970px;
    }
}

@media (min-width: 1200px) {
    body.bodyColor.wrapper {
        max-width: 1170px;
    }
}

@media (min-width: 1500px) {
    body.bodyColor.wrapper {
        max-width: 1470px;
    }
}

@media (min-width: 320px) {
    body.bodyColor .header {
        max-width: 320px;
    }
}

@media (min-width: 480px) {
    body.bodyColor .header {
        max-width: 450px;
    }
}

@media (min-width: 768px) {
    body.bodyColor .header {
        max-width: 750px;
    }
}

@media (min-width: 992px) {
    body.bodyColor .header {
        max-width: 970px;
    }
}

@media (min-width: 1200px) {
    body.bodyColor .header {
        max-width: 1170px;
    }
}

@media (min-width: 1500px) {
    body.bodyColor .header {
        max-width: 1470px;
    }
}

body.bodyColor .navbar-fixed-top {
    right: auto;
    left: auto;
}

.btn {
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    padding: 8px 6px;
}

@media (min-width: 480px) {
    .btn {
        font-size: 10px;
        padding: 7px 4px;
    }
}

@media (min-width: 768px) {
    .btn {
        font-size: 12px;
        padding: 8px 5px;
    }
}

@media (min-width: 992px) {
    .btn {
        font-size: 14px;
        padding: 9px 6px;
    }
}

@media (min-width: 1200px) {
    .btn {
        font-size: 15px;
        padding: 10px 7px;
    }
}

@media (min-width: 1500px) {
    .btn {
        font-size: 15px;
        padding: 11px 8px;
    }
}


.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 4px
}

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

.btn.focus, .btn:focus, .btn:hover {
    color: #333;
    text-decoration: none
}

.btn.active, .btn:active {
    background-image: none;
    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;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65
}

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

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

.btn-default.focus, .btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c
}

.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
    background-image: none
}

.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, 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: #1e90ffe3/*#337ab7*/;
    background-color: linear-gradient(to bottom, deepskyblue, dodgerblue);
    border-color: #2e6da4;
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40
}

.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40
}

.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary .badge {
    color: #337ab7;
    background-color: #fff
}

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

.btn-success.focus, .btn-success:focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

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

.btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success {
    background-image: none
}

.btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, 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 {
    border-width: 2px;
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info.focus, .btn-info:focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85
}

.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

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

.btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info {
    background-image: none
}

.btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, 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.focus, .btn-warning:focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d
}

.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

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

.btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning {
    background-image: none
}

.btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, 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: #ff0000c9/*#d9534f*/;
    background-color: linear-gradient(to bottom, #FF7E80, FF0000);
    border-color: #d43f3a
}

.btn-danger.focus, .btn-danger:focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19
}

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

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

.btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger {
    background-image: none
}

.btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, 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 {
    font-weight: 400;
    color: #337ab7;
    border-radius: 0
}

.btn-link, .btn-link.active, .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: #23527c;
    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: #777;
    text-decoration: none
}

.popup-body {
    padding: 10px;
    border: 1px solid #bfbcb5;
    background: rgb(16 15 12 / 90%);
    border-radius: 3px;
    font-size: 12px;
    box-shadow: inset 0px 0px 3px 3px hsl(48deg 100% 50% / 15%);
    line-height: 180%;
    font-weight: bold;
}

.popup-footer {
    float: right;
    margin-top: 1px;
}

.btn-popup {
    background-color: #975c1f;
    border: 1px #148e83 solid;
}

.btnsportskind {
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    display: inline-block;
    padding: 6px 12px;
    margin-right: 6px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    width: 70px;
    color: #141414;
    background-color: rgba(0, 0, 0, 0.1);
}

.btnsportskind:hover {
    color: #eee;
    background-color: rgba(0, 0, 0, 0.5);
}

.btnsportskindchoice {
    color: #fff5ec !important;
    background-color: rgb(13, 204, 232) !important;
}

@media (min-width: 480px) {
    .btnsportskind {
        font-size: 15px;
    }
}

@media (min-width: 768px) {
    .btnsportskind {
        font-size: 12px;
    }
}

@media (min-width: 992px) {
    .btnsportskind {
        font-size: 14px;
    }
}

@media (min-width: 1200px) {
    .btnsportskind {
        font-size: 15px;
    }
}

@media (min-width: 1500px) {
    .btnsportskind {
        font-size: 15px;
    }
}


.main-wrapper {
    position: relative;
}

.form-control:focus {
    box-shadow: none;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0;
}

.buttonCustomPrimary {
    height: 45px;
    line-height: 45px;
    border-radius: 4px;
    background-color: #ff891e;
    color: #ffffff !important;
    font-weight: 400;
    font-size: 15px;
    padding: 0;
}

.buttonTransparent, .paginationCenter .pagination li:first-child a, .paginationCenter .pagination li:last-child a, .isotopeFilters ul.filter > li a {
    height: 35px;
    line-height: 35px;
    border-radius: 4px;
    border-color: #dedede;
    padding: 0 15px;
    color: #dcdcdc;
    outline: 0;
}

.buttonTransparent:hover, .paginationCenter .pagination li:first-child a:hover, .paginationCenter .pagination li:last-child a:hover, .isotopeFilters ul.filter > li a:hover {
    background-color: #ff891e;
    border-color: #ff891e;
    color: #ffffff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    outline: 0;
}

.buttonTransparentfocus {
    outline: 0;
}

.sectionTitle {
    text-align: center;
}

@media (max-width: 767px) {
    .sectionTitle {
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) {
    .sectionTitle {
        margin-bottom: 48px;
    }
}

.sectionTitle h2 {
    position: relative;
    margin-bottom: 16px;
}

@media (max-width: 767px) {
    .sectionTitle h2 {
        font-size: 20px;
    }
}

@media (min-width: 768px) {
    .sectionTitle h2 {
        font-size: 26px;
    }
}

.sectionTitle h2 span {
    padding-left: 38px;
    padding-right: 38px;
    z-index: 5;
    position: relative;
    background-color: #ffffff;
}

.sectionTitle h2 span.lightBg {
    background-color: whitesmoke;
}

.sectionTitle h2:before {
    background-color: #e5e5e5;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    z-index: 1;
}

.sectionTitle p {
    color: #dcdcdc;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .sectionTitle p {
        font-size: 11px;
    }
}

@media (min-width: 768px) {
    .sectionTitle p {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .sectionTitleDouble {
        background-image: none;
    }
}

@media (min-width: 768px) {
    .sectionTitleDouble {
        background-image: url("../img/home/devider.png?v=021955");
        background-position: right center;
        background-repeat: no-repeat;
        background-size: 8px 45px;
    }
}

.sectionTitleDouble p, .sectionTitleDouble h2 {
    color: #ffffff;
    line-height: 26px;
    margin-bottom: 0;
    font-weight: 400;
}

@media (min-width: 992px) {
    .sectionTitleDouble p, .sectionTitleDouble h2 {
        font-size: 18px;
    }
}

@media (min-width: 1200px) {
    .sectionTitleDouble p, .sectionTitleDouble h2 {
        font-size: 20px;
    }
}

@media (min-width: 1500px) {
    .sectionTitleDouble p, .sectionTitleDouble h2 {
        font-size: 20px;
    }
}

.sectionTitleDouble h2 {
    font-weight: 700;
}

@media (min-width: 992px) {
    .sectionTitleDouble h2 {
        font-size: 22px;
    }
}

@media (min-width: 1200px) {
    .sectionTitleDouble h2 {
        font-size: 26px;
    }
}

@media (min-width: 1500px) {
    .sectionTitleDouble h2 {
        font-size: 26px;
    }
}

.sectionTitleDouble h2 span {
    color: #ff891e;
}

.form .form-group .form-control, .commentsForm .form-group .form-control, .modal.bookingModal .modal-dialog .modal-content .modal-body .form-group .form-control {
    height: 45px;
    background-color: whitesmoke;
    box-shadow: none;
    border-color: #e5e5e5;
    color: #dcdcdc;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
}

.form .form-group .form-control:focus, .commentsForm .form-group .form-control:focus, .modal.bookingModal .modal-dialog .modal-content .modal-body .form-group .form-control:focus {
    outline: 0;
}

.form .form-group textarea.form-control, .commentsForm .form-group textarea.form-control, .modal.bookingModal .modal-dialog .modal-content .modal-body .form-group textarea.form-control {
    height: 150px;
}

.form .buttonCustomPrimary, .commentsForm .buttonCustomPrimary, .modal.bookingModal .modal-dialog .modal-content .modal-body .buttonCustomPrimary {
    padding: 0 20px;
}

.commentsForm .form-control {
    border: none;
}

.commentsForm .buttonCustomPrimary {
    background-color: transparent;
    color: #eee666 !important;
    border-color: #dedede;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.commentsForm .buttonCustomPrimary:hover {
    background-color: #ff891e;
    border-color: #ff891e;
    color: #ffffff !important;
}

.commentsForm h3 {
    font-size: 20px;
    color: #222222;
    text-transform: capitalize;
    font-weight: 400;
    margin-bottom: 30px;
}

.contactForm .form-control {
    border: none;
}

.contactForm .buttonCustomPrimary {
    float: right;
}

.paginationCenter {
    width: 100%;
    text-align: center;
    padding-top: 78px;
}

.paginationCenter .pagination {
    margin: 0;
}

.paginationCenter .pagination li {
    display: inline-block;
}

.paginationCenter .pagination li a {
    color: #222222;
    border: none;
    height: 35px;
    line-height: 35px;
    padding: 0 12px;
    background-color: whitesmoke;
}

.paginationCenter .pagination li a:hover {
    color: #ff891e;
    background-color: transparent;
}

.paginationCenter .pagination li.active a {
    color: #ff891e;
    background-color: transparent;
}

.paginationCenter .pagination li.active a:hover, .paginationCenter .pagination li.active a:focus {
    color: #ff891e;
    background-color: transparent;
}

.paginationCenter .pagination li:first-child a, .paginationCenter .pagination li:last-child a {
    color: #222222;
    border: 1px solid #dedede;
}

.paginationCenter .pagination li:first-child a span i {
    margin-right: 5px;
}

.paginationCenter .pagination li:last-child a span i {
    margin-left: 5px;
}

.paginationCenter.paginationTransparent {
    padding-top: 0;
}

.paginationCenter.paginationTransparent .pagination li a {
    background-color: #ffffff;
}

.accordionWrappar {
    padding: 15px;
    border: 1px solid #eeeeee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .accordionWrappar {
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) {
    .accordionWrappar {
        margin-bottom: 0;
    }
}

.accordionsTransparent .panel-group {
    margin-bottom: 15px;
}

.accordionsTransparent .panel-group .panel {
    border: none;
    border-radius: 0;
}

.accordionsTransparent .panel-group .panel-heading {
    padding: 15px;
    font-size: 15px;
    color: #dcdcdc;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #eeeeee;
    border-radius: 0;
}

.accordionsTransparent .panel-group .panel-heading i {
    line-height: 22px;
}

.accordionsTransparent .panel-group .panel-heading.hideBorder {
    border: none;
}

.accordionsTransparent .panel-group .panel-heading:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.accordionsTransparent .panel-default > a.panel-heading {
    display: block;
}

.accordionsTransparent .panel-group .panel + .panel {
    margin-top: 0;
}

.accordionsTransparent .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: none !important;
}

.accordionsTransparent .panel {
    box-shadow: none;
}

.accordionsTransparent .panel-heading.active {
    color: #ff891e;
    border: none;
}

.accordionsTransparent .panel-collapse.active {
    border-bottom: 1px solid #eeeeee;
}

.accordionsTransparent .solidBgTitle .panel {
    margin-bottom: 20px;
}

.accordionsTransparent .solidBgTitle .panel-heading {
    background-color: #ff891e;
    color: #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.accordionsTransparent .solidBgTitle .panel-body {
    background-color: whitesmoke;
    border-radius: 0 0 4px 4px;
}

.accordionsTransparent .solidBgTitle .panel-collapse {
    border-radius: 0 0 4px 4px;
}

.accordionsTransparent .accordionSolidTitle .panel, .accordionsTransparent .accordionSolidBar .panel {
    margin-bottom: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: transparent;
}

.accordionsTransparent .accordionSolidTitle .panel-heading, .accordionsTransparent .accordionSolidBar .panel-heading {
    background-color: #ffffff;
    color: #222222;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.accordionsTransparent .accordionSolidTitle .panel-heading.active, .accordionsTransparent .accordionSolidBar .panel-heading.active {
    color: #ffffff;
    background-color: #ff891e;
}

.accordionsTransparent .accordionSolidTitle .panel-collapse.active, .accordionsTransparent .accordionSolidBar .panel-collapse.active {
    background-color: transparent;
    border: none;
}

.ed-datepicker {
    height: 45px;
    margin-top: 4px;
    border: none;
    border-bottom: 1px solid rgba(222, 222, 222, 0.3);
    padding: 0;
    border-radius: 0;
}

.ed-datepicker.filterDate {
    border-color: #dedede;
    margin-bottom: 20px;
}

.ed-datepicker .form-control {
    height: 45px;
    background: transparent;
    border: none;
    font-size: 12px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.3);
    padding: 4px 12px 4px 0;
    box-shadow: none !important;
}

.ed-datepicker.filterDate .form-control {
    color: #dcdcdc;
}

.ed-datepicker .form-control::-webkit-input-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.3);
}

.ed-datepicker .form-control::-moz-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.3);
}

.ed-datepicker .form-control:-ms-input-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.3);
}

.ed-datepicker .form-control:-moz-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.3);
}

.ed-datepicker.filterDate .form-control::-webkit-input-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: #dcdcdc;
}

.ed-datepicker.filterDate .form-control::-moz-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: #dcdcdc;
}

.ed-datepicker.filterDate .form-control:-ms-input-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: #dcdcdc;
}

.ed-datepicker.filterDate .form-control:-moz-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: #dcdcdc;
}

.ed-datepicker .input-group-addon {
    height: 45px;
    background: transparent;
    border: none;
    padding-right: 0;
}

.datepicker-dropdown {
    width: auto;
    padding: 0;
}

.filterDate .datepicker-dropdown {
    top: 87% !important;
}

.datepicker-dropdown thead {
    font-size: 15px;
    font-weight: 400;
}

.datepicker-dropdown thead tr:last-child th {
    background-color: #ff891e;
    border-radius: 0;
    font-size: 14px;
    color: #ffffff;
}

.datepicker table tr td.day {
    color: #dcdcdc;
    font-weight: 400;
    border-radius: 0 !important;
    background: transparent;
    margin: 0 3px 10px;
    padding: 5px;
    width: 43px;
    height: 43px;
    text-align: center;
    border: 1px solid #e5e5e5;
}

.datepicker table tr td.day.new, .datepicker table tr td.day.old {
    color: #cccfd3;
    background: transparent;
}

.datepicker table tr td.day:hover, .datepicker table tr td.focused {
    background: #ff891e;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -ms-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
    cursor: pointer;
    color: #ffffff;
}

.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active {
    border-color: #262a2e;
    background: #262a2e;
    -webkit-transition: background 0.3s, border-color 0.3s;
    -moz-transition: background 0.3s, border-color 0.3s;
    -ms-transition: background 0.3s, border-color 0.3s;
    -o-transition: background 0.3s, border-color 0.3s;
    transition: background 0.3s, border-color 0.3s;
}

.datepicker table tr td.active.active.focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active.focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active:active.focus, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active:hover {
    border-color: #262a2e;
    background: #262a2e;
    -webkit-transition: background 0.3s, border-color 0.3s;
    -moz-transition: background 0.3s, border-color 0.3s;
    -ms-transition: background 0.3s, border-color 0.3s;
    -o-transition: background 0.3s, border-color 0.3s;
    transition: background 0.3s, border-color 0.3s;
}

.datepicker .datepicker-switch {
    color: #222222;
}

.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
    background: transparent;
    border: none;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
    cursor: pointer;
    color: #262a2e;
}

.datepicker-dropdown::after, .datepicker-dropdown::before {
    display: none;
}

.datepicker table tr td, .datepicker table tr th {
    height: 50px;
}

.thumbnail {
    border: none;
    padding: 0;
}

.thumbnail.deals {
    overflow: hidden;
    position: relative;
    float: left;
    box-shadow: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.thumbnail.deals img {
    width: 100%;
    height: 263px;
}

.thumbnail.deals .discountInfo {
    position: absolute;
    left: 0;
    top: 0;
    height: 263px;
    width: 100%;
}

@media (max-width: 767px) {
    .thumbnail.deals .discountInfo {
        padding: 5px 0 0 5px;
    }
}

@media (min-width: 768px) {
    .thumbnail.deals .discountInfo {
        padding: 5px 0 0 5px;
    }
}

@media (min-width: 992px) {
    .thumbnail.deals .discountInfo {
        padding: 20px 0 0 20px;
    }
}

.thumbnail.deals .discountInfo .discountOffer {
    border-radius: 100%;
    background-color: #ff891e;
}

@media (max-width: 767px) {
    .thumbnail.deals .discountInfo .discountOffer {
        margin-bottom: 40%;
        width: 60px;
        padding: 15px 0;
    }
}

@media (min-width: 768px) {
    .thumbnail.deals .discountInfo .discountOffer {
        margin-bottom: 30px;
        width: 60px;
        padding: 15px 0;
    }
}

@media (min-width: 992px) {
    .thumbnail.deals .discountInfo .discountOffer {
        margin-bottom: 60px;
        width: 76px;
        padding: 19px 0;
    }
}

@media (min-width: 1200px) {
    .thumbnail.deals .discountInfo .discountOffer {
        margin-bottom: 104px;
        width: 76px;
        padding: 19px 0;
    }
}

@media (min-width: 1500px) {
    .thumbnail.deals .discountInfo .discountOffer {
        margin-bottom: 104px;
        width: 76px;
        padding: 19px 0;
    }
}

.thumbnail.deals .discountInfo .discountOffer h4 {
    color: #ffffff;
    text-align: center;
    margin: 0;
}

@media (max-width: 767px) {
    .thumbnail.deals .discountInfo .discountOffer h4 {
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .thumbnail.deals .discountInfo .discountOffer h4 {
        font-size: 14px;
    }
}

@media (min-width: 992px) {
    .thumbnail.deals .discountInfo .discountOffer h4 {
        font-size: 18px;
    }
}

.thumbnail.deals .discountInfo .discountOffer h4 span {
    display: block;
}

.thumbnail.deals .discountInfo .duration {
    margin-left: 0;
    position: absolute;
    left: 20px;
    bottom: 20px;
}

.thumbnail.deals .discountInfo .duration li {
    color: #ffffff;
    font-weight: 700;
    border-right: 1px solid #ffffff;
    line-height: 21px;
    float: left;
}

@media (min-width: 768px) {
    .thumbnail.deals .discountInfo .duration li {
        font-size: 11px;
        padding: 0 10px;
    }
}

@media (min-width: 992px) {
    .thumbnail.deals .discountInfo .duration li {
        font-size: 15px;
        padding: 0 12px;
    }
}

.thumbnail.deals .discountInfo .duration li:first-child {
    padding-left: 0;
}

.thumbnail.deals .discountInfo .duration li:last-child {
    border-right: 0;
}

.thumbnail.deals .caption {
    padding: 30px 20px;
}

.thumbnail.deals .caption .captionTitle {
    font-size: 15px;
    color: #222222;
    font-weight: 700;
    margin: 0 0 15px 0;
    display: block;
}

.thumbnail.deals .caption .captionTitle:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    color: #ff891e;
}

.thumbnail.deals .caption p {
    margin-bottom: 40px;
}

.thumbnail.deals .caption .detailsInfo {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.thumbnail.deals .caption .detailsInfo h5 {
    float: left;
    line-height: 21px;
    margin: 0;
    color: #ff891e;
    font-weight: 400;
    font-size: 20px;
}

.thumbnail.deals .caption .detailsInfo h5 span {
    font-size: 14px;
    color: #dcdcdc;
    text-transform: capitalize;
}

@media (min-width: 768px) {
    .thumbnail.deals .caption .detailsInfo h5 span {
        display: inline-block;
    }
}

@media (min-width: 992px) {
    .thumbnail.deals .caption .detailsInfo h5 span {
        display: block;
    }
}

@media (max-width: 767px) {
    .thumbnail.deals .caption .detailsInfo h5 {
        display: block;
        width: 100%;
        margin-bottom: 30px;
        text-align: center;
    }
}

@media (min-width: 768px) {
    .thumbnail.deals .caption .detailsInfo h5 {
        display: inline-block;
        width: auto;
        margin-bottom: 0;
        text-align: left;
    }
}

@media (max-width: 767px) {
    .thumbnail.deals.packagesPage .discountOffer {
        margin-bottom: 40%;
        width: 60px;
        padding: 15px 0;
    }
}

@media (min-width: 768px) {
    .thumbnail.deals.packagesPage .discountOffer {
        margin-bottom: 30px;
        width: 60px;
        padding: 15px 0;
    }
}

@media (min-width: 992px) {
    .thumbnail.deals.packagesPage .discountOffer {
        margin-bottom: 45px;
        width: 70px;
        padding: 16px 0;
    }
}

.thumbnail.deals.packagesPage .duration {
    margin-left: 0;
}

.thumbnail.deals.packagesPage .duration li {
    color: #ffffff;
    font-weight: 700;
    border-right: 1px solid #ffffff;
    line-height: 21px;
    float: left;
}

@media (min-width: 768px) {
    .thumbnail.deals.packagesPage .duration li {
        font-size: 11px;
        padding: 0 10px;
    }
}

.thumbnail.deals.packagesPage .duration li:first-child {
    padding-left: 0;
}

.thumbnail.deals.packagesPage .duration li:last-child {
    border-right: 0;
}

.thumbnail.deals.packagesPage .caption .detailsInfo .detailsBtn .buttonTransparent, .thumbnail.deals.packagesPage .caption .detailsInfo .detailsBtn .paginationCenter .pagination li:first-child a, .paginationCenter .pagination li:first-child .thumbnail.deals.packagesPage .caption .detailsInfo .detailsBtn a, .thumbnail.deals.packagesPage .caption .detailsInfo .detailsBtn .paginationCenter .pagination li:last-child a, .paginationCenter .pagination li:last-child .thumbnail.deals.packagesPage .caption .detailsInfo .detailsBtn a, .thumbnail.deals.packagesPage .caption .detailsInfo .detailsBtn .isotopeFilters ul.filter > li a, .isotopeFilters ul.filter > li .thumbnail.deals.packagesPage .caption .detailsInfo .detailsBtn a {
    font-size: 13px;
}

.thumbnail.deals:hover {
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.thumbnail.blogPostItem {
    position: relative;
    border: none;
    padding: 0;
    float: left;
    box-shadow: none;
}

.thumbnail.blogPostItem img {
    width: 100%;
}

.thumbnail.blogPostItem .caption {
    padding: 30px 20px;
}

.thumbnail.blogPostItem .caption p {
    margin-bottom: 30px;
}

.thumbnail.blogPostItem .caption .detailsInfo {
    display: inline-block;
    width: 100%;
}

.thumbnail.blogPostItem .caption .detailsInfo h4 {
    display: inline-block;
    float: left;
}

.thumbnail.blogPostItem .caption .detailsInfo h4 {
    line-height: 21px;
    margin-bottom: 0;
    color: #ff891e;
    font-weight: 400;
    font-size: 20px;
}

.thumbnail.blogPostItem .caption .detailsInfo h4 span {
    font-size: 14px;
    color: #dcdcdc;
    text-transform: capitalize;
}

@media (min-width: 768px) {
    .thumbnail.blogPostItem .caption .detailsInfo h4 span {
        display: inline-block;
    }
}

@media (min-width: 992px) {
    .thumbnail.blogPostItem .caption .detailsInfo h4 span {
        display: block;
    }
}

.thumbnail.citiesContent {
    margin-bottom: 80px;
}

.thumbnail.citiesContent .imageArea {
    margin-bottom: 18px;
    padding: 0 9px;
    position: relative;
}

.thumbnail.citiesContent .imageArea img {
    width: 100%;
}

.thumbnail.citiesContent .imageArea .sticker {
    position: absolute;
    left: 19px;
    top: 10px;
    background-color: rgba(0, 0, 0, 0.35);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    padding: 12px 20px;
}

.thumbnail.citiesContent .caption .media {
    background-color: whitesmoke;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #eeeeee;
}

@media (max-width: 767px) {
    .thumbnail.citiesContent .caption .media {
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) {
    .thumbnail.citiesContent .caption .media {
        margin-bottom: 0;
    }
}

.thumbnail.citiesContent .caption .media .media-body {
    padding-left: 10px;
}

.thumbnail.citiesContent .caption .media .media-body a {
    color: #222222;
    font-size: 18px;
    line-height: 24px;
    margin: 15px 0;
    display: block;
    font-weight: 400;
}

.thumbnail.citiesContent .caption .media .media-body a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    color: #ff891e;
}

.thumbnail.citiesContent .caption .media .media-body h4 {
    color: #ff891e;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
    font-weight: 400;
}

.thumbnail.citiesContent .media-left {
    float: left;
}

.pageLink {
    width: 100%;
    height: 263px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
}

.marginExten {
    margin-left: -24px;
    margin-right: -24px;
}

.buttonArea {
    width: 100%;
    display: block;
    text-align: center;
}

.buttonArea .buttonTransparent, .buttonArea .paginationCenter .pagination li:first-child a, .paginationCenter .pagination li:first-child .buttonArea a, .buttonArea .paginationCenter .pagination li:last-child a, .paginationCenter .pagination li:last-child .buttonArea a, .buttonArea .isotopeFilters ul.filter > li a, .isotopeFilters ul.filter > li .buttonArea a {
    height: 45px;
    line-height: 45px;
}

@media (max-width: 767px) {
    .buttonArea .buttonTransparent, .buttonArea .paginationCenter .pagination li:first-child a, .paginationCenter .pagination li:first-child .buttonArea a, .buttonArea .paginationCenter .pagination li:last-child a, .paginationCenter .pagination li:last-child .buttonArea a, .buttonArea .isotopeFilters ul.filter > li a, .isotopeFilters ul.filter > li .buttonArea a {
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) {
    .buttonArea .buttonTransparent, .buttonArea .paginationCenter .pagination li:first-child a, .paginationCenter .pagination li:first-child .buttonArea a, .buttonArea .paginationCenter .pagination li:last-child a, .paginationCenter .pagination li:last-child .buttonArea a, .buttonArea .isotopeFilters ul.filter > li a, .isotopeFilters ul.filter > li .buttonArea a {
        margin-bottom: 0;
    }
}

.buttonArea.galleryBtnArea {
    text-align: left;
    padding: 60px 0;
}

.buttonArea.galleryBtnArea .buttonTransparent, .buttonArea.galleryBtnArea .paginationCenter .pagination li:first-child a, .paginationCenter .pagination li:first-child .buttonArea.galleryBtnArea a, .buttonArea.galleryBtnArea .paginationCenter .pagination li:last-child a, .paginationCenter .pagination li:last-child .buttonArea.galleryBtnArea a, .buttonArea.galleryBtnArea .isotopeFilters ul.filter > li a, .isotopeFilters ul.filter > li .buttonArea.galleryBtnArea a {
    background-color: whitesmoke;
    border-color: whitesmoke;
    color: #222222;
    padding: 0 30px;
}

.buttonArea.galleryBtnArea .buttonTransparent:hover, .buttonArea.galleryBtnArea .paginationCenter .pagination li:first-child a:hover, .paginationCenter .pagination li:first-child .buttonArea.galleryBtnArea a:hover, .buttonArea.galleryBtnArea .paginationCenter .pagination li:last-child a:hover, .paginationCenter .pagination li:last-child .buttonArea.galleryBtnArea a:hover, .buttonArea.galleryBtnArea .isotopeFilters ul.filter > li a:hover, .isotopeFilters ul.filter > li .buttonArea.galleryBtnArea a:hover {
    color: #ffffff;
    background-color: #ff891e;
    border-color: #ff891e;
}

.blogTitle {
    font-size: 20px;
    color: #222222;
    text-transform: capitalize;
    font-weight: 400;
    margin: 0 0 20px 0;
    display: block;
}

.blogTitle:hover {
    color: #ff891e;
}

.blogInfo {
    margin-bottom: 25px;
}

.blogInfo li {
    font-size: 12px;
    line-height: 18px;
    color: #dcdcdc;
}

.blogInfo li i {
    margin-right: 6px;
}

.blogInfo li a {
    color: #dcdcdc;
}

.blogInfo li a:hover {
    color: #ff891e;
}

.rating {
    margin-left: 0;
    display: block;
    width: 100%;
    margin-bottom: 5px;
}

.rating li {
    padding: 0;
}

.rating li i {
    color: #fec701;
}

.rating.homePage {
    margin-left: 0;
    display: block;
    width: 100%;
    position: absolute;
    left: 20px;
    bottom: 45px;
}

.rating.homePage li {
    padding: 0;
}

.rating.homePage li i {
    color: #fec701;
}

.detailsBtn {
    float: right;
    margin-top: 5px;
}

@media (max-width: 767px) {
    .detailsBtn {
        display: block;
        width: 100%;
    }
}

@media (min-width: 768px) {
    .detailsBtn {
        display: inline-block;
        width: auto;
    }
}

.detailsBtn li {
    padding: 0;
}

.detailsBtn li .buttonTransparent, .detailsBtn .paginationCenter .pagination li:first-child a, .paginationCenter .pagination .detailsBtn li:first-child a, .detailsBtn .paginationCenter .pagination li:last-child a, .paginationCenter .pagination .detailsBtn li:last-child a, .detailsBtn .isotopeFilters ul.filter > li a, .isotopeFilters .detailsBtn ul.filter > li a {
    color: #dcdcdc;
}

.detailsBtn li .buttonTransparent:hover, .detailsBtn .paginationCenter .pagination li:first-child a:hover, .paginationCenter .pagination .detailsBtn li:first-child a:hover, .detailsBtn .paginationCenter .pagination li:last-child a:hover, .paginationCenter .pagination .detailsBtn li:last-child a:hover, .detailsBtn .isotopeFilters ul.filter > li a:hover, .isotopeFilters .detailsBtn ul.filter > li a:hover {
    color: #ffffff;
}

.btnArea {
    padding-top: 30px;
    text-align: center;
}

@media (max-width: 767px) {
    .modal.bookingModal .modal-dialog {
        width: auto;
    }
}

@media (min-width: 768px) {
    .modal.bookingModal .modal-dialog {
        width: 402px;
    }
}

.modal.bookingModal .modal-dialog .modal-content {
    border: none;
    border-top: 5px solid #ff891e;
}

.modal.bookingModal .modal-dialog .modal-content .modal-header {
    border: none;
}

.modal.bookingModal .modal-dialog .modal-content .modal-header .modal-title {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.packagesFilter {
    border: none;
    margin-bottom: 30px;
    border-top: 5px solid #ff891e;
}

.packagesFilter .panel-heading {
    background-color: #ffffff;
    border: none;
}

.packagesFilter .panel-heading .panel-title {
    color: #222222;
    font-size: 18px;
    line-height: 25px;
    border: none;
}

.packagesFilter .panel-body {
    padding-top: 0px;
}

.packagesFilter .panel-body .buttonTransparent, .packagesFilter .panel-body .paginationCenter .pagination li:first-child a, .paginationCenter .pagination li:first-child .packagesFilter .panel-body a, .packagesFilter .panel-body .paginationCenter .pagination li:last-child a, .paginationCenter .pagination li:last-child .packagesFilter .panel-body a, .packagesFilter .panel-body .isotopeFilters ul.filter > li a, .isotopeFilters ul.filter > li .packagesFilter .panel-body a {
    color: #dcdcdc;
}

.packagesFilter .panel-body .buttonTransparent:hover, .packagesFilter .panel-body .paginationCenter .pagination li:first-child a:hover, .paginationCenter .pagination li:first-child .packagesFilter .panel-body a:hover, .packagesFilter .panel-body .paginationCenter .pagination li:last-child a:hover, .paginationCenter .pagination li:last-child .packagesFilter .panel-body a:hover, .packagesFilter .panel-body .isotopeFilters ul.filter > li a:hover, .isotopeFilters ul.filter > li .packagesFilter .panel-body a:hover {
    color: #ffffff;
}

.priceRange .progress {
    margin: 20px 0 25px 0;
    height: 5px;
    background-color: #dedede;
    position: relative;
    overflow: visible;
}

.priceRange .progress .progress-bar {
    background-color: #262a2e;
}

.priceRange .progress .bulet {
    width: 16px;
    height: 16px;
    background-color: #ffffff;
    border: 2px solid #262a2e;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    left: 0px;
    top: -5px;
    position: absolute;
}

.priceRange .progress .bulet.next {
    left: 60px;
}

.priceRange .btn-default {
    display: none;
    height: 30px;
    line-height: 30px;
    padding: 0;
    background-color: #262a2e;
    border-radius: 0;
    border: none;
    color: #ffffff;
    font-weight: 700;
}

@media (min-width: 320px) {
    .priceRange .btn-default {
        width: 82px;
        font-size: 14px;
    }
}

@media (min-width: 480px) {
    .priceRange .btn-default {
        width: 82px;
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .priceRange .btn-default {
        width: 50px;
        font-size: 10px;
    }
}

@media (min-width: 992px) {
    .priceRange .btn-default {
        width: 45px;
        font-size: 10px;
    }
}

@media (min-width: 1200px) {
    .priceRange .btn-default {
        width: 82px;
        font-size: 14px;
    }
}

@media (min-width: 1500px) {
    .priceRange .btn-default {
        width: 82px;
        font-size: 14px;
    }
}

.priceRange .priceLabel {
    float: right;
    line-height: 30px;
    color: #262a2e;
}

@media (min-width: 480px) {
    .priceRange .priceLabel {
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .priceRange .priceLabel {
        font-size: 11px;
    }
}

@media (min-width: 992px) {
    .priceRange .priceLabel {
        font-size: 14px;
    }
}

.priceRange {
    position: relative;
}

.priceRange .price-slider-inner {
    display: block;
    margin: 15px 0 25px 0;
}

.priceRange .price-slider-inner .amount-wrapper {
    display: none;
    position: absolute;
    bottom: 25px;
    right: 20px;
    font-size: 14px;
    width: 120px;
}

.priceRange .price-slider-inner .amount-wrapper input {
    background-color: transparent;
    border: 0;
    width: 28%;
    font-size: 14px;
    color: #262a2e;
    font-weight: 700;
    text-align: right;
}

.priceRange .price-slider-inner .ui-widget-content {
    background: none;
    border: 0;
    background-color: #dedede;
    height: 4px;
    clear: both;
    border-radius: 4px;
    margin: 0 5px 0 9px;
}

.priceRange .price-slider-inner .ui-widget-content .ui-slider-range {
    background-color: #ff891e;
    border: none;
    border-radius: 0;
}

.priceRange .price-slider-inner .ui-widget-content .ui-slider-handle {
    border-radius: 50%;
    background: none;
    border: 3px solid #ff891e;
    background-color: #ff891e;
    top: -6px;
    width: 16px;
    height: 16px;
    outline: none;
}

.media-left {
    display: inline-block;
    float: left;
}

header {
    position: relative;
    z-index: 999;
}


.lightHeader {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
}

@media (max-width: 767px) {
    .lightHeader {
        height: 83px;
    }
}

@media (min-width: 768px) {
    .lightHeader {
        height: 95px;
    }
}

.lightHeader .navbar-nav > li > a {
    color: #000000 !important;
}

.lightHeader .navbar-nav > li > a:hover {
    color: #ff891e !important;
    border-color: #ff891e;
}

@media (max-width: 767px) {
    .lightHeader .navbar-nav > li > a {
        border-bottom: 1px solid #ffffff;
    }
}

@media (min-width: 768px) {
    .lightHeader .navbar-nav > li > a {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
}

.darkHeader {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    background-color: #262a2e;
}

@media (max-width: 767px) {
    .darkHeader {
        height: 83px;
    }
}

@media (min-width: 768px) {
    .darkHeader {
        height: 95px;
    }
}

.darkHeader .navbar-brand {
    background-image: url("../img/logo-dark.png?v=021955");
    background-repeat: no-repeat;
    background-size: cover;
}


@media (max-width: 767px) {
    .darkHeader .navbar-nav > li > a {
        border-bottom: 1px solid #ffffff;
        color: #000000 !important;
    }
}

@media (min-width: 768px) {
    .darkHeader .navbar-nav > li > a {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        color: #ffffff !important;
    }
}

.copyRight {
    display: block;
    background-color: #232629;
    padding: 30px 0;
}

@media (max-width: 767px) {
    .copyRight .list-inline {
        float: left;
        width: 100%;
        text-align: center;
        margin: 0 0 30px 0;
    }
}

@media (min-width: 768px) {
    .copyRight .list-inline {
        float: right;
        width: auto;
        text-align: left;
        margin-bottom: 0;
    }
}

.copyRight .list-inline li a {
    font-size: 13px;
    color: #929497;
}

.copyRight .list-inline li a:hover {
    color: #ff891e;
}

.copyRightText p {
    margin-bottom: 0;
    color: #929497;
}

.copyRightText p a {
    color: #929497;
}

.copyRightText p a:hover {
    color: #ff891e;
}

@media (max-width: 767px) {
    .copyRightText p {
        font-size: 11px;
        text-align: center;
    }
}

@media (min-width: 768px) {
    .copyRightText p {
        font-size: 13px;
        text-align: left;
    }
}

.static .pageTitle {
    margin-top: 0;
}

.mainContentSection, .whiteSection, .lightSection {
    width: 100%;
    padding: 20px 0 20px 0;
    display: block;
}

.darkSection {
    width: 100%;
    padding: 42px 0;
    background-color: #262a2e;
    display: block;
}

.darkSection.citiesPage {
    padding: 36px 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 80px;
}

@media (min-width: 768px) {
    .gridResize > .col-sm-3 {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .gridResize > .col-sm-3 {
        width: 21%;
    }
}

@media (max-width: 767px) {
    .gridResize > .col-sm-7 {
        width: 100%;
        margin-bottom: 15px;
    }
}

@media (min-width: 768px) {
    .gridResize > .col-sm-7 {
        width: 100%;
        margin-bottom: 15px;
    }
}

@media (min-width: 992px) {
    .gridResize > .col-sm-7 {
        width: 68%;
        margin-bottom: 0;
    }
}

@media (min-width: 768px) {
    .gridResize > .col-sm-2 {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .gridResize > .col-sm-2 {
        width: 11%;
    }
}

.gridResize .buttonCustomPrimary {
    margin-top: 4px;
}

.destinations {
    background-color: #262a2e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.destinations a img {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.destinations .media-left {
    display: inline-block;
    float: left;
}

@media (max-width: 767px) {
    .destinations .media-left {
        width: 100%;
        padding-right: 0;
    }
}

@media (min-width: 768px) {
    .destinations .media-left {
        width: 50%;
        padding-right: 10px;
    }
}

@media (min-width: 992px) {
    .destinations .media-left {
        width: auto;
    }
}

.destinations .media-left img {
    width: 100%;
}

@media (max-width: 767px) {
    .destinations .media-body {
        padding: 15px;
    }
}

@media (min-width: 768px) {
    .destinations .media-body {
        padding: 15px 23px 0 23px;
    }
}

@media (min-width: 992px) {
    .destinations .media-body {
        padding: 80px 23px 0 23px;
    }
}

@media (min-width: 1200px) {
    .destinations .media-body {
        padding: 80px 45px 0 45px;
    }
}

@media (min-width: 1500px) {
    .destinations .media-body {
        padding: 80px 45px 0 45px;
    }
}

.destinations .media-body .media-heading {
    color: #ffffff;
}

@media (min-width: 768px) {
    .destinations .media-body .media-heading {
        font-size: 16px;
        margin-bottom: 10px;
    }
}

@media (min-width: 992px) {
    .destinations .media-body .media-heading {
        font-size: 20px;
        margin-bottom: 25px;
    }
}

@media (min-width: 768px) {
    .destinations .media-body p {
        font-size: 11px;
        margin-bottom: 10px;
        line-height: 17px;
    }
}

@media (min-width: 992px) {
    .destinations .media-body p {
        font-size: 20px;
        margin-bottom: 25px;
        line-height: 21px;
    }
}

@media (min-width: 1200px) {
    .destinations .media-body p {
        font-size: 14px;
        line-height: 21px;
    }
}

@media (min-width: 1500px) {
    .destinations .media-body p {
        font-size: 14px;
        line-height: 21px;
    }
}

@media (max-width: 767px) {
    .destinations .media-body .list-unstyled {
        margin-bottom: 15px;
        width: 100%;
        display: block;
        float: none;
    }
}

@media (min-width: 768px) {
    .destinations .media-body .list-unstyled {
        margin-bottom: 5px;
        width: 33%;
        display: inline-block;
        float: left;
    }
}

@media (min-width: 992px) {
    .destinations .media-body .list-unstyled {
        margin-bottom: 24px;
    }
}

.destinations .media-body .list-unstyled li {
    font-size: 14px;
    color: #ffffff;
}

.destinations .media-body .list-unstyled li i {
    color: #ff891e;
    margin-right: 10px;
}

.destinations .media-body .list-unstyled li a {
    text-transform: capitalize;
    color: #929497;
    margin-bottom: 8px;
}

@media (min-width: 768px) {
    .destinations .media-body .list-unstyled li a {
        font-size: 11px;
        line-height: 17px;
    }
}

@media (min-width: 992px) {
    .destinations .media-body .list-unstyled li a {
        font-size: 14px;
        line-height: 21px;
    }
}

.destinations .media-body .list-unstyled li a i {
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    font-size: 8px;
    color: #929497;
}

.destinations .media-body .list-unstyled li a:hover {
    color: #ff891e;
}

.destinations .media-body .list-unstyled li a:hover i {
    color: #ff891e;
}

@media (min-width: 768px) {
    .destinations .media-body .list-unstyled li:first-child {
        margin-bottom: 0;
    }
}

@media (min-width: 992px) {
    .destinations .media-body .list-unstyled li:first-child {
        margin-bottom: 16px;
    }
}

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

.filter-container {
    padding: 0 20px 30px 20px;
}

@media (max-width: 767px) {
    .isotopeFilters ul.filter > li {
        padding: 2px;
    }
}

@media (min-width: 768px) {
    .isotopeFilters ul.filter > li {
        padding: 0;
    }
}

.isotopeFilters ul.filter > li a {
    font-size: 14px;
    line-height: 35px;
    color: #929497;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
}

.isotopeFilters ul.filter > li.active a {
    background-color: #ff891e;
    color: #ffffff;
    border-color: #ff891e;
}

.fancybox-lock .fancybox-overlay {
    background-color: rgba(0, 0, 0, 0.75);
}

.isotopeSelector img {
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.isotopeSelector:hover img {
    -moz-transform: scale(1.2) rotate(0);
    -o-transform: scale(1.2) rotate(0);
    -ms-transform: scale(1.2) rotate(0);
    -webkit-transform: scale(1.2) rotate(0);
    transform: scale(1.2) rotate(0);
}

.overlay-background {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.isotopeSelector figure {
    position: relative;
    margin-bottom: 30px;
}

.isotopeSelector h4 {
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 20px;
    color: #ffffff;
    z-index: 100;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 100%;
    text-align: center;
}

.isotopeSelector .overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.isotopeSelector .overlay .fancybox-pop {
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    position: absolute;
    z-index: 1000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.isotopeSelector .overlay .fancybox-pop .overlayInfo {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -moz-transform: translate(-50%, -30%);
    -o-transform: translate(-50%, -30%);
    -ms-transform: translate(-50%, -30%);
    -webkit-transform: translate(-50%, -30%);
    transform: translate(-50%, -30%);
}

.isotopeSelector .overlay .fancybox-pop .overlayInfo h5 {
    position: relative;
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 55px;
    margin-top: 0;
}

.isotopeSelector .overlay .fancybox-pop .overlayInfo h5 span {
    color: #ff891e;
}

.isotopeSelector .overlay .fancybox-pop .overlayInfo p {
    color: #ffffff;
    margin-bottom: 0;
}

.isotopeSelector .overlay .fancybox-pop .overlayInfo p i {
    margin-right: 5px;
}

.isotopeSelector:hover .overlay {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.isotopeSelector:hover .overlay .overlayInfo {
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.isotopeSelector:hover h4 {
    color: #ff891e;
}

.isotopeSelector .overlay.galleryMasonry .fancybox-pop .overlayInfo h2 {
    margin: 0 0 15px 0;
    font-size: 20px;
    color: #ffffff;
    font-weight: 700;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.isotopeSelector .overlay.galleryMasonry .fancybox-pop .overlayInfo p {
    color: #ffffff;
    margin-bottom: 25px;
}

.isotopeSelector .overlay.galleryMasonry .fancybox-pop .overlayInfo .buttonTransparent, .isotopeSelector .overlay.galleryMasonry .fancybox-pop .overlayInfo .paginationCenter .pagination li:first-child a, .paginationCenter .pagination li:first-child .isotopeSelector .overlay.galleryMasonry .fancybox-pop .overlayInfo a, .isotopeSelector .overlay.galleryMasonry .fancybox-pop .overlayInfo .paginationCenter .pagination li:last-child a, .paginationCenter .pagination li:last-child .isotopeSelector .overlay.galleryMasonry .fancybox-pop .overlayInfo a, .isotopeSelector .overlay.galleryMasonry .fancybox-pop .overlayInfo .isotopeFilters ul.filter > li a, .isotopeFilters ul.filter > li .isotopeSelector .overlay.galleryMasonry .fancybox-pop .overlayInfo a {
    color: #ffffff;
    background-color: transparent;
}

.isotopeSelector .overlay.galleryMasonry .fancybox-pop .overlayInfo .buttonTransparent:hover, .isotopeSelector .overlay.galleryMasonry .fancybox-pop .overlayInfo .paginationCenter .pagination li:first-child a:hover, .paginationCenter .pagination li:first-child .isotopeSelector .overlay.galleryMasonry .fancybox-pop .overlayInfo a:hover, .isotopeSelector .overlay.galleryMasonry .fancybox-pop .overlayInfo .paginationCenter .pagination li:last-child a:hover, .paginationCenter .pagination li:last-child .isotopeSelector .overlay.galleryMasonry .fancybox-pop .overlayInfo a:hover, .isotopeSelector .overlay.galleryMasonry .fancybox-pop .overlayInfo .isotopeFilters ul.filter > li a:hover, .isotopeFilters ul.filter > li .isotopeSelector .overlay.galleryMasonry .fancybox-pop .overlayInfo a:hover {
    background-color: #ff891e;
}

.pageTitle {
    background-image: url("/ui/imgs/pages/page-title-bg.jpg?v=021955");
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center top;
    color: #ffffff;
    height: 200px;
    margin-top: 0px;
}

.pageTitle .titleTable {
    display: table;
    height: 200px;
    width: 100%;
    padding-top: 60px;
}

.pageTitle .titleTable .titleTableInner {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.pageTitle .titleTable .titleTableInner .pageTitleInfo {
    text-align: center;
}

.pageTitle .titleTable .titleTableInner .pageTitleInfo h1 {
    color: #ffffff;
    font-size: 30px;
}

.under-border {
    width: 60px;
    height: 3px;
    background-color: #ffffff;
    margin: 16px auto 0;
}

.packagesSection, .lightSection {
    background-color: whitesmoke;
}

header {
    position: relative;
    z-index: 999;
}


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu a i {
    float: right;
    margin-top: 4px;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    margin-top: 0 !important;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

@media (min-width: 480px) {
    .dropdown-submenu > .dropdown-menu {
        left: 0;
    }
}

@media (min-width: 768px) {
    .dropdown-submenu > .dropdown-menu {
        left: 100%;
    }
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

@media (max-width: 767px) {
    .navbar-nav > li.open a:after, .navbar-nav > li.open a:hover:after, .navbar-nav > li.open a:focus:after {
        width: 0%;
    }
}

@media (min-width: 768px) {
    .navbar-nav > li.open a:after, .navbar-nav > li.open a:hover:after, .navbar-nav > li.open a:focus:after {
        width: 100%;
    }
}

.navbar-nav.searchBox a:after {
    display: none;
}

.navbar-toggle {
    margin-top: 20px;
}

.navbar-toggle {
    background-color: #ffffff;
}

.navbar-collapse {
    border-color: #ffffff;
}

.navbar-collapse li.dropdown .dropdown-menu {
    box-shadow: none;
}

@media (max-width: 767px) {
    .navbar-collapse li.dropdown .dropdown-menu {
        position: relative;
        width: 100%;
        float: left;
        border: 0;
        display: block;
    }
}

@media (min-width: 768px) {
    .navbar-collapse li.dropdown .dropdown-menu {
        position: absolute;
        float: left;
        display: none;
    }
}

.navbar-collapse li.dropdown.open .dropdown-menu {
    display: block;
}

@media (max-width: 767px) {
    .navbar-collapse li.dropdown.dropdown-submenu .dropdown-menu {
        position: relative;
        width: 100%;
        float: left;
        border: 0;
        display: block;
    }
}

@media (min-width: 768px) {
    .navbar-collapse li.dropdown.dropdown-submenu .dropdown-menu {
        position: absolute;
        float: left;
        display: none;
    }
}

.navbar-collapse li.dropdown.dropdown-submenu.open .dropdown-menu {
    display: block;
}

.navbar-brand {
    float: left;
    background-image: url("/ui/imgs/logobig.png?v=021955");
    background-repeat: no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    width: 214px;
    height: 80px;
    background-color: transparent;
    margin-top: 6px;
}

@media (max-width: 767px) {
    .navbar-brand {
        background-size: 101px 60px !important;
        margin-top: 0;
    }
}

@media (min-width: 768px) {
}

.static .navbar-right {
    margin-right: -30px !important;
}

.lightHeader {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    background-color: rgba(46, 46, 46, 0.98);
}

@media (max-width: 767px) {
    .lightHeader {
        height: 83px;
    }
}

@media (min-width: 768px) {
    .lightHeader {
        height: 95px;
    }
}


.lightHeader .navbar-brand {
    background-image: url("/ui/imgs/logo-color-big.png?v=021955");
    background-position: 6px 6px;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 767px) {
    .lightHeader .navbar-brand {
        background-size: 101px 60px !important;
        margin-top: 0;
        height: 83px;
    }
}

@media (min-width: 768px) {
    .lightHeader .navbar-brand {
        background-size: 129px 77px !important;
        height: 95px;
    }
}

.lightHeader .navbar-nav > li > a {
}

.lightHeader .navbar-nav > li > a:hover {
    color: #ff891e !important;
    border-color: #ff891e;
    -webkit-text-stroke: 1px #ff891e;
    -webkit-text-fill-color: #ff891e; /* Will override color (regardless of order) */
}

@media (max-width: 767px) {
    .lightHeader .navbar-nav > li > a {
        border-bottom: 1px solid #ffffff;
    }
}

@media (min-width: 768px) {
    .lightHeader .navbar-nav > li > a {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
}

.darkHeader {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    background-color: #262a2e;
}

@media (max-width: 767px) {
    .darkHeader {
        height: 83px;
    }
}

@media (min-width: 768px) {
    .darkHeader {
        height: 95px;
    }
}

.darkHeader .navbar-brand {
    background-image: url("../img/logo-dark.png?v=021955");
    background-repeat: no-repeat;
    background-size: cover;
}


.darkHeader .navbar-nav > li > a:hover {
    color: #ff891e !important;
    border-color: #ff891e;
}

@media (max-width: 767px) {
    .darkHeader .navbar-nav > li > a {
        border-bottom: 1px solid #ffffff;
        color: #000000 !important;
    }
}

@media (min-width: 768px) {
    .darkHeader .navbar-nav > li > a {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        color: #ffffff !important;
    }
}


.static .bannercontainer {
    margin-top: -95px;
}

.fullscreenbanner-container {
    width: 100%;
    position: relative;
    padding: 0;
}

.fullscreenbanner-container .tp-bullets.preview4 {
    opacity: 1 !important;
    height: auto !important;
}

@media (min-width: 992px) {
    .fullscreenbanner-container .tp-bullets.preview4 {
        bottom: 30px !important;
    }
}

.fullscreenbanner-container .tp-bullets.preview4 .bullet {
    background: rgba(255, 255, 255, 0.5) !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    box-shadow: none !important;
    width: 6px !important;
    height: 6px !important;
    border: 2px solid rgba(255, 255, 255, 0) !important;
    display: inline-block;
    margin-right: 14px !important;
    margin-left: 0 !important;
    margin-bottom: 0px !important;
    -webkit-transition: background-color 0.2s, border-color 0.2s;
    -moz-transition: background-color 0.2s, border-color 0.2s;
    -ms-transition: background-color 0.2s, border-color 0.2s;
    -o-transition: background-color 0.2s, border-color 0.2s;
    transition: background-color 0.2s, border-color 0.2s;
    float: none !important;
}

.fullscreenbanner-container .tp-bullets.preview4 .bullet:hover, .fullscreenbanner-container .tp-bullets.preview4 .bullet.selected {
    box-shadow: none !important;
    background: rgba(255, 255, 255, 0) !important;
    width: 14px !important;
    height: 14px !important;
    border: 2px solid white !important;
    margin-right: 10px !important;
    margin-left: -4px !important;
    margin-bottom: -3px !important;
}

.fullscreenbanner-container .tparrows.preview4 .tp-arr-iwrapper {
    display: none !important;
}

.tp-bullets {
    z-index: 99;
}

@media (min-width: 768px) {
    .tparrows.preview4:hover:after {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }

    .tp-leftarrow.preview4:hover:after {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }
}

.fullscreenbanner {
    color: #ffffff;
    width: 100%;
    position: relative;
}

.tp-caption {
    white-space: normal !important;
    width: inherit;
}

@media (max-width: 767px) {
    .tp-caption {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .tp-caption {
        width: 85%;
    }
}

@media (min-width: 992px) {
    .tp-caption {
        width: 70%;
    }
}

@media (min-width: 1200px) {
    .tp-caption {
        width: 65%;
    }
}

@media (min-width: 1500px) {
    .tp-caption {
        width: 65%;
    }
}

.tp-caption.rs-caption-1 {
    font-weight: 700;
}

@media (max-width: 767px) {
    .tp-caption.rs-caption-1 {
        font-size: 11px !important;
        line-height: 17px !important;
    }
}

@media (min-width: 768px) {
    .tp-caption.rs-caption-1 {
        font-size: 20px !important;
        line-height: 30px !important;
    }
}

@media (min-width: 992px) {
    .tp-caption.rs-caption-1 {
        font-size: 30px !important;
        line-height: 50px !important;
    }
}

@media (min-width: 1200px) {
    .tp-caption.rs-caption-1 {
        font-size: 30px !important;
        line-height: 50px !important;
    }
}

@media (min-width: 1500px) {
    .tp-caption.rs-caption-1 {
        font-size: 30px !important;
        line-height: 50px !important;
    }
}

.tp-caption.rs-caption-1 span {
    display: block;
}

@media (max-width: 767px) {
    .tp-caption.rs-caption-1 span {
        font-size: 20px !important;
        line-height: 30px !important;
    }
}

@media (min-width: 768px) {
    .tp-caption.rs-caption-1 span {
        font-size: 50px !important;
        line-height: 40px !important;
    }
}

@media (min-width: 992px) {
    .tp-caption.rs-caption-1 span {
        font-size: 64px !important;
        line-height: 54px !important;
    }
}

@media (min-width: 1200px) {
    .tp-caption.rs-caption-1 span {
        font-size: 64px !important;
        line-height: 54px !important;
    }
}

@media (min-width: 1500px) {
    .tp-caption.rs-caption-1 span {
        font-size: 64px !important;
        line-height: 54px !important;
    }
}

.tp-caption.rs-caption-2 {
    font-weight: 400;
    display: none;
}

@media (min-width: 768px) {
    .tp-caption.rs-caption-2 {
        display: block;
        font-size: 11px !important;
        line-height: 17px !important;
    }
}

@media (min-width: 1200px) {
    .tp-caption.rs-caption-2 {
        font-size: 14px !important;
        line-height: 21px !important;
    }
}

@media (min-width: 1500px) {
    .tp-caption.rs-caption-2 {
        font-size: 14px !important;
        line-height: 21px !important;
    }
}

.rs-caption-3 .btn {
    width: 131px;
}

.fullscreenbanner .tp-dottedoverlay.twoxtwo {
    background: rgba(0, 0, 0, 0.15);
    background-image: none !important;
    z-index: 1;
}

.tparrows.preview4 {
    width: 85px;
    height: 85px;
}

.tparrows.preview4:after {
    line-height: 85px;
    width: 85px;
    height: 85px;
    background-color: rgba(255, 255, 255, 0.1);
}

.promotionWrapper {
    background-image: url("../img/home/promotion/promotion-1.jpg?v=021955");
    background-attachment: fixed;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    color: #ffffff;
    height: 403px;
}

.promotionWrapper .promotionTable {
    display: table;
    height: 403px;
    width: 100%;
}

.promotionWrapper .promotionTable .promotionTableInner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.promotionWrapper .promotionTable .promotionTableInner .promotionInfo {
    text-align: center;
}

.promotionWrapper .promotionTable .promotionTableInner .promotionInfo span {
    line-height: 21px;
    color: #ffffff;
    font-size: 18px;
}

.promotionWrapper .promotionTable .promotionTableInner .promotionInfo h2 {
    font-size: 26px;
    line-height: 33px;
    color: #ffffff;
    margin-bottom: 40px;
    margin: 10px 0 40px 0;
}

.promotionWrapper .promotionTable .promotionTableInner .promotionInfo .rating li {
    color: #fec701;
    padding: 0;
}

.promotionWrapper .promotionTable .promotionTableInner .promotionInfo p {
    font-size: 18px;
    line-height: 21px;
    margin: 0 0 20px 0;
    color: #ffffff;
}

.promotionWrapper .promotionTable .promotionTableInner .promotionInfo .buttonCustomPrimary {
    padding: 0 16px;
}

.countUpSection {
    background-image: url("../img/home/promotion/promotion-2.jpg?v=021955");
    background-attachment: fixed;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center !important;
    color: #ffffff;
    padding: 130px 0;
}

.countUpSection .icon {
    width: 96px;
    height: 96px;
    background-color: rgba(255, 137, 30, 0.9);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    display: inline-block;
    margin-bottom: 15px;
}

.countUpSection .icon i {
    font-size: 42px;
    line-height: 96px;
}

.countUpSection .counter {
    line-height: 40px;
}

@media (max-width: 767px) {
    .countUpSection .counter {
        font-size: 32px;
    }
}

@media (min-width: 768px) {
    .countUpSection .counter {
        font-size: 52px;
    }
}

.countUpSection h5 {
    line-height: 21px;
}

@media (max-width: 767px) {
    .countUpSection h5 {
        font-size: 13px;
    }
}

@media (min-width: 768px) {
    .countUpSection h5 {
        font-size: 15px;
    }
}

.packagesList {
    background-color: #ffffff;
    min-height: 270px;
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .packagesList .media-left {
        float: left;
        width: 100%;
        padding-right: 0;
    }
}

@media (min-width: 768px) {
    .packagesList .media-left {
        float: left;
        width: 100%;
        padding-right: 0;
    }
}

@media (min-width: 992px) {
    .packagesList .media-left {
        float: left;
        width: auto;
        padding-right: 10px;
    }
}

.packagesList .media-left img {
    width: 100%;
}

.packagesList .media-body {
    position: relative;
    height: 100%;
    overflow: visible;
}

@media (max-width: 767px) {
    .packagesList .media-body {
        padding: 30px;
    }
}

@media (min-width: 768px) {
    .packagesList .media-body {
        padding: 30px 30px 0 20px;
    }
}

.packagesList .media-body .detailsBtn {
    float: left;
    margin-left: 0;
    position: absolute;
    left: 20px;
    top: 200px;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .packagesList .media-body .detailsBtn {
        position: relative;
        left: auto;
        top: auto;
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) {
    .packagesList .media-body .detailsBtn {
        top: 180px;
    }
}

@media (min-width: 992px) {
    .packagesList .media-body .detailsBtn {
        top: 210px;
    }
}

@media (min-width: 1200px) {
    .packagesList .media-body .detailsBtn {
        top: 200px;
    }
}

@media (min-width: 1500px) {
    .packagesList .media-body .detailsBtn {
        top: 200px;
    }
}

.packagesList .media-body .detailsBtn .buttonTransparent, .packagesList .media-body .detailsBtn .paginationCenter .pagination li:first-child a, .paginationCenter .pagination li:first-child .packagesList .media-body .detailsBtn a, .packagesList .media-body .detailsBtn .paginationCenter .pagination li:last-child a, .paginationCenter .pagination li:last-child .packagesList .media-body .detailsBtn a, .packagesList .media-body .detailsBtn .isotopeFilters ul.filter > li a, .isotopeFilters ul.filter > li .packagesList .media-body .detailsBtn a {
    margin-bottom: 10px;
}

.packagesList .media-body .detailsBtn .buttonTransparent i, .packagesList .media-body .detailsBtn .paginationCenter .pagination li:first-child a i, .paginationCenter .pagination li:first-child .packagesList .media-body .detailsBtn a i, .packagesList .media-body .detailsBtn .paginationCenter .pagination li:last-child a i, .paginationCenter .pagination li:last-child .packagesList .media-body .detailsBtn a i, .packagesList .media-body .detailsBtn .isotopeFilters ul.filter > li a i, .isotopeFilters ul.filter > li .packagesList .media-body .detailsBtn a i {
    margin-right: 10px;
}

.packagesList .media-body .countryRating span {
    display: inline-block;
    float: left;
    padding-right: 5px;
    margin-right: 5px;
    border-right: 1px solid #dedede;
    font-size: 13px;
    line-height: 15px;
    margin-top: 5px;
    color: #dcdcdc;
}

.textInfo {
    height: 35px;
    line-height: 35px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #dedede;
    padding: 0 15px;
    color: #dcdcdc;
    margin-bottom: 10px;
    font-size: 14px;
    display: block;
}

.media-heading a {
    color: #262a2e;
}

.media-heading a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    color: #ff891e;
}

.bodyLeft, .bodyRight {
    display: inline-block;
    float: left;
    width: 70%;
}

@media (max-width: 767px) {
    .bodyLeft, .bodyRight {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .bodyLeft, .bodyRight {
        width: 70%;
    }
}

@media (min-width: 992px) {
    .bodyLeft, .bodyRight {
        width: 60%;
    }
}

@media (min-width: 1200px) {
    .bodyLeft, .bodyRight {
        width: 70%;
    }
}

@media (min-width: 1500px) {
    .bodyLeft, .bodyRight {
        width: 70%;
    }
}

@media (max-width: 767px) {
    .bodyLeft p {
        font-size: 12px;
    }
}

@media (min-width: 768px) {
    .bodyLeft p {
        font-size: 12px;
    }
}

@media (min-width: 992px) {
    .bodyLeft p {
        font-size: 12px;
    }
}

@media (min-width: 1200px) {
    .bodyLeft p {
        font-size: 14px;
    }
}

@media (min-width: 1500px) {
    .bodyLeft p {
        font-size: 14px;
    }
}

.bodyRight {
    float: right;
}

@media (max-width: 767px) {
    .bodyRight {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .bodyRight {
        width: 28%;
    }
}

@media (min-width: 992px) {
    .bodyRight {
        width: 38%;
    }
}

@media (min-width: 1200px) {
    .bodyRight {
        width: 28%;
    }
}

@media (min-width: 1500px) {
    .bodyRight {
        width: 28%;
    }
}

.bookingDetails {
    width: 100%;
    display: block;
    text-align: center;
    background-color: #ff891e;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 25px 55px 15px 55px;
    min-height: 210px;
}

.bookingDetails h2 {
    color: #ffffff;
    margin-bottom: 5px;
}

.bookingDetails p {
    color: #ffffff;
}

.bookingDetails .buttonTransparent, .bookingDetails .paginationCenter .pagination li:first-child a, .paginationCenter .pagination li:first-child .bookingDetails a, .bookingDetails .paginationCenter .pagination li:last-child a, .paginationCenter .pagination li:last-child .bookingDetails a, .bookingDetails .isotopeFilters ul.filter > li a, .isotopeFilters ul.filter > li .bookingDetails a {
    margin-bottom: 10px;
    width: 100%;
    display: block;
    color: #ffffff;
    border-color: #ffffff;
}

.bookingDetails .buttonTransparent:hover, .bookingDetails .paginationCenter .pagination li:first-child a:hover, .paginationCenter .pagination li:first-child .bookingDetails a:hover, .bookingDetails .paginationCenter .pagination li:last-child a:hover, .paginationCenter .pagination li:last-child .bookingDetails a:hover, .bookingDetails .isotopeFilters ul.filter > li a:hover, .isotopeFilters ul.filter > li .bookingDetails a:hover {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #ff891e;
}

.sidebarPage .packagesList {
    min-height: 234px;
}

@media (max-width: 767px) {
    .sidebarPage .packagesList .media-left {
        float: left;
        width: 100%;
        padding-right: 0;
        height: auto;
    }
}

@media (min-width: 768px) {
    .sidebarPage .packagesList .media-left {
        float: left;
        width: 100%;
        padding-right: 0;
        height: auto;
    }
}

@media (min-width: 992px) {
    .sidebarPage .packagesList .media-left {
        float: left;
        width: 39%;
        padding-right: 10px;
        height: 234px;
    }
}

@media (min-width: 1200px) {
    .sidebarPage .packagesList .media-left {
        height: auto;
    }
}

@media (min-width: 1500px) {
    .sidebarPage .packagesList .media-left {
        height: auto;
    }
}

.sidebarPage .packagesList .media-left img {
    width: 100%;
    height: 100%;
}

.sidebarPage .packagesList .media-body {
    padding: 20px;
}

@media (max-width: 767px) {
    .sidebarPage .packagesList .media-body .detailsBtn {
        position: relative;
        left: auto;
        top: auto;
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) {
    .sidebarPage .packagesList .media-body .detailsBtn {
        top: 180px;
    }
}

@media (min-width: 992px) {
    .sidebarPage .packagesList .media-body .detailsBtn {
        top: 175px;
    }
}

@media (min-width: 1200px) {
    .sidebarPage .packagesList .media-body .detailsBtn {
        top: 175px;
    }
}

@media (min-width: 1500px) {
    .sidebarPage .packagesList .media-body .detailsBtn {
        top: 175px;
    }
}

@media (max-width: 767px) {
    .sidebarPage .packagesList .media-body .detailsBtn .btn {
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .sidebarPage .packagesList .media-body .detailsBtn .btn {
        font-size: 14px;
    }
}

@media (min-width: 992px) {
    .sidebarPage .packagesList .media-body .detailsBtn .btn {
        font-size: 10px;
    }
}

@media (min-width: 1200px) {
    .sidebarPage .packagesList .media-body .detailsBtn .btn {
        font-size: 14px;
    }
}

@media (min-width: 1500px) {
    .sidebarPage .packagesList .media-body .detailsBtn .btn {
        font-size: 14px;
    }
}

.sidebarPage .packagesList .media-body .bookingDetails {
    min-height: 180px;
    padding: 15px;
}

.singlePackage .generalInfo h2, .relatedProduct h2 {
    font-size: 20px;
    color: #222222;
    line-height: 26px;
    margin: 0 0 25px 0;
    font-weight: 400;
}

.singlePackage .carousel {
    margin-bottom: 20px;
}

.singlePackage .carousel-indicators {
    display: none;
}

.singlePackage .carousel-control {
    background-image: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.singlePackage .carousel-control .glyphicon-menu-left, .singlePackage .carousel-control .glyphicon-menu-right, .singlePackage .carousel-control .icon-next, .singlePackage .carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    margin-top: -40px;
    z-index: 5;
    width: 75px;
    height: 75px;
    line-height: 75px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.35);
}

@media (max-width: 767px) {
    .singlePackage .carousel-control .glyphicon-menu-left, .singlePackage .carousel-control .glyphicon-menu-right, .singlePackage .carousel-control .icon-next, .singlePackage .carousel-control .icon-prev {
        display: none;
    }
}

@media (min-width: 768px) {
    .singlePackage .carousel-control .glyphicon-menu-left, .singlePackage .carousel-control .glyphicon-menu-right, .singlePackage .carousel-control .icon-next, .singlePackage .carousel-control .icon-prev {
        display: inline-block;
    }
}

.singlePackage .carousel-control .icon-prev, .singlePackage .carousel-control .glyphicon-menu-left {
    margin-left: 0;
    left: 20px;
}

.singlePackage .carousel-control .icon-next, .singlePackage .carousel-control .glyphicon-menu-right {
    right: 20px;
    margin-right: 0;
}

.singlePackage .well {
    background-color: whitesmoke;
    border-color: #eeeeee;
    box-shadow: none;
    padding: 30px;
    margin-bottom: 20px;
}

.singlePackage .well .infoImage {
    width: 100%;
}

.singlePackage .well .infoImage img {
    width: 100%;
    min-height: 220px;
}

.singlePackage .oddsbox {
    background-color: rgba(53, 86, 88, 0.4);
    border-color: #eeeeee;
    box-shadow: none;
    padding: 20px 10px;
    margin-bottom: 60px;
    border-radius: 6px;
}

.singlePackage .gamebox {
    background-color: rgba(53, 86, 88, 0.4);
    border-color: #eeeeee;
    box-shadow: none;
    padding: 6px;
    margin-bottom: 10px;
    border-radius: 6px;
}


.singlePackage .oddsbox .infoImage {
    width: 100%;
}

.singlePackage .oddsbox .infoImage img {
    width: 100%;
    min-height: 220px;
}

.singlePackage .packageInfo h4 {
    font-weight: 400;
    color: #222222;
    margin: 20px 0 30px 0;
}

.singlePackage .packageInfo .dl-horizontal {
    margin-bottom: 0;
}

.singlePackage .packageInfo .dl-horizontal dt {
    text-align: left;
    color: #ff891e;
    float: left;
    margin-bottom: 15px;
}

@media (max-width: 767px) {
    .singlePackage .packageInfo .dl-horizontal dt {
        font-size: 12px;
        line-height: 19px;
        width: 110px;
    }
}

@media (min-width: 768px) {
    .singlePackage .packageInfo .dl-horizontal dt {
        font-size: 14px;
        line-height: 21px;
        width: 140px;
    }
}

.singlePackage .packageInfo .dl-horizontal dd {
    line-height: 21px;
}

.singlePackage .packageInfo .dl-horizontal dd span {
    color: #ff891e;
}

@media (max-width: 767px) {
    .singlePackage .packageInfo .dl-horizontal dd {
        font-size: 12px;
        margin-left: 110px;
    }
}

@media (min-width: 768px) {
    .singlePackage .packageInfo .dl-horizontal dd {
        font-size: 14px;
        margin-left: 140px;
    }
}

.singlePackage .packageInfo p {
    margin-bottom: 25px;
}

.singlePackage .packageInfo p span {
    color: #ff891e;
    font-size: 18px;
    margin-left: 10px;
}

.singlePackage .packageInfo .buttonCustomPrimary {
    padding: 0 20px;
}

.singlePackage .generalInfo {
    margin-bottom: 10px;
    float: left;
}

.singlePackage .panel-group {
    margin-bottom: 70px;
}

.singlePackage .panel-group .panel-heading {
    padding: 15px;
    font-size: 18px;
    color: #dcdcdc;
    background-color: whitesmoke;
    border-color: #eeeeee;
}

.singlePackage .panel-group .panel-heading i {
    line-height: 22px;
}

.singlePackage .panel-default > a.panel-heading {
    display: block;
}

.singlePackage .panel-group .panel + .panel {
    margin-top: 15px;
}

.relatedItem {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: auto;
}

@media (max-width: 767px) {
    .relatedItem {
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) {
    .relatedItem {
        margin-bottom: 0;
    }
}

.relatedItem img {
    width: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.relatedItem .maskingInfo {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0, 0, 0, 0.35);
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.relatedItem .maskingInfo h4 {
    margin: 80px 0 15px 0;
    font-size: 20px;
    color: #ffffff;
    font-weight: 700;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.relatedItem .maskingInfo p {
    color: #ffffff;
    margin-bottom: 25px;
}

.relatedItem .maskingInfo .buttonTransparent, .relatedItem .maskingInfo .paginationCenter .pagination li:first-child a, .paginationCenter .pagination li:first-child .relatedItem .maskingInfo a, .relatedItem .maskingInfo .paginationCenter .pagination li:last-child a, .paginationCenter .pagination li:last-child .relatedItem .maskingInfo a, .relatedItem .maskingInfo .isotopeFilters ul.filter > li a, .isotopeFilters ul.filter > li .relatedItem .maskingInfo a {
    color: #ffffff;
}

.relatedItem:hover img {
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.relatedItem:hover .maskingInfo {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.relatedItem:hover .maskingInfo h4 {
    margin: 70px 0 15px 0;
}

@media (max-width: 767px) {
    .galleryCarousel .carousel-indicators {
        display: none;
    }
}

@media (min-width: 768px) {
    .galleryCarousel .carousel-indicators {
        display: block;
    }
}

.galleryCarousel .carousel-control .glyphicon-menu-left, .galleryCarousel .carousel-control .glyphicon-menu-right, .galleryCarousel .carousel-control .icon-next, .galleryCarousel .carousel-control .icon-prev {
    background-color: rgba(255, 255, 255, 0.35);
}

.galleryCarousel .carousel-indicators li {
    display: inline-block;
    width: auto;
    height: auto;
    text-indent: 0;
    border-radius: 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-width: 2px;
    background-color: #ffffff;
}

.galleryCarousel .carousel-indicators li img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=0.5);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.galleryCarousel .carousel-indicators li.active {
    width: auto;
    height: auto;
}

.galleryCarousel .carousel-indicators li.active img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.countryTitle .carousel-inner > .item {
    height: 150px;
}

.countryTitle .carousel-inner > .item img {
    height: 100%;
}

.weatherInfo {
    width: 100%;
    height: 450px;
    position: relative;
}

.weatherInfo img {
    width: 100%;
    height: 100%;
}

.weatherInfo .cityWeather {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.weatherInfo .cityWeather .cityTable {
    display: table;
    height: 450px;
    width: 100%;
}

.weatherInfo .cityWeather .cityTable .cityTableInner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.weatherInfo .cityWeather .cityTable .cityTableInner .cityWeatherInfo img {
    width: auto;
    height: auto;
    margin-bottom: 15px;
}

.weatherInfo .cityWeather .cityTable .cityTableInner .cityWeatherInfo h2 {
    font-size: 45px;
    color: #ffffff;
    line-height: 45px;
    margin: 0 0 25px 0;
}

.weatherInfo .cityWeather .cityTable .cityTableInner .cityWeatherInfo p {
    font-size: 20px;
    color: #ffffff;
    text-transform: capitalize;
    margin: 0;
    font-weight: 700;
}

.weatherInfo .dayTime {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    display: block;
    padding: 20px;
}

.weatherInfo .dayTime span {
    color: #ffffff;
}

.weatherInfo .daysWeather {
    position: absolute;
    left: 0;
    bottom: 15px;
    width: 100%;
    height: auto;
    display: block;
}

.weatherInfo .daysWeather .list-inline {
    margin-left: 0;
    text-align: center;
}

.weatherInfo .daysWeather .list-inline li {
    color: #ffffff;
    text-align: center;
    margin: 0 30px;
}

.weatherInfo .daysWeather .list-inline li span img {
    width: auto;
    height: auto;
    display: block;
    margin: 5px 0;
}

.countryTabs {
    margin-bottom: 60px;
}

.countryTabs .nav-tabs {
    border-color: #dedede;
}

.countryTabs .nav-tabs > li {
    margin: 0;
}

.countryTabs .nav-tabs > li > a {
    color: #222222;
    border: none;
    border-bottom: 3px solid transparent;
    position: relative;
    margin: 0;
}

.countryTabs .nav-tabs > li > a:hover {
    background-color: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.countryTabs .nav-tabs > li > a:hover:after {
    width: 100%;
}

.countryTabs .nav-tabs > li > a:after {
    content: "";
    height: 3px;
    left: 0;
    bottom: -3px;
    width: 0px;
    position: absolute;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #ff891e;
}

.countryTabs .nav-tabs > li.pull-right .list-inline li a {
    line-height: 43px;
    color: #dcdcdc;
}

.countryTabs .nav-tabs > li.pull-right .list-inline li a:hover {
    color: #ff891e;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.countryTabs .nav-tabs > li.active > a, .countryTabs .nav-tabs > li.active > a:focus, .countryTabs .nav-tabs > li.active > a:hover {
    border: none;
    border-bottom: 3px solid #ff891e;
    color: #222222;
}

.countryTabs .tab-content {
    padding-top: 30px;
}

.countryTabs .tab-content .well h3 {
    color: #222222;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 25px;
}

.countryTabs .tab-content .well .list-unstyled {
    margin-bottom: 15px;
    float: left;
}

.countryTabs .tab-content .well .list-unstyled li {
    color: #222222;
    margin-bottom: 15px;
}

.countryTabs .tab-content .well .list-unstyled li i {
    margin-right: 10px;
}

.countryTabs .tab-content .well .buttonCustomPrimary {
    padding: 0 20px;
}

.countryTabs .tab-content .well .buttonCustomPrimary:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.commonInfo h2 {
    color: #222222;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 25px;
}

.commonInfo p {
    margin-bottom: 25px;
}

.commonInfo .list-inline li {
    margin-bottom: 10px;
    width: 40%;
}

.commonInfo .list-inline li i {
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    font-size: 10px;
    color: #67686a;
    margin-right: 10px;
}

.blogPostListItem {
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #e5e5e5;
}

.blogPostListItem .media-body {
    padding: 20px;
}

.blogPostListItem .media-left img {
    width: 100%;
}

@media (max-width: 767px) {
    .blogSidebar .media-left {
        width: auto;
    }
}

@media (min-width: 768px) {
    .blogSidebar .media-left {
        width: 50%;
    }
}

.blogSidebar .media-left img {
    width: 100%;
}

.blogSidebar .panel {
    border-color: #515151;
    box-shadow: none;
    background-color: rgba(70, 70, 70, 0.4);
    padding-bottom: 15px;
}

.blogSidebar .panel .panel-heading {
    border: none;
    font-size: 20px;
    color: #222222;
    line-height: 26px;
}

.blogSidebar .panel .panel-body .input-group .form-control {
    box-shadow: none;
    border: none;
}

.blogSidebar .panel .panel-body .input-group .input-group-addon {
    background-color: #ff891e;
    box-shadow: none;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.blogSidebar .panel .panel-body .input-group .input-group-addon i {
    color: #ffffff;
}

.blogSidebar .panel .panel-body .list-group {
    margin-bottom: 0;
}

.blogSidebar .panel .panel-body .list-group .list-group-item {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
    color: #222222;
}

.blogSidebar .panel .panel-body .list-group .list-group-item .badge {
    background-color: transparent;
    color: #222222;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.blogSidebar .panel .panel-body .list-group .list-group-item:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    color: #ff891e;
}

.blogSidebar .panel .panel-body .list-group .list-group-item:hover .badge {
    color: #ff891e;
}

.blogSidebar .panel .panel-body .list-group .list-group-item:last-child {
    border: none;
}

.blogSidebar .panel .panel-body .list-inline li {
    width: 33.33333333%;
    float: left;
    padding: 5px;
}

.blogSidebar .panel .panel-body .list-inline li a {
    width: 100%;
    display: block;
}

.blogSidebar .panel .panel-body .list-inline li a img {
    width: 100%;
}

.tabArea {
    margin-bottom: 20px;
}

.tabArea .nav-tabs {
    border-color: #eeeeee;
}

.tabArea .nav-tabs > li {
    padding: 0 4px;
}

.tabArea .nav-tabs > li > a {
    border: 1px solid #eeeeee;
    color: #222222;
}

.tabArea .nav-tabs > li.active a {
    border-color: #eeeeee;
    background-color: whitesmoke;
    color: #222222;
    border-bottom-color: whitesmoke;
}

.tabArea .nav-tabs > li:first-child {
    padding-left: 0;
}

.tabArea .nav-tabs > li:last-child {
    padding-right: 0;
}

.tabArea .tab-content {
    background-color: whitesmoke;
    border: 1px solid #eeeeee;
    border-top: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 20px 16px;
}

.tabArea .tab-content .media {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.tabArea .tab-content .media.removeMargin {
    margin: 0;
    border: none;
}

.tabArea .tab-content .media .media-left {
    width: 35%;
    padding-right: 8px;
}

.tabArea .tab-content .media .media-left img {
    width: 100%;
}

.tabArea .tab-content .media .media-body .media-heading {
    color: #222222;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 5px;
    float: left;
    text-transform: capitalize;
    font-weight: 400;
}

.tabArea .tab-content .media .media-body .media-heading:hover {
    color: #ff891e;
}

.tabArea .tab-content .media .media-body p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0;
}

.tabArea .tab-content .media .media-body p i {
    margin-right: 4px;
}

.blogSinglePost {
    border: none;
    padding: 0;
}

.blogSinglePost img {
    margin-bottom: 25px;
}

.blogSinglePost .caption h2 {
    font-size: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    font-weight: 400;
}

.blogSinglePost .caption p {
    margin-bottom: 20px;
}

.blogSinglePost .well {
    background-color: whitesmoke;
    border: none;
    box-shadow: none;
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 60px;
}

.blogSinglePost .well span {
    color: #222222;
    font-weight: 700;
    font-size: 15px;
    float: left;
}

.blogSinglePost .well .list-inline {
    float: right;
}

.blogSinglePost .well .list-inline li a {
    font-size: 14px;
    color: #dcdcdc;
}

.blogSinglePost .well .list-inline li a:hover {
    color: #ff891e;
}

.imageBg {
    background-image: url("../img/blog/blog-single-02.png?v=021955");
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center top;
    color: #ffffff;
    height: 208px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.imageBg .imageBgTable {
    display: table;
    height: 208px;
    width: 100%;
}

.imageBg .imageBgTable .imageBgTableInner {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

.imageBg .imageBgTable .imageBgTableInner blockquote {
    padding: 0 50px;
    border: none;
    margin-bottom: 0;
}

.imageBg .imageBgTable .imageBgTableInner blockquote p {
    color: #ffffff;
    font-size: 18px;
    line-height: 26px;
}

.imageBg .imageBgTable .imageBgTableInner blockquote footer {
    color: #ffffff;
    font-size: 14px;
    line-height: 26px;
}

.commentsArea h3 {
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 30px;
    font-size: 20px;
}

.commentsArea .media {
    margin: 0 0 50px 0;
}

.commentsArea .media .media-left {
    padding-right: 20px;
    width: auto;
    display: inline-block;
    float: left;
}

.commentsArea .media .media-body .media {
    margin: 50px 0 0 0;
}

.commentsArea .media .media-body h4, .commentsArea .media .media-body p {
    text-transform: capitalize;
    font-size: 14px;
    margin: 0 0 14px 0;
    display: block;
}

.commentsArea .media .media-body h4 span, .commentsArea .media .media-body p span {
    color: #dcdcdc;
    font-weight: 400;
}

.commentsArea .media .media-body h4 span i, .commentsArea .media .media-body p span i {
    margin-right: 14px;
}

.commentsArea .media .media-body p {
    color: #dcdcdc;
    line-height: 22px;
}

.commentsArea .media .media-body .btn-link {
    padding: 0;
    color: #ff891e;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-transform: capitalize;
    font-size: 14px;
}

.commentsArea .media .media-body .btn-link:hover {
    color: #ff891e;
    text-decoration: none;
}

.notFoundBg {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 840px;
    overflow: hidden;
    background: url(../img/not-found/not-found-bg.jpg) no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.notFoundContent {
    min-height: 390px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

@media (max-width: 767px) {
    .notFoundContent {
        min-width: 100%;
    }
}

@media (min-width: 768px) {
    .notFoundContent {
        min-width: 585px;
    }
}

.notFoundContent img {
    margin-bottom: 75px;
}

.notFoundContent h4 {
    font-size: 20px;
    line-height: 26px;
    color: #ffffff;
    text-transform: capitalize;
    margin-bottom: 75px;
    font-weight: 400;
}

@media (max-width: 767px) {
    .notFoundContent h4 {
        padding: 0 20px;
    }
}

@media (min-width: 768px) {
    .notFoundContent h4 {
        padding: 0;
    }
}

.notFoundContent p {
    color: #ffffff;
    margin-bottom: 20px;
}

.notFoundContent .input-group {
    margin: 0 auto;
}

@media (max-width: 767px) {
    .notFoundContent .input-group {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .notFoundContent .input-group {
        width: 350px;
    }
}

.notFoundContent .input-group .form-control {
    height: 45px;
    box-shadow: none;
    background-color: transparent;
    border-color: rgba(155, 153, 152, 0.25);
    color: #ffffff;
}

.notFoundContent .input-group .input-group-addon {
    height: 45px;
    background-color: #ff891e;
    color: #ffffff;
    border-color: #ff891e;
    padding: 6px 30px;
}

.contactInfo h2 {
    font-size: 26px;
    color: #222222;
    margin-bottom: 13px;
}

.contactInfo p {
    margin-bottom: 25px;
}

@media (max-width: 767px) {
    .contactInfo p {
        font-size: 10px;
        line-height: 16px;
    }
}

@media (min-width: 768px) {
    .contactInfo p {
        font-size: 14px;
        line-height: 21px;
    }
}

.contactInfo .media {
    margin-bottom: 20px;
}

.contactInfo .media .media-left {
    width: 75px;
    height: 75px;
    line-height: 75px;
    text-align: center;
    background-color: #ff891e;
    color: #ffffff;
    padding-right: 0;
    margin-right: 25px;
    font-size: 35px;
    float: left;
}

.contactInfo .media p {
    margin-bottom: 0;
}

.contactInfo .media p a {
    color: #dcdcdc;
}

.contactInfo .media .media-body h4 {
    font-weight: 400;
}

.mapArea {
    width: 100%;
    display: block;
}

.mapArea iframe {
    width: 100%;
}

.aboutTitle {
    padding-bottom: 30px;
    margin-bottom: 50px;
    border-bottom: 1px solid #e5e5e5;
}

.aboutTitle h4 {
    text-transform: capitalize;
    color: #dcdcdc;
    font-weight: 400;
    text-align: center;
    line-height: 24px;
}

.aboutTitle p {
    text-align: center;
}

.aboutItem .media {
    margin-bottom: 50px;
}

.aboutItem .media .media-left {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #262a2e;
    padding-right: 0;
    margin-right: 20px;
    text-align: center;
}

.aboutItem .media .media-left i {
    font-size: 35px;
    line-height: 60px;
    color: #ffffff;
}

.aboutItem .media .media-body h4 {
    text-align: left;
    color: #222222;
    margin-bottom: 13px;
    text-transform: capitalize;
}

.aboutItem .media .media-body p {
    text-align: left;
}

.aboutComments {
    background-image: url("../img/home/promotion/promotion-1.jpg?v=021955");
    background-attachment: fixed;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    color: #ffffff;
    height: 407px;
    padding: 0;
}

.aboutComments .commentsTable {
    display: table;
    height: 407px;
    width: 100%;
}

.aboutComments .commentsTable .commentsTableInner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.aboutComments .commentsTable .commentsTableInner .commentsInfo i {
    padding: 16px 13px;
    background-color: #2f3031;
    font-size: 35px;
    color: #ffffff;
    line-height: 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 45px;
}

.aboutComments .commentsTable .commentsTableInner .commentsInfo p {
    color: #ffffff;
    margin-bottom: 45px;
}

.aboutComments .commentsTable .commentsTableInner .commentsInfo h5 {
    font-size: 14px;
    line-height: 20px;
    color: #ff891e;
    margin: 0;
}

.teamMember {
    position: relative;
}

@media (max-width: 767px) {
    .teamMember {
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) {
    .teamMember {
        margin-bottom: 0;
    }
}

.teamMember img {
    width: 100%;
}

.teamMember .memberName {
    position: absolute;
    left: 30px;
    bottom: 30px;
    z-index: 100;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.teamMember .memberName h4 {
    line-height: 18px;
    color: #ffffff;
    margin-bottom: 0;
}

.teamMember .memberName p {
    margin-bottom: 0;
    color: #ffffff;
}

.teamMember .maskingArea {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 50;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.teamMember .maskingArea p {
    position: absolute;
    left: 30px;
    bottom: 120px;
    margin-bottom: 0;
    color: #ffffff;
    padding-right: 48px;
}

.teamMember .maskingArea .list-inline {
    position: absolute;
    left: 30px;
    bottom: 54px;
}

@media (min-width: 768px) {
    .teamMember .maskingArea .list-inline li {
        padding: 2px;
    }
}

@media (min-width: 992px) {
    .teamMember .maskingArea .list-inline li {
        padding: 0 2px;
    }
}

@media (min-width: 1200px) {
    .teamMember .maskingArea .list-inline li {
        padding: 0 5px;
    }
}

@media (min-width: 1500px) {
    .teamMember .maskingArea .list-inline li {
        padding: 0 5px;
    }
}

.teamMember .maskingArea .list-inline li a {
    display: block;
    text-align: center;
    border: 1px solid #4a4e52;
    border-radius: 100%;
    color: #ffffff;
}

.teamMember .maskingArea .list-inline li a:hover {
    background-color: #ff891e;
    border-color: #ff891e;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

@media (max-width: 767px) {
    .teamMember .maskingArea .list-inline li a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .teamMember .maskingArea .list-inline li a {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 10px;
    }
}

@media (min-width: 992px) {
    .teamMember .maskingArea .list-inline li a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }
}

.teamMember:hover .memberName {
    bottom: 180px;
}

.teamMember:hover .maskingArea {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.progress-wizard {
    margin-top: 40px;
    border-bottom: 1px solid #e0e0e0;
    padding: 0 0 30px 0;
}

.progress-wizard > .progress-wizard-step {
    padding: 0;
    position: relative;
    height: 100px;
}

@media (max-width: 767px) {
    .progress-wizard > .progress-wizard-step {
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) {
    .progress-wizard > .progress-wizard-step {
        margin-bottom: 0;
    }
}

.progress-wizard > .progress-wizard-step > .progress {
    position: relative;
    border-radius: 0px;
    height: 2px;
    box-shadow: none;
    margin: 20px 0;
}

.progress-wizard > .progress-wizard-step > .progress > .progress-bar {
    width: 0px;
    box-shadow: none;
}

@media (max-width: 767px) {
    .progress-wizard > .progress-wizard-step > .progress > .progress-bar {
        background-color: transparent;
    }
}

@media (min-width: 768px) {
    .progress-wizard > .progress-wizard-step > .progress > .progress-bar {
        background: #ff891e;
    }
}

.progress-wizard > .progress-wizard-step.complete > .progress > .progress-bar {
    width: 100%;
}

.progress-wizard > .progress-wizard-step.active > .progress > .progress-bar {
    width: 50%;
}

.progress-wizard > .progress-wizard-step > .progress > .progress-bar {
    width: 0%;
}

.progress-wizard > .progress-wizard-step:first-child.active > .progress > .progress-bar {
    width: 0%;
}

.progress-wizard > .progress-wizard-step:last-child.active > .progress > .progress-bar {
    width: 100%;
}

.progress-wizard > .progress-wizard-step:first-child > .progress {
    left: 50%;
    width: 50%;
}

.progress-wizard > .progress-wizard-step:last-child > .progress {
    width: 50%;
}

@media (max-width: 767px) {
    .progress {
        background-color: transparent;
    }
}

@media (min-width: 768px) {
    .progress {
        background-color: #dedede;
    }
}

.progress-wizard > .progress-wizard-step > .progress-wizard-dot {
    width: 203px;
    display: block;
    background-color: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #ff891e;
    padding: 21px 0;
    text-align: center;
    color: #222222;
}

@media (max-width: 767px) {
    .progress-wizard > .progress-wizard-step > .progress-wizard-dot {
        position: relative;
        top: 0;
        left: 0;
        margin: -20px auto 0 auto;
    }
}

@media (min-width: 768px) {
    .progress-wizard > .progress-wizard-step > .progress-wizard-dot {
        position: absolute;
        top: -15px;
        left: 28%;
        margin-top: -15px;
        margin-left: -15px;
    }
}

.progress-wizard > .progress-wizard-step > .progress-wizard-dot i {
    display: block;
    color: #222222;
    font-size: 20px;
    margin-bottom: 15px;
}

.progress-wizard > .progress-wizard-step > .progress-wizard-dot:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.progress-wizard > .progress-wizard-step.disabled > .progress-wizard-dot {
    border-color: #dedede;
    color: #dcdcdc;
}

.progress-wizard > .progress-wizard-step.complete > .progress-wizard-dot {
    background-color: #ff891e;
    color: #ffffff;
}

.progress-wizard > .progress-wizard-step.complete > .progress-wizard-dot i {
    color: #ffffff;
}

.infoTitle h2 {
    font-weight: 400;
    color: #222222;
    font-size: 20px;
    text-transform: capitalize;
    margin-bottom: 25px;
}

.bookingForm .form .form-control, .bookingForm .commentsForm .form-control, .bookingForm .modal.bookingModal .modal-dialog .modal-content .modal-body .form-control, .modal.bookingModal .modal-dialog .modal-content .bookingForm .modal-body .form-control {
    border: none;
}

.bookingForm .form .form-group label, .bookingForm .commentsForm .form-group label, .bookingForm .modal.bookingModal .modal-dialog .modal-content .modal-body .form-group label, .modal.bookingModal .modal-dialog .modal-content .bookingForm .modal-body .form-group label {
    color: #222222;
    font-weight: 400;
}

.bookingForm .form .form-group label.blankLabel, .bookingForm .commentsForm .form-group label.blankLabel, .bookingForm .modal.bookingModal .modal-dialog .modal-content .modal-body .form-group label.blankLabel, .modal.bookingModal .modal-dialog .modal-content .bookingForm .modal-body .form-group label.blankLabel {
    height: 16px;
}

.bookingForm .form .checkbox label, .bookingForm .commentsForm .checkbox label, .bookingForm .modal.bookingModal .modal-dialog .modal-content .modal-body .checkbox label, .modal.bookingModal .modal-dialog .modal-content .bookingForm .modal-body .checkbox label {
    color: #222222;
    font-weight: 400;
}

.bookingForm .form .checkbox label a, .bookingForm .commentsForm .checkbox label a, .bookingForm .modal.bookingModal .modal-dialog .modal-content .modal-body .checkbox label a, .modal.bookingModal .modal-dialog .modal-content .bookingForm .modal-body .checkbox label a {
    color: #ff891e;
}

.bookingForm .form .checkbox input[type=checkbox], .bookingForm .commentsForm .checkbox input[type=checkbox], .bookingForm .modal.bookingModal .modal-dialog .modal-content .modal-body .checkbox input[type=checkbox], .modal.bookingModal .modal-dialog .modal-content .bookingForm .modal-body .checkbox input[type=checkbox] {
    border-color: #ff891e;
}

@media (max-width: 767px) {
    .bookDetailsInfo {
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) {
    .bookDetailsInfo {
        margin-bottom: 0;
    }
}

.bookDetailsInfo img {
    width: 100%;
}

.infoArea {
    padding: 20px;
    background-color: whitesmoke;
    border-radius: 0 0 4px 4px;
}

.infoArea h3 {
    font-size: 16px;
    color: #222222;
    margin-bottom: 25px;
    text-transform: capitalize;
    font-weight: 400;
}

.infoArea .list-unstyled {
    margin-bottom: 50px;
}

.infoArea .list-unstyled li {
    font-size: 14px;
    color: #222222;
    padding: 15px 0;
    border-bottom: 1px solid #dedede;
}

.infoArea .list-unstyled li i {
    margin-right: 5px;
}

.infoArea .list-unstyled li span {
    color: #dcdcdc;
}

.infoArea h2 {
    font-size: 20px;
    color: #222222;
    font-weight: 400;
}

.infoArea h2 span {
    color: #ff891e;
    font-weight: 700;
}

.bookingConfirmed .alert {
    position: relative;
    min-height: 90px;
    margin-bottom: 50px;
    background-image: url("../img/booking/alert-check.png?v=021955");
    background-position: 0 0;
    background-size: 50px 90px;
    background-repeat: no-repeat;
}

@media (max-width: 767px) {
    .bookingConfirmed .alert {
        line-height: 20px;
        padding: 15px 65px 0 60px;
        font-size: 11px;
    }
}

@media (min-width: 768px) {
    .bookingConfirmed .alert {
        line-height: 90px;
        padding: 0 0 0 70px;
        font-size: 20px;
    }
}

.bookingConfirmed .alert-dismissable .close, .bookingConfirmed .alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 20px;
    color: #60a662;
    height: 90px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

@media (max-width: 767px) {
    .bookingConfirmed .alert-dismissable .close, .bookingConfirmed .alert-dismissible .close {
        font-size: 10px;
    }
}

@media (min-width: 768px) {
    .bookingConfirmed .alert-dismissable .close, .bookingConfirmed .alert-dismissible .close {
        font-size: 14px;
    }
}

.bookingConfirmed .infoTitle h2 {
    font-size: 26px;
}

.confirmDetilas img {
    width: 100%;
}

.confirmInfo {
    padding: 40px 30px;
}

.confirmInfo .infoTitle h2 {
    font-size: 20px;
}

.confirmInfo .infoTitle h3 {
    font-size: 20px;
}

.confirmInfo p {
    margin-bottom: 40px;
}

.confirmInfo .dl-horizontal dt {
    width: 100px;
    text-align: left;
    color: #222222;
    font-weight: 400;
    margin-bottom: 5px;
    float: left;
}

.confirmInfo .dl-horizontal dt i {
    margin-right: 5px;
}

.confirmInfo .dl-horizontal dd {
    margin: 0 0 5px 100px;
}

.priceTotal h2 {
    text-transform: capitalize;
    color: #222222;
    font-size: 26px;
    font-weight: 400;
}

.priceTotal h2 span {
    color: #ff891e;
    font-size: 25px;
}

.comingSoonBg {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 840px;
    overflow: hidden;
    background: url(../img/coming-soon/coming-bg.jpg) no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.comingTitle {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 35px 0;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.3);
}

@media (max-width: 767px) {
    .comingTitle {
        padding: 15px 0;
    }
}

@media (min-width: 768px) {
    .comingTitle {
        padding: 35px 0;
    }
}

.comingContent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

@media (max-width: 767px) {
    .comingContent {
        width: 100%;
        min-width: 100%;
        padding: 0 10px;
    }
}

@media (min-width: 768px) {
    .comingContent {
        width: auto;
        min-width: 585px;
        padding: 0;
    }
}

.comingContent h1 {
    font-weight: 400;
    color: #ffffff;
    font-size: 40px;
}

@media (max-width: 767px) {
    .comingContent h1 {
        font-size: 30px;
        margin: 20px 0 15px 0;
    }
}

@media (min-width: 768px) {
    .comingContent h1 {
        font-size: 40px;
        margin: 20px 0 40px 0;
    }
}

.comingContent p {
    color: #a7a7a7;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .comingContent p {
        font-size: 10px;
        line-height: 15px;
    }
}

@media (min-width: 768px) {
    .comingContent p {
        font-size: 14px;
        line-height: 21px;
    }
}

.comingContent .input-group {
    margin: 0 auto;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .comingContent .input-group {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .comingContent .input-group {
        width: 550px;
    }
}

.comingContent .input-group .form-control {
    height: 45px;
    box-shadow: none;
    background-color: transparent;
    border-color: rgba(155, 153, 152, 0.25);
    color: #ffffff;
}

.comingContent .input-group .input-group-addon {
    height: 45px;
    background-color: #ff891e;
    color: #ffffff;
    border-color: #ff891e;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .comingContent .input-group .input-group-addon {
        padding: 6px 15px;
    }
}

@media (min-width: 768px) {
    .comingContent .input-group .input-group-addon {
        padding: 6px 30px;
    }
}

@media (min-width: 768px) {
    .comingContent .list-inline li {
        padding: 2px;
    }
}

@media (min-width: 992px) {
    .comingContent .list-inline li {
        padding: 0 2px;
    }
}

@media (min-width: 1200px) {
    .comingContent .list-inline li {
        padding: 0 5px;
    }
}

@media (min-width: 1500px) {
    .comingContent .list-inline li {
        padding: 0 5px;
    }
}

.comingContent .list-inline li a {
    display: block;
    text-align: center;
    border-radius: 100%;
    color: rgba(0, 0, 0, 0.4);
    background-color: rgba(255, 255, 255, 0.4);
}

.comingContent .list-inline li a:hover {
    background-color: #ff891e;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    color: #ffffff;
}

@media (max-width: 767px) {
    .comingContent .list-inline li a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .comingContent .list-inline li a {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 10px;
    }
}

@media (min-width: 992px) {
    .comingContent .list-inline li a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }
}

.count-down {
    padding: 0 0 35px 0;
}

.count-down #simple_timer {
    width: 100%;
    margin: 0 auto;
    color: #ffffff;
    text-align: center;
}

.count-down #simple_timer .table-cell {
    display: inline-block;
}

@media (min-width: 480px) {
    .count-down #simple_timer .table-cell {
        margin: 0 10px;
    }
}

@media (min-width: 768px) {
    .count-down #simple_timer .table-cell {
        margin: 0 10px;
    }
}

@media (min-width: 992px) {
    .count-down #simple_timer .table-cell {
        margin: 0 10px;
    }
}

@media (min-width: 1200px) {
    .count-down #simple_timer .table-cell {
        margin: 0 12px;
    }
}

@media (min-width: 1500px) {
    .count-down #simple_timer .table-cell {
        margin: 0 12px;
    }
}

.count-down #simple_timer .table-cell .tab-val {
    font-weight: 700;
    display: block;
    margin-bottom: 20px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid #ffffff;
}

@media (max-width: 767px) {
    .count-down #simple_timer .table-cell .tab-val {
        width: 65px;
        height: 65px;
        line-height: 65px;
        font-size: 25px;
    }
}

@media (min-width: 768px) {
    .count-down #simple_timer .table-cell .tab-val {
        width: 85px;
        height: 85px;
        line-height: 85px;
        font-size: 35px;
    }
}

@media (min-width: 992px) {
    .count-down #simple_timer .table-cell .tab-val {
        width: 85px;
        height: 85px;
        line-height: 85px;
        font-size: 35px;
    }
}

@media (min-width: 1200px) {
    .count-down #simple_timer .table-cell .tab-val {
        width: 109px;
        height: 109px;
        line-height: 109px;
        font-size: 45px;
    }
}

@media (min-width: 1500px) {
    .count-down #simple_timer .table-cell .tab-val {
        width: 109px;
        height: 109px;
        line-height: 109px;
        font-size: 45px;
    }
}

.count-down #simple_timer .table-cell .tab-metr {
    color: #a7a7a7;
    font-size: 14px;
    font-weight: 400;
}

@media (min-width: 768px) {
    .count-down #simple_timer .table-cell .tab-metr {
        font-size: 15px;
    }
}

.priceTable .panel {
    text-align: center;
    border-color: #dedede;
    background-color: transparent;
}

.priceTable .panel .panel-heading {
    font-size: 24px;
    color: #222222;
    padding: 25px 15px;
    background-color: transparent;
    border-color: #dedede;
}

.priceTable .panel .panel-body {
    background-color: whitesmoke;
    border-bottom: 1px solid #dedede;
}

.priceTable .panel .panel-body.changeColor {
    background-color: #ededed;
}

.priceTable .panel .priceCircle {
    width: 131px;
    padding: 35px 0;
    background-color: #ffffff;
    border: 1px solid #dedede;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.priceTable .panel .priceCircle h3 {
    font-size: 32px;
    color: #ff891e;
    margin: 0;
    line-height: 45px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.priceTable .panel .priceCircle h3 small {
    display: block;
    color: #dcdcdc;
    font-size: 14px;
    text-transform: lowercase;
}

.priceTable .panel .list-unstyled {
    padding: 40px 0 10px 20px;
}

.priceTable .panel .list-unstyled li {
    text-align: left;
    margin-bottom: 25px;
    color: #dcdcdc;
    font-size: 16px;
}

.priceTable .panel .list-unstyled li i {
    margin-right: 10px;
}

.priceTable .panel .panel-footer {
    padding: 25px 15px;
    background-color: transparent;
    border-color: #dedede;
}

.priceTable .panel .bodyImageBg {
    padding: 0;
    position: relative;
}

.priceTable .panel .bodyImageBg img {
    width: 100%;
}

.priceTable .panel .bodyImageBg .priceCircle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    padding: 0 0;
    border-radius: 0;
    background-color: transparent;
    border: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.priceTable .panel .bodyImageBg .priceCircle h3 {
    font-size: 32px;
    color: #ffffff;
    margin: 0;
    line-height: 45px;
}

.priceTable .panel .bodyImageBg .priceCircle h3 small {
    display: block;
    color: #ffffff;
    font-size: 14px;
    text-transform: lowercase;
}

.priceTable .panel:hover .priceCircle {
    background-color: #ff891e;
}

.priceTable .panel:hover .priceCircle h3 {
    color: #ffffff;
}

.priceTable .panel:hover .priceCircle h3 small {
    color: #ffffff;
}

.priceTable .panel:hover .bodyImageBg .priceCircle {
    background-color: transparent;
}

.priceTable .panel:hover .bodyImageBg .priceCircle h3 {
    color: #ff891e;
}

.tabsPart .nav-tabs {
    text-align: center;
    border: none;
    margin-bottom: 70px;
}

.tabsPart .nav-tabs li {
    float: none;
    display: inline-block;
}

.tabsPart .nav-tabs li a {
    height: 35px;
    line-height: 35px;
    border-radius: 4px;
    padding: 0 15px;
    color: #dcdcdc;
    outline: 0;
    border: 1px solid #dedede;
}

.tabsPart .nav-tabs li a:hover {
    background-color: #ff891e;
    color: #ffffff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.tabsPart .nav-tabs li.active a {
    background-color: #ff891e;
    color: #ffffff;
    border: 1px solid #ff891e;
}

.tabsPart .media-body {
    padding-left: 20px;
}

.tabsPart .commonInfo h2 {
    margin: 15px 0;
    text-transform: capitalize;
}

.tabsPart .tab-pane .well {
    margin-bottom: 60px;
}

.tabSection .tabArea .media:last-child {
    border: none;
    margin-bottom: 0;
}

.tabSection .tabArea .media-body {
    padding-left: 20px;
}

.marginbottom10 {
    margin-bottom: 10px;
}


.fontbold {
    font-weight: bold
}

.pbox1 {
    padding: 6px 10px;
    margin: 4px 4px 3px 4px;
}

.pbox2 {
    padding: 6px 10px;
    margin: 2px 0px;
    border: 1px solid #787878;
    border-radius: 4px;
    line-height: 160%;
}

.pbox3 {
    padding: 4px 10px 5px 6px;
    margin: 0px;
}

.pboxlose {
    font-size: 16px;
    text-shadow: none;
    opacity: 1;
    color: rgba(255, 255, 255, 0.9)
}

.alert-check {
    background-color: rgba(122, 138, 132, 0.28);
    border-color: #A4BAB2;
    color: #fff
}

.alert-check hr {
    border-top-color: #e2b540
}

.alert-check .alert-link {
    color: #e6e6e6
}

.alert-info1 {
    background-color: rgba(65, 85, 92, 0.29);
    border-color: #368096;
    color: #fff
}

.alert-info1 hr {
    border-top-color: #36a7c8
}

.alert-info1 .alert-link {
    color: #e6e6e6
}

.teamrank {
    font-size: 12px;
    color: #CFAC96;
}

.betmoneyother {
    color: #ede6e6;
    font-size: 20px;
}

.betmoneyin {
    color: #f5f7dd;
    font-size: 20px;
}

.btn-c1 {
    color: #555;
    background-color: #D5D5CD;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-c1:hover, .btn-c1:focus, .btn-c1.focus, .btn-c1:active, .btn-c1.active, .open > .btn-c1.dropdown-toggle {
    color: #555;
    background-color: #dfdfdf;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-c1:active, .btn-c1.active, .open > .btn-c1.dropdown-toggle {
    background-image: none
}

.btn-c1.disabled, .btn-c1.disabled:hover, .btn-c1.disabled:focus, .btn-c1.disabled.focus, .btn-c1.disabled:active, .btn-c1.disabled.active, .btn-c1[disabled], .btn-c1[disabled]:hover, .btn-c1[disabled]:focus, .btn-c1[disabled].focus, .btn-c1[disabled]:active, .btn-c1[disabled].active, fieldset[disabled] .btn-c1, fieldset[disabled] .btn-c1:hover, fieldset[disabled] .btn-c1:focus, fieldset[disabled] .btn-c1.focus, fieldset[disabled] .btn-c1:active, fieldset[disabled] .btn-c1.active {
    background-color: #f8f8f8;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-c1 .badge {
    color: #f8f8f8;
    background-color: #555
}

.btn-white {
    background: none;
    border: 2px solid #ffffff
}

.section {
    font-size: 14px;
    color: #d2d2d2;
    vertical-align: middle;
    line-height: 30px;
    padding: 10px 0 0
}

.section small {
    font-size: 12px;
    color: #d2d2d2;
    font-weight: bold
}

.form-control.input-transparent {
    border: none;
    color: #f8f8f8;
    background-color: rgba(51, 51, 51, 0.4)
}

.form-control.input-transparent::-moz-placeholder {
    color: rgba(238, 238, 238, 0.76);
    opacity: 1
}

.form-control.input-transparent:-ms-input-placeholder {
    color: rgba(238, 238, 238, 0.76)
}

.form-control.input-transparent::-webkit-input-placeholder {
    color: rgba(238, 238, 238, 0.76)
}

.form-control.input-transparent:focus {
    color: #f8f8f8;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2)
}

.form-control.input-transparent[disabled], .form-control.input-transparent[readonly], fieldset[disabled] .form-control.input-transparent {
    background-color: rgba(77, 77, 77, 0.4)
}

.select-block-level {
    width: 100%
}

.controls .bootstrap-select.btn-group[class*='span'] {
    float: none;
    display: inline-block;
    margin-left: 0
}

.controls .bootstrap-select.btn-group[class*='span'] .btn {
    width: 100%
}

.controls .bootstrap-select.btn-group .dropdown-menu {
    width: 100%
}

.form-actions {
    padding: 17px 20px 18px;
    margin-top: 18px;
    background-color: rgba(51, 51, 51, 0.25)
}

.form-actions:before, .form-actions:after {
    content: " ";
    display: table
}

.form-actions:after {
    clear: both
}

.form-wizard .progress {
    margin-bottom: 10px
}

.wizard-navigation {
    margin-bottom: 5px
}

.wizard-navigation a {
    color: #f8f8f8
}

.icons > section {
    margin-top: 20px
}

.the-icons li, .fontawesome-icon-list > div {
    line-height: 40px
}

.the-icons li i, .fontawesome-icon-list > div i {
    -webkit-transition: font-size 0.2s;
    -o-transition: font-size 0.2s;
    transition: font-size 0.2s
}

.the-icons li:hover i, .fontawesome-icon-list > div:hover i {
    font-size: 26px
}

.fontawesome-icon-list i {
    min-width: 20px
}

.i-code {
    display: none
}

.widget-tabs {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0
}

.widget-tabs .body {
    background: rgba(51, 51, 51, 0.4);
    margin-top: 0;
    padding: 12px 17px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0;
    border-radius: 0 0 3px 3px
}

.widget-tabs .nav-tabs {
    border-bottom: none
}

.widget-tabs .nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff
}

.widget-tabs .nav > li.active {
    margin-bottom: 0
}

.widget-tabs .nav > li.active > a {
    border-color: transparent;
    background: rgba(51, 51, 51, 0.4)
}

.widget-tabs .nav > li.active > a:hover {
    color: #f8f8f8
}

.widget-tabs .nav > li:not(.active) > a {
    background: rgba(51, 51, 51, 0.4);
    border-bottom: none
}

.widget-tabs .nav > li:not(.active) > a:hover {
    background: rgba(26, 26, 26, 0.4);
    border-color: transparent
}

.widget-tabs .nav > li:first-child > a {
    border-left: none
}

.widget:not(.widget-tabs) .tab-content {
    background: rgba(51, 51, 51, 0.25);
    padding: 10px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0;
    border-radius: 0 0 3px 3px;
    overflow: hidden
}

.widget:not(.widget-tabs) .tabs-below .tab-content {
    border-bottom: none;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px;
    border-radius: 3px 3px 0 0
}

.widget:not(.widget-tabs) .tabs-left .tab-content {
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0;
    border-radius: 0 3px 3px 0
}

.widget:not(.widget-tabs) .tabs-right .tab-content {
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px 0 0 3px
}

.tab-header {
    margin-top: 0;
    margin-bottom: 1em;
    font-size: 14px;
    color: #fff
}

.progress-small {
    height: 8px
}

.progress-inverse .bar, .progress .progress-bar-inverse {
    color: #333;
    background-color: #f8f8f8;
    background-image: -webkit-linear-gradient(top, #f8f8f8 0%, #f8f8f8 100%);
    background-image: -o-linear-gradient(top, #f8f8f8 0%, #f8f8f8 100%);
    background-image: linear-gradient(to bottom, #f8f8f8 0%, #f8f8f8 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF8F8F8', endColorstr='#FFF8F8F8', GradientType=0)
}

.progress-inverse.progress-striped .bar, .progress-striped .progress-bar-inverse {
    background-image: -webkit-linear-gradient(45deg, #f8f8f8 25%, transparent 25%, transparent 50%, #f8f8f8 50%, #f8f8f8 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, #f8f8f8 25%, transparent 25%, transparent 50%, #f8f8f8 50%, #f8f8f8 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, #f8f8f8 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, #f8f8f8 50%, #f8f8f8 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0))
}

.map {
    height: 100%
}

.map * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.modal img {
    max-width: 100%
}

.thumbnail img {
    width: 100%
}

.thumbnails > li {
    margin-bottom: 20px
}

.table th {
    font-weight: 300;
    color: #5e5e5e;
}

.widget .table th {
    color: #5e5e5e;
}

.table-images td {
    height: 60px;
    vertical-align: middle
}

.table-images td img {
    height: 60px
}

.table-colored tbody tr:nth-child(1n) {
    color: #e5603b
}

.table-colored tbody tr:nth-child(2n) {
    color: #eac85e
}

.table-colored tbody tr:nth-child(3n) {
    color: #8cbf26
}

.table-colored tbody tr:nth-child(4n) {
    color: #56bc76
}

.table-colored tbody tr:nth-child(5n) {
    color: #4ab0ce
}

.table-colored tbody tr:nth-child(6n) {
    color: #618fb0
}

.table-colored tbody tr:nth-child(7n) {
    color: #a05000
}

.table-colored tbody tr:nth-child(8n) {
    color: #d04f4f
}

.table-editable th a {
    display: block;
    cursor: pointer;
    color: #f8f8f8;
    text-decoration: underline
}

.table-editable td.editor, .table-editable tbody tr:nth-child(odd) td.editor {
    background-color: rgba(97, 143, 176, 0.05);
    outline: 1px solid #618fb0;
    outline-offset: -1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-transition-property: width, outline, background-color;
    -moz-transition-property: width, outline, background-color;
    -o-transition-property: width, outline, background-color;
    transition-property: width, outline, background-color;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.table-editable td.editor input[type=text] {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: 0;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none
}

.table-editable td.editor.error, .table-editable tbody tr:nth-child(odd) td.editor.error {
    background-color: rgba(234, 200, 94, 0.1);
    outline: 1px solid #eac85e
}

.table-editable td.editor :focus, .table-editable th.editor :focus {
    outline: 0
}

.table-editable .sort-caret {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0.3em;
    border: 0;
    content: "";
    font: 15px FontAwesome
}

.table-editable .ascending .sort-caret:before {
    content: "\f0d8"
}

.table-editable .descending .sort-caret:before {
    content: "\f0d7"
}

.chart-col-header {
    width: 100px
}

.table .chart-cell {
    padding: 3px
}

.source-col-header {
    width: 30%
}

.sources-table td, .sources-table th {
    text-align: center
}

.sources-table td:first-child, .sources-table th:first-child {
    text-align: left
}

.widget-container {
    min-height: 30px
}

.widget-container .widget:not(.fullscreened) > header {
    cursor: move
}

.widget-placeholder {
    background: rgba(51, 51, 51, 0.2);
    border: 1px dashed rgba(255, 255, 255, 0.6);
    margin: -1px -1px 29px -1px
}

.list-group-item-placeholder {
    background: rgba(51, 51, 51, 0.2);
    border: 1px dashed rgba(255, 255, 255, 0.6);
    margin: -1px
}

.slimScrollBar {
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px;
    border-radius: 3px !important
}

.text-align-center {
    text-align: center
}

.text-align-right {
    text-align: right
}

.well-white {
    background: rgba(255, 255, 255, 0.2)
}

.margin-top {
    margin-top: 10px
}

.margin-bottom {
    margin-bottom: 10px
}

.no-margin {
    margin: 0 !important
}

.weight-normal {
    font-weight: normal
}

.visible-phone-landscape {
    display: none !important
}

.background-danger {
    background: #e5603b;
    color: white
}

.background-warning {
    background: #eac85e;
    color: white
}

.background-success {
    background: #56bc76;
    color: white
}

.background-primary {
    background: #618fb0;
    color: white
}

.background-info {
    background: #4ab0ce;
    color: white
}

.background-lime {
    background: #8cbf26;
    color: white
}

.loader {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.loader .spinner {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -10px;
    font-size: 20px;
    text-align: center
}

.loader-wrap {
    position: fixed;
    left: 0;
    right: 0;
    top: 70px;
    bottom: 0;
    text-align: center;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out
}

@media (min-width: 1049px) {
    .loader-wrap {
        margin-left: 185px
    }

    .sidebar-on-right .loader-wrap {
        margin-right: 185px;
        margin-left: 0
    }
}

@media (min-width: 768px) and (max-width: 1048px) {
    .loader-wrap {
        margin-left: 62px
    }

    .sidebar-on-right .loader-wrap {
        margin-right: 62px;
        margin-left: 0
    }
}

.sidebar-hidden .loader-wrap {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.loader-wrap.hiding {
    opacity: 0
}

.loader-wrap .fa {
    position: absolute;
    top: 50%;
    line-height: 30px;
    margin-top: -85px;
    font-size: 18px;
    vertical-align: middle
}

.attention {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.bg-addition {
    background-color: rgba(51, 51, 51, 0.25) !important
}

ul.text-list, ol.text-list {
    margin-bottom: 9px;
    padding-left: 40px
}

ul.text-list {
    list-style: disc
}

ol.text-list {
    list-style: decimal
}

@media (max-width: 320px) {
    .hidden-xs-portrait {
        display: none !important
    }
}

@media (min-width: 768px) {
    .sidebar-hidden .sidebar {
        display: none
    }
}

@media (max-width: 767px) {
    .sidebar.nav-collapse, .sidebar.nav-collapse.collapse {
        overflow: hidden;
        height: 0
    }

    .sidebar.nav-collapse.collapse.in {
        height: auto
    }

    .page-title {
        margin-top: 6px
    }

    .sidebar, .sidebar-on-right .sidebar {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        margin: 90px 5%;
        width: 90%;
        padding: 0
    }

    .sidebar .side-nav, .sidebar-on-right .sidebar .side-nav {
        margin: 10px 0
    }

    .sidebar + .wrap, .sidebar-on-right .sidebar + .wrap {
        margin-left: 0;
        margin-right: 0
    }

    .nv-controlsWrap {
        display: none
    }

    .logo, .sidebar-on-right .logo, .sidebar-hidden .logo {
        display: block;
        left: 1.6%;
        right: auto;
        padding-right: 5px;
        width: 40px;
        top: 4px
    }

    .widget-404-search, .widget-404 {
        width: 402px
    }

    .widget-404 {
        padding: 0
    }

    .widget-404 .body {
        margin-top: 0
    }

    .single-widget-container .widget-404-search {
        margin-top: 0
    }

    .single-widget-container .widget-404-search .search-field {
        width: 285px
    }

    .single-widget-container.error-page {
        margin-top: -170px
    }

    .navbar .nav > li > .dropdown-menu.messages, .navbar .nav > li > .dropdown-menu.support {
        margin-right: -68px
    }

    .navbar .nav > li > .dropdown-menu.messages:after, .navbar .nav > li > .dropdown-menu.support:after {
        right: 85px
    }

    .notifications {
        position: absolute;
        right: 0;
        top: 46px;
        margin: 0;
        -webkit-transition: top 0.3s ease;
        -o-transition: top 0.3s ease;
        transition: top 0.3s ease
    }

    .mailbox .folder-title {
        float: none
    }

    .mailbox .form-search {
        margin-top: 9px
    }

    .mailbox .form-search label {
        display: block
    }

    .mailbox .form-search .input-search {
        width: 100%;
        height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .mailbox .form-search .input-search:hover {
        width: 100%
    }

    .mailbox-content {
        margin-top: 0
    }

    .client-details {
        text-align: left
    }
}

.trbg01 {
    background-color: rgba(100, 100, 100, 0.1) !important;
}

.trbg02 {
    background: rgba(51, 51, 51, 0.3);
}

.gmenutop {
    margin: 0px 0px 0px 0px;
}

.oddsadd {
    font-size: 10px;
    color: #d9d648;
}

.boxleagueimage {
    width: 24px;
    height: 17px;
    border: 1px solid #474545;
}

.aleft {
    text-align: left;
}

.acenter {
    text-align: center;
}

.aright {
    text-align: right;
}

.oddsupchk {
    color: #f1bf67
}

.ghandy {
    font-size: 8px;
    color: #e52916;
    font-weight: bold;
}

.scorehome1 {
    color: #fff1f1;
    font-weight: bold;
    float: left;
}

.scoreaway1 {
    color: #fff1f1;
    font-weight: bold;
    float: right;
}

.scorehome2 {
    color: #cecece;
    font-weight: bold;
    float: left;
}

.scoreaway2 {
    color: #cecece;
    font-weight: bold;
    float: right;
}

.g1stime {
    font-size: 12px;
    color: #a4a100;
    font-weight: bold;
}

.g2stime {
    font-size: 12px;
    color: #75c108;
    font-weight: bold;
}

.gtadd {
    font-size: 8px;
    color: #ffd534;
    font-weight: bold;
}

.btn-xs {
    padding: 4px 10px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
}

.label-league {
    cursor: default !important;
    padding: 1px 1px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
}

.btn-odds-on {
    border-width: 2px;
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-odds-on.focus, .btn-odds-on:focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85
}

.btn-odds-on:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-odds-on.active, .btn-odds-on:active, .open > .dropdown-toggle.btn-odds-on {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-odds-on.active.focus, .btn-odds-on.active:focus, .btn-odds-on.active:hover, .btn-odds-on:active.focus, .btn-odds-on:active:focus, .btn-odds-on:active:hover, .open > .dropdown-toggle.btn-odds-on.focus, .open > .dropdown-toggle.btn-odds-on:focus, .open > .dropdown-toggle.btn-odds-on:hover {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85
}

.btn-odds-on.active, .btn-odds-on:active, .open > .dropdown-toggle.btn-odds-on {
    background-image: none
}

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

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


.btn-odds {
    border-width: 2px;
    color: #000;
    background: rgb(219 219 219 / 70%);
    font-weight: bold;
}


.btn-odds .oddswin {
    float: right;
    color: #ff0b0b;
    font-weight: bold;
    font-family: 'Noto Sans', sans-serif;
}

.btn-odds .oddslose {
    float: left;
    color: #ff0b0b;
    font-weight: bold;
    font-family: 'Noto Sans', sans-serif;
}

.btn-odds .oddsdraw {
    text-align: center;
    color: #ff0b0b;
    font-weight: bold;
    font-family: 'Noto Sans', sans-serif;
}

.btn-odds-close {
    color: #888;
    background: rgba(186, 186, 186, 0.1);
    font-weight: bold;
}

.btn-odds-close .oddswin {
    float: right;
}

.btn-odds-close .oddslose {
    float: left;
}

.btn-odds-on .oddswin {
    float: right;
    color: #f9fb06;
    font-weight: bold;
    font-family: 'Noto Sans', sans-serif;
}

.btn-odds .oddsline {
    color: #0f0ca1;
    font-weight: bold;
    font-family: 'Noto Sans', sans-serif;
    margin: 10px;
}

.btn-odds-close .oddsline {
    color: #0f0ca1;
    font-weight: bold;
    font-family: 'Noto Sans', sans-serif;
    margin: 10px;
}

.btn-odds-on .oddslose {
    float: left;
    color: #f9fb06;
    font-weight: bold;
    font-family: 'Noto Sans', sans-serif;
}

.btn-odds-on .oddsdraw {
    text-align: center;
    color: #f9fb06;
    font-weight: bold;
    font-family: 'Noto Sans', sans-serif;
}

.btn-odds:hover {
    background: rgba(51, 51, 51, 0.5);
    color: #ffffff;
}

.btn-odds:hover .oddswin {
    color: #f6ff1a !important;
}

.btn-odds:hover .oddslose {
    color: #f6ff1a !important;
}

.btn-odds:hover .oddsdraw {
    color: #f6ff1a !important;
}

.btn-odds-1 {
    background: rgba(51, 51, 51, 0.2);
    color: #ddd !important;
    padding: 2px 10px !important;
    border-radius: 3px;
    height: 28px;
}

.btn-odds-1:hover {
    background: rgba(51, 51, 51, 0.9);
    color: #ddd !important;
    padding: 2px 10px !important;
    border-radius: 3px;
}

.btn-cartbox {
    color: #fff;
    background: rgba(51, 51, 51, 0.4);
    font-weight: bold;
}

.btn-cartbox:hover {
    color: #fff !important;
    background: rgba(51, 51, 51, 0.9);
}

.btn-cartbox1 {
    color: #fff;
    background: rgba(51, 51, 51, 0.4);
    font-weight: bold;
}

.btn-cartbox1:hover {
    color: #fff;
    background: rgba(51, 51, 51, 0.9);
}

.smon {
    position: absolute;
    bottom: 2px;
    right: 2px;
    font-size: 9.1px;
    font-weight: normal;
    background: rgba(51, 51, 51, 0.55);
    color: rgba(255, 255, 255, 0.9);
    line-height: 1em;
    padding: 2px 4px;
    border-radius: 10px;
}

.vrtimer {
    margin-top: 6px;
}


.custom-page {
    font-size: 14px;
    line-height: 22px;
    color: #eee;
    padding-top: 10px;
    -webkit-font-smoothing: antialiased;
    max-width: 100%;
    margin: 10px auto;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.custom-page .container {
    max-width: 900px !important;
    width: 100%;
    padding: 10px;
    background-color: rgba(255, 255, 255, 1);
}

.custom-page form {
    padding: 10px 0px;
}

.hwin {
    color: #38d5a0 !important;
    font-weight: bold;
}

.hlose {
    color: #ffb746 !important;
    font-weight: bold;
}

.hdraw {
    color: #7b9206 !important;
    font-weight: bold;
}

.hbet {
    color: #8ee8ff !important;
    font-weight: bold;
}


.oddsplus {
    color: #d1f78f !important;
    font-weight: bold !important;
}


.cartbox1 {
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #aaa;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent);
    border-radius: 4px;
    color: #f7ff31;
    font-family: 'Noto Sans', sans-serif;
}

@media (min-width: 480px) {
    .cartbox1 {
        font-size: 15px;
        padding: 13px 4px;
    }
}

@media (min-width: 768px) {
    .cartbox1 {
        font-size: 12px;
        padding: 8px 4px;
    }
}

@media (min-width: 992px) {
    .cartbox1 {
        font-size: 14px;
        padding: 12px 4px;
    }
}

@media (min-width: 1200px) {
    .cartbox1 {
        font-size: 15px;
        padding: 13px 6px;
    }
}

@media (min-width: 1500px) {
    .cartbox1 {
        font-size: 15px;
        padding: 13px 6px;
    }
}


@media (min-width: 768px) {
    .signupLoging .modal-dialog {
        width: 400px;
    }
}

.signupLoging .modal-header {
    border-top: 6px solid #ff891e;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: 0;
    padding: 10px 20px;
}

.signupLoging .modal-header .close {
    font-size: 30px;
    color: #222;
    opacity: 1;
    font-weight: 400;
}

.signupLoging .modal-header .modal-title {
    font-size: 20px;
    font-weight: 700;
    margin-top: 3px;
}

.signupLoging .modal-body {
    padding: 10px 20px;
}

.signupLoging .modal-body .form-group .form-control {
    padding: 22px 18px;
    border-color: #e5e5e5;
    box-shadow: none;
}

.signupLoging .modal-body .checkbox {
    margin-bottom: 12px;
}

.signupLoging .modal-body .checkbox .forgotPass {
    float: right;
}

.signupLoging .modal-body .btn-default {
    width: 100%;
    background-color: #ff891e;
    border: none;
    color: #fff;
    margin-top: 3px;
}

.signupLoging .modal-body .or {
    font-size: 15px;
    color: #222222;
    text-align: center;
    margin: 15px;
}

.signupLoging .modal-body .btnSocial {
    background-color: #6684c4;
}

.signupLoging .modal-body .btnSocial:hover {
    opacity: 1;
}

.signupLoging .modal-footer {
    padding: 10px 20px;
    border-top: 0;
    text-align: center;
}

.signupLoging .modal-footer .dontHaveAccount p a {
    color: #ff891e;
}

.choicehome {
    color: #ea1858 !important;
    font-weight: 900;
}

.choiceaway {
    color: #0089ff !important;
    font-weight: 900;
}

.height150 {
    height: 150px;
}

.li_table {
    width: 100%;
    border: 1 solid red;
    border-top: none;
    border-right: none
}

.li_table ul {
    clear: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-top: 1 solid red;
}

/* list-style-type 블릿표시 padding: 0; 들여쓰기*/
.li_table .subject {
    font-weight: bold;
    text-align: center;
}

.li_table ul li {
    float: left;
    padding: 3px !important;
}

.li_table ul .colho {
    float: left;
    width: 42%;
}

.li_table ul .colds {
    text-align: center;
    width: 16%;
}

.li_table ul .colau {
    float: right;
    width: 42%;
}

.li_table ul .colleft {
    float: left;
    width: 50%;
}

.li_table ul .colright {
    float: right;
    width: 50%;
}

.li_table ul .col3 {
    float: left;
    width: 33.3333%;
}

.li_table ul .col25 {
    float: left;
    width: 25%;
}


.liveoddsname {
    color: #788186;
    margin: 8px 6px;
    font-weight: bold;
    font-size: 15px;
}

@media (min-width: 480px) {
    .liveoddsname {
        font-size: 11px;
    }
}

@media (min-width: 768px) {
    .liveoddsname {
        font-size: 12px;
    }
}

@media (min-width: 992px) {
    .liveoddsname {
        font-size: 13px;
    }
}

@media (min-width: 1200px) {
    .liveoddsname {
        font-size: 14px;
    }
}

@media (min-width: 1500px) {
    .liveoddsname {
        font-size: 15px;
    }
}

.liveoddstime {
    font-size: 12px;
    color: #a56812;
}

.btn-odds:hover .liveoddstime {
    color: #f9fb06;
}

.btn-odds-on .liveoddstime {
    color: #f9fb06;
    font-weight: bold;
}


@media (min-width: 480px) {
    .liveoddstime {
        font-size: 11px;
    }
}

@media (min-width: 768px) {
    .liveoddstime {
        font-size: 12px;
    }
}

@media (min-width: 992px) {
    .liveoddstime {
        font-size: 13px;
    }
}

@media (min-width: 1200px) {
    .liveoddstime {
        font-size: 14px;
    }
}

@media (min-width: 1500px) {
    .liveoddstime {
        font-size: 15px;
    }
}

.oddsup {
    border-color: #ff8484 !important;
}

.oddsdown {
    border-color: #0370b0 !important;
}

.oddsclose {
    background-color: #929497 !important;
}

.main_loader {
    background: url('/ui/plugins/rs-plugin/assets/loader.gif?v=021955') center center no-repeat;
    display: block;
    height: 300px;
    left: 50%;
    top: 50%;
    width: 50px;
    margin: auto;
}

.away-right {
    float: right !important;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 80%;
    text-align: right;
}

.home-left {
    float: left !important;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 80%;
    text-align: left;
}

.boxlevelpc {
    display: inline-block;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    text-align: center;
    font-size: 14px;
    padding: 2px 8px;
    margin-right: 6px;
    width: 30px;
    background-color: rgba(255, 118, 1, 0.9);
    color: #eee;
    font-weight: bold;
}

.boxagentpc {
    display: inline-block;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    text-align: center;
    font-size: 14px;
    padding: 2px 6px;
    margin-right: 6px;
    width: 70px;
    background-color: rgba(255, 118, 1, 0.9);
    color: #eee;
    font-weight: bold;
    cursor: pointer;
    display: none;
}


.lvgameinfo {
    color: #788186;
    font-weight: bold;
    font-size: 20px;
}

@media (min-width: 480px) {
    .lvgameinfo {
        font-size: 12px;
    }
}

@media (min-width: 768px) {
    .lvgameinfo {
        font-size: 14px;
    }
}

@media (min-width: 992px) {
    .lvgameinfo {
        font-size: 16px;
    }
}

@media (min-width: 1200px) {
    .lvgameinfo {
        font-size: 18px;
    }
}

@media (min-width: 1500px) {
    .lvgameinfo {
        font-size: 20px;
    }
}

.lvgameinfo .lvhomename {
    color: #8f9293;
}

.lvgameinfo .lvawayname {
    color: #8f9293;
}

.lvgameinfo .lvhomescore {
    color: #086497;
}

.lvgameinfo .lvawayscore {
    color: #086497;
}

.bethistorylive {
    color: #ef5917;
    font-weight: bold;
}

.bethistorypereiod {
    color: #2080c7;
    font-weight: bold;
}

.bethistoryoddsname {
    color: #11e0ba;
    font-weight: bold;
}

.bethistorybethomescore {
    color: #ed0000;
    font-weight: bold;
}

.bethistorybetawayscore {
    color: #ed0000;
    font-weight: bold;
}

.userinfobox {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.80), rgba(209, 246, 255, 0.80));
    position: absolute;
    box-shadow: none;
    float: left;
    margin: 0 10px 0 0;
    padding: 10px 15px;
    width: 338px;
    right: 4px;
    left: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #373737;
    font-weight: bold;
}

.font-bold {
    font-weight: bold;
}


/* 스포츠 메뉴 */
.sports_menu_list {
    margin-bottom: 3px;
    padding: 4px;
    box-shadow: #e9e9e9 0px 0px 3px 3px;
}

.sports_menu_list h3 {
    height: 40px;
    border: 1px solid #02dcff;
    border-radius: 5px;
    height: 40px;
    margin-bottom: 7px;
    font-size: 12px;
    line-height: 36px;
    padding: 0px 10px;
    position: relative;
    font-weight: bold;

    background: linear-gradient(to top, #ebf8f7, #d6e5e2);
}

.sports_menu_list h3 .cor01 {
    color: #053a36;
}

.sports_menu_list h3 .date {
    float: right;
}

.sports_menu_list h3 img {
    vertical-align: middle;
    margin: 0px 6px 2px 0px;
}

.sports_menu_list h4 {
    background: #24242c;
    margin: 10px 6px;
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
    border-radius: 2px;
}

.sports_menu_list .main_left {
    margin-bottom: 8px;
}

.sports_menu_list .main_left:last-child {
    margin-bottom: 0;
}

.sports_menu_list .main_left li {
    border: 1px solid #e19f4e;
    border-radius: 3px;
    background: #f5f5f5;
    height: 30px;
    padding: 4px 10px;
    cursor: pointer;
    line-height: 20px;
    font-size: 12px;
    transition: 200ms all;
    margin-bottom: 3px;
    box-shadow: rgba(225, 225, 225, 0.5) 0px 2px 3px;
}

.sports_menu_list .main_left li:hover {
    background: #00c4ff;
}

.sports_menu_list .main_left li img {
    width: 20px;
    margin: 0px 4px 0px 0px;
}

.sports_menu_list .main_left li .name {
    vertical-align: top;
}

.sports_menu_list .main_left li .count {
    display: inline-block;
    float: right;
    height: 20px;
    font-weight: bold;
    width: 40px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    background: #975c1f;
    color: #d9fafd;
    border-radius: 3px;
}

.sports_menu_list .main_left li .count.on {
    color: #ffffff;
}

.sports_menu_list .main_left2 {
    margin-bottom: 8px;
}

.sports_menu_list .main_left2:last-child {
    margin-bottom: 0;
}

.sports_menu_list .main_left2 li {
    border: 1px solid #d3972f;
    border-radius: 3px;
    background: #f5f5f5;
    height: 55px;
    padding: 4px 10px;
    cursor: pointer;
    line-height: 45px;
    font-size: 12px;
    transition: 200ms all;
    position: relative;
    margin-bottom: 3px;
    box-shadow: rgba(225, 225, 225, 0.5) 0px 2px 3px;
}

.sports_menu_list .main_left2 li:hover {
    background: #fea74e;
}

.sports_menu_list .main_left2 li img {
    width: 15px;
    height: 15px;
    margin: 0px 0px 0px 4px;
    vertical-align: middle;
}

.sports_menu_list .main_left2 li .time {
    vertical-align: middle;
}

.sports_menu_list .main_left2 li .team_name {
    position: absolute;
    top: 5px;
    left: 80px;
    line-height: 100%;
}

.sports_menu_list .main_left2 li .team_name img {
    margin-bottom: 2px;
}

.sports_menu_list .main_left2 li .team_name .home {
    color: #053a36;
    margin-bottom: 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 140px;
}

.sports_menu_list .main_left2 li .team_name .away {
    color: #053a36;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 140px;
}

.sports_menu_list .main_left3 {
    margin-bottom: 8px;
}

.sports_menu_list .main_left3:last-child {
    margin-bottom: 0;
}

.sports_menu_list .main_left3 li {
    border: 1px solid #e19f4e;
    border-radius: 3px;
    background: #f5f5f5;
    height: 30px;
    padding: 4px 10px;
    cursor: pointer;
    line-height: 20px;
    font-size: 12px;
    transition: 200ms all;
    position: relative;
    margin-bottom: 3px;
    box-shadow: rgba(225, 225, 225, 0.5) 0px 2px 3px;
}

.sports_menu_list .main_left3 li:hover {
    background: #fea74e;
}

.sports_menu_list .main_left3 li img {
    width: 15px;
    height: 15px;
    margin: 0px 0px 0px 4px;
    vertical-align: middle;
}

.sports_menu_list .main_left3 li .name {
    color: #053a36;
    margin-left: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 195px;
}

.sports_menu_list .popular_list {
    margin: 0px 6px 10px 6px;
}

.sports_menu_list .popular_list li {
    border-radius: 5px;
    height: 45px;
    transition: 200ms all;
    line-height: 45px;
    padding-left: 15px;
    cursor: pointer;
    font-weight: bold;
    border: 1px solid transparent;
}

.sports_menu_list .popular_list li:hover {
    background: #ababab;
}

.sports_menu_list .popular_list li img {
    height: 26px;
    vertical-align: middle;
    margin: 0px 4px 2px 0px;
}

.sports_menu_list .popular_list li.on {
    background: #f5f5f5;
    border: 1px solid #053a36;
    color: #053a36;
}

.sports_menu_list .my_favorites {
    margin: 0px 6px 20px 6px;
}

.sports_menu_list .my_favorites button {
    text-align: center;
    display: block;
    width: 100%;
    height: 40px;
    border-radius: 5px;
    background: #d1d1d1;
    color: #c4c4c3;
    font-weight: bold;
    box-shadow: rgba(225, 225, 225, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;
}

.sports_menu_list .my_favorites svg {
    width: 16px;
    vertical-align: middle;
    margin: 0px 0px 2px 4px;
}

.sports_menu_list .my_favorites button:hover {
    background: #393a43;
    color: #ffffff;
}

/* 스포츠 펼침 메뉴 */
.sports_menu_list .mune_list01 {
    margin: 0px 6px 10px 6px;
}

.sports_menu_list .mune_list01 li {
    position: relative;
}

.sports_menu_list .menu01 {
    margin-right: 45px;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
    height: 45px;
    line-height: 45px;
    padding-left: 15px;
    transition: 200ms all;
}

.sports_menu_list .menu01 img {
    height: 26px;
    vertical-align: middle;
    margin: 0px 4px 2px 0px;
}

.sports_menu_list .menu01 span {
    color: #c4c4c3;
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    text-align: center;
    line-height: 45px;
}

.sports_menu_list .menu01 span svg {
    width: 13px;
    height: 13px;
}

.sports_menu_list .menu01:hover span {
    color: #ffffff;
}

.sports_menu_list .menu01 .close {
    display: none;
}

.sports_menu_list .menu01.on {
    color: #053a36;
}

.sports_menu_list .menu_list02 {
    background: #33333a;
    border-radius: 5px;
    display: none;
}

.sports_menu_list .menu02 {
    margin-right: 45px;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
    height: 35px;
    line-height: 35px;
    padding-left: 15px;
    transition: 200ms all;
}

.sports_menu_list .menu02 img {
    width: 14px;
    vertical-align: middle;
    margin: 0px 4px 2px 0px;
}

.sports_menu_list .menu02 span {
    color: #c4c4c3;
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    text-align: center;
    line-height: 35px;
}

.sports_menu_list .menu02 span svg {
    width: 13px;
    height: 13px;
}

.sports_menu_list .menu02:hover {
    background: #41414a;
}

.sports_menu_list .menu02:hover span {
    color: #ffffff;
}

.sports_menu_list .menu02 .close {
    display: none;
}

.sports_menu_list .menu02.on {
    background: #f5f5f5;
    border: 1px solid #053a36;
    color: #053a36;
}

.sports_menu_list .menu_list03 {
    display: none;
}

.sports_menu_list .menu03 {
    margin-right: 45px;
    cursor: pointer;
    border: 1px solid #02dcff;
    font-weight: bold;
    border-radius: 5px;
    line-height: 35px;
    padding-left: 15px;
    transition: 200ms all;
    padding-left: 36px;
}

.sports_menu_list .menu03 span {
    color: #c4c4c3;
    position: absolute;
    top: 4px;
    right: 0;
    width: 45px;
    text-align: center;
}

.sports_menu_list .menu03 span svg {
    width: 13px;
    height: 13px;
}

.sports_menu_list .menu03:hover {
    background: #41414a;
}

.sports_menu_list .menu03:hover span {
    color: #ffffff;
}

.sports_menu_list .menu03 span.on {
    color: #053a36 !important;
}

.sports_menu_list .menu03.on {
    background: #f5f5f5;
    border: 1px solid #053a36;
    color: #053a36;
}

.sports_menu_list .all_view {
    margin: 0px 6px 5px 6px;
}

.sports_menu_list .all_view button {
    text-align: center;
    display: block;
    width: 100%;
    height: 40px;
    border-radius: 5px;
    background: #d1d1d1;
    color: #c4c4c3;
    font-weight: bold;
    box-shadow: rgba(225, 225, 225, 0.35) -3px 7px 6px -6px, rgb(92, 94, 108) 1px 1px 4px -2px inset;
}

.sports_menu_list .all_view svg {
    width: 16px;
    vertical-align: middle;
    margin: 0px 0px 2px 4px;
}

.sports_menu_list .all_view button:hover {
    background: #393a43;
    color: #ffffff;
}

/* 해외프로토 레프트 메뉴 */
.sports_menu_list .sports_category {
    margin-bottom: 5px;
    *zoom: 1;
    position: relative;
}

.sports_menu_list .sports_category:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.sports_menu_list .sports_category li {
    width: 63px;
    height: 48px;
    float: left;
    padding: 3px;
}

.sports_menu_list .sports_category li button {
    width: 100%;
    height: 100%;
}

.sports_menu_list .sports_category li img {
    width: 25px;
}

.sports_menu_list .foreign_menu {
    padding: 3px;
}

.sports_menu_list .foreign_menu li {
    margin-bottom: 3px;
}

.sports_menu_list .foreign_menu .f_menu01 {
    position: relative;
    font-weight: bold;
    border-radius: 5px;
    height: 50px;
    line-height: 50px;
    padding-left: 15px;
    background: #d1d1d1;
    cursor: pointer;
    box-shadow: rgba(225, 225, 225, 0.35) -3px 7px 6px -6px, rgb(92, 94, 108) 1px 1px 4px -2px inset;
}

.sports_menu_list .foreign_menu .f_menu01 img {
    width: 18px;
    vertical-align: middle;
    margin: 0px 4px 2px 0px;
}

.sports_menu_list .foreign_menu .f_menu01 span {
    color: #c4c4c3;
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    text-align: center;
    line-height: 50px;
}

.sports_menu_list .foreign_menu .f_menu01 span svg {
    width: 13px;
    height: 13px;
}

.sports_menu_list .foreign_menu .f_menu01 .close {
    display: none;
}

.sports_menu_list .foreign_menu .game_list {
    margin: 5px 0px;
    display: none;
}

.sports_menu_list .foreign_menu .game_list .sub_category {
    color: #565454;
    line-height: 14px;
    font-weight: bold;
    padding: 10px 0px;
}

.sports_menu_list .foreign_menu .game_list li {
    margin-bottom: 8px;
    padding: 7px;
    border-radius: 5px;
    background: #303037;
    cursor: pointer;
    display: table;
    width: 100%;
    padding: 10px 15px;
    box-shadow: rgba(225, 225, 225, 0.35) -3px 6px 6px -3px, rgb(131, 131, 146) 1px 1px 4px -2px inset;
}

.sports_menu_list .foreign_menu .game_list .team_name {
    display: table-cell;
    width: 65%;
    vertical-align: middle;
}

.sports_menu_list .foreign_menu .game_list .team_name .home {
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px dotted #52525d;
    padding-bottom: 7px;
    line-height: 16px;
}

.sports_menu_list .foreign_menu .game_list .team_name .away {
    font-size: 14px;
    font-weight: bold;
    padding-top: 6px;
    line-height: 16px;
}

.sports_menu_list .foreign_menu .game_list .mach_time {
    display: table-cell;
    width: 30%;
    text-align: center;
    vertical-align: middle;
    padding: 0px 5px;
    color: #565454;
    line-height: 14px;
}

.sports_menu_list .foreign_menu .game_list .score {
    display: table-cell;
    width: 5%;
    text-align: center;
    vertical-align: middle;
    color: #cccccc;
}

.sports_menu_list .foreign_menu .game_list .score span {
    display: block;
    font-size: 11px;
    width: 13px;
    line-height: 17px;
    background: #52525d;
    box-shadow: rgba(225, 225, 225, 0.35) -3px 6px 6px -3px;
    border-radius: 3px;
}

.sports_menu_list .foreign_menu .game_list .score01 {
    margin-bottom: 15px;
    position: relative;
}

.sports_menu_list .foreign_menu .game_list .score01:after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 4px;
    width: 4px;
    height: 1px;
    background: #939293;
}

.sports_menu_list .foreign_menu .game_list li.on {
    border: 1px solid #053a36;
    background: #f5f5f5;
}

.sports_menu_list .foreign_menu .game_list li.on .team_name .home {
    border-bottom: 1px dotted #053a36;
}

.sports_menu_list .foreign_menu .game_list li.on .score01:after {
    background: #053a36;
}

/* 기타 게임 메뉴 */
.other_menu_list {
    margin-bottom: 3px;
    padding: 4px;
}

.other_menu_list .mune_list01 {
    margin: 10px 6px 10px 6px;
}

.other_menu_list .mune_list01 li {
    position: relative;
    margin-bottom: 3px;
}

.other_menu_list .menu01 {
    height: 43px;
    border-radius: 5px;
    background: #d1d1d1;
    color: #c4c4c3;
    font-weight: bold;
    transition: 200ms all;
    line-height: 41px;
    padding-left: 15px;
    border: 1px solid #02dcff;
    cursor: pointer;
    box-shadow: rgba(225, 225, 225, 0.35) -3px 7px 6px -6px, rgb(92, 94, 108) 1px 1px 4px -2px inset;
    border: 1px solid #e3e3e3;
}

.other_menu_list .menu01 img {
    height: 28px;
    vertical-align: middle;
    margin: 0px 4px 2px 0px;
}

.other_menu_list .menu01:hover {
    background: #393a43;
    color: #ffffff;
}

.other_menu_list .menu01.on {
    background: #f5f5f5;
    border: 1px solid #053a36;
    color: #053a36;
}

.other_menu_list .menu01 .time {
    position: absolute;
    top: 7px;
    right: 10px;
    height: 28px;
    display: inline-block;
    width: 50px;
    text-align: center;
    line-height: 26px;
    font-weight: normal;
    border: 1px solid #ebe3dc;
    border-radius: 5px;
    background: #e3e3e3;
}

/* 미니게임 메뉴 */
.mini_game_menu {
    margin-bottom: 3px;
}

.mini_game_menu h4 {
    border: 1px solid #86ea60;
    background: #29601b;
    font-size: 20px;
    text-align: center;
    line-height: 38px;
}

.mini_game_menu .mune_list01 {
    border: 1px solid #424242;
    border-bottom: none;
}

.mini_game_menu .mune_list01 li {
    position: relative;
    border-bottom: 1px solid #424242;
}

.mini_game_menu .menu01 {
    color: #d6d6d6;
    font-weight: bold;
    transition: 200ms all;
    line-height: 30px;
    padding-left: 25px;
    cursor: pointer;
    padding: 5px 0 5px 25px;
}

.mini_game_menu .menu01:hover {
    background: #29601b;
    color: #ffffff;
}

.mini_game_menu .menu01.on {
    background: #29601b;
}

.mini_game_menu .menu01 .time {
    position: absolute;
    top: 5px;
    right: 25px;
    width: 50px;
    text-align: center;
    line-height: 30px;
    font-weight: normal;
    color: #89f161;
}

/* 카지노 슬롯 메뉴 */
.casino_slot_list {
    margin-bottom: 3px;
    padding: 4px;
}

.casino_slot_list .mune_list01 {
    margin: 10px 6px 10px 6px;
}

.casino_slot_list .mune_list01 li {
    position: relative;
    margin-bottom: 6px;
}

.casino_slot_list .menu01 {
    height: 50px;
    border-radius: 5px;
    background: linear-gradient(to top, #007d55, #41dfe7);
    color: #ffffff;
    font-weight: bold;
    transition: 200ms all;
    line-height: 48px;
    border: 1px solid #02dcff;
    cursor: pointer;
    text-align: center;
    box-shadow: rgba(225, 225, 225, 0.35) -3px 7px 6px -6px, rgb(92, 94, 108) 1px 1px 4px -2px inset;
}

.casino_slot_list .menu01 img {
    height: 28px;
    vertical-align: middle;
    margin: 0px 4px 2px 0px;
}

.casino_slot_list .menu01:hover {
    background: #02dcff;
    color: #000000;
}

.casino_slot_list .menu01.on {
    background: #f5f5f5;
    border: 1px solid #053a36;
    color: #053a36;
}

.casino_slot_list .menu01 span {
    color: #c4c4c3;
    position: absolute;
    top: 20px;
    right: 0;
    width: 45px;
    text-align: center;
    line-height: 48px;
}

.casino_slot_list .menu01 span svg {
    width: 13px;
    height: 13px;
}

.casino_slot_list .menu01:hover span {
    color: #ffffff;
}

.casino_slot_list .menu01 .close {
    display: none;
}

.casino_slot_list .menu01.on {
    background: #f5f5f5;
    border: 1px solid #053a36;
    color: #053a36;
}

.casino_slot_list .menu_list02 {
    margin-top: 6px;
    display: none;
}

.casino_slot_list .menu02 {
    height: 50px;
    border-radius: 5px;
    border: 1px solid #e3e3e3;
    background: #d1d1d1;
    font-weight: bold;
    transition: 200ms all;
    line-height: 48px;
    border: 1px solid #b6bfbe;
    cursor: pointer;
    text-align: center;
    box-shadow: rgba(225, 225, 225, 0.35) -1px 4px 4px;
}

.casino_slot_list .menu02:hover {
    background: #e3e3e3;
}

.casino_slot_list .menu02 .name01 {
    display: none;
}

.casino_slot_list .menu02 img {
    margin: 3px 0px 0px -10px;
}

.casino_slot_list .menu02.on {
    border: 1px solid #990000;
    background: #e3e3e3;
}

.casino_slot_list .menu02.on .ico01 {
    display: none;
}

.casino_slot_list .menu02.on .name01 {
    display: block;
}

.casino_slot_list .menu02 .count01 {
    position: absolute;
    top: 15px;
    right: 7px;
    line-height: 20px;
    background: #000000;
    width: 40px;
    border-radius: 4px;
    text-align: center;
}

.casino_slot_list .menu_list03 {
    margin-top: 6px;
    display: none;
}

.casino_slot_list .menu_list03 li {
    margin-bottom: 2px;
}

.casino_slot_list .menu03 {
    height: 28px;
    border-radius: 5px;
    background: #35363e;
    font-weight: bold;
    transition: 200ms all;
    line-height: 26px;
    border: 1px solid #02dcff;
    cursor: pointer;
    padding-left: 15px;
    box-shadow: rgba(225, 225, 225, 0.35) 0px 2px 2px;
}

.casino_slot_list .menu03:hover {
    background: #00c4ff;
}

.casino_slot_list .menu03.on {
    border: 1px solid #b5610a;
    background: #dd993f;
}

.casino_slot_list .menu03 .count01 {
    position: absolute;
    top: 4px;
    right: 7px;
    line-height: 20px;
    background: #000000;
    width: 40px;
    border-radius: 4px;
    text-align: center;
}

/* 라이트 영역 */
#right_section {
    position: fixed;
    margin-right: 274px;
    width: 260px;
    top: 90px;
    bottom: 0;
    right: 0;
    z-index: 10;
    text-align: left;
}

#right_section.on {
    position: fixed;
    top: 0;
}

.right_box {
    position: relative;
    height: 100%;
    overflow-y: auto;
}

.user_box1 {
    height: 240px;
    padding: 5px 5px;
    margin-bottom: 3px;
    margin-bottom: 10px;
}

.user_box {
    height: auto;
    padding: 5px 5px;
    margin-bottom: 13px;
}

.user_box h3 {
    font-weight: bold;
    padding: 5px 0px 5px 5px;
}

.user_box .login_input {
}

.user_box .login_input input {
    width: 100%;
    border: 1px solid #b6bfbe;
    background: #ffffff;
    color: #000000;
    font-weight: bold;
    text-align: center;
    height: 36px;
    border-radius: 4px;
    margin-bottom: 4px;
    box-shadow: rgba(225, 225, 225, 0.5) 0px 2px 3px;
}

.user_box .login {
    display: block;
    width: 100%;
    height: 40px;
    border: 1px solid #214816;
    background: #4e3c13;
    border-radius: 3px;
    font-size: 12px;
    margin-bottom: 4px;
    transition: 200ms all;
}

.user_box .login:hover {
    border: 1px solid #31ff00;
    background: #173e10;
}

.user_box .member_join {
    display: block;
    width: 100%;
    height: 40px;
    border: 1px solid #214816;
    background: #4e3c13;
    border-radius: 3px;
    font-size: 12px;
    margin-bottom: 4px;
    transition: 200ms all;
}

.user_box .member_join:hover {
    border: 1px solid #31ff00;
    background: #173e10;
}

.user_box .user_name {
    height: 30px;
    border: 1px solid #bfbcb5;
    background: #edebe7;
    border-radius: 3px;
    font-size: 12px;
    padding: 0px 20px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 4px;
}

.user_box .user_name span {
    width: 40px;
}

.user_box .money {
    height: 30px;
    border: 1px solid #bfbcb5;
    color: #990000;
    background: #edebe7;
    border-radius: 3px;
    font-size: 12px;
    padding: 0px 20px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 4px;
}

.user_box .money img {
    vertical-align: middle;
    margin-bottom: 2px;
}

.user_box .money .head {
    display: inline-block;
    color: #444242;
    width: 75px;
}

.user_box .point {
    height: 30px;
    border: 1px solid #bfbcb5;
    color: #990000;
    background: #edebe7;
    border-radius: 3px;
    font-size: 12px;
    padding: 0px 20px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 4px;
    cursor: pointer;
    position: relative;
    transition: 200ms all;
}

.user_box .point:hover {
    background: #00c4ff;
}

.user_box .point img {
    vertical-align: middle;
    margin-bottom: 2px;
}

.user_box .point .head {
    display: inline-block;
    color: #444242;
    width: 75px;
}

.user_box .point .change {
    position: absolute;
    top: 0;
    right: 20px;
    color: #444242;
}

.user_box .btn_list {
    margin: 0px 0px 5px -5px;
    *zoom: 1;
}

.user_box .btn_list:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.user_box .btn_list button {
    width: 80px;
    height: 30px;
    border: 1px solid #b6bfbe;
    background: #e9e8e5;
    border-radius: 3px;
    font-size: 12px;
    box-shadow: rgba(225, 225, 225, 0.2) 0px 2px 3px;
    float: left;
    margin-left: 5px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 4px;
    cursor: pointer;
    position: relative;
    transition: 200ms all;
}

.user_box .btn_list button:hover {
    background: #00c4ff;
}

.user_box .btn_list button span {
    border: 1px solid #02dcff;
    background: #edeaea;
    text-align: center;
    display: inline-block;
    line-height: 18px;
    vertical-align: top;
    width: 30px;
    height: 20px;
    border-radius: 2px;
    margin: 2px 0px 0px 4px;
    box-shadow: rgba(225, 225, 225, 0.5) 0px 2px 3px;
}

.user_box .btn_list_moblie {
    margin: 0px 0px 5px -5px;
    *zoom: 1;
}

.user_box .btn_list_moblie:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.user_box .btn_list_moblie button {
    padding-left: 3px;
    padding-right: 3px;
    height: 30px;
    border: 1px solid #b6bfbe;
    background: #e9e8e5;
    border-radius: 3px;
    font-size: 12px;
    box-shadow: rgba(225, 225, 225, 0.2) 0px 2px 3px;
    float: left;
    margin-left: 3px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 4px;
    cursor: pointer;
    position: relative;
    transition: 200ms all;
}

.user_box .btn_list_moblie button:hover {
    background: #00c4ff;
}

.user_box .btn_list_moblie button span {
    border: 1px solid #02dcff;
    background: #000000;
    text-align: center;
    display: inline-block;
    line-height: 18px;
    vertical-align: top;
    width: 30px;
    height: 20px;
    border-radius: 2px;
    margin: 2px 0px 0px 4px;
    box-shadow: rgba(225, 225, 225, 0.5) 0px 2px 3px;
}

.user_box .charge {
    display: block;
    width: 100%;
    height: 40px;
    border: 1px solid #237c73;
    background: #1a502b;
    border-radius: 3px;
    font-size: 12px;
    margin-bottom: 10px;
    transition: 200ms all;
    color: #f9f6f6;
}

.user_box .charge:hover {
    border: 1px solid #ff0000;
    background: #ff0000;
}

.user_box .exchange {
    display: block;
    width: 100%;
    height: 40px;
    border: 1px solid #00bfff;
    background: #1a4050;
    border-radius: 3px;
    font-size: 12px;
    margin-bottom: 10px;
    transition: 200ms all;
    color: #f9f6f6;
}

.user_box .exchange:hover {
    border: 1px solid #00bfff;
    background: #00bfff;
}

.betting_cart {
    margin-bottom: 10px;
    padding: 6px 5px;
}

.betting_cart h3 {
    margin-bottom: 10px;
    height: 40px;
    line-height: 40px;
    background: #a0a0a0;
    border: 1px solid #ebe3dc;
    color: #0a857e;
    font-size: 20px;
    font-weight: bold;
    padding-left: 10px;
    border-radius: 4px;
}

.betting_cart h3 img {
    vertical-align: middle;
    margin-bottom: 4px;
}

.betting_cart .betting_list {
    margin-bottom: 10px;
}

.betting_cart .betting_list li {
    border: 1px solid #ebe3dc;
    background: #131417;
    margin-bottom: 3px;
    border-radius: 4px;
}

.betting_cart h4 {
    line-height: 26px;
    border-bottom: 1px solid #3f3f43;
    padding: 0px 13px;
    height: 29px;
    position: relative;
    font-weight: bold;
    font-size: 12px;
}

.betting_cart h4 .del {
    position: absolute;
    top: 0;
    right: 0px;
    height: 100%;
    width: 28px;
    cursor: pointer;
    text-align: center;
}

.betting_cart h4 .del img {
    margin-top: 6px;
}

.betting_cart .name {
    line-height: 26px;
    border-bottom: 1px solid #3f3f43;
    padding: 0px 13px;
    height: 29px;
    position: relative;
    font-weight: bold;
}

.betting_cart .result {
    line-height: 26px;
    background: #4e3c13;
    color: #990000;
    padding: 0px 13px;
    height: 29px;
    position: relative;
    font-weight: bold;
}

.betting_cart .result span {
    position: absolute;
    top: 0;
    right: 13px;
}

.betting_cart .betting_box {
    border: 1px solid #878787;
    background: none;
    padding: 7px;
    border-radius: 4px;
}

.betting_cart .betting_box ul {
    margin-bottom: 12px;
}

.betting_cart .betting_box ul li {
    border-bottom: 1px solid #333340;
    line-height: 30px;
    position: relative;
    padding: 0px 3px;
}

.betting_cart .betting_box ul li span {
    position: absolute;
    top: 0;
    right: 3px;
    color: #e55b0b;
    font-weight: bold;
}

.betting_cart .betting_box ul li input {
    background: rgb(255 255 255 / 0%);
    color: #ff0000;
    text-indent: 10px;
    width: 110px;
    border: none;
    height: 30px;
    text-align: right;
    font-weight: bold;
}

.betting_cart .betting_box .btn_list {
    margin: 0px 0px 5px 1px;
    *zoom: 1;
}

.betting_cart .betting_box .btn_list:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.betting_cart .betting_box .btn_list button {
    width: 113px;
    height: 30px;
    border: 1px solid #5f5528;
    background: #e9e8e5;
    font-size: 12px;
    float: left;
    margin-left: 4px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 4px;
    cursor: pointer;
    position: relative;
    transition: 200ms all;
    border-radius: 3px;
}

.betting_cart .betting_box .btn_list button:hover {
    background: #00c4ff;
}

.betting_cart .betting_box .btn_list button span {
    color: #1b1919;
}

.betting_cart .betting_box .max_bet {
    margin-bottom: 10px;
}

.betting_cart .betting_box .max_bet button {
    width: 100%;
    height: 30px;
    border: 1px solid #02dcff;
    background: #e3e3e3;
    font-size: 12px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 4px;
    cursor: pointer;
    position: relative;
    transition: 200ms all;
    border-radius: 3px;
    color: #ffffff;
}

.betting_cart .betting_box .max_bet button:hover {
    color: #02dcff;
}

.betting_cart .betting_box .mix_bet {
    margin-bottom: 10px;
}

.betting_cart .betting_box .mix_bet button {
    width: 100%;
    height: 30px;
    border: 1px solid #c30707;
    background: #800d15;
    font-size: 12px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 4px;
    cursor: pointer;
    position: relative;
    transition: 200ms all;
    border-radius: 3px;
    color: #ffffff;
}

.betting_cart .betting_box .mix_bet button:hover {
    color: #02dcff;
}

.betting_cart .betting_box .bet_arae {
    margin: 0px 0px 0px -4px;
    *zoom: 1;
}

.betting_cart .betting_box .bet_arae:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

/*.betting_cart .betting_box .bet_arae .btn_bet {width:115px;height:80px;border:1px solid #3e3e43;background:#2272d4;font-size:12px;float:left;margin-left:4px;
line-height:76px;font-weight:bold;margin-bottom:4px;cursor:pointer;position:relative;transition:200ms all;border-radius:3px;}*/
.betting_cart.betting_box.bet_arae.btn_bet {
    background: #173e10;
    height: 40px;
    border: 1px solid #02dcff;
    border-radius: 5px;
    height: 80px;
    margin-left: 5px;
    width: 114px;
    margin-bottom: 7px;
    font-size: 12px;
    line-height: 80px;
    padding: 0px 10px;
    position: relative;
    font-weight: bold;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4 px-2px inset
}

.betting_cart .betting_box .bet_arae .btn_bet:hover {
    color: #02dcff;
}

/*.betting_cart .betting_box .bet_arae .btn_del {width:115px;height:80px;border:1px solid #3e3e43;background:#e64848;font-size:12px;float:left;margin-left:4px;
line-height:76px;font-weight:bold;margin-bottom:4px;cursor:pointer;position:relative;transition:200ms all;border-radius:3px;}*/
.betting_cart.betting_box.bet_arae.btn_del {
    background: #173e10;
    height: 40px;
    border: 1px solid #02dcff;
    border-radius: 5px;
    height: 80px;
    width: 114px;
    margin-bottom: 7px;
    font-size: 12px;
    line-height: 80px;
    padding: 0px 10px;
    position: relative;
    font-weight: bold;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4 px-2px inset
}

.betting_cart .betting_box .bet_arae .btn_del:hover {
    color: #02dcff;
}

.banner_area {
    margin-bottom: 20px;
}

.banner_area .chetting {
    border: 2px solid #ffea00;
    background: #0c1319;
    border-radius: 4px;
    height: 80px;
    margin-bottom: 5px;
    cursor: pointer;
    text-align: center;
    padding-top: 17px;
}

.banner_area .quest {
    border: 1px solid #b6bfbe;
    background: #e3e3e3;
    border-radius: 4px;
    height: 80px;
    margin-bottom: 5px;
    cursor: pointer;
    text-align: center;
    padding-top: 17px;
    transition: 200ms all;
}

.banner_area .quest:hover {
    background: #00c4ff;
}


/* 컨텐츠 타이틀 */
.cont_title {
    position: relative;
    border: 1px solid #c5c5c5;
    line-height: 54px;
    background: url('/assets/images/ico_title_01.png') no-repeat 16px 15px #f0f0f0;
    font-size: 20px;
    font-weight: bold;
    /*padding-left: 55px;*/
    margin-bottom: 8px;
    border-radius: 5px;
}

/* 스포츠 게임 리스트 */
.sports_game {
    margin-bottom: 10px;
}

.sports_game .game_title {
    margin-bottom: 10px;
    position: relative;
    border: 1px solid #3e3f42;
    background: #1e2428;
    box-shadow: rgba(225, 225, 225, 0.35) -3px 6px 6px -3px;
    height: 45px;
}

.sports_game .game_title h4 {
    padding-left: 15px;
    line-height: 43px;
    font-size: 18px;
    color: #990000;
}

.sports_game .game_title h4 img {
    width: 26px;
    vertical-align: middle;
    margin-right: 10px;
}

.sports_game .game_title .title_area {
    position: absolute;
    top: 0;
    right: 40px;
    width: 56%;
}

.sports_game .game_title .title_area .title01 {
    text-align: center;
    width: 30%;
    float: left;
    line-height: 43px;
    letter-spacing: -1px;
    color: #4e4d4d;
    font-weight: bold;
}

.sports_game .game_title .title_area .title02 {
    text-align: center;
    width: 30%;
    float: left;
    line-height: 43px;
    letter-spacing: -1px;
    color: #4e4d4d;
    font-weight: bold;
}

.sports_game .game_title .title_area .title03 {
    text-align: center;
    width: 40%;
    float: left;
    line-height: 43px;
    letter-spacing: -1px;
    color: #4e4d4d;
    font-weight: bold;
}

.sports_game .game_title .bookmark {
    position: absolute;
    top: 12px;
    right: 15px;
    width: 12px;
}

.sports_game .game_title .bookmark span {
    color: #565454;
}

.sports_game .game_title .bookmark span.on {
    color: #053a36;
}

.sports_game .game_title .bookmark svg {
    width: 12px;
}

.sports_game .game_list {
    margin-bottom: 10px;
    position: relative;
    border: 1px solid #3e3f42;
    background: #efefef;
    box-shadow: rgba(225, 225, 225, 0.35) -3px 6px 6px -3px;
    min-height: 55px;
}

.sports_game .game_list.betting_on .bet_box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}

.sports_game .game_list.betting_on .section_box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}

.sports_game .game_list.open .game_head {
    width: 100%;
}

.sports_game .game_list.open .bet_box {
    display: none;
}

.sports_game .game_list.open .side_bet {
    display: none;
}

.sports_game .game_list.open .detail_bet {
    display: block;
}

.sports_game .game_head {
    width: 36%;
    position: relative;
    display: table;
    cursor: pointer;
}

.sports_game .game_head .mach_info {
    width: 100px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    padding: 5px 10px;
}

.sports_game .game_head .mach_info .time {
    color: #053a36;
    padding-bottom: 5px;
}

.sports_game .game_head .mach_info .score {
    color: #ffffff;
    line-height: 17px;
}

.sports_game .game_head .mach_info .score span {
    display: inline-block;
    background: linear-gradient(to bottom, #424243, #242525);
    width: 30px;
    border: 1px solid #3f3f43;
}

.sports_game .game_head .mach_info .period {
    color: #ffffff;
    padding-top: 5px;
    letter-spacing: -1px;
}

.sports_game .game_head .title_area {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0px;
}

.sports_game .game_head .title_area h3 {
    font-size: 14px;
    line-height: 18px;
    padding: 0px 30px 3px 0px;
}

.sports_game .game_head .title_area h4 {
    color: #565454;
}

.sports_game .game_head .favortes {
    position: absolute;
    top: 50%;
    right: 10px;
    color: #565454;
    margin-top: -7px;
}

.sports_game .game_head .favortes.on {
    color: #053a36;
}

.sports_game .game_head .favortes svg {
    width: 16px;
    height: 16px;
}

.sports_game .bet_box {
    position: absolute;
    top: 50%;
    right: 50px;
    width: 58%;
    height: auto;
    text-align: center;
    margin-top: -25px;
    *zoom: 1;
    margin-bottom: 10px;
    z-index: 1;
}

.sports_game .bet_box:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.sports_game .bet_box .colum01 {
    float: left;
    width: 30%;
    padding: 0px 3px;
}

.sports_game .bet_box .colum02 {
    float: left;
    width: 30%;
    padding: 0px 3px;
}

.sports_game .bet_box .colum03 {
    float: left;
    width: 35%;
    padding: 0px 3px;
}

.sports_game .bet_box .box01 {
    width: 100%;
    position: relative;
}

.sports_game .bet_box .box01 .btn_area {
    float: left;
    width: 33.333%;
    text-align: center;
    padding: 0px 1.5px;
}

.sports_game .bet_box .box02 {
    width: 100%;
    position: relative;
}

.sports_game .bet_box .box02 .btn_area {
    float: left;
    width: 38%;
    text-align: center;
    padding: 0px 1.5px;
}

.sports_game .bet_box .box02 .line_area01 {
    float: left;
    width: 24%;
    text-align: left;
    padding: 0px 3px 0px 0px;
}

.sports_game .bet_box .box03 {
    width: 100%;
    position: relative;
}

.sports_game .bet_box .box03 .btn_area {
    float: left;
    width: 27%;
    text-align: center;
    padding: 0px 1.5px;
}

.sports_game .bet_box .box03 .line_area02 {
    float: left;
    width: 19%;
    text-align: left;
    padding: 0px 3px 0px 0px;
}

.sports_game .bet_box .box04 {
    width: 100%;
    position: relative;
}

.sports_game .bet_box .box04 .btn_area {
    float: left;
    width: 40.5%;
    text-align: center;
    padding: 0px 1.5px;
}

.sports_game .bet_box .box04 .line_area02 {
    float: left;
    width: 19%;
    text-align: left;
    padding: 0px 3px 0px 0px;
}

.sports_game .bet_box .line01 {
    display: inline-block;
    border: 1px solid #ebe3dc;
    min-width: 30px;
    line-height: 44px;
    text-align: center;
    margin-top: 2px;
    width: 100%;
    color: #cdcdcc;
    font-size: 11px;
    letter-spacing: -0.5px;
}

.sports_game .btn_bet01 {
    height: 50px;
    border: 1px solid #484853;
    background: linear-gradient(to bottom, #424243, #242525);
    color: #ffffff;
    width: 100%;
    line-height: 50px;
    box-shadow: rgba(225, 225, 225, 0.35) -3px 6px 6px -3px;
}

.sports_game .btn_bet01:hover {
    border: 1px solid #484853;
    background: #000000;
}

.sports_game .btn_bet01.on, .sports_game .btn_bet01.menuOff_up {
    border: 1px solid #8ef865;
    background: #29601b;
    color: #ffffff;
}

.sports_game .btn_bet01.green_on {
    border: 1px solid #8ef865;
    background: #29601b;
    color: #ffffff;
}

.sports_game .btn_bet01.red_on {
    border: 1px solid #e70404;
    background: #870606;
    color: #ffffff;
}

.sports_game .game_list .side_bet {
    position: absolute;
    top: 50%;
    right: 15px;
    color: #565454;
    margin-top: -7px;
    font-size: 14px;
    z-index: 2;
}

.sports_game .game_list:hover .side_bet {
    color: #053a36;
}

.sports_game .detail_bet {
    margin-top: 10px;
    display: none;
}

.sports_game .detail_bet .iframe_area {
    margin: 20px 0px 30px 0px;
}

.sports_game .detail_bet .btn_box {
    position: relative;
    padding: 10px 0px 0px 10px;
    height: 55px;
}

.sports_game .detail_bet .btn_box button {
    height: 40px;
    padding: 0px 15px;
    float: left;
    background: linear-gradient(to bottom, #2c343a, #232425);
    margin-right: 1px
}

.sports_game .detail_bet .btn_box button.on {
    border-top: 1px solid #000000;
    border-bottom: 3px solid #fb6200;
    background: #232a2f;
}

.sports_game .detail_bet .btn_box .close_detail {
    position: absolute;
    top: 10px;
    right: 15px;
}

.sports_game .detail_bet .btn_box .close_detail button {
    border-radius: 0;
    z-index: 2;
}

.sports_game .detail_bet .betting_section {
    margin: 10px -5px;
    *zoom: 1;
}

.sports_game .detail_bet .betting_section:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.sports_game .detail_bet .section01 {
    float: left;
    width: 33.333%;
    padding: 5px;
}

.sports_game .detail_bet .section_box {
    border: 1px solid #3f3f43;
    background: #efefef;
    padding: 1px 1px 10px 1px;
    position: relative;
    box-shadow: rgba(225, 225, 225, 0.35) -3px 6px 6px -3px;
}

.sports_game .detail_bet .section_box h3 {
    line-height: 28px;
    font-size: 14px;
    color: #ffffff;
    background: url('/assets/images/s/ico_n01.png') no-repeat 10px 6px #efefef;
    border-bottom: 1px solid #3f3f42;
    padding-left: 35px;
}

.sports_game .detail_bet .box01 {
    padding: 5px;
    position: relative;
    display: table;
    width: 100%;
}

.sports_game .detail_bet .box01 .btn_area {
    width: 33.33%;
    display: table-cell;
    vertical-align: bottom;
    padding: 0px 3px;
}

.sports_game .detail_bet .box01 .btn_area span {
    display: block;
    text-align: center;
    margin-bottom: 7px;
    line-height: 1.3em;
    font-weight: bold;
    letter-spacing: -0.5px;
}

.sports_game .detail_bet .box02 {
    padding: 5px;
    position: relative;
    display: table;
    width: 100%;
}

.sports_game .detail_bet .box02:hover .line_area span {
    color: #053a36;
}

.sports_game .detail_bet .box02 .line_area {
    width: 33.33%;
    display: table-cell;
    vertical-align: middle;
}

.sports_game .detail_bet .box02 .line_area span {
    display: block;
    text-align: right;
    color: #565454;
    line-height: 33px;
    padding-right: 10px;
    font-weight: bold;
}

.sports_game .detail_bet .box02 .btn_area {
    width: 33.33%;
    display: table-cell;
    vertical-align: bottom;
    padding: 0px 3px;
}

.sports_game .detail_bet .box02 .btn_area span {
    display: block;
    text-align: center;
    margin-bottom: 7px;
    line-height: 1.3em;
    font-weight: bold;
    letter-spacing: -0.5px;
}

.sports_game .detail_bet .box03 {
    padding: 5px;
    position: relative;
    display: table;
    width: 100%;
}

.sports_game .detail_bet .box03:hover .line_area span {
    color: #053a36;
}

.sports_game .detail_bet .box03 .line_area {
    width: 16%;
    display: table-cell;
    vertical-align: middle;
}

.sports_game .detail_bet .box03 .line_area span {
    display: block;
    text-align: right;
    color: #565454;
    line-height: 33px;
    padding-right: 10px;
    font-weight: bold;
}

.sports_game .detail_bet .box03 .btn_area {
    width: 28%;
    display: table-cell;
    vertical-align: bottom;
    padding: 0px 3px;
}

.sports_game .detail_bet .box03 .btn_area span {
    display: block;
    text-align: center;
    margin-bottom: 7px;
    line-height: 1.3em;
    font-weight: bold;
    letter-spacing: -0.5px;
}

.sports_game .detail_bet .box04 {
    padding: 5px;
    position: relative;
    display: table;
    width: 70%;
    margin: 0 auto;
}

.sports_game .detail_bet .box04 .btn_area {
    width: 50%;
    display: table-cell;
    vertical-align: bottom;
    padding: 0px 3px;
}

.sports_game .detail_bet .box04 .btn_area span {
    display: block;
    text-align: center;
    margin-bottom: 7px;
    line-height: 1.3em;
    font-weight: bold;
    letter-spacing: -0.5px;
}

.sports_game .betting_info {
    margin: -7px 0px 10px 0px;
    position: relative;
    border: 1px solid #959597;
    border-radius: 5px;
    background: #f0f0f0;
    box-shadow: rgba(225, 225, 225, 0.35) -3px 6px 6px -3px;
}

.sports_game .betting_info ul {
    padding: 5px 10px;
    *zoom: 1;
}

.sports_game .betting_info ul:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.sports_game .betting_info li {
    padding-right: 30px;
    float: left;
    line-height: 26px;
    height: 26px;
    min-width: 150px;
}

.sports_game .betting_info .fc01 {
    color: #053a36;
    font-weight: bold;
}

.sports_game .betting_info button {
    height: 26px;
    width: 80px;
}

/* 스포츠 탭 */
.sports_tab {
    height: 80px;
    margin-bottom: 10px;
}

.sports_tab li {
    float: left;
    width: 20%;
    background: linear-gradient(to bottom, #cdc7c7, #85857e);
    border-right: 1px solid #a3a3a3;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    line-height: 80px
}

.sports_tab li.on {
    border-top: 10px solid #02dcff;
    background: linear-gradient(to top, #007d55, #41dfe7);
    line-height: 70px;
}

/* 국내 스포츠 게임 */
.ko_sports_game {
    border: 1px solid #959597;
    border-radius: 4px;
    background: #b5b5b582;
    padding: 8px;
    margin-bottom: 3px;
    box-shadow: rgba(225, 225, 225, 0.35) -3px 6px 6px -3px;
}

.ko_sports_game h4 {
    border-radius: 3px;
    border: 1px solid #9f9f9f;
    height: 50px;
    padding: 4px 10px;
    line-height: 43px;
    font-size: 12px;
    position: relative;
    margin-bottom: 3px;
    box-shadow: rgba(225, 225, 225, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;
}

.ko_sports_game h4 .ico01 {
    height: 30px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.ko_sports_game h4 .arrow {
    vertical-align: middle;
    margin-bottom: 2px;
    margin-right: 10px;
}

.ko_sports_game h4 .nation {
    height: 16px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.ko_sports_game h4 .time {
    display: inline-block;
    position: absolute;
    top: 18px;
    right: 10px;
}

.ko_sports_game ul {
    margin-bottom: 8px;
}

.ko_sports_game ul:last-child {
    margin-bottom: 0;
}

.ko_sports_game ul li {
    position: relative;
    padding: 6px 0px 10px 0px;
    *zoom: 1;
}

.ko_sports_game ul li:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.ko_sports_game ul li:before {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    height: 1px;
    background: #000000;
}

.ko_sports_game .type01 {
    float: left;
    width: 15%;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    padding: 12px 0px;
}

.ko_sports_game .bet_area {
    float: left;
    width: 85%;
    text-align: center;
}

.ko_sports_game .bet_area div {
    display: inline-block;
    line-height: 45px;
    height: 45px;
    border: 1px solid #484853;
    background: #ebe3dc;
    border-radius: 3px;
    font-size: 12px;
    cursor: pointer;
    position: relative;
    vertical-align: top;
}

.ko_sports_game .bet_area .home {
    width: 35%;
    text-align: left;
    padding: 0px 10px;
}

.ko_sports_game .bet_area .home:hover {
    background: #00bfff;
    border: 1px solid #00bfff;
}

.ko_sports_game .bet_area .home.on {
    background: #00bfff;
    border: 1px solid #00bfff;
}

.ko_sports_game .bet_area .home .bed {
    position: absolute;
    top: 15px;
    right: 10px;
    font-weight: bold;
    color: #000;
}

.ko_sports_game .bet_area .vs {
    width: 14%;
    text-align: center;
    cursor: default;
}

.ko_sports_game .bet_area .draw {
    width: 14%;
    text-align: center;
    font-weight: bold;
    color: #000;
}

.ko_sports_game .bet_area .draw:hover {
    background: #00bfff;
    border: 1px solid #00bfff;
}

.ko_sports_game .bet_area .draw.on {
    background: #00bfff;
    border: 1px solid #00bfff;
}

.ko_sports_game .bet_area .away {
    width: 35%;
    text-align: right;
    padding: 0px 10px;
}

.ko_sports_game .bet_area .away:hover {
    background: #1a4050;
    border: 1px solid #00bfff;
}

.ko_sports_game .bet_area .away.on {
    background: #00bfff;
    border: 1px solid #00bfff;
}

.ko_sports_game .bet_area .away .bed {
    position: absolute;
    top: 15px;
    left: 10px;
    font-weight: bold;
    color: #000;
}

.ko_sports_game .bet_area .result {
    width: 6%;
    background-color: #00ab9f;
    color: #fff;
}

.sports_game .livegame_list .detail_box .close_detail {
    position: absolute;
    top: -15px;
    right: 10px;
}

/* 스포츠 탭 */
.sports_tab {
    height: 80px;
    margin-bottom: 10px;
}

.sports_tab li {
    float: left;
    width: 20%;
    background: linear-gradient(to bottom, #cdc7c7, #85857e);
    border-right: 1px solid #a3a3a3;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    line-height: 80px
}

.sports_tab li.on {
    border-top: 10px solid #02dcff;
    background: linear-gradient(to top, #007d55, #41dfe7);
    line-height: 70px;
}


/* 공통 */
.mask {
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    display: none;
}

.mask_layer {
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    display: none;
}

/* 공통 박스 */
.box_type01 {
    border-radius: 5px;
    background: #d9d9d9;
    box-shadow: #e9e9e9 0px 0px 1px 1px;
}

.box_type02 {
    border-radius: 5px;
    background: #ebe3dc;
    box-shadow: #000000 0px 0px 1px 0px;
}

/* 공통 버튼 */
.button_type01 {
    background: #d1d1d1;
    border-radius: 5px;
    transition: 200ms all;
    box-shadow: rgba(225, 225, 225, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;
    color: #4e4d4d;
}

.button_type02 {
    background: #e3e3e3;
    border-radius: 5px;
    transition: 200ms all;
    box-shadow: rgba(225, 225, 225, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;
    color: #59c13e;
}

.button_type03 {
    background: #3f8fab;
    border-radius: 5px;
    transition: 200ms all;
    box-shadow: rgba(225, 225, 225, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;
    color: #ffffff;
}

.button_type04 {
    background: #12ae7a;
    border-radius: 5px;
    transition: 200ms all;
    box-shadow: rgba(225, 225, 225, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;
    color: #ffffff;
}

.button_type01:hover {
    color: #ffffff;
    background: #393a43;
}

.button_type01.on {
    cursor: default !important;
    border: 1px solid #053a36;
    color: #053a36 !important;
    background: #f5f5f5 !important;
}

.button_type01_01 {
    cursor: default !important;
    border: 1px solid #dddddd;
    color: #ffe27a !important;
    background: #48accf !important;
    display: none;
}

.button_close {
    width: 30px;
    height: 30px;
    color: #50e2e4;
    background: #ababab;
    border: 1px solid #393940;
    position: relative;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: rgba(225, 225, 225, 0.35) -3px 6px 6px -3px;
    border-radius: 5px;
}

.button_close:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 60%;
    top: 50%;
    right: 40%;
    background: #84e65f;;
    transform: translate(-50%, -50%) rotate(45deg);
}

.button_close:after {
    content: "";
    position: absolute;
    width: 3px;
    height: 60%;
    top: 50%;
    right: 40%;
    background: #84e65f;
    transform: translate(-50%, -50%) rotate(-45deg);
}

.button_type01_02 {
    background: #d1d1d1;
    border-radius: 5px;
    transition: 200ms all;
    box-shadow: rgba(225, 225, 225, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;
    color: #4e4d4d;;
}

.button_type01_02:hover {
    color: #ffffff;
    background: #393a43;
}

.button_type01_02.on {
    cursor: default !important;
    border: 1px solid #053a36;
    color: #053a36 !important;
    background: #f5f5f5 !important;
}

.button_close {
    width: 30px;
    height: 30px;
    color: #50e2e4;
    background: #ababab;
    border: 1px solid #393940;
    position: relative;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: rgba(225, 225, 225, 0.35) -3px 6px 6px -3px;
    border-radius: 5px;
}

.button_close_02:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 60%;
    top: 50%;
    right: 40%;
    background: #50e2e4;;
    transform: translate(-50%, -50%) rotate(45deg);
}

.button_close_02:after {
    content: "";
    position: absolute;
    width: 3px;
    height: 60%;
    top: 50%;
    right: 40%;
    background: #50e2e4;
    transform: translate(-50%, -50%) rotate(-45deg);
}


/*네온*/
.frame {
    width: 100%;
    margin: 5px auto;
    text-align: center
}

.custom-btn {
    width: 100%;
    height: 40px;
    color: #fff;
    border-radius: 5px;
    padding: 4px 25px;
    margin-bottom: 6px;
    font-weight: 500;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 20px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(0, 0, 0, .1);
    outline: none
}

.btn-1 {
    background: rgb(6, 14, 131);
    background: linear-gradient(0deg, rgba(6, 14, 131, 1) 0%, rgba(12, 25, 180, 1) 100%);
    border: none
}

.btn-1:hover {
    background: rgb(0, 3, 255);
    background: linear-gradient(0deg, rgba(0, 3, 255, 1) 0%, rgba(2, 126, 251, 1) 100%)
}

.btn-2 {
    background: rgb(96, 9, 240);
    background: linear-gradient(0deg, rgba(96, 9, 240, 1) 0%, rgba(129, 5, 240, 1) 100%);
    border: none
}

.btn-2:before {
    height: 0%;
    width: 2px
}

.btn-2:hover {
    box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .5), -4 px-4px 6px 0 rgba(116, 125, 136, .5), inset-4px-4px 6px 0 rgba(255, 255, 255, .2), inset 4px 4px 6px 0 rgba(0, 0, 0, .4)
}

.btn-3 {
    background: rgb(0, 172, 238);
    background: linear-gradient(0deg, rgba(0, 172, 238, 1) 0%, rgba(2, 126, 251, 1) 100%);
    width: 130px;
    height: 40px;
    line-height: 42px;
    padding: 0;
    border: none
}

.btn-3 span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

.btn-3:before, .btn-3:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    background: rgba(2, 126, 251, 1);
    transition: all 0.3s ease
}

.btn-3:before {
    height: 0%;
    width: 2px
}

.btn-3:after {
    width: 0%;
    height: 2px
}

.btn-3:hover {
    background: transparent;
    box-shadow: none
}

.btn-3:hover:before {
    height: 100%
}

.btn-3:hover:after {
    width: 100%
}

.btn-3 span:hover {
    color: rgba(2, 126, 251, 1)
}

.btn-3 span:before, .btn-3 span:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    background: rgba(2, 126, 251, 1);
    transition: all 0.3s ease
}

.btn-3 span:before {
    width: 2px;
    height: 0%
}

.btn-3 span:after {
    width: 0%;
    height: 2px
}

.btn-3 span:hover:before {
    height: 100%
}

.btn-3 span:hover:after {
    width: 100%
}

.btn-4 {
    background-color: #4dccc6;
    background-image: linear-gradient(315deg, #4dccc6 0%, #96e4df 74%);
    line-height: 42px;
    padding: 0;
    border: none
}

.btn-4:hover {
    background-color: #89d8d3;
    background-image: linear-gradient(315deg, #89d8d3 0%, #03c8a8 74%)
}

.btn-4 span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

.btn-4:before, .btn-4:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .9), -4 px-4px 6px 0 rgba(116, 125, 136, .2), inset-4px-4px 6px 0 rgba(255, 255, 255, .9), inset 4px 4px 6px 0 rgba(116, 125, 136, .3);
    transition: all 0.3s ease
}

.btn-4:before {
    height: 0%;
    width: .1px
}

.btn-4:after {
    width: 0%;
    height: .1px
}

.btn-4:hover:before {
    height: 100%
}

.btn-4:hover:after {
    width: 100%
}

.btn-4 span:before, .btn-4 span:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .9), -4 px-4px 6px 0 rgba(116, 125, 136, .2), inset-4px-4px 6px 0 rgba(255, 255, 255, .9), inset 4px 4px 6px 0 rgba(116, 125, 136, .3);
    transition: all 0.3s ease
}

.btn-4 span:before {
    width: .1px;
    height: 0%
}

.btn-4 span:after {
    width: 0%;
    height: .1px
}

.btn-4 span:hover:before {
    height: 100%
}

.btn-4 span:hover:after {
    width: 100%
}

.btn-5 {
    width: 130px;
    height: 40px;
    line-height: 42px;
    padding: 0;
    border: none;
    background: rgb(255, 27, 0);
    background: linear-gradient(0deg, rgba(255, 27, 0, 1) 0%, rgba(251, 75, 2, 1) 100%)
}

.btn-5:hover {
    color: #f0094a;
    background: transparent;
    box-shadow: none
}

.btn-5:before, .btn-5:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 2px;
    width: 0;
    background: #f0094a;
    box-shadow: -1 px-1px 5px 0px #fff, 7px 7px 20px 0px #0003, 4px 4px 5px 0px #0002;
    transition: 400ms ease all
}

.btn-5:after {
    right: inherit;
    top: inherit;
    left: 0;
    bottom: 0
}

.btn-5:hover:before, .btn-5:hover:after {
    width: 100%;
    transition: 800ms ease all
}

.btn-6 {
    background: rgb(247, 150, 192);
    background: radial-gradient(circle, rgba(247, 150, 192, 1) 0%, rgba(118, 174, 241, 1) 100%);
    line-height: 42px;
    padding: 0;
    border: none
}

.btn-6 span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

.btn-6:before, .btn-6:after {
    position: absolute;
    content: "";
    height: 0%;
    width: 1px;
    box-shadow: -1 px-1px 20px 0px rgba(255, 255, 255, 1), -4 px-4px 5px 0px rgba(255, 255, 255, 1), 7px 7px 20px 0px rgba(0, 0, 0, .4), 4px 4px 5px 0px rgba(0, 0, 0, .3)
}

.btn-6:before {
    right: 0;
    top: 0;
    transition: all 500ms ease
}

.btn-6:after {
    left: 0;
    bottom: 0;
    transition: all 500ms ease
}

.btn-6:hover {
    background: transparent;
    color: #76aef1;
    box-shadow: none
}

.btn-6:hover:before {
    transition: all 500ms ease;
    height: 100%
}

.btn-6:hover:after {
    transition: all 500ms ease;
    height: 100%
}

.btn-6 span:before, .btn-6 span:after {
    position: absolute;
    content: "";
    box-shadow: -1 px-1px 20px 0px rgba(255, 255, 255, 1), -4 px-4px 5px 0px rgba(255, 255, 255, 1), 7px 7px 20px 0px rgba(0, 0, 0, .4), 4px 4px 5px 0px rgba(0, 0, 0, .3)
}

.btn-6 span:before {
    left: 0;
    top: 0;
    width: 0%;
    height: .5px;
    transition: all 500ms ease
}

.btn-6 span:after {
    right: 0;
    bottom: 0;
    width: 0%;
    height: .5px;
    transition: all 500ms ease
}

.btn-6 span:hover:before {
    width: 100%
}

.btn-6 span:hover:after {
    width: 100%
}

.btn-7 {
    background: linear-gradient(0deg, rgba(255, 151, 0, 1) 0%, rgba(251, 75, 2, 1) 100%);
    line-height: 42px;
    padding: 0;
    border: none
}

.btn-7 span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

.btn-7:before, .btn-7:after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    background: rgba(251, 75, 2, 1);
    box-shadow: -7 px-7px 20px 0px rgba(255, 255, 255, .9), -4 px-4px 5px 0px rgba(255, 255, 255, .9), 7px 7px 20px 0px rgba(0, 0, 0, .2), 4px 4px 5px 0px rgba(0, 0, 0, .3);
    transition: all 0.3s ease
}

.btn-7:before {
    height: 0%;
    width: 2px
}

.btn-7:after {
    width: 0%;
    height: 2px
}

.btn-7:hover {
    color: rgba(251, 75, 2, 1);
    background: transparent
}

.btn-7:hover:before {
    height: 100%
}

.btn-7:hover:after {
    width: 100%
}

.btn-7 span:before, .btn-7 span:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: rgba(251, 75, 2, 1);
    box-shadow: -7 px-7px 20px 0px rgba(255, 255, 255, .9), -4 px-4px 5px 0px rgba(255, 255, 255, .9), 7px 7px 20px 0px rgba(0, 0, 0, .2), 4px 4px 5px 0px rgba(0, 0, 0, .3);
    transition: all 0.3s ease
}

.btn-7 span:before {
    width: 2px;
    height: 0%
}

.btn-7 span:after {
    height: 2px;
    width: 0%
}

.btn-7 span:hover:before {
    height: 100%
}

.btn-7 span:hover:after {
    width: 100%
}

.btn-8 {
    background-color: #f0ecfc;
    background-image: linear-gradient(315deg, #f0ecfc 0%, #c797eb 74%);
    line-height: 42px;
    padding: 0;
    border: none
}

.btn-8 span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

.btn-8:before, .btn-8:after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    background: #c797eb;
    transition: all 0.3s ease
}

.btn-8:before {
    height: 0%;
    width: 2px
}

.btn-8:after {
    width: 0%;
    height: 2px
}

.btn-8:hover:before {
    height: 100%
}

.btn-8:hover:after {
    width: 100%
}

.btn-8:hover {
    background: transparent
}

.btn-8 span:hover {
    color: #c797eb
}

.btn-8 span:before, .btn-8 span:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: #c797eb;
    transition: all 0.3s ease
}

.btn-8 span:before {
    width: 2px;
    height: 0%
}

.btn-8 span:after {
    height: 2px;
    width: 0%
}

.btn-8 span:hover:before {
    height: 100%
}

.btn-8 span:hover:after {
    width: 100%
}

.btn-9 {
    border: none;
    transition: all 0.3s ease;
    overflow: hidden
}

.btn-9:after {
    position: absolute;
    content: " ";
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1fd1f9;
    background-image: linear-gradient(315deg, #1fd1f9 0%, #b621fe 74%);
    transition: all 0.3s ease
}

.btn-9:hover {
    background: transparent;
    box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .5), -4 px-4px 6px 0 rgba(116, 125, 136, .2), inset-4px-4px 6px 0 rgba(255, 255, 255, .5), inset 4px 4px 6px 0 rgba(116, 125, 136, .3);
    color: #fff
}

.btn-9:hover:after {
    -webkit-transform: scale(2) rotate(180deg);
    transform: scale(2) rotate(180deg);
    box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .5), -4 px-4px 6px 0 rgba(116, 125, 136, .2), inset-4px-4px 6px 0 rgba(255, 255, 255, .5), inset 4px 4px 6px 0 rgba(116, 125, 136, .3)
}

.btn-10 {
    background: rgb(22, 9, 240);
    background: linear-gradient(0deg, rgba(22, 9, 240, 1) 0%, rgba(49, 110, 244, 1) 100%);
    color: #fff;
    border: none;
    transition: all 0.3s ease;
    overflow: hidden
}

.btn-10:after {
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease;
    -webkit-transform: scale(.1);
    transform: scale(.1)
}

.btn-10:hover {
    color: #fff;
    border: none;
    background: transparent
}

.btn-10:hover:after {
    background: rgb(0, 3, 255);
    background: linear-gradient(0deg, rgba(2, 126, 251, 1) 0%, rgba(0, 3, 255, 1) 100%);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.btn-11 {
    border: none;
    background: rgb(251, 33, 117);
    color: #fff;
    overflow: hidden
}

.btn-11:hover {
    text-decoration: none;
    color: #fff
}

.btn-11:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 3s ease-in-out infinite
}

.btn-11:hover {
    opacity: .7
}

.btn-11:active {
    box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .3), -4 px-4px 6px 0 rgba(116, 125, 136, .2), inset-4px-4px 6px 0 rgba(255, 255, 255, .2), inset 4px 4px 6px 0 rgba(0, 0, 0, .2)
}

@-webkit-keyframes shiny-btn1 {
    0% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0
    }
    80% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0.5
    }
    81% {
        -webkit-transform: scale(4) rotate(45deg);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(50) rotate(45deg);
        opacity: 0
    }
}

.btn-12 {
    position: relative;
    right: 20px;
    bottom: 20px;
    border: none;
    box-shadow: none;
    width: 130px;
    height: 40px;
    line-height: 42px;
    -webkit-perspective: 230px;
    perspective: 230px
}

.btn-12 span {
    background: rgb(0, 172, 238);
    background: linear-gradient(0deg, rgba(0, 172, 238, 1) 0%, rgba(2, 126, 251, 1) 100%);
    display: block;
    position: absolute;
    width: 130px;
    height: 40px;
    box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 20px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(0, 0, 0, .1);
    border-radius: 5px;
    margin: 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s
}

.btn-12 span:nth-child(1) {
    box-shadow: -7 px-7px 20px 0px #fff9, -4 px-4px 5px 0px #fff9, 7px 7px 20px 0px #0002, 4px 4px 5px 0px #0001;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 50% 50% -20px;
    -moz-transform-origin: 50% 50% -20px;
    transform-origin: 50% 50% -20px
}

.btn-12 span:nth-child(2) {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: 50% 50% -20px;
    -moz-transform-origin: 50% 50% -20px;
    transform-origin: 50% 50% -20px
}

.btn-12:hover span:nth-child(1) {
    box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 20px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(0, 0, 0, .1);
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transform: rotateX(0deg)
}

.btn-12:hover span:nth-child(2) {
    box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 20px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(0, 0, 0, .1);
    color: transparent;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    transform: rotateX(-90deg)
}

.btn-13 {
    background-color: #89d8d3;
    background-image: linear-gradient(315deg, #89d8d3 0%, #03c8a8 74%);
    border: none;
    overflow: hidden;
    z-index: 1
}

.btn-13:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 3s ease-in-out infinite
}

.btn-13:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 5px;
    background-color: #4dccc6;
    background-image: linear-gradient(315deg, #4dccc6 0%, #96e4df 74%);
    box-shadow: -7 px-7px 20px 0px #fff9, -4 px-4px 5px 0px #fff9, 7px 7px 20px 0px #0002, 4px 4px 5px 0px #0001;
    transition: all 0.3s ease
}

.btn-13:hover {
    color: #fff
}

.btn-13:hover:after {
    top: 0;
    height: 100%
}

.btn-13:active {
    top: 2px
}

.btn-14 {
    background: rgb(23 160 167);
    border: none;
    z-index: 1;
    background: linear-gradient(to top, #247dbe, #5a7bc1);
}

.btn-14:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 5px;
    background-color: #053a36;
    background-image: linear-gradient(315deg, #053a36 0%, #f6fc9c 74%);
    box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5);
    7px 7px 20px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(0, 0, 0, .1);
    transition: all 0.3s ease
}

.btn-14:hover {
    color: #000
}

.btn-14:hover:after {
    top: auto;
    bottom: 0;
    height: 100%
}

.btn-14:active {
    top: 2px
}

.btn-15 {
    background: #b621fe;
    border: none;
    z-index: 1
}

.btn-15:after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    background-color: #663dff;
    border-radius: 5px;
    box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 20px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(0, 0, 0, .1);
    transition: all 0.3s ease
}

.btn-15:hover {
    color: #fff
}

.btn-15:hover:after {
    left: 0;
    width: 100%
}

.btn-15:active {
    top: 2px
}

.btn-16 {
    border: none;
    color: #000
}

.btn-16:after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    direction: rtl;
    z-index: -1;
    box-shadow: -7 px-7px 20px 0px #fff9, -4 px-4px 5px 0px #fff9, 7px 7px 20px 0px #0002, 4px 4px 5px 0px #0001;
    transition: all 0.3s ease
}

.btn-16:hover {
    color: #000
}

.btn-16:hover:after {
    left: auto;
    right: 0;
    width: 100%
}

.btn-16:active {
    top: 2px
}

#divrightmenu {
    width: 276px;
    float: left;
    position: relative;
    padding-left: 10px;
}

#divrightmenu.on {
    position: fixed;
    top: 170px;
    width: 276px;
    margin-left: 1200px;
}


/* 경기 결과 */
.result_btn {
    margin: 0px -4px 4px -4px;
    position: relative;
}

.result_btn h3 {
    border: 1px solid #053a36;
    height: 40px;
    font-weight: bold;
    border-radius: 5px;
    line-height: 38px;
    margin: 0px 4px 10px 4px;
    padding-left: 10px;
    cursor: pointer;
    display: none;
    background: url("/assets/images/s/arrow_down_01.png") no-repeat #f5f5f5;
    background-position: 97% center;
}

.result_btn h3.on {
    background: url("/assets/images/s/arrow_up_01.png") no-repeat #f5f5f5;
    background-position: 97% center;
}

.result_btn ul {
    *zoom: 1;
}

.result_btn ul:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.result_btn li {
    margin-bottom: 6px;
    float: left;
    padding: 0px 4px;
    min-width: 128px;
}

.result_btn li button {
    border: 1px solid #b6bfbe;
    background: #d1d1d1;
    height: 40px;
    font-weight: bold;
    border-radius: 5px;
    width: 100%;
}

.result_btn li.on button {
    background: #e3e3e3;
    border: 1px solid #053a36;
}

.result_section {
    border: 1px solid #9f9f9f;
    background: #d9d9d9;
    border-radius: 4px;
    padding: 8px;
    margin-bottom: 3px;
    box-shadow: rgba(225, 225, 225, 0.35) -3px 6px 6px -3px;
}

.result_section h4 {
    border-radius: 3px;
    background: #d1d1d1;
    height: 30px;
    padding: 4px 10px;
    line-height: 20px;
    font-size: 12px;
    transition: 200ms all;
    margin-bottom: 3px;
    box-shadow: rgba(225, 225, 225, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;
}

.result_section h4 .ico01 {
    height: 20px;
}

.result_section h4 .arrow {
    vertical-align: middle;
    margin-bottom: 2px;
    margin-right: 10px;
}

.result_section h4 .nation {
    height: 16px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.result_section ul {
    margin-bottom: 8px;
}

.result_section ul:last-child {
    margin-bottom: 0;
}

.result_section ul li {
    border-bottom: 1px solid #373738;
    position: relative;
    padding: 6px 0px 10px 0px;
    *zoom: 1;
}

.result_section ul li:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.result_section ul li:before {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    height: 1px;
    background: #000000;
}

.result_section .time_arae {
    float: left;
    width: 15%;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    padding: 5px 0px;
}

.result_section .bet_area {
    float: left;
    width: 85%;
    text-align: center;
}

.result_section .bet_area div {
    display: inline-block;
    line-height: 28px;
    height: 30px;
    border: 1px solid #484853;
    background: #ebe3dc;
    border-radius: 3px;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.result_section .bet_area .home {
    width: 40%;
    text-align: left;
    padding: 0px 10px;
}

.result_section .bet_area .home.on {
    background: #ff0000;
    border: 1px solid #ff0000;
    color: #fff;
}

.result_section .bet_area .vs {
    width: 14%;
    text-align: center;
    cursor: default;
}

.result_section .bet_area .vs.on {
    background: #1ead37;
    border: 1px solid #0fa937;;
    color: #fff;
}

.result_section .bet_area .away {
    width: 40%;
    text-align: right;
    padding: 0px 10px;
}

.result_section .bet_area .away.on {
    background: #00bfff;
    border: 1px solid #00bfff;;
    color: #fff;
}


/* page_skip */
.page_skip {
    text-align: center;
    margin: 30px 0px 30px 0px;
}

.page_skip span {
    display: inline-block;
    padding: 0px 4px;
}

.page_skip a {
    display: inline-block;
    line-height: 28px;
    background: #d1d1d1;
    border-radius: 5px;
    transition: 200ms all;
    padding: 0px 10px;
    border: 1px solid #02dcff;
    box-shadow: rgba(225, 225, 225, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;
    color: #4e4d4d;
}

.page_skip a:hover {
    color: #ffffff;
    background: #393a43;
}

.page_skip a.on {
    cursor: default !important;
    border: 1px solid #053a36;
    color: #053a36 !important;
    background: #f5f5f5 !important;
}


/* 미니게임 게임 리스트 */
.mini_game_bet {
    position: relative;
}

.mini_game_bet .game_box {
    position: relative;
    border: 1px solid #babcc1;
    background: #f3efeb;
    *zoom: 1;
}

.mini_game_bet .game_box:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.mini_game_bet .sub_tab {
    height: 80px;
    margin-bottom: 10px;
}

.mini_game_bet .sub_tab li {
    float: left;
    width: 25%;
    background: linear-gradient(to bottom, #cdc7c7, #85857e);
    border-right: 1px solid #a3a3a3;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    line-height: 80px;
}

.mini_game_bet .sub_tab li.on {
    background: linear-gradient(to top, #007d55, #41dfe7);
}

.mini_game_bet .sub_tab1 {
    height: 80px;
    margin-bottom: 10px;
}

.mini_game_bet .sub_tab1 li {
    float: left;
    width: 33.3%;
    background: linear-gradient(to bottom, #cdc7c7, #85857e);
    border-right: 1px solid #a3a3a3;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    line-height: 80px
}

.mini_game_bet .sub_tab1 li.on {
    border-top: 10px solid #02dcff;
    background: linear-gradient(to top, #007d55, #41dfe7);
    line-height: 70px;
}

.mini_game_bet .sub_tab2 {
    height: 80px;
    margin-bottom: 10px;
}

.mini_game_bet .sub_tab2 li {
    float: left;
    width: 50%;
    background: linear-gradient(to bottom, #cdc7c7, #85857e);
    border-right: 1px solid #a3a3a3;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    line-height: 80px
}

.mini_game_bet .sub_tab2 li.on {
    border-top: 10px solid #02dcff;
    background: linear-gradient(to top, #007d55, #41dfe7);
    line-height: 70px;
}

.mini_game_bet .view_section {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    min-width: 320px;
    margin: 0 auto;
}

.mini_game_bet .view_section .game_view { /*background:rgba(0,0,0,0.5);height:475px;*/
    text-align: center;
    overflow: hidden;
}

@media (min-width: 320px) and (max-width: 1960px) {
    .mini_game_bet .view_section {
        position: relative !important;
    }

    .mini_game_bet .bet_section {
        margin-left: 0 !important;
    }
}

@media (min-width: 700px) and (max-width: 1300px) {
    .mini_game_bet .view_section {
        width: 640px !important;
    }
}

@media (min-width: 320px) and (max-width: 700px) {
    .mini_game_bet .view_section {
        width: 320px !important;
    }
}

@media (min-width: 320px) and (max-width: 500px) {
    .mini_game_bet .view_section {
        width: 320px !important;
    }
}

.mini_game_bet .bet_section {
    position: relative;
    margin-left: 680px;
    min-width: 320px;
    border-left: 1px solid #434347;
}

.mini_game_bet .bet_section .time_box {
    background: #0f0f14;
    text-align: center;
    position: relative;
    height: 79px;
    border-bottom: 1px solid #434347;
}

.mini_game_bet .bet_section .time_box h3 {
    font-size: 13px;
    line-height: 1.2em;
    position: absolute;
    top: 30px;
    left: 10px;
}

.mini_game_bet .bet_section .time_box .time_area {
    padding: 15px 0px 0px 40px;
    font-size: 42px;
    font-weight: bold;
    line-height: 1.1em;
    color: #e69928;
}

.mini_game_bet .bet_section .time_box .btn_center {
    position: absolute;
    top: 20px;
    right: 10px;
    width: 20%;
}

.mini_game_bet .bet_section .time_box .btn_center button {
    height: 40px;
    width: 100%;
    background: #2d343b;
    border: 1px solid #3f3f43;
}

.mini_game_bet .bet_section .time_box .btn_center button:hover {
    background: #29601b;
    border: 1px solid #86e960;
    color: #89f161;
}

.mini_game_bet .bet_section .tab_area {
    height: 40px;
    border-bottom: 1px solid #434347;
}

.mini_game_bet .bet_section .tab_area li {
    float: left;
    width: 50%;
    text-align: center;
    height: 100%;
    background: linear-gradient(to bottom, #2d3239, #242526);
    border-right: 1px solid #434347;
    line-height: 38px;
}

.mini_game_bet .bet_section .tab_area li.on {
    background: #232a2f;
    border-bottom: 3px solid #8ef965;
}

.mini_game_bet .bet_section .bet_list01 {
    *zoom: 1;
}

.mini_game_bet .bet_section .bet_list01:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.mini_game_bet .bet_section .bet_list01 .list_box01 {
    min-width: 320px;
    text-align: center;
    display: table;
    width: 100%;
    border-bottom: 1px solid #434347;
}

.mini_game_bet .bet_section .bet_list01 .list_box01 h4 {
    background: #232a2f;
    display: table-cell;
    width: 30%;
    vertical-align: middle;
}

.mini_game_bet .bet_section .bet_list01 .bet_btn01 {
    display: table-cell;
    width: 70%;
}

.mini_game_bet .bet_section .bet_list01 .bet_btn01:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.mini_game_bet .bet_section .bet_list01 .bet_btn01 .btn01 {
    float: left;
    height: 78px;
    position: relative;
    border-left: 1px solid #434347;
    position: relative;
    cursor: pointer;
}

.mini_game_bet .bet_section .bet_list01 .bet_btn01 .btn01.row2 {
    height: 198px;
}

.mini_game_bet .bet_section .bet_list01 .bet_btn01 .btn01.row3 {
    height: 131px;
}

.mini_game_bet .bet_section .bet_list01 .bet_btn01 .btn01.col2 {
    width: 50%;
}

.mini_game_bet .bet_section .bet_list01 .bet_btn01 .btn01.col3 {
    width: 33.333%;
}

.mini_game_bet .bet_section .bet_list01 .bet_btn01 .btn01.col4 {
    width: 25%;
}

.mini_game_bet .bet_section .bet_list01 .bet_btn01 .btn01.col5 {
    width: 20%;
}

.mini_game_bet .bet_section .bet_list01 .bet_btn01 .btn01:hover:after,
.mini_game_bet .bet_section .bet_list01 .bet_btn01 .btn01.on:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(142, 249, 101, 0.2);
    border: 1px solid #8ef965;
}

.mini_game_bet .bet_section .bet_list01 .bet_btn01 .miniOff_up button {
    width: 100%;
    height: 100%;
    padding-top: 20px;
    font-size: 25px;
    color: #8e8e8e;
    background: linear-gradient(to bottom, #2d3239, #242526);
    width: 100%;
    height: 100%;
    padding-top: 20px;
    font-size: 25px;
    color: #ffffff;
    background: -webkit-linear-gradient(to top, #24FE41, #FDFC47);
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' %3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='0' y1='0' y2='1'%3E%3Cstop offset='0' stop-color='%232ad44c'/%3E%3Cstop offset='1' stop-color='%23334f2b'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpattern id='b' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Ccircle fill='%23ffffff' cx='5' cy='5' r='5'/%3E%3C/pattern%3E%3Crect width='100%25' height='100%25' fill='url(%23a)'/%3E%3Crect width='100%25' height='100%25' fill='url(%23b)' fill-opacity='0.13'/%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;
    box-shadow: 0px 0px 13px 2px #00ff6c inset;
}

.mini_game_bet .bet_section .bet_list01 button {
    width: 100%;
    height: 100%;
    padding-top: 20px;
    font-size: 25px;
    color: #8e8e8e;
    background: linear-gradient(to bottom, #2d3239, #242526);
}

.mini_game_bet .bet_section .bet_list01 .bedd {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    text-align: center;
    display: block;
    color: #8e8e8e;
    font-size: 12px;
    line-height: 23px;
    background: linear-gradient(to bottom, #2d3239, #242526);
    border-bottom: 1px solid #434347;
}

.mini_game_bet .bet_section .bet_list01 .miniOff_up .bedd {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    text-align: center;
    display: block;
    color: #000000;
    font-size: 16px;

    background: -webkit-linear-gradient(to top, #240b36, #c31432);

    background: #00F260;
    background: -webkit-linear-gradient(to top, #0575E6, #00F260);
    background: linear-gradient(to top, #34fe42, #00F260);
}

.mini_game_bet .bet_section .bet_list01 .count {
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 100%;
    text-align: center;
    display: block;
    color: #ffffff;
    font-size: 12px;
}

.mini_game_bet .bet_section .bet_list01 .line {
    position: absolute;
    top: 7px;
    right: 7px;
    text-align: center;
    display: block;
    color: #ffffff;
    font-size: 12px;
    background: #00c4ff;
    width: 26px;
    height: 26px;
    border-radius: 4px;
    line-height: 26px;
    box-shadow: rgba(225, 225, 225, 0.35) -3px 6px 6px -3px;
}

p, li, dd {
    color: #000;
}


.board_list {
    position: relative;
    border: 1px solid #46464a;
    box-shadow: rgba(225, 225, 225, 0.35) -3px 6px 6px -3px;
    margin-bottom: 10px;
}

.board_list table {
    border-radius: 5px;
}

/*.board_list tr:nth-child(2n) td {
    background: #ededed;
}*/

.board_list th {
    font-weight: bold;
    color: #4d4a4a;
    background: #d3d3d3;
    background: linear-gradient(to top, #a0a0a0, #d3d3d3);
    padding: 10px 0px 10px 0px;
    line-height: 18px;
    vertical-align: top;
    border: 1px solid #cbc8c8;
}

.board_list td {
    text-align: center;
    padding: 8px 5px 6px 5px;
    border-bottom: 1px solid #959597;
    color: #565454;
    line-height: 18px;
}

.board_list td a {
    color: #565454;
    transition: 200ms all;
}

.board_list td a:hover {
    color: #ffffff;
}

.board_list td img {
    vertical-align: middle;
    margin-right: 10px;
}

.board_list .ta_left {
    text-align: left;
    font-weight: bold;
}

.board_list .search_area {
    position: relative;
    margin-top: 25px;
    padding-left: 15px;
}

.board_list .search_area select {
    height: 30px;
    vertical-align: top;
    background: #d1d1d1;
    box-shadow: rgba(225, 225, 225, 0.35) 0px 2px 3px, rgba(255, 255, 255, 0.22) 1px 1px 1px -2px inset;
    border-radius: 5px;
    border: 1px solid transparent;
}

.board_list .search_area input {
    width: 120px;
    vertical-align: top;
    height: 30px;
    background: #d1d1d1;
    box-shadow: rgba(225, 225, 225, 0.35) 0px 2px 3px, rgba(255, 255, 255, 0.22) 1px 1px 1px -2px inset;
    border-radius: 5px;
    text-indent: 10px;
}

.board_list .search_area .btn01 {
    position: absolute;
    top: 0;
    right: 10px;
}

.board_list .search_area button {
    height: 30px;
    min-width: 40px;
    padding: 0px 15px;
}

.board_list .state {
    color: #053a36;
}

.board_list .btn_center {
    margin: 30px 0px;
    text-align: center;
}

.board_list .btn_center button {
    height: 30px;
    min-width: 40px;
    padding: 0px 15px;
}

.board_list .btn_right {
    margin: 30px 0px;
    text-align: right;
    padding-right: 15px;
}

.board_list .btn_right button {
    height: 30px;
    min-width: 40px;
    padding: 0px 15px;
}

.board_view {
    position: relative;
    border: 1px solid #9f9f9f;
    background: #d9d9d9;
    border-radius: 5px;
    box-shadow: rgba(225, 225, 225, 0.35) -3px 6px 6px -3px;
    padding: 1px;
    margin-bottom: 10px;
}

.board_view .view_text {
    padding: 20px;
    border-bottom: 1px solid #959597;
    line-height: 22px;
}

.board_view .reply_text {
    padding: 20px;
    border-bottom: 1px solid #959597;
    line-height: 22px;
    color: #053a36;
}

.board_view .reply_list {
    border-top: 1px solid #e3e3e3;
}

.board_view .reply_list li {
    border-bottom: 1px solid #959597;
    padding: 8px 20px 6px 20px;
    line-height: 22px;
    color: #565454;
}

.board_view .reply_list li strong {
    color: #990000;
}

.board_view .reply_input {
    margin-top: 20px;
    text-align: center;
    color: #565454;
    font-weight: bold;
}

.board_view .reply_input textarea {
    width: 55%;
    height: 45px;
    padding: 5px 5px 5px 5px;
    vertical-align: middle;
    background: #d1d1d1;
    margin: 0px 5px 0px 5px;
    color: #ffffff;
    box-shadow: rgba(225, 225, 225, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 1px -2px inset;
    border-radius: 5px;
    border: 1px solid transparent;
}

.board_view .button_type01 {
    height: 30px;
    width: 80px;
}

.board_view .btn_center {
    margin: 30px 0px;
    text-align: center;
}

.board_write {
    position: relative;
    border: 1px solid #9f9f9f;
    background: #d9d9d9;
    border-radius: 5px;
    box-shadow: rgba(225, 225, 225, 0.35) -3px 6px 6px -3px;
    padding: 1px;
    margin-bottom: 10px;
}

.board_write table {
    margin-top: 10px;
}

.board_write th {
    text-align: center;
    padding: 8px 20px 6px 10px;
    color: #000;
    font-weight: bold;
}

.board_write td {
    padding: 8px 0px 2px 0px;
    vertical-align: top;
}

.board_write input {
    width: 90%;
    vertical-align: top;
    height: 30px;
    box-shadow: rgba(225, 225, 225, 0.35) 0px 2px 3px, rgba(255, 255, 255, 0.22) 1px 1px 1px -2px inset;
    border-radius: 5px;
    text-indent: 10px;
    margin: 0px 5% 0px 5%;
    font-size: 12px;
    background: #f3f3f3;
    border: 1px solid #9f9f9f;
}

.board_write input:-ms-input-placeholder {
    color: #565454 !important;
}

.board_write input::-webkit-input-placeholder {
    color: #565454 !important;
}

.board_write input::-moz-placeholder {
    color: #565454 !important;
}

.board_write textarea {
    width: 90%;
    height: 145px;
    padding: 5px 5px 5px 5px;
    vertical-align: middle;
    background: #f3f3f3;
    border: 1px solid #9f9f9f;
    margin: 0px 5% 0px 5%;
    color: #3b3838;
    box-shadow: rgba(225, 225, 225, 0.35) 0px 2px 3px, rgba(255, 255, 255, 0.22) 1px 1px 1px -2px inset;
    border-radius: 5px;
}

.board_write .button_type01 {
    height: 30px;
    width: 80px;
}

.board_write .btn_center {
    margin: 30px 0px;
    text-align: center;
}


/* 게시판 형식 */
.board_box {
}

.board_box .tab_area {
    height: 40px;
}

.board_box .tab_area li {
    float: left;
    width: 20%;
    text-align: center;
    height: 100%;
    background: linear-gradient(to bottom, #2d3239, #242526);
    border-right: 1px solid #434347;
    line-height: 38px;
}

.board_box .tab_area li.on {
    background: #232a2f;
    border-bottom: 3px solid #8ef965;
}

.board_box h2 {
    margin-bottom: 10px;
    position: relative;
    border: 1px solid #9f9f9f;
    background: #d9d9d9;
    border-radius: 5px;
    box-shadow: rgba(225, 225, 225, 0.35) -3px 6px 6px -3px;
    height: 45px;
    padding-left: 15px;
    line-height: 43px;
    font-size: 18px;
    color: #990000;
}

.board_box .message_box {
    border: 1px solid #a0a0a0;
    background: #dd993f;
    border-radius: 5px;
    font-weight: bold;
    line-height: 48px;
    box-shadow: rgba(225, 225, 225, 0.35) -3px 6px 6px -3px;
    margin-bottom: 10px;
    padding: 20px;
}

.board_box .message_box h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.board_box .message_box p {
    line-height: 20px;
}

.board_box .message_box span {
    color: #2214ff;
}

.charge_exchange {
    position: relative;
    border: 1px solid #9f9f9f;
    background: #d9d9d9;
    border-radius: 5px;
    box-shadow: rgba(225, 225, 225, 0.35) -3px 6px 6px -3px;
    padding: 1px;
    margin-bottom: 10px;
    padding: 7px;
}

.charge_exchange .btn_money {
    margin: 20px 0px 10px 0px;
    text-align: center;
}

.charge_exchange .btn_money button {
    border: 1px solid #b6bfbe;
    border-radius: 5px;
    background: #d1d1d1;
    box-shadow: rgba(225, 225, 225, 0.35) -3px 6px 6px -3px;
    line-height: 40px;
    padding: 20px 20px 10px 20px;
    font-weight: bold;
    width: 11%;
    margin: 0px 3px 10px 3px;
    min-width: 140px;
}

.charge_exchange .btn_money button:hover {
    background: #00c4ff;
}

.charge_exchange .head {
    color: #053a36;
    font-weight: bold;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 20px;
    line-height: 48px;
}

.charge_exchange .input_area {
    border: 1px solid #b6bfbe;
    border-radius: 5px;
    background: #d1d1d1;
    box-shadow: rgba(225, 225, 225, 0.35) -3px 6px 6px -3px;
    line-height: 48px;
    min-height: 68px;
    padding: 10px 0px;
    position: relative;
    margin-bottom: 10px;
}

.charge_exchange .input_box {
    margin-left: 100px;
    *zoom: 1;
}

.charge_exchange .input_box:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.charge_exchange .input_box .text01 {
    display: inline-block;
    float: left;
    margin-right: 10px;
    font-weight: bold;
    padding: 15px 0px;
    line-height: 18px;
}

.charge_exchange .input_box input {
    border: 1px solid #b6bfbe;
    background: #e3e3e3;
    box-shadow: rgba(225, 225, 225, 0.35) -3px 6px 6px -3px;
    border-radius: 5px;
    height: 40px;
    width: 200px;
    margin: 4px 10px 2px 0px;
    float: left;
    text-align: center;
    color: #053a36;
    font-weight: bold;
}

.charge_exchange .input_box input:-ms-input-placeholder {
    color: #ffffff !important;
}

.charge_exchange .input_box input::-webkit-input-placeholder {
    color: #ffffff !important;
}

.charge_exchange .input_box input::-moz-placeholder {
    color: #ffffff !important;
}

.charge_exchange .money01 {
    text-align: right !important;
    padding-right: 10px;
    font-size: 21px;
    font-weight: bold;
    color: #ff0000 !important;
}

.charge_exchange .input_area .btn_area {
    float: left;
    margin-right: 10px;
    margin-top: 15px;
}

.charge_exchange .input_area .btn_area button {
    border: 1px solid #b6bfbe;
    border-radius: 5px;
    background: #d1d1d1;
    box-shadow: rgba(225, 225, 225, 0.35) -3px 6px 6px -3px;
    height: 40px;
    padding: 0px 10px;
    font-weight: bold;
    margin-top: 4px;
}

.charge_exchange .input_area .btn_area button:hover {
    background: #ff0000;
}

.charge_exchange .btn_change button {
    width: 100%;
    height: 70px;
    border: 1px solid #85ffa5;
    background: #203123;
    font-size: 24px;
    border-radius: 5px;
    font-weight: bold;
}

.charge_exchange .btn_change button:hover {
    background: #76cb5c;
}

.board_box .money_box_01 {
    position: relative;
    border: 1px solid #9f9f9f;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 5px;
    box-shadow: rgba(225, 225, 225, 0.35) -3px 6px 6px -3px;
    padding: 1px;
    margin-bottom: 10px;
}

.board_box .money_box_01 table {
    margin: 10px 0px;
}

.board_box .money_box_01 th {
    text-align: center;
    padding: 8px 20px 6px 10px;
    color: #444434;
    font-weight: bold;
    border-bottom: 1px solid #959597;
    line-height: 18px;
}

.board_box .money_box_01 td {
    padding: 8px 0px 6px 0px;
    vertical-align: top;
    border-bottom: 1px solid #959597;
    line-height: 18px;
}

.board_box .money_box_01 input {
    width: 60%;
    vertical-align: top;
    height: 30px;
    border: 1px solid #9f9f9f;
    background: #c3c3c4;
    box-shadow: rgba(225, 225, 225, 0.35) 0px 2px 3px, rgba(255, 255, 255, 0.22) 1px 1px 1px -2px inset;
    border-radius: 5px;
    text-indent: 10px;
    margin-right: 5px;
    font-size: 12px;
}

.board_box .money_box_01 input:-ms-input-placeholder {
    color: #565454 !important;
}

.board_box .money_box_01 input::-webkit-input-placeholder {
    color: #565454 !important;
}

.board_box .money_box_01 input::-moz-placeholder {
    color: #565454 !important;
}

.board_box .money_box_01 td button {
    height: 30px;
    min-width: 65px;
    padding: 0 5px;
}

.board_box .money_box_01 .btn_area {
    margin: 10px 0px 0px 0px;
}

.board_box .money_box_01 .btn_area button {
    margin: 0px 5px 10px 0px;
    min-width: 80px;
}

.board_box .money_box_01 .btn_center {
    margin: 30px 0px;
    text-align: center;
}

.board_box .money_box_01 .btn_center button {
    height: 45px;
    width: 120px;
}

.board_box .money_box_01 .fc01 {
    color: #053a36;
}


/* 회원가입 */
.member_code {
    border: 1px solid #919191;
    background: #efefef;
    border-radius: 5px;
    padding: 0px 20px;
    font-weight: bold;
    line-height: 48px;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    margin-bottom: 10px;
}

.member_code .code_box {
    text-align: center;
    line-height: 48px;
    font-size: 20px;
    font-weight: bold;
}

.member_code .code_box input {
    border: 1px solid #85ffa5;
    background: #000;
    border-radius: 5px;
    width: 200px;
    text-align: center;
    height: 30px;
    vertical-align: top;
    color: #fff;
    margin-top: 9px;
    font-size: 18px;
}

.member_section {
    position: relative;
    border: 1px solid #2d2d34;
    border-radius: 5px;
    background: #efefef;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    padding: 40px 10px 0px 10px;
    margin-bottom: 10px;
}

.member_section .member_box {
    *zoom: 1;
}

.member_section .member_box:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.member_section .member_box .box01 {
    float: left;
    width: 50%;
    padding: 0px 20px;
    position: relative;
}

.member_section .member_box .agree_area {
    margin: 0px 0px 30px 0px;
}

.member_section .member_box h3 {
    position: relative;
    height: 35px;
    font-size: 15px;
    font-weight: bold;
}

.member_section .member_box .agree_check {
    position: absolute;
    top: 4px;
    right: 0;
    color: #3a931e;
    font-weight: bold;
    font-size: 12px;
}

.member_section .member_box .terms_box {
    height: 100px;
    border: 1px solid #4d4f60;
    background: #3c3d46;
    overflow-y: auto;
    padding: 20px;
    line-height: 16px;
    color: #89898d;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 6px -3px;
}

.member_section .member_box .terms_box::-webkit-scrollbar {
    width: 5px;
}

.member_section .member_box .terms_box::-webkit-scrollbar-thumb {
    background: #89898d;
    border-radius: 10px;
}

.member_section .member_box .all_check {
    margin-top: 18px;
    color: #76cb5c;
    font-weight: bold;
}

/* 회원가입 롤링 */
.member_section .member_rolling {
    position: relative;
    height: 390px;
    overflow: hidden;
}

.member_section .member_rolling .swiper-wrapper {
    border-radius: 4px;
}

.member_section .member_rolling .swiper-slide {
    border: 1px solid #b37f41;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px;
    border-radius: 4px;
}

.member_section .member_rolling .swiper-pagination {
    display: block;
    height: 4px;
    box-sizing: border-box;
    bottom: 20px;
}

.member_section .member_rolling .swiper-pagination-bullet {
    display: inline-block;
    width: 8%;
    height: 4px;
    background: #ffbb00;
    margin: 0 3px;
    opacity: 1;
    border-radius: 0;
    vertical-align: top;
}

.member_section .member_rolling .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #c9edea;
    opacity: 1;
}

.member_section .member_rolling .bg01 {
    background: url("/assets/images/s/main_bg_01.png") no-repeat;
    background-position: 70% top;
}

.member_section .member_rolling .bg02 {
    background: url("/assets/images/s/main_bg_02.png") no-repeat;
    background-position: 70% top;
}

.member_section .member_rolling .bg03 {
    background: url("/assets/images/s/main_bg_03.png") no-repeat;
    background-position: 70% top;
}

.member_section .member_rolling .bg04 {
    background: url("/assets/images/s/main_bg_04.png") no-repeat;
    background-position: 70% top;
}

.member_section .member_rolling .bg05 {
    background: url("/assets/images/s/main_bg_05.png") no-repeat;
    background-position: 70% top;
}

.member_section .member_rolling .bg06 {
    background: url("/assets/images/s/main_bg_06.png") no-repeat;
    background-position: 70% top;
}

.member_section .member_rolling .bg07 {
    background: url("/assets/images/s/main_bg_07.png") no-repeat;
    background-position: 70% top;
}

.member_section .member_rolling .box01 {
    width: 100%;
    padding-top: 115px;
}

.member_section .member_rolling .box01 h4 {
    font-size: 20px;
    font-weight: bold;
}

.member_section .member_rolling .box01 h4 strong {
    display: block;
    font-size: 70px;
    font-weight: bold;
    line-height: 70px;
}

.member_section .member_rolling .box01 p {
    color: #989898;
    font-size: 9px;
    line-height: 12px;
}

.member_section .member_rolling .box01 button {
    width: 230px;
    height: 43px;
    border: 1px solid #b37f41;
    background: #34343b;
    border-radius: 3px;
    transition: 200ms all;
    line-height: 40px;
    font-weight: bold;
    margin-top: 18px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
}

.member_section .member_rolling .box01 button:hover {
    background: #ffbb00;
}

.member_section .member_box .input_area {
    *zoom: 1;
    border-bottom: 1px solid #737373;
    position: relative;
    margin-bottom: 30px;
    margin: 0px -5px 30px -5px;
}

.member_section .member_box .input_area:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.member_section .member_box .input_area:before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #000000;
}

.member_section .member_box .input_area:last-child {
    border: 0;
}

.member_section .member_box .input_area:last-child:before {
    height: 0;
}

.member_section .member_box .btn_check {
    position: absolute;
    top: -5px;
    right: 0;
}

.member_section .member_box .btn_check button {
    width: 80px;
    height: 30px;
    border: 1px solid #2c1f0f;
    background: #2d210e;
    border-radius: 5px;
    transition: 200ms all;
    line-height: 28px;
    font-weight: bold;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
}

.member_section .member_box .btn_check button:hover {
    background: #501a1a;
    border: 1px solid #ff0012;
}

.member_section .member_box .box_left {
    float: left;
    width: 50%;
    padding: 0px 5px;
}

.member_section .member_box .input_box {
    margin-bottom: 22px;
    position: relative;
}

.member_section .member_box .input_box .select_box {
    display: block;
    width: 35%;
}

.member_section .member_box .input_box select {
    height: 50px;
    border: 1px solid #4d4f60;
    background: #bbbbbb;
    line-height: 48px;
    border-radius: 5px;
    width: 95%;
    margin-bottom: 10px;
    text-indent: 10px;
    font-weight: bold;
    font-size: 14px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 6px -3px;
    color: #000;
    font-weight: bold;
}

.member_section .member_box .input_box input {
    height: 50px;
    border: 1px solid #4d4f60;
    background: #bbbbbb;
    line-height: 48px;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 10px;
    text-indent: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 6px -3px;
    color: #000;
    font-weight: bold;
}

.member_section .member_box .input_box input:-ms-input-placeholder {
    color: #ffffff !important;
    font-weight: bold;
}

.member_section .member_box .input_box input::-webkit-input-placeholder {
    color: #ffffff !important;
    font-weight: bold;
}

.member_section .member_box .input_box input::-moz-placeholder {
    color: #ffffff !important;
    font-weight: bold;
}

.member_section .member_box .input_box .right01 {
    position: absolute;
    top: 0;
    right: 0;
    width: 65%;
}

.member_section .member_box .input_box p {
    letter-spacing: -1px;
    line-height: 18px;
}

.member_section .member_box .btn_join {
    margin-top: -20px;
    position: relative;
}

.member_section .member_box .btn_join button {
    width: 49%;
    height: 45px;
    border: 1px solid #000;
    font-size: 20px;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
}

.member_section .member_box .btn_join button:hover {
    background: #a0a0a0;
}

.member_section .member_box .btn_join button:last-child {
    float: right;
}

@media (min-width: 1200px) and (max-width: 2800px) {
    .member_section .member_rolling {
        display: none !important;
    }

    .member_section .member_box .box01 {
        width: 100% !important;
    }
}

.btn_wht {
    border: solid 1px #b9b4b4;
}

.btn_blue_line {
    border: solid 1px #007bc3;
}

.no_hover_effect {
    pointer-events: none;
}