.login {
    background-color: rgba(255, 255, 255, .6) !important;
}
.background-image {background: #fff!important;}
#dotmatrixx{display: none!important;}
#smarttech_container{position:relative!important;font-family: Quicksand-Regular,Helvetica,Arial,sans-serif;}
#smarttech_container #connect_form input, #smarttech_container #connect_form input:focus, #smarttech_container #connect_form select {
    color: #333!important;
}
.smarttech__login input, .smarttech__login select {
    background-color: white !important;
}
#smarttech_container input, .smarttech select, .smarttech textarea{font-size: 14px!important; border-radius: 2px;}
#smarttech_container select {border: 1px solid #ccc!important;}
#smarttech_container textarea {padding: 6px 12px;}
.smarttech .smarttech__login {
    max-width: 320px;
    margin: 0 auto;
}

.smarttech [class*='artin_shortcut_menu']:before {
    font-weight: normal;
}

.smarttech .smarttech-menu-box [class*='artin_shortcut_menu']:before {
    font-size: 34px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.smarttech .menu_box:hover [class*='artin_shortcut_menu']:before {
    font-size: 40px;
}

.smarttech .department_box [class*='artin_shortcut_menu']:before,
.smarttech .service_box [class*='artin_shortcut_menu']:before {
    font-size: 28px;
}

.smarttech .department_box:hover,
.smarttech .service_box:hover{
    box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)
}

.smarttech .menu_box {
    font-weight: bold;
    margin: 10px 0;
    padding: 10px;
    height: 100px;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    /*border: 1px solid;*/
}

.smarttech-menu-box a:hover {
    text-decoration: none;
}

.smarttech .form-control {
    color: #333 !important;
}

.smarttech .menu_icon {
    font-size: 45px;
}

.smarttech .menu_content .panel {
    /*border-color: #ddd !important;*/
    border-color: transparent !important;
}

.smarttech .menu_content .panel-heading {
    text-align: left;
    font-weight: bold;
    font-size: 17px;
    top: inherit;
    border-color: transparent;
}

.smarttech .menu_content .panel-body {
    padding: 15px;
    background-color: #fdfdfd;
}

.smarttech-menu-box {
    position: relative;
}

.menu_box:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 51%;
    right: 51%;
    bottom: 0;
    border-top: 2px solid;
    border-bottom: 2px solid;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.menu_box:hover:before {
    left: 0;
    right: 0;
}

.smart-menu-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
}

.smarttech .info_item {
    margin-bottom: 0!important;
    /*border-bottom: 1px solid #dcdcdc;*/
    padding-bottom: 15px;
    font-size: 15px;
    position: relative;
    padding-left: 36px;
}

.smarttech .menu_content .fa {
    top: inherit;
}

.smarttech .info_item i{
    left: 0;
    font-size: 18px;
    top: 2px!important;
}

.smarttech .info_title {
    font-weight: bold;
    font-size: 14px;
}

.smarttech .back_button {
    padding-bottom: 20px;
    text-align: center;
}

.smarttech .smart-block {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: rgba(230, 228, 228, 0.4);
}

.smarttech .smart-block .block-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.back-btn i {
    position: relative;
    font-size: initial;
    top: 0;
    left: 0;
}

.smarttech .content_room i {
    font-size: initial;
    position: initial;
}

.smarttech .content_room .list-group-item {
    border: initial;
}

.smarttech .department_box, .smarttech .service_box {
    padding: 10px 5px 10px 42px !important;
    /*padding: 10px!important;*/
    overflow: hidden;
    border-radius: 2px;
}

.message_row {
    margin-bottom: 10px;
}

.message_textarea {
    border: 1px solid #ccc;
    resize: none;
}

.send-btn {
    position: relative;
}

.send-btn[type=submit] i {
    position: relative;
    font-size: initial;
    left: 0;
    top: 50% !important;
    transform: translateY(0) !important;
}

#departments-block > div, #services-block > div {
    margin-bottom: 15px;
}

.service_box, .department_box {
    width: 100%;
    background-color: #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 68px;
    margin: 0;
}

