/* width */

.w-1024 {
    max-width: 1024px;
}

.w-480 {
    max-width: 500px;
}

.w-960 {
    max-width: 960px;
}


/* height */

.h-314 {
    height: 341px;
}

.h-350 {
    height: 350px;
}


/* background */

.bg-or-107 {
    background-color: #ffc107;
}

.bg-or-300 {
    background-color: #F6A300;
}

.bg-bl-000 {
    background-color: black;
}

.bg-or-600 {
    background-color: #FF6600;
}

.bg-bl-0cc {
    background-color: #0000CC;
}

.bg-gr-d00 {
    background-color: #769D00;
}

.bg-gr-404 {
    background-color: #94C404;
}

.bg-gr-e00 {
    background-color: #BFFE00;
}

.bg-re-301 {
    background-color: #FF3301;
}

.bg-re-501 {
    background-color: #ae0501;
}

.bg-re-401 {
    background-color: #750401;
}

.bg-re-000 {
    background-color: #FF0000;
}

.bg-ye-047 {
    background-color: #FFE047;
}

.bg-ye-d00 {
    background-color: #FEED00;
}


/* font family */

.f-impact {
    font-family: 'Anton', sans-serif;
}

.f-roboto {
    font-family: 'Roboto', sans-serif;
}


/* font color */

.c-gr-070 {
    color: #707070;
}

.c-wh-fff {
    color: #ffffff;
}

.c-ye-f00 {
    color: #FFFF00;
}

.c-or-600 {
    color: #FF6600;
}

.c-bl-000 {
    color: #000000;
}

.c-re-000 {
    color: #FF0000;
}

.c-bl-1FF {
    color: #0011FF;
}


/* font size */

.fs-14 {
    font-size: 14px;
}

.fs-18 {
    font-size: 18px;
}

.fs-20 {
    font-size: 20px;
}

.fs-24 {
    font-size: 24px;
}

.fs-28 {
    font-size: 28px;
}

.fs-34 {
    font-size: 34px;
}

.fs-36 {
    font-size: 36px;
}

.fs-51 {
    font-size: 51px;
}

.fs-86 {
    font-size: 86px;
}


/* text shadow */

.t-sha {
    text-shadow: 3px 3px 10px #333;
}


/* list style */

ul.cir {
    list-style-type: circle;
}

ul.squ {
    list-style-type: square;
}

ol.upr {
    list-style-type: upper-roman;
}

ol.loa {
    list-style-type: lower-alpha;
}


/* img */

#lg-atv,
#lg-outdoor,
#lg-tripad {
    height: 110px;
}

#img-boxgall {
    display: block;
}

#img-boxgall-sm {
    display: none;
}

#img-downloadpictures {
    display: block;
}

#img-downloadpictures-sm {
    display: none;
}

#addr {
    display: block;
}

#addr-2 {
    display: none;
}

#phr-1 img,
#phr-2 img,
#phr-3 img {
    width: 146px;
}

#phto-sm {
    display: none;
}

#btn_submit {
    cursor: pointer;
}


/* facebook */

#f-book {
    text-align: right;
}


/* vertical carousel */

.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.vert .carousel-item-next,
.vert .active.carousel-item-right {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100% 0);
}

.vert .carousel-item-prev,
.vert .active.carousel-item-left {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}


/* fancybox */

.fancybox-nav span {
    visibility: visible;
}


/* zabuto_calendar */

input[readonly].classname {
    background-color: #FFFFFF;
}

.date-active {
    background-color: #F6A300;
    color: #FFFFFF;
}

.tour-close {
    background-color: #FFFFFF;
    color: #FF0004;
    cursor: no-drop;
}

.tour-close1 {
    background-color: #FF0004;
    color: #000000;
    cursor: no-drop;
}

.zabuto_calendar {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #000000;
}

div.zabuto_calendar .table tr.calendar-dow-header th {
    color: #ffffff;
    background-color: #000000;
}

div.zabuto_calendar ul.legend>span {
    font-size: 14px;
    color: #000000;
}

div.zabuto_calendar .badge-today,
div.zabuto_calendar div.legend span.badge-today {
    background-color: #0000CC;
    color: #fff;
    text-shadow: none;
    font-size: 18px;
}


/* screen changed */


/* Large devices (desktops, less than 1200px) */

@media (max-width: 1199.98px) {}


/* Medium devices (tablets, less than 992px) */

@media (max-width: 991.98px) {
    .fs-51 {
        font-size: 40px;
    }
    #phr-1 img,
    #phr-2 img,
    #phr-3 img {
        width: 108px;
    }
    .zabuto_calendar {
        font-size: 14px;
    }
    div.zabuto_calendar .badge-today,
    div.zabuto_calendar div.legend span.badge-today {
        font-size: 14px;
    }
    .img-main-gall {
        width: 170px;
    }
}


/* Small devices (landscape phones, less than 768px) */

@media (max-width: 767.98px) {
    #addr {
        display: none;
    }
    #logo-footer {
        height: 110px;
    }
    #logo-footer-div {
        text-align: center;
    }
    #addr-2 {
        display: block;
    }
    #f-book {
        text-align: center;
    }
    #phr-1 img,
    #phr-2 img,
    #phr-3 img {
        width: 150px;
    }
    #phr-1 div,
    #phr-2 div,
    #phr-3 div {
        text-align: center!important;
    }
    #pho-rsvn {
        padding-left: 0px;
    }
    #phto {
        display: none;
    }
    #phto-sm {
        display: block;
    }
    .zabuto_calendar {
        font-size: 18px;
    }
    div.zabuto_calendar .badge-today,
    div.zabuto_calendar div.legend span.badge-today {
        font-size: 18px;
    }
    .img-main-gall {
        width: 170px;
    }
}


/* Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) {
    #lg-atv,
    #lg-outdoor,
    #lg-tripad {
        height: 60px;
    }
    #img-boxgall {
        display: none;
    }
    #img-boxgall-sm {
        display: block;
    }
    #img-downloadpictures {
        display: none;
    }
    #img-downloadpictures-sm {
        display: block;
    }
    #addr {
        display: none;
    }
    #logo-footer {
        height: 110px;
    }
    #logo-footer-div {
        text-align: center;
    }
    #addr-2 {
        display: block;
    }
    #f-book {
        text-align: center;
    }
    .fs-18 {
        font-size: 16px;
    }
    .fs-20 {
        font-size: 14px;
    }
    .fs-24 {
        font-size: 16px;
    }
    .fs-28 {
        font-size: 20px;
    }
    .fs-34 {
        font-size: 26px;
    }
    .fs-36 {
        font-size: 24px;
    }
    .fs-51 {
        font-size: 28px;
    }
    .img-main-gall {
        width: 150px;
    }
}