.service_box:before, .department_box:before,
.service_box:after, .department_box:after {
    top: 50% !important;
    transform: translateY(-50%);
    margin: 0 6px !important;
    display: none;
}

.service_box i, .department_box i {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
}

.service_box span, .department_box span {
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
}

.smarttech .row {
    margin-bottom: 10px;
}

.smarttech [type=radio] + label {
    border: 1px solid transparent;
}

.smarttech [type=radio]:checked + label {
    box-shadow: 0 8px 6px -6px black;
    border-color: #adadad;
}

.smarttech .notification-box {
    position: fixed;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    /*background-color: whitesmoke;*/
    border: 1px solid;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: 10000;
    padding: 10px 20px;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
}

.smarttech .notification-box.show {
    top: -1px;
    opacity: 1;
}

.service-block-title {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

.service-block-title span {
    margin-right: -8px;
}

.smart-btn i {
    position: relative;
    left: 0;
    font-size: inherit;
}

.back-to-departments {
    font-size: 16px;
    line-height: 14px;
    padding: 1px 10px;
    text-align: center;
    margin-right: 7px;
    /*background-color: #dcdcdc;*/
    /*border: 1px solid;*/
}

.back-to-departments:hover {
    text-decoration: none;
    /*background-color: #e4e4e4;*/
    /*box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.1), 0 4px 10px 0 rgba(0, 0, 0, .15);*/
}

/*[type=radio]:not(:checked)+label.department_box:hover,*/
/*[type=radio]:not(:checked)+label.service_box:hover{*/
/*box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);*/
/*}*/

.demo-gallery > ul {
    margin-bottom: 0;
}

.demo-gallery > ul > li {
    float: left;
    margin-bottom: 15px;
    /*margin-right: 20px;*/
    /*width: 200px;*/
}

.demo-gallery > ul > li a {
    border: 3px solid #FFF;
    border-radius: 3px;
    display: block;
    overflow: hidden;
    position: relative;
}

.demo-gallery > ul > li a > img {
    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    /*width: 100%;*/
    margin: 0 auto;
}

.demo-gallery > ul > li a:hover > img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
    opacity: 1;
}

.demo-gallery > ul > li a .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
}

.demo-gallery > ul > li a .demo-gallery-poster > img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}

.demo-gallery > ul > li a:hover .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .justified-gallery > a > img {
    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%;
}

.demo-gallery .justified-gallery > a:hover > img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
    opacity: 1;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .video .demo-gallery-poster img {
    height: 48px;
    margin-left: -24px;
    margin-top: -24px;
    opacity: 0.8;
    width: 48px;
}

.demo-gallery.dark > ul > li a {
    border: 3px solid #04070a;
}

@media (min-width: 576px) and (max-width: 768px){
    .demo-gallery > ul > li {width: 50%;}
}

.crm-select {
    box-shadow: 0 0 1px #8e8d8d;
    width: 100%;
    color: #333 !important;
    margin-top: 2px;
    padding: 6px 4px !important;
    font-size: 12px !important;
}

.crm-footer-container{margin:0;}
.crm-footer {
    position: relative;
    bottom: 0;
    left: 0;
    padding: 0 30px 80px;
    background-color: #f9f9f9;
    border-top: 1px solid #ccc;
    margin-right: -15px!important;
    margin-left: -15px!important;
    margin-bottom: 0!important;
}

.crm-footer .footer-icon {
    display: block;
    width: 40px;
    height: 35px;
    text-align: center;
    line-height: 38px;
}
.crm-footer .footer-logo{
    max-width: 170px;
    max-height: 55px;
    margin-bottom: 5px;
}
.form-text {font-size: 14px;}

ul.contacts {
    /*width: 80%;*/
    margin: 0 auto;
    display: inline-block;
}

ul.contacts li {
    display: inline-block;
    margin: 0;
}

ul.contacts li .fa {
    position: relative;
    left: 0;
    top: 0;
}

ul.contacts li .fa-whatsapp {
    color: #25D366;
    font-size: 28px;
}

#hotel-name {
    color: #333 !important;
}

#address {
    color: #333;
    font-size: 14px;
}

img#hotel-logo {
    max-height: 64px;
    max-width: 130px;
}

@media (max-width: 768px) {
    #smarttech_container {
        padding-bottom: 0px;
        min-height: calc(100% - 230px);
    }
    .crm-footer {
        padding-top: 15px;
        width: auto;
        margin: 0 -1.5rem!important;
        position: relative;
    }

    .crm-footer-container > div {
        padding: 10px 0;
    }
    .crm-footer-container > div:not(:last-child) {
        border-bottom: 1px solid #c9d6d8;
    }

    .footer-logo {
        pading: 0 0 15px 0;
    }
}

.carousel-img {
    width: 100%;
    max-height: 440px;
}

@media (min-width: 560px) and (max-width: 768px) {
    .smarttech-menu-box {
        width: 50%;
        float: left;
    }

    .message_row > div:nth-child(1) {
        text-align: left !important;
    }
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important;
    }

    .text-sm-right {
        text-align: right !important;
    }

    .text-sm-center {
        text-align: center !important;
    }

    .demo-gallery > ul > li a{
        height: 221px;
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }

    .text-md-right {
        text-align: right !important;
    }

    .text-md-center {
        text-align: center !important;
    }

    .crm-footer-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .crm-footer-container > div {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .demo-gallery > ul > li a{
        height: 135px;
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important;
    }

    .text-lg-right {
        text-align: right !important;
    }

    .text-lg-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important;
    }

    .text-xl-right {
        text-align: right !important;
    }

    .text-xl-center {
        text-align: center !important;
    }
}
@media (min-width: 1367px){
    .demo-gallery > ul > li a{
        height: 194px;
    }
}

#channel-table_filter{float: right;}
#channel-table_info {float: left;}
#channel-table table th {padding-bottom: 4px; padding-top: 4px; font-size: 14px;}
.activity_col {margin-bottom: 20px;}
.activity_col .act-title, .act-description{text-align:center;}
.act-content {padding-bottom: 40px;}
.act-title {color: #4682b4;border-bottom: 1px solid #dcd4ca;}
.act-title h4{margin: 0;padding: 10px;}
.act-props {background-color: #f9f5f0;padding: 5px 10px;border-top: 1px solid #dcd4ca; border-bottom: 1px solid #dcd4ca; position: relative;}
.act-props i {position: relative; left:0;top:0;width: 22px;text-align: center;font-size: 14px;color: #4682b4;}
.act-props .prop-title {font-size: 15px; color: #666;}
.act-props .act-prop-val {color: #333;font-size: 14px;}
.act-description {margin-top: 10px;}
.act-image img{width:100%;}
.act-description {margin-top: 0;padding-top: 10px;font-size: 14px;}
.act-more-btn{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 30px;
    border: 1px solid #4682b4;
}
.act-more-btn i{position:relative; top: initial!important;}
.act-day-item {
    position: relative;
    display: inline-block;
    padding: 4px;
    border: 1px solid #134875;
    margin-bottom: 4px;
    margin-right: 4px;
    text-align: center;
    background-color: #fff;
}
.act-day-item span {display: block; font-size: 15px;}
.act-day-item .act-date {font-weight: 600;}
.act-day-item .act-day {font-size: 13px;}
.act-days-title {
    padding-bottom: 2px;
    border-bottom: 1px solid #999;
    margin-top: 10px;
    font-size: 15px;
    font-weight: bold;
}
#activity_modal .modal-title{color: #4682b4;font-weight: bold;}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  bottom: 0.3em!important;
}
#faq-accordion .panel {border-radius: 0;}
#faq-accordion .panel-heading .panel-title {color: #333!important;}

.content_introduction .carousel-indicators {
    top: 10px;
    left: initial;
    bottom: initial;
    right: 15px;
    width: auto;
}
.content_introduction .carousel-indicators li{margin: 1px 2px;}
.content_introduction .page-title {text-align: center;}
.content_only_introduction .page-title{padding: 8px 12px;}
.content_introduction .page-title .title,
.content_only_introduction .page-title .title{color: #333;margin-bottom:0;}
.content_introduction .page-title .subtitle,
.content_only_introduction .page-title .subtitle{font-size: 14px; color: #666;}
.content_introduction .page-description{font-size: 14px; text-align: justify; padding: 0 10px;}
.content_only_introduction .page-description{font-size: 15px;}
.content_introduction .introduction-list{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.content_introduction .introduction-text{height: 45px;overflow: hidden;position: relative;}
.content_introduction .introduction-text:after {
    content: "...";
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #fff;
    box-shadow: -6px 0 7px 2px #fff;
    line-height: 1;
    height: 12px;
    width: 20px;
    overflow: hidden;
    text-align: right;
}

.content_introduction .more-btn {
    margin: 0;
    position: absolute;
    bottom: 0;
    right: 8px;
    padding: 4px 12px;
    color: #fff !important;
    text-decoration: none !important;
}
.content_introduction .page-content{position: relative; background-color: #eee;padding-bottom: 15px;}
.content_introduction .page-content .page-title{margin-bottom: 0;}
.content_introduction .carousel-inner>.item{padding-top: 56.25%; background-size: cover; background-repeat: no-repeat;}
.introduction-item{margin-bottom: 10px;}
.introduction-item-wrapper{height: 100%;}
.introduction-title {border-bottom: 1px solid #333;}
.introduction-title .title {font-weight: 600;}
.introduction-title .subtitle {font-size: 15px;}
.introduction-text {padding: 8px 10px;}
.introduction-text p{margin: 0;}

/*.modal-backdrop{z-index:10000; }*/
/*#introduction_modal .modal-content{z-index: 10001;}*/
#introduction_modal .modal-body img {max-width: 100%;}
.modal-open.login_body > .row .login__container {
    position: relative!important;
    z-index: initial!important;
}

#smart-bottom-nav {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #3e5a5f;
    height: 80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center!important;
    align-items: center!important;
    z-index: 15;
}
#smart-bottom-nav .bottom-nav-item{
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    color: #ffffff;

}
#smart-bottom-nav .bottom-nav-item i{
    position: relative;
    top: inherit;
    left: inherit;
}
#smart-bottom-nav .bottom-nav-item .bottom-menu {
    text-align: center;
    transition: all .2s ease-in-out;
    cursor: pointer;
    height: 50px;
    padding: 8px;
    text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
                 0px 8px 13px rgba(0,0,0,0.1),
                 0px 18px 23px rgba(0,0,0,0.1);
}
#smart-bottom-nav .bottom-nav-item:not(:first-child) {
    border-left: 1px solid rgba(255, 255, 255, 0.12);
}
#smart-bottom-nav .bottom-nav-item:not(:last-child) {
    border-right: 1px solid rgba(35, 35, 35, 0.55);
}
#smart-bottom-nav .bottom-nav-item .bottom-menu:hover,
#smart-bottom-nav .bottom-nav-item .bottom-menu.active {
    color: #3bffe4;
}
#smart-bottom-nav .bottom-nav-item .bottom-menu span {
    display: block;
    font-size: 14px;
}

.whiteframe-1 {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12)
}

.whiteframe-2 {
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)
}

.whiteframe-3 {
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.12)
}

.whiteframe-4 {
    box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)
}

.whiteframe-5 {
    box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)
}

/* Effect 5 */
.icon-effect{
	/*box-shadow: 0 0 0 4px rgba(255,255,255,1);*/
	overflow: hidden!important;
	-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

/*.icon-effect .hi-icon:after {*/
	/*display: none;*/
/*}*/

.icon-effect:hover {
	background: rgba(255,255,255,1);
	color: #702fa8;
	/*box-shadow: 0 0 0 8px rgba(255,255,255,0.3);*/
}

.icon-effect:hover i {
	-webkit-animation: toRightFromLeft 0.3s forwards;
	-moz-animation: toRightFromLeft 0.3s forwards;
	animation: toRightFromLeft 0.3s forwards;
}

@-webkit-keyframes toRightFromLeft {
	49% {
		-webkit-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toRightFromLeft {
	49% {
		-moz-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toRightFromLeft {
	49% {
		transform: translate(100%);
	}
	50% {
		opacity: 0;
		transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}

.icon-effect.rtl:hover i {
	-webkit-animation: toLeftFromRight 0.3s forwards;
	-moz-animation: toLeftFromRight 0.3s forwards;
	animation: toLeftFromRight 0.3s forwards;
}

@-webkit-keyframes toLeftFromRight {
	49% {
		-webkit-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toLeftFromRight {
	49% {
		-moz-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toLeftFromRight {
	49% {
		transform: translate(-100%);
	}
	50% {
		opacity: 0;
		transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}

.icon-effect.btt:hover i {
	-webkit-animation: toTopFromBottom 0.3s forwards;
	-moz-animation: toTopFromBottom 0.3s forwards;
	animation: toTopFromBottom 0.3s forwards;
}

@-webkit-keyframes toTopFromBottom {
	49% {
		-webkit-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toTopFromBottom {
	49% {
		-moz-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toTopFromBottom {
	49% {
		transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}

.icon-effect.ttb:hover i {
	-webkit-animation: toBottomFromTop 0.3s forwards;
	-moz-animation: toBottomFromTop 0.3s forwards;
	animation: toBottomFromTop 0.3s forwards;
}

@-webkit-keyframes toBottomFromTop {
	49% {
		-webkit-transform: translateY(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toBottomFromTop {
	49% {
		-moz-transform: translateY(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toBottomFromTop {
	49% {
		transform: translateY(100%);
	}
	50% {
		opacity: 0;
		transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}

.i-whatsapp:hover{background-color:#25D366;color: #fff;}
.i-whatsapp:hover i{color: #fff!important;}
.i-contact:hover{background-color:#337ab7;color: #fff;}
.i-mail:hover{background-color:#702fa8;color: #fff;}

.i-twitter{color:#00aced;}
.i-facebook{color:#3b5998;}
.i-instagram{color:#bc2a8d;}
.i-vk{color:#45668e;}
.i-twitter:hover{background-color:#00aced;color: #fff;}
.i-facebook:hover{background-color:#3b5998;color: #fff;}
.i-instagram:hover{background-color:#bc2a8d;color: #fff;}
.i-vk:hover{background-color:#45668e;color: #fff;}

div[id^=room_modal] .panel-body h3 {font-size: 18px;}
div[id^=room_modal] .panel-body {font-size: 15px;}

.content_activities .carousel-inner .item img, .act-image img {
    display: none;
}

.content_activities .carousel-inner .item, .act-image{
    width: 100%;
    padding-top: 50%;
    background-position: center center;
    background-size: cover;
}

.content_activities .introduction-list{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.all-restaurants{cursor: pointer;color:#0b58a2;font-size: 20px; font-weight: bold;}
.restaurant-breadcrumbs {background-color: #f1f1f1;padding: 2px 5px;margin: 0 15px;}
.restaurant-breadcrumbs i{margin: 0 15px;font-size: 16px;}
.restaurant-breadcrumbs .currentRestaurant{font-size: 18px;}

.restaurant-content select{width:100%;}
.content_cat .tab-content > div {padding: 15px;}
.tablist-content {
    border: 1px solid #ccc;
    border-radius: 8px;
    overflow: hidden;
}
.food-img {
    width: 100%;
    padding-top: 56.25%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}
.content_cat {padding-top: 15px;}
.resCart_msg p{margin-bottom: 5px;}
.resCart_msg textarea{border: 1px solid #ccc;margin-top:0; resize: none;width: 100%; height: 150px;}
#cart-accordion{margin-bottom: 0;}
#cart-accordion .panel-title{color: #333!important;text-decoration: none!important;}
#cart-accordion .panel-title i, .restaurant-breadcrumbs i {position: relative!important; left: 0!important;}
.food-info ul li {display: inline-block;}
.food-info .tab-content {padding: 10px;}
.food-info .tab-content span {margin-right: 10px;}
#food_carousel_1 .carousel-inner .item{padding-top:0!important;transition: transform 0s ease-in-out!important;}
#food_carousel_1 .carousel-inner .item img{display: inherit!important;}
#food_modal .modal-footer {text-align: center;}
#food_modal .modal-footer p {margin-bottom: 2px;}
#food_modal .modal-footer i {position: relative;font-size: 14px;left: inherit;}
#food_modal .modal-footer .btn{width:100%; margin-top: 12px;}
#food_modal .modal-footer .row > div {padding-left: 5px; padding-right: 5px;}
#food_modal .row{position: relative;}
#food_modal .option-box label{position: relative;font-weight: 400;}
#food_modal .option-box label input {
    position: relative!important;
    left: 0!important;
    visibility: visible!important;
}
.resCart-body{padding-right: 5px!important;padding-bottom: 0!important;}
.resCart-body .cart-item:not(:last-child) {border-bottom: 1px solid #ccc;margin-bottom: 10px;}
.cart-item .item-name {margin-top:25px;}
.cart-item .item-options {font-size: 12px; color: #5f3603;}
.tablist-content{cursor:pointer;}
.make-res{width: 100%;}
#high-chair{width: 20px;height: 17px;display: inline-block;}
.restaurant-content div[class^=col] {padding-left: 5px; padding-right: 5px; margin-bottom: 10px;}

/*.content_cat > .nav-tabs{display: none;}*/
.content_cat .nav-tabs,
#food_modal .nav-tabs{white-space: nowrap; overflow: auto hidden; -ms-overflow-style: none;scrollbar-width: none;}
.content_cat .nav-tabs::-webkit-scrollbar,
#food_modal .nav-tabs::-webkit-scrollbar {display: none;}
.content_cat .nav-tabs li,
#food_modal .nav-tabs li {display: inline-block; float: none;}
@media (min-width: 768px){
    .content_cat > .nav-tabs{display: block;}
    .catSelect{display: none;}
}
.content_cat .menuTab ul:not(.nav-tabs) li{margin-bottom: 10px;}
.content_cat .nav-tabs,
#food_modal .nav-tabs{ border:none; box-shadow: 0 -1px 0 #ddd inset;}
.food-info {padding: 0;}
.food-info ul.nav-tabs a {padding: 10px;}
.food-price {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    font-weight: bold;
    padding: 5px 15px;
    background-color: #1598af;
    border-top-left-radius: 12px;
}
.food-price span {font-size: 12px;}
#food_modal .food-price{font-size: 2.7rem;}
#food_modal .food-price span{font-size: 1.6rem;}
.cart-total-row {text-align: right; margin-top: 10px; margin-bottom: 0!important;}
.cart-total-row > div{margin: 0;}
.cart-total {display: inline-block; margin-left: 12px; font-size: 1.8rem;font-weight: bold; color: #147b71;}
.cart-total .total-currency{font-size: 1.2rem;}
.item-price span {font-size: 17px; line-height: 2;}
.item-currency {font-size: 13px!important;}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
.error {color: darkred; animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;}
#cart-accordion .empty{background-color: #ffe9eb;}
.cart-item{position: relative;}
.cart-item .remove-item {
    position: absolute;
    left: -26px;
    top: 50%;
    transform: translateY(-50%);
}

.cart-item .remove-item i {
    font-size: 14px;
    position: relative;
    left: 0;
}
#reservation_result_modal .modal-body > div span {
    display: inline-block;
    border: 2px solid;
    border-radius: 50%;
}
#reservation_result_modal .modal-body > div span i {
    position: relative;
    left: 0;
    font-size: 36px;
}
#reservation_result_modal div.res-danger span{color: darkred;border-color:darkred;padding: 8px 12px;}
#reservation_result_modal div.res-success span{color: green;border-color:green; padding: 12px;}
.menu_food_name{color: #333!important;}
.reservation-btn {
    margin-bottom: 5px;
    margin-top: 5px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.reservation-btn .btn {padding: 6px 18px;}
.restaurant-content .control-label{font-size: 14px;white-space: nowrap;}
.errors-box {color: darkred;}
.errors-box ul{margin-left: 20px;}