/*
Code By : AMiN Rezaei -> ALPHA
*/
html, body {
    background: #221d2b;
    font-size: 22px;
    color: #fff;
    height: 100vh;
}

a {
    text-decoration: none !important;
}

.gbox {
    text-align: center;
    border: 2px solid #af8358;
    border-radius: 8px;
    margin-bottom: 25px;
    padding-bottom: 25px;
    width: 100%;
    height: 400px;
    overflow: hidden;
}

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

.gbox h2 {
    width: 100%;
    margin: 10px 0;
    font-size: 16px;
    text-transform: uppercase;
}

p {
    font-size: 18px;
    color: #636363;

}

.awithe a, .awhite {
    color: #fff !important;
}

.bt-0 {
    bottom: 0;
}

.fz15 {
    font-size: 15px;
}

.fz18 {
    font-size: 18px;
}

.fz15 {
    font-size: 15px;
}

.fz20 {
    font-size: 20px;
}

.fz22 {
    font-size: 22px;
}

.fz26 {
    font-size: 26px;
}

.fz30 {
    font-size: 30px;
}

.fz35 {
    font-size: 35px;
}

.fz40 {
    font-size: 40px;
}

.fz45 {
    font-size: 45px;
}

.fz50 {
    font-size: 50px;
}

.italy2 {

    height: 100vh;
}

.contactz {
    min-height: 300pt;
}

.openhours {
    border: 4px solid #ad754b;
}

.makebut {
    background: url(/wp-content/themes/colosseo/images/make.png) no-repeat;
    width: 150px;
    height: 130px;
    margin: -70px 0 0 50px;
}

.makebut:hover {
    filter: brightness(150%);
}

/*.firw{
    background:url(/wp-content/themes/colosseo/images/fero.png) no-repeat right -200px,url(/wp-content/themes/colosseo/images/fero2.jpg) no-repeat bottom left;
    background-size: auto,cover;
}*/
.k33 {
    background: url(/wp-content/themes/colosseo/images/calc.png) no-repeat 0 center;

}

.rect {
    background: url(/wp-content/themes/colosseo/images/shapes.png) no-repeat center center;
}

.shapes {
    /*background: url(/wp-content/themes/colosseo/images/act1.jpg) no-repeat center center;
    background-size: cover;*/
}

.shapes1 {
    background: url(/wp-content/themes/colosseo/images/act1.jpg) no-repeat top center;

}

.fxform {
    border-left: 3px solid #ad754b;
    border-bottom: 3px solid #ad754b;
    border-right: none;
    border-top: none;
    height: 30px;
    color: #cccccc;
    font-size: 18px;
}

.firform {
    width: 100%;
    background: url(/wp-content/themes/colosseo/images/calc.png) 3px center no-repeat;
}

.firformName {
    width: 100%;
    background: url(/wp-content/themes/colosseo/images/pep.png) 3px center no-repeat;
}

.secform {
    width: 100%;
}

.ftty1 {
    background: url(/wp-content/themes/colosseo/images/time.png) 3px center no-repeat;
}

.ftty2 {
    background: url(/wp-content/themes/colosseo/images/pep.png) 3px center no-repeat;
}

.ftty3 {
    background: url(/wp-content/themes/colosseo/images/phon.png) 3px center no-repeat;
}

.fxformbtn {
    background: transparent;
    border: 2px #ad754b solid;
    color: #fff;
    font-size: 15pt;
    padding: 0;
    margin-left: 13px;
    width: 100%;
}

.fxformbtn:hover {
    background: #ad754b;
}

.d52 {
    border: 2px #ad754b solid;
}

.d52 a {
    color: #ffffff;
}

.res-title {
    text-transform: uppercase;
    font-size: 30px;
    color: #bf8348;
    text-align: center;
}

.res-title:before {
    content: url('/wp-content/themes/colosseo/images/mnpt.svg');
    position: absolute;
    height: 20px;
    left: 50px;
    width: 20px;
}

.res-title:after {
    content: url('/wp-content/themes/colosseo/images/mnpt2.svg');
    position: absolute;
    right: 50px;;
    width: 20px;
    height: 20px;
}

@media (max-width: 420px) {

    .res-title::before {
        display: none;
    }

    .res-title::after {
        display: none;
    }
}

#myVideo {
    position: absolute;
    right: 0;
    opacity: 0.3;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}

@media (min-width: 1920px) {
    .reservation {
        background: url(/wp-content/themes/colosseo/images/reserv.png) repeat-x;
        height: 60px;
        margin: 170pt 0 49pt !important;
        padding-top: 10px;
        font-size: 23px;
    }
}

@media (min-width: 989px) {
    .italy {
        width: 100%;
        background-size: 100%;
    }

    #slider, .ttrp2 {
        display: none !important;
    }

    .d52 {
        display: none !important;
    }
}

@media (max-width: 989px) {

    .sliders {
        display: none !important;
    }

    .italy {
        height: 720pt !important;
    }

    #navbarNav2 {
        display: none !important;
    }
}

@media (min-width: 520px) {
    .dsn2 {
        display: none !important;
    }
}

@media (max-width: 520px) {
    .dsnn {
        display: none !important;
    }

    .italy {
        height: 100vh !important;
        background: url(/wp-content/themes/colosseo/images/3636.jpg) no-repeat center center;
    }

    .italiano {
        margin-top: 40%;
    }

    /*    .yeloflow{
            width: 350px !important;
            height: 109px !important;
        }*/
    .simdol a {
        font-size: 18px !important;
    }

    .d98 {
        margin-bottom: 130px;
    }

    .wweq {
        width: 100% !important;
    }

    .gh77 {
        padding: 0 !important;
        margin: 0 !important;
    }

    .gh77p {
        text-align: justify !important;
    }
}

.the-simol {
    background: url(/wp-content/themes/colosseo/images/simol.png) no-repeat;
    width: 371px;
    height: 38px;
    margin: 0 auto;
    display: block;
}

.hrorg {
    background: #af8358;
    margin: 0;
    border-bottom: solid #af8358 4px;
}

.polk90 {
    bottom: 17px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
}

.polk90 p {
    font-size: 17px;
}

.flw2 {
    width: 135px;
    height: 52px;
    background: url(/wp-content/themes/colosseo/images/flw2.png) no-repeat center center;
}

.newsfoo {
    position: absolute;
    bottom: 8px;
    left: 16px;
}

.viewne {
    width: 329px;
    height: 141px;
    background: url(/wp-content/themes/colosseo/images/news-box.png) no-repeat top center;
    margin-top: -75px;
}

.bord1, .bord2 {
    width: 100%;
    border: 1px solid #fff395;
}

.bord1 {
    border-left: none;
}

.bord2 {
    border-right: none;
}

.top98 {
    border-color: #2e2937 !important;
    color: #bababa;
}

.carousel-indicators {
    cursor: pointer;
}

.cadr {
    background: url(/wp-content/themes/colosseo/images/cadr.png) no-repeat left center;
}

.ctel {
    background: url(/wp-content/themes/colosseo/images/ctel.png) no-repeat left center;
}

.cmail {
    background: url(/wp-content/themes/colosseo/images/cmail.png) no-repeat left center;
}

.morestar {
    background: url(/wp-content/themes/colosseo/images/moree.png) no-repeat right center;
    width: 63px;
    height: 63px;
}

.morestar:hover {
    filter: brightness(160%)
}

.seemore {
    background: url(/wp-content/themes/colosseo/images/moresee.png) no-repeat center center;
    height: 50px;
}

/* #211D2B */
.calc {
    background: url(/wp-content/themes/colosseo/images/calc.png) no-repeat 0 center;
}

.cmm {
    background: url(/wp-content/themes/colosseo/images/cmm.png) no-repeat 89% center;
}

.yeloflow {
    background: url(/wp-content/themes/colosseo/images/miniptt.svg) no-repeat;
    background-position: center;
    height: 100px;
    margin-bottom: 20px;
    position: relative;
}

.lounge {
    width: 100%;
    /*background:url(/wp-content/themes/colosseo/images/loung.png) no-repeat center center;*/
}

.lounge-a1:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 175%;
    background-color: #f3c08e;
    bottom: 22px;
    left: -250px;
}

.lounge-a2:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 175%;
    background-color: #f3c08e;
    bottom: 22px;
    right: -250px;
}

.lounge h2 {
    font-size: 20px;
    font-weight: 200;
}

@media (max-width: 935px) {
    .lounge-a1:after {
        display: none;
    }

    .lounge-a2:after {
        display: none;
    }
}

.lounge a {
    padding: 0 14px;
    position: relative;
    font-size: 24px;
    text-decoration: none;
    display: inline-block;
}

.lounge a:hover {
    color: #cc945e;
}

.highl {
    color: #cc945e;
}

boldi {
    font-weight: bold;
}

hr {
    background: #666;
    height: 1px;
}

footer a {
    color: #cc945e;
}

.bordblog {
    border-left: 5px solid #908e93;
}

.logo {
    background: url(/wp-content/themes/colosseo/images/logobg.png);
    width: 360px;
    height: 184px;
    display: inline-block;
}

.logo2 {
    width: 389px;
    height: 90px;
    display: inline-block;
}

.navcl {
    width: 100%;
}

#navbarNav2, .uper {
    text-transform: uppercase;
}

.italiano {
    width: 297px;
    height: 37px;

}

.navu1 {
    margin-top: -50pt;
}

.navu2 {
    margin-top: -50pt;
}

.reservation {
    background: url(/wp-content/themes/colosseo/images/reserv.png) repeat-x;
    height: 60px;
    margin: 70pt 0 49pt;
    padding-top: 10px;
    width: 280pt;
    font-size: 23px;
}

.ico1 {
    background: url(/wp-content/themes/colosseo/images/ring.png) no-repeat left center;
}

.ico2 {
    background: url(/wp-content/themes/colosseo/images/loc.png) no-repeat left center;
}

.ico3 {
    background: url(/wp-content/themes/colosseo/images/menu.png) no-repeat left center;
}

.ico4 {
    background: url(/wp-content/themes/colosseo/images/More.png) no-repeat left center;
}

.so-icon {
    width: 85px;
    height: 80px;
    margin: 3px 15px;
    transition: 0.3s ease;
}

.soo-icon {
    width: 49px;
    height: 48px;
    margin: 3px 15px;
    transition: 0.3s ease;
}

.carousel-caption {
    top: 50%;
    transform: translateY(-50%);
    bottom: initial;
}

.slidecap {
    text-shadow: 1px 2px 3px #222;
}

.slidecap h5 {
    font-family: Lato;
    font-size: 35pt;
}

.fmobmenu {
}

.fmobmenu1 {
    /*background: #1E1824;*/
}

.mobmenu {
}

.so-icon:hover {
    filter: brightness(200%) contrast(120%);
}

.soo-icon:hover {
    filter: brightness(200%) contrast(120%);
}

.sinz3 {
    width: 130px;
    height: 130px;
}

.sinz4 {
    width: 49px;
    height: 48px;
}

.d98 {
    border: 2px solid #a68856;
}

.d98k {
    border: 1px solid #a68856;
    background: #201a26;
}

.d99k {
    border: none;
    background: #231e2c;
    color: #fff395;
}

.d96k {
    border: none;
    background: url(/wp-content/themes/colosseo/images/cheers.svg) no-repeat 5px center;
    color: #ad754b;;
    border: 1px solid #de9a57;
    background-size: 35px;
    background-position-x: 15px;
    margin-top: 20px;
}

.d96k-2 {
    border: none;
    background: url(/wp-content/themes/colosseo/images/tray.svg) no-repeat 5px center;
    color: #ad754b;
    border: 1px solid #de9a57;
    background-size: 35px;
    background-position-x: 15px;
    margin-top: 20px;
}

.qualityf {
    right: 0;
    bottom: 0;
}

.nlife1 {
    background: url(/wp-content/themes/colosseo/images/act1.png);
    height: 155px;
}

.ins {
    background: url(/wp-content/themes/colosseo/images/ins.png) no-repeat;
    background-size: 80px;
    position: relative;
    bottom: 0;
    transition: all .3s;
}

.tw {
    background: url(/wp-content/themes/colosseo/images/tw.png) no-repeat;
    background-size: 80px;
    position: relative;
    bottom: 0;
    transition: all .3s;
}

.fb {
    background: url(/wp-content/themes/colosseo/images/fb.png) no-repeat;
    background-size: 80px;
    position: relative;
    bottom: 0;
    transition: all .3s;
}

.tg {
    background: url(/wp-content/themes/colosseo/images/tg.png) no-repeat;
    background-size: 80px;
    position: relative;
    bottom: 0;
    transition: all .3s;
}

.tg:hover, .fb:hover, .tw:hover, .ins:hover {
    bottom: 10px;
}

.ins1 {
    background: url(/wp-content/themes/colosseo/images/share/ins.png) no-repeat;
}

.tw1 {
    background: url(/wp-content/themes/colosseo/images/share/tw.png) no-repeat;
}

.fb1 {
    background: url(/wp-content/themes/colosseo/images/share/fb.png) no-repeat;
}

.tg1 {
    background: url(/wp-content/themes/colosseo/images/share/tg.png) no-repeat;
}

.set-height {
    height: 37px;
}

.category {
    display: flex;
    position: relative;
    background: #fff;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
    padding: 5px 0 12px 0;
}

.category .item {
    padding-right: 15px;
}

.category:last-child .item {
    margin-right: 0;
}

.category .item a {
    color: #7e7e7e;
    font-size: 16px;
    text-transform: uppercase;
    transition: all .3s;
}

.category .item a:hover {
    text-decoration: none;
    color: #de9a57;
}

.category .item a:visited {
    /*color: #000;*/
    text-decoration: none;
}

.active-cat {
    color: #de9a57 !important;
}

/* comments */
ol#comments li {
    margin-bottom: 20px;
    position: relative;
    list-style: none;
}

ol#comments li .children {
    margin-right: 50px;
    position: relative;
}

.cm-title {
    width: 100%;
    padding: 5px;
    background: #625e66;
    color: #f1f1f1;
    /*    box-shadow: 0 1px 1px rgb(232, 232, 232);*/
    margin-bottom: 20px;
    position: relative;
}

.cm-title h3 {
    font-size: 14px;
    position: relative;
    top: 4px;
    left: 10px;
}

/*.cm-title span[data-bubble]:after {
    content: attr(data-bubble);
    position: absolute;
    top: 8px;
    padding: 0 0.5em;
    text-align: center;
    text-shadow: 0 0.063em 0 rgba(0,0,0,.2);
    background-color: #fafafa;
    color: #202020;
    box-shadow: 0 0.063em 0.063em rgba(0,0,0,.2);
    -webkit-transform: translateZ(0);
    will-change: transform;
    right: 1em;
    border-radius: 4em;
    font-size: 12px;
}*/
.login_cm {
    width: 100%;
    padding: 10px;
    color: #333;
    background: #fff;
    margin-bottom: 5px;
    font-size: 14px;
}

.mr0 {
    margin: 0 !important;
}

.exit-btn {
    float: right;
    padding: 2px 10px 3px 10px;
    display: block;
    border-radius: 4em;
    font-size: 14px;
    margin: -2px 0;
    box-shadow: 0 0.063em 0.063em rgba(0, 0, 0, .2);
    text-shadow: 0 0.063em 0 rgba(0, 0, 0, .2);
    background-color: #fafafa;
}

.exit-btn a {
    color: #333;
}

.show-result {
    width: 100%;
    height: 40px;
    padding: 0 10px;
    background: #ffc500;
}

.close-icn {
    float: left;
    cursor: pointer;
}

.show-result span {
    line-height: 3.4;
}

.show-result button {
    border: 0;
    outline: 0;
    box-shadow: 0 0.063em 0.063em rgba(0, 0, 0, .2);
    background: #e0b008;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin-top: 5px;
    text-align: center;
    color: #333;
}

#comments {
    margin-top: 40px;
}

.head-cm {
    padding: 7px;
    background: rgb(37, 37, 37);
    margin: 10px 0;
    box-shadow: 0 1px 1px rgb(34, 34, 34);
}

.head-cm h3 {
    color: #ccc;
}

.comment-form:after {
    display: table;
    clear: both;
    content: '';
}

.comment-form .form {
    margin-right: 100px;
}

.comment-form .form .form-row {
    margin-bottom: 10px;
}

.comment-form .form .form-row:last-child {
    margin-left: 0;
    margin-top: 20px;
}

.comment-form .form .input {
    background-color: #fff;
    border-radius: 4px;
    padding: 5px 10px;
    outline: none;
    width: 100%;
    -webkit-transition: 350ms box-shadow;
    -moz-transition: 350ms box-shadow;
    -ms-transition: 350ms box-shadow;
    -o-transition: 350ms box-shadow;
    transition: 350ms box-shadow;
    border: none;
    box-shadow: 0 1px 1px rgb(232, 232, 232);
    color: #1d1c1c;
    font-size: 14px;
}

.comment-form .form textarea.input {
    height: 100px;
    padding: 15px;
    resize: none;
    color: #2b2b2b;
    font-size: 14px;
}

.comment-form .form label {
    color: #cacaca;
}

.comment-form .form input[type=submit] {
    border: 0;
    outline: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15);

    color: #fff;
    border-radius: 2px;
    background: #de9a57;
    padding: 5px 25px;
    cursor: pointer;
    display: inline-block;
    -webkit-transition: 350ms box-shadow;
    -moz-transition: 350ms box-shadow;
    -ms-transition: 350ms box-shadow;
    -o-transition: 350ms box-shadow;
    transition: 350ms box-shadow;
    float: left;
    margin-bottom: 10px;
    width: 150px;
    font-size: 15px;
}

.comment-form .form.ng-submitted .input.ng-invalid, .comment-form .form .input.ng-dirty.ng-invalid {
    box-shadow: 0 2px 6px rgba(212, 47, 47, .55) !important;
}

.comment-form .form .input.disabled {
    background-color: #E8E8E8;
}

.comment-form, .comment {
    margin-bottom: 20px;
    position: relative;
    z-index: 0;
}

.comment-form, .comment:last-child {
    margin-bottom: 0;
}

.comment-form .comment-avatar,
.comment .comment-avatar {
    border: 3px solid rgb(232, 232, 232); /*border-radius: 50%;*/
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.59);
    height: 80px;
    overflow: hidden;
    top: 0;
    width: 80px;
    right: 0;
    position: absolute;
}

.comment-form .comment-avatar img, .comment .comment-avatar img {
    display: block;
    height: auto;
    width: 100%;
}

.comment .comment-box {
    /* background-color: #fff;
     border-radius: 4px;
     box-shadow: 0 1px 1px rgb(232, 232, 232);*/
    border: 1px solid #de9a57;
    position: relative;
    margin-right: 100px;
    min-height: 60px;
    padding: 15px;
}

.comment .comment-box:before,
.comment .comment-box:after {
    border-width: 10px 0 10px 10px;
    border-style: solid;
    border-color: transparent #de9a57;
    content: "";
    position: absolute;
    top: 26%;
    right: -10px;
}

.comment-text p {
    color: #c1c1c1;
}

.comment .comment-box:before {
    border-color: transparent rgb(232, 232, 232);
    top: 26%;
}

.comment .comment-text {
    color: #333;
    font-size: 15px;
    margin-bottom: 25px;
    padding-left: 10px;
}

li li .comment-box {
    background: #f3f3f3 !important;
}

li li .comment-box:before {
    border-color: transparent #f3f3f3 !important;
    top: 26%;
}

li li .comment-box:before,
li li .comment-box:after {
    border-width: 10px 0 10px 10px;
    border-style: solid;
    border-color: transparent #f3f3f3 !important;
    content: "";
    position: absolute;
    top: 25%;
    right: -10px;
}

.comment .comment-footer {
    color: #acb4c2;
    font-size: 13px;
}

.comment .comment-footer:after {
    content: "";
    display: table;
    clear: both;
}

.comment .comment-footer a {
    -moz-transition: 350ms color;
    -ms-transition: 350ms color;
    -o-transition: 350ms color;
    color: #acb4c2;
    text-decoration: none;
    -webkit-transition: 350ms color;
    transition: 350ms color;
}

.comment .comment-footer .comment-actions a {
    color: #fff;
    border-radius: 2px;
    width: 100%;
    background: #de9a57;
    padding: 5px 7px;
    display: block;
}

.comment .comment-footer .comment-actions a:hover {
    background: #e8b582;
}

.comment .comment-info {
    float: left;
    width: 85%;
    padding-right: 10px;
}

.comment .comment-date:before {
    content: "|";
    margin: 0 10px;
}

.comment-actions {
    text-align: center;
    width: 15%;
    float: right;
}

/* end comments */

.bottom-gradient {
    bottom: 0;
    height: 500px;
    left: 0;
    margin: 0 auto;
    max-height: 80%;
    max-width: 100%;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1;
    background: -moz-linear-gradient(top, rgba(34, 29, 43, 0) 0%, #221d2b 100%);
    background: -webkit-linear-gradient(top, rgba(34, 29, 43, 0) 0%, #221d2b 100%);
    background: linear-gradient(top bottom, rgba(34, 29, 43, 0) 0%, #221d2b 100%);
}

.contents {
    text-align: center;
    /*  padding-bottom: 20px;*/
    position: absolute;
    z-index: 3;
}

.contents img {
    position: relative;
    top: 15px;
}

.contents .t1 {
    background-color: #57764a;
    display: inline-block;
    color: #fff;
    border-radius: 30px;
    padding: 0px 15px 2px;
    font-size: 18px;
}

.contents p {
    color: #efd491;
    font-size: 20px;
    font-weight: 100;
    margin-top: 50px;
}

.bg-cover {
    background-image: url(/wp-content/themes/colosseo/images/itali.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

}

.btn-gold {
    background: transparent;
    padding: 10px 25px;
    display: inline-block;
    color: #efede8;
    border-top: 1.5px solid #af8358;
    border-bottom: 1.5px solid #af8358;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    font-weight: 400;
    font-size: 16px;
    text-decoration: none !important;
}

.btn-gold:hover, .btn-gold:focus, .btn-gold:active {
    background: #af8358;
    color: #efede8;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.three-lines {
    left: 0;
    margin: 25px auto 2px;
    position: absolute;
    right: 0;
}

a:hover .line-top, a:hover .line-bottom {
    width: 40px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.line-top, .line-bottom {
    height: 1.5px;
    background-color: #af8358;
    width: 35px;
    margin: 3px auto;
    right: 0;
    left: 0;
    position: relative;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

a:hover .line-middle {
    width: 30%;
    max-width: 200px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.line-middle {
    height: 1.5px;
    background-color: #af8358;
    width: 60px;
    max-width: 200px;
    margin: auto;
    right: 0;
    left: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

hr {
    border-color: rgba(255, 255, 255, 0.1) !important;
    border-width: 0px 0 0 !important;
    border-top: 1px solid rgba(0, 0, 0, .1);
    background: #66666670;
    height: 1px;
}

h3 {
    font-weight: 200 !important;
}

.t-li {
    color: #af8358;
    transition: all .3s;
}

.t-li:hover {
    color: #d4a77a;
    text-decoration: none;
}

h3, .h3 {
    font-size: 1rem;
}

.head-note {
    margin-top: 30px;
    font-weight: 200;
    color: #af8358;
}


.angle-bg {
    height: 400px;
    background: #1e1823;
    position: absolute;
    width: 100%;
    margin-top: 350px;
}

.angle-bg:before {
    content: '';
    position: absolute;
    bottom: 100%;
    border-left: 100vw solid transparent;
    border-bottom: 300px solid #1e1823;
    right: 0;
}

.angle-bg:after {
    content: '';
    position: absolute;
    top: 100%;
    border-right: 100vw solid transparent;
    border-top: 300px solid #1e1823;
    right: 0;
}


.button_container {
    position: fixed;
    top: 30px;
    right: 2%;
    height: 27px;
    width: 35px;
    cursor: pointer;
    z-index: 100;
    transition: opacity .25s ease;
}

.button_container:hover {
    opacity: .7;
}

.button_container:hover .button_container span:nth-of-type(3) {
    top: 17px;
}

.button_container.active .top {
    -webkit-transform: translateY(10px) translateX(0) rotate(45deg);
    transform: translateY(10px) translateX(0) rotate(45deg);
    background: #fff;
}

.button_container.active .middle {
    opacity: 0;
    background: #de9a57;
}

.button_container.active .bottom {
    -webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);
    transform: translateY(-10px) translateX(0) rotate(-45deg);
    background: #fff;
}

.button_container span {
    background: #de9a57;
    border: none;
    height: 4px;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    transition: all .35s ease;
    cursor: pointer;
}

.button_container span:nth-of-type(2) {
    top: 10px;
}

.button_container span:nth-of-type(3) {
    top: 20px;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: hidden;
    transition: opacity .35s, visibility .35s, width .35s;
    z-index: 50;
}

.overlay:before {
    content: '';
    background: #24172f;
    left: -55%;
    top: 0;
    width: 50%;
    height: 100%;
    position: absolute;
    transition: left .35s ease;
}

.overlay:after {
    content: '';
    background: #24172f;
    right: -55%;
    top: 0;
    width: 50%;
    height: 100%;
    position: absolute;
    transition: all .35s ease;
}

.overlay.open {
    opacity: .9;
    visibility: visible;
    height: 100%;
}

.overlay.open:before {
    left: 0;
}

.overlay.open:after {
    right: 0;
}

.overlay.open li {
    -webkit-animation: fadeInRight .5s ease forwards;
    animation: fadeInRight .5s ease forwards;
    -webkit-animation-delay: .35s;
    animation-delay: .35s;
}

.overlay.open li:nth-of-type(2) {
    -webkit-animation-delay: .45s;
    animation-delay: .45s;
}

.overlay.open li:nth-of-type(3) {
    -webkit-animation-delay: .55s;
    animation-delay: .55s;
}

.overlay.open li:nth-of-type(4) {
    -webkit-animation-delay: .65s;
    animation-delay: .65s;
}

.overlay nav {
    position: relative;
    height: 70%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 30px;
    font-weight: 400;
    text-align: center;
    z-index: 100;
}

.overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    height: 100%;
}

.overlay ul li {
    display: block;
    height: 25%;
    height: calc(100% / 7);
    min-height: 50px;
    position: relative;
    opacity: 0;
}

.overlay ul li a {
    display: block;
    position: relative;
    color: #FFF;
    text-decoration: none;
    overflow: hidden;
    text-transform: uppercase;
}

.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
    width: 100%;
}

.overlay ul li a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 2px;
    background: #FFF;
    transition: .35s;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 20%;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 20%;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}

.nav-logo {
    position: relative;
    transition: all .5s;
    top: 10px;

}

#r-nav {
    transition: all .5s;
    height: 90px;
    background: #221d2b;
}

.nav-logo img {
    max-height: 80px;
    min-width: 260px;
    transition: all .5s;


}

.scroll {
    background-color: #1e1823;
    transition: all .5s;
    height: 90px;
}

@media (max-width: 600px) {
    .nav-logo img {
        max-height: 60px;
        transition: all .5s;
    }

    #r-nav {
        justify-content: flex-start !important;

    }

    .button_container .top {
        height: 3px;
    }

    .button_container .middle {
        height: 3px;
    }

    .button_container .bottom {
        height: 3px;
    }

    .nav-logo {
        top: 15px;
    }
}

.swiper-wrapper .swiper-slide img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
}

.swiper-container {
    width: 100%;
    height: 600px;
    -webkit-box-shadow: 0px 3px 49px -1px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 3px 49px -1px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 3px 49px -1px rgba(0, 0, 0, 0.7);
}

.swiper-pagination-bullet {
    margin-top: 20px;
    height: 15px;
    width: 15px;
    border: 2px solid #efd491;
}

.swiper-pagination-bullet-active {
    background-color: #975f28;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url(/wp-content/themes/colosseo/images/swiper-arrow.png);
    background-repeat: no-repeat;
    background-size: auto;
    left: 15px;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-next {
    background-image: url(/wp-content/themes/colosseo/images/swiper-arrow.png);
    background-repeat: no-repeat;
    background-size: auto;
    right: 15px;
    transform: rotate(180deg);
}

.top-post img {
    object-fit: cover;
    height: 100%;
    transition: all .6s;
}

.top-post img:hover {
    transform: scale(1.1);
}

.img-container {
    overflow: hidden;
    width: 100%;
    height: 380px;
    padding: 0;
    margin: 0;
    border-radius: 8px;
}

.title-posts {
    position: relative;
    left: 0;
    transition: all .3s;
    text-decoration: none !important;
    font-size: 28px;
    font-weight: 600;
}

.title-posts:hover {
    color: #a2662b;
    left: 10px;
}

.tt-ti {
    border-bottom: 1px solid #de9a57;
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: 500;
}

@media (max-width: 764px) {
    .img-container {
        margin-bottom: 20px;
    }
}

.btn-outline-dark:hover {
    background-color: #221d2b;
    459 color: #ad754b;
    border-color: #de9a57;
}


.news {
    margin-bottom: 20px;
}

.news .news-share {
    display: inline-flex;
    justify-content: flex-end;
    list-style: none;
    margin: 0;
    padding: 5px;
}

.news .news-share .content {
    padding: 4px;
    position: relative;
    right: 10px;
    color: #57764a;
}

.news .news-share li a {
    color: #57764a;
    padding-right: 8px;
    transition: all .3s;
    font-size: 20px;
}

.news .news-share li a:hover {
    color: #efd491;
}

.news .news-imgcontainer {
    width: 100%;
    height: 350px;
    overflow: hidden;
}

.news .news-imgcontainer:hover img {
    transform: scale(1.1);
}

.news .news-imgcontainer .text-container {
    position: absolute;
    padding: 25px 15px;
    text-align: left;
    bottom: 30px;
    z-index: 5;
}

.news .news-imgcontainer .text-container p {
    line-height: 20px;
    color: #e8e8e8;
}

.news .news-imgcontainer .text-container a {
    color: #efd491;
    transition: all .5s;
}

.news .news-imgcontainer .text-container a:hover {
    color: #e8e8e8;
}

.news .news-imgcontainer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 2s;
}

.news .news-footer {
    background-color: #0b0705;
    padding: 5px;
    display: flex;
    justify-content: flex-end;
}

.news .news-footer .more {
    position: absolute;
    left: 30px;
    bottom: 10px;
    color: #57764a;
    border: 1px solid #57764a;
    border-radius: 50px;
    padding: 1px 40px 3px;
    transition: all .3s;
}

.news .news-footer .more:hover {
    color: #efd491;
    background-color: #57764a;
}


.news-card {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
    transition: all .3s ease-in-out;
    overflow: hidden;
    border-radius: 3px;
    border-bottom: 5px solid transparent;
}

.news-card .text-container {
    background-color: #fff;
    padding: 5px 15px;
    color: #000;
}

.news-card .text-container .n-tit {
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: 500;
    padding: 0
}

.news-card .text-container .n-tit a {
    position: relative;
    left: 0;
    transition: all .3s;
    text-decoration: none !important;
    font-size: 28px;
    font-weight: 600;
    color: #1e1823;
}

.news-card .text-container .n-tit a:hover {
    color: #a2662b;
    left: 10px;
}

.blue-hover:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    border: none;
    border-bottom: 5px solid #af8358;

}

.news .text-container .more {
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: block;
    color: #b6895c;
    font-size: 16px;
    transition: all .3s;
    left: 0;
    position: relative;
    font-weight: 300;
}

.news .text-container .more:hover {
    color: #e8af75;
    left: 2px;
}

.news .text-container p {
    line-height: 25px;
}

.news .text-container .news-p {
    font-weight: 300;
    height: 90px;
    display: inline-block;
}

.top-post p {
    height: 150px;
    overflow: hidden;
}

.v-more {
    color: #af8358;
    margin: 0 15px;
    border: 1px solid;
    padding: 5px 15px;
    transition: all .3s;
    text-transform: uppercase;
    font-size: 15px;
}

.line-1 {
    height: 2px;
    width: 50px;
    background-color: #af8358;
    display: inline-block;
    align-self: center;
    transition: all .5s;
}

.line-2 {
    height: 2px;
    width: 50px;
    background-color: #af8358;
    display: inline-block;
    align-self: center;
    transition: all .5s;
}

.v-more:hover {
    color: #eabf94;
}

.mm-b:hover span {
    width: 160px;
    background-color: #eabf94;
}

@media (max-width: 520px) {
    .mm-b span {
        display: none;

    }
}

.event {
    display: flex;
    border: 1px solid #af8358;
    padding-right: 0;
    flex-wrap: wrap;
}

.event .content h2 {
    font-size: 30px;
    padding-top: 10px;
}

.event .content h2 a {
    color: #af8358;
    transition: all .3s
}

.event .content h2 a:hover {
    color: #fbd4af;
}

.event .img-container {
    height: 350px;
    width: 100%;
}

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

.event .content p {
    color: #fff;
    line-height: 24px;
    font-weight: 200;
    height: 165px;
    overflow: hidden;
}

.event .content {
    padding-left: 0
}

.space-50 {
    height: 50px;
    width: 100%;
    background-color: transparent;
    display: block;
}

.event .content .e-more {
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: block;
    color: #b6895c;
    font-size: 16px;
    transition: all .3s;
    left: 0;
    position: relative;
    font-weight: 300;

}

.event .content .e-more:hover {
    color: #fbd4af;
    left: 8px;
}

.art-title {
    text-align: center;
    background-image: url(/wp-content/themes/colosseo/images/minptt.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 225px;
    padding-top: 30px;
    margin-bottom: 40px;
}

.ev-opt {
    justify-content: space-between;
    border-top: 1px solid #3e3e3e;
    padding-top: 15px;
}

.ev-opt .perc {
    margin-left: auto;
    font-size: 16px;
    align-self: center;
    padding: 5px 15px 5px 45px;
    border: 1px solid;
    color: #af8358;
    background-image: url(/wp-content/themes/colosseo/images/tag.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position-y: center;
    background-position-x: 10px;
    border-radius: 4px;
}

.ev-opt .date {
    padding: 5px 15px 5px 45px;
    border: 1px solid;
    font-size: 16px;
    align-self: center;
    color: #af8358;
    margin-left: 15px;
    background-image: url(/wp-content/themes/colosseo/images/cal.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position-y: center;
    background-position-x: 10px;
    border-radius: 4px;
}

.ev-opt span {
    font-size: 16px;
    align-self: center;
}

.ft-t p {
    text-transform: uppercase;
    font-size: 14px;
}

.ft-t a {
    transition: all .3s;
    color: #b57b42;
}

.ft-t a:hover {
    color: #fbd4af;
}

@media (max-width: 768px) {
    .ev-opt {
        margin-bottom: 15px;
    }

    .event .content {
        padding-left: 15px;
    }

    .event {
        padding-left: 0;
    }

    .ev-opt span {
        display: none;
    }

    .event .img-container {
        margin: 0
    }

    .ev-opt .perc {
        margin-left: 0;
    }

    .ev-opt {
        font-size: 15px
    }
}

@media (max-width: 1250px) {
    .swiper-container {
        height: 400px
    }
}

@media (max-width: 1000px) {
    .swiper-container {
        height: 300px
    }
}

@media (max-width: 700px) {
    .swiper-container {
        height: 200px
    }
}

@media (max-width: 460px) {
    .menu-bts {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .menu-bts a {
        font-size: 14px;
    }
}

.so-ti {
    color: #a4a4a4;
    position: relative;
    display: inline-block;
    font-size: 18px;
    margin-bottom: 18px;
}

.so-ti:before {
    content: url('/wp-content/themes/colosseo/images/mnpt.svg');
    position: absolute;
    height: 20px;
    left: -25px;
    top: 3px;
    width: 20px;
}

.so-ti:after {
    content: url('/wp-content/themes/colosseo/images/mnpt2.svg');
    position: absolute;
    right: -25px;;
    top: 3px;
    width: 20px;
    height: 20px;
}

.n-sec {
    background-image: url(/wp-content/themes/colosseo/images/mnbg.svg);
    background-repeat: repeat;
    background-size: 30% auto;
}

.bot-gdnt {
    height: 300px;
    margin-top: -250px;
    position: absolute;
    width: 100%;
    z-index: 1;
    background: -moz-linear-gradient(top, rgba(34, 29, 43, 0) 0%, rgba(34, 29, 43, 0.8) 47%, rgba(34, 29, 43, 1) 77%, rgba(34, 29, 43, 1) 99%);
    background: -webkit-linear-gradient(top, rgba(34, 29, 43, 0) 0%, rgba(34, 29, 43, 0.8) 47%, rgba(34, 29, 43, 1) 77%, rgba(34, 29, 43, 1) 99%);
    background: linear-gradient(to bottom, rgba(34, 29, 43, 0) 0%, rgba(34, 29, 43, 0.8) 47%, rgba(34, 29, 43, 1) 77%, rgba(34, 29, 43, 1) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00221d2b', endColorstr='#221d2b', GradientType=0);
}

.top-gdnt {
    height: 600px;
    position: absolute;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(34, 29, 43, 1) 0%, rgba(34, 29, 43, 0.99) 2%, rgba(34, 29, 43, 0.6) 56%, rgba(34, 29, 43, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(34, 29, 43, 1) 0%, rgba(34, 29, 43, 0.99) 2%, rgba(34, 29, 43, 0.6) 56%, rgba(34, 29, 43, 0) 100%);
    background: linear-gradient(to bottom, rgba(34, 29, 43, 1) 0%, rgba(34, 29, 43, 0.99) 2%, rgba(34, 29, 43, 0.6) 56%, rgba(34, 29, 43, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#221d2b', endColorstr='#00221d2b', GradientType=0);
}

.z5 {
    z-index: 5
}

@media (max-width: 468px) {
    .lounge h2 {
        font-size: 14px;
    }
}

.button_container span:nth-of-type(2):after {
    content: 'MENU';
    position: absolute;
    color: #e4b688;
    font-size: 12px;
    top: 15px;
}

.angle-bg-2 {
    height: 450px;
    background: #1e1823;
    position: absolute;
    width: 100%;
    z-index: -1;
    margin-top: 300px;
}

.angle-bg-2:before {
    content: '';
    position: absolute;
    bottom: 100%;
    border-left: 100vw solid transparent;
    border-bottom: 200px solid #1e1823;
    right: 0;
}

@media (max-width: 400px) {
    .so-ti {
        font-size: 15px
    }
}

.ev-img img {
    transition: all .5s;
}

.ev-img img:hover {
    /*    transform: scale(1.1);*/
    filter: opacity(0.5);
}

.dinner-pkg {
    border: 5px solid #af8358;
    padding: 50px 20px;
}

.dinner-pkg .content {
    text-align: center;
}

.nav-gradient {
    top: 0;
    height: 150px;
    left: 0;
    margin: 0 auto;
    max-height: 80%;
    max-width: 100%;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 0;
    background: -moz-linear-gradient(top, rgba(34, 29, 43, 1) 0%, rgba(34, 29, 43, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(34, 29, 43, 1) 0%, rgba(34, 29, 43, 0) 100%);
    background: linear-gradient(to bottom, rgba(34, 29, 43, 1) 0%, rgba(34, 29, 43, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#221d2b', endColorstr='#00221d2b', GradientType=0);
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.dinner-pkg .content .dn-logo {
    background-image: url(/wp-content/themes/colosseo/images/logo-pt.svg);
    background-repeat: no-repeat;
    background-size: 85px;
    background-position: center;
}

.dinner-pkg .content .dn-logo img {
    height: 115px;
    animation-name: spin;
    animation-duration: 45000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.dinner-pkg .content p {
    color: #dedede;
    font-size: 16px;
    height: 170px;
    overflow: hidden;

}

.dinner-pkg .content h2 {
    font-size: 25px;
}

.dinner-pkg .content h2 a {
    color: #deab79;
    transition: all .3s;
}

.dinner-pkg .content h2 a:hover {
    color: #ffdebd;
}

.dinner-pkg .content .dn-bt {
    padding: 5px 20px 7px 20px;
    display: inline-block;
    margin-top: 5px;
    border: 1px solid #383838;
    color: #deab79;
    transition: all .3s;
    text-transform: uppercase;
    font-size: 18px;

}

.dinner-pkg .content .dn-bt:hover {
    background-color: #1e1823;
    color: #ffe6ce;
}

.dinner-img {
    flex-wrap: wrap;
}

.dinner-img .best-q {
    width: 100%;
    height: 150px;

}

.dinner-img .best-q img {
    position: absolute;
    height: 200px;
}

.dinner-img .img-container {
    padding-right: 40px;
}

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

@media (max-width: 768px) {
    .dinner-img .img-container {
        padding: 0
    }
}

.post {
    background-color: #fff;
    margin-top: 45px;
    -webkit-box-shadow: 0px 3px 49px -1px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 3px 49px -1px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 3px 49px -1px rgba(0, 0, 0, 0.7);
}

.post .img-container {
    width: 100%;
    /*height: 315px;*/
    overflow: hidden;
}

.post .text-container h2 {
    font-size: 35px;
    padding-top: 5px;
}

.post .text-container a {
    color: #bf8348;
    position: relative;
    transition: all .3s;
    left: 0
}

.post .text-container a:hover {
    color: #deb286;
    left: 10px;
}

.post .text-container p {
    border-top: 1px solid #ececec;
    padding-top: 10px;
    height: 175px;
    overflow: hidden;
}

.post .img-container img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all .5s;

}

.post .img-container img:hover {
    opacity: .8;
}

.post .news-footer {
    color: #b9b9b9;
}

.post .news-footer .meta {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    font-size: 16px;
    border: 1px solid #eaeaea;
    padding: 3px 15px;
}

.post .news-footer .more a {
    color: #ca8949;
    position: relative;
    left: 0;
    transition: all .3s;
}

.post .news-footer .more a:hover {
    left: 12px;
    color: #904e0d;
}

.post .news-footer .date {
    margin-left: auto;
    padding-right: 25px;
}

.post .news-footer .cmnt {

}

.post .news-footer i {
    padding-right: 10px;
}

.paginate {
    text-align: center;
    z-index: 3;
    margin-top: 50px;
    font-size: 15px;
    text-transform: uppercase;
}

.paginate .page-nav {
    display: flex;
    justify-content: center;
    list-style: none;
    position: relative;
    flex-wrap: wrap;
    padding: 0;
}

.paginate .page-nav li a {
    padding: 5px 10px;
    border: 1px solid;
    color: #af8358;
    margin-left: 15px;
    transition: all .3s;

}

.paginate .page-nav li a:hover {
    background-color: #1b161f;
    color: #d4a87d;
}

.post-single .img-container img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.post-single .meta-cont .tags {
    font-size: 14px;
    color: #5a5a5a;
}

.post-single .meta-cont .tags a {
    color: #5a5a5a;
    padding: 3px 8px;
    border: 1px solid;
    transition: all .3s;
    margin-bottom: 5px;
    display: inline-block;
}

.post-single .meta-cont .tags a:hover {
    color: #c79c72;
}

.post-single .meta-cont h2 {
    color: #c79c72;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-size: 30px;
}

.post-single .meta-cont .meta {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    font-size: 18px;
    color: #a7a7a7;
}

.post-single .meta-cont .meta li i {
    padding-right: 10px;
}

.post-single .meta-cont .share {
    display: flex;
    list-style: none;
    justify-content: space-between;
    border: 1px solid #5a5a5a;
    padding: 4px 10px;
}

.post-single .meta-cont .share a {
    padding-right: 5px;
    transition: all .3s;
    color: #b9834f;
}

.post-single .meta-cont .share a:hover {

    color: #deb791;
}

.post-single .text-container p {
    color: #c1c1c1;
    font-weight: 200;
    padding-top: 10px;

}

.post-single .meta-cont .share .text {
    color: #b9834f;
    text-transform: uppercase;
    font-size: 15px;
    align-self: center;
}

.mn-im {
    height: 250px;
}

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

@media (max-width: 980px) {

    .fxformbtn {
        margin-top: 20px;
        margin-left: 0;
    }
}

.pns-f {
    padding-left: 35px;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/*START Modal Style*/
.modal-body {
    text-transform: capitalize;
    font-size: 16px;
}

.modal-body h1 {
    font-weight: 900;
    font-size: 2.3em;
    text-transform: uppercase;
}

.modal-body input.pre-order-btn {
    color: #ad754b;
    background-color: transparent;
    border: 1px solid #372f46;
    border-radius: 5px;
    text-transform: uppercase;
    padding: 5px 20px;
    margin-top: 20px;
    display: inline-block;
    font-size: 1.25em;
    font-weight: 6600;
    transition: all .3s;
    cursor: pointer;
}

.modal-title {
    font-size: 18px;
}

.modal-body input.pre-order-btn:hover {
    background-color: #fff;
    color: #ad754b;
    background-color: #1e1823;
    text-decoration: none;
}

.modal-header .close {
    padding: 0 !important;
}

#dismiss {
    font-size: 16px;
    padding: 0;
}

#myModal {
    background-color: rgba(34, 29, 42, 0.7);
    padding: 0 !important;
}

.modal-dialog {
    position: relative;
    top: 50%;
    transform: translateY(-50%) !important;
}

.modal-content {

    color: #fff;
    background: url(/wp-content/themes/colosseo/images/newsletter.svg);
    background-repeat: no-repeat;
    background-color: #221d2b;
}

.nl-inp {
    width: 80%;
    padding: 5px 10px;
    background-color: transparent;
    border: transparent;
    border-left: 1px solid #af8358;
    border-bottom: 1px solid #af8358;
    color: #af8358;
    width: 80%;
    padding: 5px 10px;
}

.nl-inp:focus {
    outline: none;
}

.modal-footer a {
    transition: all .3s;
}

.modal-footer a:hover {
    color: #f5bf8a;
}

#posts-wrapper .row {
    overflow-wrap: break-word;
}

.menu-titles h3 {
    color: #c16e34;
    font-weight: 500 !important;
    margin: 0;
}

.menu-titles hr {
    border-top: 1px dashed #c16e34 !important;
    flex: 1;
    margin: 0 30px;
    background: #0000;
}

.menu-titles {
    color: #c16e34;
    font-weight: 500;
    margin: 10px 0;
    align-items: center;
    cursor: default;
}

#posts-wrapper p.m-0 {
    margin-right: 160px !important;
}

#posts-wrapper .divider:last-child {
    display: none;
}

.divider {
    background-image: url('/wp-content/themes/colosseo/images/slider/divider2.png');
    width: 360px;
    min-height: 35px;
    background-size: 100%;
    background-position: center;
    position: relative;
    margin: auto;
    background-repeat: no-repeat;
}

.ajax-loading img {
    max-width: 100%;
    height: 300px;
    vertical-align: unset;
    display: block;
    align-self: inherit;
    width: 265px;
}

.ajax-loading svg {
    width: 100px;
    height: 100px;
    margin: auto;
    display: block;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translateX(-50%);
}

.ajax-loading {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #13131550;
    display: flex;
    align-self: center;
    justify-content: center;
    z-index: 999999;
    width: 100%;
    height: 100%;

}

.tab-nav-container {
    display: none;
}

.mob-cat .arrow {
    display: none;
}

@media (max-width: 768px) {
    .mob-cat .arrow svg {
        vertical-align: super;
    }

    .mob-cat .arrow {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 40px;
        color: #ba8d5f;
        padding: 8px;
        line-height: 1.1;
        height: 38px;
        display: block;
        transition: all .5s ease;
    }

    .category .item a {
        color: white;
    }

    footer {
        padding-bottom: 1.5rem !important;
    }

    .category .item:last-child {
        margin-bottom: 5px;
    }

    .mob-cat .arrow.opend {
        transform: rotate(180deg);
    }

    .mob-cat.opend {
        max-height: 100%;
    }

    .mob-cat {
        justify-content: space-between;
        flex-direction: column;
        padding: 0 15px;
        max-height: 40px;
        overflow: hidden;
        flex-wrap: nowrap;
        margin: 0 15px;
        width: auto;
        border: 2px solid #af8358;
        background: #4f4561;
        border-radius: 5px;
        transition: all .5s ease;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 99;
    }

    .hrorg {
        display: none
    }

    .menu-titles {
        flex-direction: column;
        text-align: center;
    }

    #posts-wrapper {
        padding: 0;
    }

    .border-divider > div {
        padding: 0 0 0 0 !important;
    }

    #posts-wrapper p.m-0,
    .border-divider .mr-2 {
        margin: 0 0 0 0 !important;
    }

    .divider {
        width: 250px;
    }

    .tab-nav-container {
        display: flex;
        justify-content: space-between;
        width: 100%;
        position: fixed;
        bottom: 0;
        background: #fff;
        z-index: 9999;
        left: 0;
        right: 0;
        margin: 0;
        align-items: center;
        padding: 0;
        border-top: 2px solid #de9a57;
    }

    .btnavs .tab a img {
        width: 20px;
        filter: hue-rotate(80deg) brightness(0.3)
    }

    .btnavs .tab a {
        display: flex;
        align-items: center;
        color: inherit;
        justify-content: center;
        flex-direction: column;
        padding: 5px 0;
    }

    .btnavs .tab {
        background-color: #ffffff;
        cursor: pointer;
        border: 1px solid #de9a57;
        margin: 0;
        display: flex;
        transition: background 0.4s linear;
        align-items: center;
        justify-content: center;
        text-align: center;
        flex: 1;
        border-bottom: unset;
        border-top: unset;
    }

    .btnavs .tab i {
        font-size: 1.2em;
    }

    .btnavs .tab p {
        font-size: 14px;
        padding: 0;
        margin: 0;
    }

    .btnavs .tab.active p {
        margin: 0;
        display: block;
    }

    .btnavs .tab.active.c1 {
        background-color: rgba(91, 55, 183, 0.2);
        color: rgba(91, 55, 183, 1);
    }

    .btnavs .tab.active.c2 {
        background-color: rgba(201, 55, 157, 0.2);
        color: rgba(201, 55, 157, 1);
    }

    .btnavs .tab.active.c3 {
        background-color: rgba(230, 169, 25, 0.2);
        color: rgba(230, 169, 25, 1);
    }

    .btnavs .tab.active.c4 {
        background-color: rgba(28, 150, 162, 0.2);
        color: rgba(28, 150, 162, 1);
    }

    .btnavs .tab.active.c5 {
        background-color: #007bff20;
        color: #007bff;
    }

    .btnavs .tab.active.c6 {
        background-color: #6610f220;
        color: #6610f2;
    }

    .btnavs .tab.active.c7 {
        background-color: #6f42c120;
        color: #6f42c1;
    }

    .btnavs .tab.active.c8 {
        background-color: #e83e8c20;
        color: #e83e8c;
    }

    .btnavs .tab.active.c9 {
        background-color: #dc354520;
        color: #dc3545;
    }

    .btnavs .tab.active.c10 {
        background-color: #fd7e1420;
        color: #fd7e14;
    }

    .btnavs .tab.active.c11 {
        background-color: #ffc10720;
        color: #ffc107;
    }

    .btnavs .tab.active.c12 {
        background-color: #28a74520;
        color: #28a745;
    }

    .btnavs .tab.active.c13 {
        background-color: #20c99720;
        color: #20c997;
    }

    .ajax-loading img {
        height: unset;
    }
}

/*END Modal Style*/
a.sp_menu_dl.btn.btn-outline-dark.mx-1.d-block:hover{
    color: white;
}
a.sp_menu_dl.btn.btn-outline-dark.mx-1.d-block {
    border: 1px solid #dc3545;
    color: #dc3545;
    padding: 5px;    box-shadow: 0 0 5px #dc3545;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMi40NTggNTEyLjQ1OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSw1LjY4NDM0MTg4NjA4MDgwMmUtMTQsMCkiPjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGc+PGc+PGc+PHBhdGggZD0ibTQ5MC43NTcgMjI4LjM4NGMwLTQyLjM5Ni0xMS43MjMtODMuMTI3LTMzLjAwNC0xMTguMjY2IDUuMTgzLTcuNzggMTIuNjc5LTE1LjI2NSAyMy40MDEtMTkuMjc0IDMuODE4LTEuNDI5IDYuMjg1LTQuOTk0IDYuMjg1LTkuMDg1cy0yLjQ2Ny03LjY1Ni02LjI4Ni05LjA4NmMtMjAuMDIxLTcuNDg1LTI4LjgwNS0yNy4wOTMtMzIuMjU4LTM4LjExNC0xLjI3NC00LjA2Ny00Ljk5Ny02LjgwMS05LjI2NC02LjgwMXMtNy45ODkgMi43MzItOS4yNjQgNi44Yy0yLjEyOCA2Ljc5My02LjI4NiAxNi44NDQtMTMuODQ2IDI1LjMxMi04LjQxNS03LjY5NC0xNy40NS0xNC44MjUtMjcuMDg4LTIxLjI4OS0zLjQ0MS0yLjMwOC04LjEtMS4zODktMTAuNDA2IDIuMDUxLTIuMzA4IDMuNDQtMS4zOSA4LjEgMi4wNTEgMTAuNDA2IDguNDA1IDUuNjM3IDE2LjMwOSAxMS44MjcgMjMuNzE2IDE4LjQ3NC0yLjA3NyAxLjIwMi00LjI5OSAyLjI3LTYuNjg1IDMuMTYzLTMuODE4IDEuNDI5LTYuMjg1IDQuOTk0LTYuMjg1IDkuMDg1czIuNDY3IDcuNjU2IDYuMjg2IDkuMDg2YzIwLjAyMSA3LjQ4NSAyOC44MDUgMjcuMDk0IDMyLjI1OCAzOC4xMTYgMS4yNzUgNC4wNjYgNC45OTggNi44IDkuMjY0IDYuOHM3Ljk4OC0yLjczMyA5LjI2NC02LjgwMWMuMjYtLjgzLjU1NS0xLjcxNS44NzgtMi42MzQgMTYuODA0IDMwLjg0MiAyNS45ODQgNjUuNzk4IDI1Ljk4NCAxMDIuMDU3IDAgNjguNDE0LTMyLjM3MiAxMjkuMzk5LTgyLjU5MiAxNjguNDc0bC02Ljk1LTY0Ljk2YzIzLjQ4NC0yOC4wNDggMzcuNjQyLTY0LjE1NyAzNy42NDItMTAzLjUxNSAwLTUxLjY5Ny0yNC40MzMtOTcuNzgxLTYyLjM0My0xMjcuMzU3IDAgMC0zLjMzMy0zMS4xNTUtMy4zMzMtMzEuMTU2LTEuNzkzLTE2Ljc1NC0xOS41Mi0yNy4wNDUtMzQuNzk4LTIxLjEtMy4wODEgMS4xOTktNS45MiAzLTguMzE0IDUuMjgtNS4zODUgNS4xMjktNy42MTEgMTEuOTI3LTcuOTU2IDE5LjE2MS0xNC4yMTMtNC4xMDQtMjkuMjIyLTYuMzExLTQ0LjczOC02LjMxMS0yNS4xMzkgMC00OC45NDcgNS43ODgtNzAuMTgzIDE2LjA3OWwtMjguNjQ4LTMuNzg0Yy02LjkzMy0uOTE1LTEzLjMyMyAzLjk4MS0xNC4yMzkgMTAuOTE2bC0zLjUyNCAyNi42NzljLTI3Ljc4NiAyOS4wMTgtNDQuODkgNjguMzQxLTQ0Ljg5IDExMS41OTMgMCA0MS4xNjIgMTUuNDkyIDc4Ljc2NiA0MC45MzggMTA3LjMxNmwtOC4yNzUgNjIuNjQ1Yy01MS4zMzYtMzkuMDAzLTg0LjU2My0xMDAuNjYzLTg0LjU2My0xNjkuOTYxIDAtNTYuOTk3IDIyLjE5Ni0xMTAuNTgyIDYyLjQ5OS0xNTAuODg2IDQwLjI5OS00MC4zMDIgOTMuODg1LTYyLjQ5NyAxNTAuODgzLTYyLjQ5NyAzMS4xNTggMCA2MS4xODYgNi41NjIgODkuMjQ5IDE5LjUwMiAzLjc2NCAxLjczOCA4LjIxNy4wOTEgOS45NTEtMy42NyAxLjczNC0zLjc2Mi4wOTItOC4yMTctMy42Ny05Ljk1MS0zMC4wNDctMTMuODU2LTYyLjE4OC0yMC44ODEtOTUuNTMtMjAuODgxLTYxLjAwNCAwLTExOC4zNTcgMjMuNzU2LTE2MS40OTMgNjYuODkycy02Ni44OTIgMTAwLjQ4OC02Ni44OTIgMTYxLjQ5MiAyMy43NTYgMTE4LjM1NiA2Ni44OTMgMTYxLjQ5MmM5LjQ4MiA5LjQ4MyAxOS42NjcgMTguMDAyIDMwLjQxMyAyNS41NjJsLTEuNzIgMTMuMDJjLS41NDIgNC4xMDYgMi4zNDcgNy44NzUgNi40NTMgOC40MTggNC4xMS41NDUgNy44NzUtMi4zNDggOC40MTgtNi40NTNsMjEuNjg0LTE2NC4xNDggMjMuNTMxIDMuMTA4LTI4LjkwNyAyMTguODNjLTEuODczIDE0LjE4LTI1LjM4OSAxMC45NTUtMjMuNTI5LTMuMTI4LjA5Mi0uNjk4IDIuNjQxLTE5Ljk5NCAyLjY0MS0xOS45OTQuNTQyLTQuMTA2LTIuMzQ3LTcuODc1LTYuNDUzLTguNDE4LTQuMTA1LS41NDEtNy44NzUgMi4zNDYtOC40MTggNi40NTNsLTIuNjQ0IDIwLjAxNGMtLjkgNi44MTMuOTA3IDEzLjU2OSA1LjA4OSAxOS4wMjMgMTMuODkzIDE4LjEyMSA0NS4xNTIgMTEuMjA2IDQ4LjE4NS0xMS45ODVsNi4zMzEtNDcuOTI5YzI1LjM3IDkuNTI3IDUyLjUwNyAxNC41MjIgODAuNDE4IDE0LjUyMiAyOC4zMjggMCA1NS44NjYtNS4xMzEgODEuNTYyLTE0LjkzOCAwIDAgNS4wOTcgNDcuNjM3IDUuMTA1IDQ3LjcxMyAyLjQ2NCAyMy4wMzMgMzMuNjkxIDMwLjc1OCA0Ny44NzMgMTMuMTc0IDQuMzE0LTUuMzQ5IDYuMjg4LTEyLjA1OCA1LjU1Ny0xOC44OTFsLTcuNDM1LTY5LjQ5M2MxMC4xNjUtNy4yODMgMTkuODEyLTE1LjQ0IDI4LjgzLTI0LjQ1OCA0My4xMzUtNDMuMTM4IDY2Ljg5MS0xMDAuNDkgNjYuODkxLTE2MS40OTR6bS01MS4xMjYtMTE2LjY4NGMtNS4wMDctMTAuMzQ5LTEzLjEzNS0yMi4wNi0yNi4wNTQtMjkuOTQxIDEyLjkyMS03Ljg4MyAyMS4wNDctMTkuNTkyIDI2LjA1NC0yOS45NDEgNS4wMDcgMTAuMzUgMTMuMTM0IDIyLjA2IDI2LjA1MyAyOS45NDEtMTIuOTIgNy44ODMtMjEuMDQ2IDE5LjU5Mi0yNi4wNTMgMjkuOTQxem0tMzAuNzc0IDExNi42ODRjMCAzMC4yMzUtOS4yMTUgNTguMzU0LTI0Ljk3NSA4MS43MTFsLTUuNjkyLTUzLjIwNC0xNC4zNDEtMTM0LjAzN2MyNy43MjQgMjYuNjY5IDQ1LjAwOCA2NC4xMTUgNDUuMDA4IDEwNS41M3ptLTg2LjY3NS0xNTYuMjk4Yy4xNDMtMi45NzQgMS41NDItNS44MDIgMy44NTItNy42OTEgNi40MjctNS4xOTggMTYuMzY2LTEuMDE5IDE3LjIzMiA3LjA3MS4wMDUuMDQ3IDE5LjIxMiAxNzkuNTY0IDE5LjIxMiAxNzkuNTY0bC0yMy42MDIgMi41MjUtMi4xODQtMjAuNDA2Yy0uNy02LjU1MS0zLjg1Mi0xMi41MDctOC44NzMtMTYuNzcxbC04LjA3NS02Ljg2MWMtMi40ODMtMi4xMDktMy44NzMtNS4zMTItMy43MTgtOC41NjYuMDAxLS4wMDEgNi4xNTYtMTI4Ljg2NCA2LjE1Ni0xMjguODY1em0tNTkuODA4IDkuODE0YzE1LjMyNyAwIDMwLjEwNSAyLjM4MSA0NCA2Ljc2OWwtNS4zMjkgMTExLjU2NWMtLjM3NiA3Ljg2OSAyLjk4MyAxNS42MTIgOC45ODcgMjAuNzE0IDQuNTcyIDMuODg1IDEwLjgyOSA3LjM3MyAxMS43NDcgMTMuNzk3bDIuOTggMjcuODYzIDkuOTYgOTMuMDg0Yy0yMS4zNTcgMTIuMTg2LTQ2LjA0NiAxOS4xNzQtNzIuMzQ1IDE5LjE3NC0yNS4wMjIgMC00OC41OTEtNi4zMTgtNjkuMjE2LTE3LjQyNWwxMi4zNTUtOTMuNTMyIDQuNjE2LTM0LjkzOWMuMjM0LTEuNzcxIDEuMzk1LTMuMjY5IDIuOTU4LTMuODE1IDE0LjMzNy01LjAxOCAyNC45MjYtMTguMjg4IDI2Ljk3Ny0zMy44MDdsMTEuNTg3LTg3LjcxN2MuNDQ0LTMuMzU5LS40NDctNi42OTEtMi41MDktOS4zODFzLTUuMDQ4LTQuNDE2LTguNDA4LTQuODU5bC0xNy4xNjEtMi4yNjdjMTIuMzYyLTMuNDAyIDI1LjM3Mi01LjIyNCAzOC44MDEtNS4yMjR6bS0xMDUuNTE5IDE0MC4wMzQtNC42MTUgMzQuOTM5LTcuNzE1IDU4LjQwNWMtMTcuOTg1LTI0LjMyNi0yOC42MzUtNTQuMzg4LTI4LjYzNS04Ni44OTQgMC0zMC45OTggOS42ODItNTkuNzc2IDI2LjE3Ni04My40NzVsLTQuMzQ5IDMyLjkyYy0yLjA1IDE1LjUyIDQuNzMgMzEuMDg0IDE3LjI3MiAzOS42NTEgMS4zNjguOTM0IDIuMTAxIDIuNjgyIDEuODY2IDQuNDU0em0xMS4yMzggMjkuNDY4IDMuNjMzLTI3LjUwNGMuOTgzLTcuNDQtMi4xODgtMTQuNjQ2LTguMjc2LTE4LjgwNS03LjkxNS01LjQwNi0xMi4xNzktMTUuMzM4LTEwLjg2My0yNS4zMDFsMTEuMjg0LTg1LjQyNCAxNC4wMDggMS44NTEtOS40MjcgNzEuMzY2Yy0uNTQyIDQuMTA2IDIuMzQ3IDcuODc1IDYuNDU0IDguNDE4LjMzMy4wNDQuNjY0LjA2NS45OTEuMDY1IDMuNzA2IDAgNi45MjgtMi43NDYgNy40MjYtNi41MTlsOS40MjctNzEuMzY2IDE0Ljg0NyAxLjk2MS05LjQyNyA3MS4zNjZjLS41NDIgNC4xMDYgMi4zNDcgNy44NzUgNi40NTQgOC40MTguMzMzLjA0NC42NjQuMDY1Ljk5MS4wNjUgMy43MDYgMCA2LjkyOC0yLjc0NiA3LjQyNi02LjUxOWw5LjQyNy03MS4zNjcgMTQuMDA4IDEuODUtMTEuMjg0IDg1LjQyNGMtMS4zMTYgOS45NjMtOC4wMTMgMTguNDQ3LTE3LjA2MSAyMS42MTMtNi45NTggMi40MzYtMTEuODkyIDguNTctMTIuODc0IDE2LjAxbC0zLjYzMyAyNy41MDN6bTk0LjI4MSAxOTAuMzY3Yy0yNy42NjIgMC01NC4xMDUtNS4zMDYtNzguMzgyLTE0LjkzbDcuMDgyLTUzLjYxMmMyMS41MTggMTAuNjM3IDQ1LjcxNyAxNi42NDEgNzEuMyAxNi42NDEgMjYuNjg2IDAgNTEuODcxLTYuNTI0IDc0LjA3Mi0xOC4wMzRsNS44MiA1NC4zOTFjLTI0LjY5MSAxMC4wMDctNTEuNjU0IDE1LjU0NC03OS44OTIgMTUuNTQ0em0xMjIuODY1IDUxLjUzMWMtMi40OTYgMy4wOTUtNS45NDcgMy43OTktOS40NzUgNC4xNzUtNS44ODkuNjI4LTExLjE3OC0zLjY0NC0xMS44MDktOS41MjZsLTIzLjQ4NC0yMTkuNDc5IDIzLjYwMy0yLjUyNSAyMy40ODIgMjE5LjQ3OWMuMzA1IDIuODQ4LS41MTggNS42NDYtMi4zMTcgNy44NzZ6IiBmaWxsPSIjYWQ3NTRiIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIiBjbGFzcz0iIj48L3BhdGg+PHBhdGggZD0ibTk0LjY4NCA0MTguNzc2Yy0xNS4yNzMtNS43MS0yMi4wMDktMjAuNzg0LTI0LjY2Ni0yOS4yNjItMS4yMTUtMy44NzctNC43NjMtNi40ODEtOC44MjktNi40ODFzLTcuNjE0IDIuNjA0LTguODI5IDYuNDgxdi4wMDFjLTIuNjU2IDguNDc3LTkuMzkzIDIzLjU1LTI0LjY2MyAyOS4yNi0zLjY0NCAxLjM2MS01Ljk5OCA0Ljc2MS01Ljk5OCA4LjY2MXMyLjM1NCA3LjMgNS45OTUgOC42NmMxNS4yNzMgNS43MTEgMjIuMDA5IDIwLjc4NCAyNC42NjYgMjkuMjYzIDEuMjE1IDMuODc3IDQuNzYzIDYuNDgxIDguODI5IDYuNDgxczcuNjE0LTIuNjA0IDguODI5LTYuNDgyYzIuNjU2LTguNDc4IDkuMzkyLTIzLjU1MiAyNC42NjMtMjkuMjYxIDMuNjQ0LTEuMzYxIDUuOTk4LTQuNzYxIDUuOTk4LTguNjYxcy0yLjM1NS03LjI5OS01Ljk5NS04LjY2em0tMzMuNDk1IDI5LjAxOGMtMy44MzMtNy4xMjQtOS41MTItMTQuNzA2LTE3LjgxNy0yMC4zNTcgOC4zMDYtNS42NSAxMy45ODQtMTMuMjMyIDE3LjgxNy0yMC4zNTcgMy44MzMgNy4xMjQgOS41MTIgMTQuNzA2IDE3LjgxNyAyMC4zNTctOC4zMDUgNS42NS0xMy45ODMgMTMuMjMyLTE3LjgxNyAyMC4zNTd6IiBmaWxsPSIjYWQ3NTRiIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIiBjbGFzcz0iIj48L3BhdGg+PC9nPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4=");
    background-size: 35px;
    background-repeat: no-repeat;
    background-position-x: 50px;
    background-position-y: 4px;
}.ui-timepicker-wrapper {
     overflow-y: auto;
     max-height: 150px;
     width: 6.5em;
     background: #fff;
     border: 1px solid #ddd;
     -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
     -moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
     box-shadow:0 5px 10px rgba(0,0,0,0.2);
     outline: none;
     z-index: 10052;
     margin: 0;
 }

.ui-timepicker-wrapper.ui-timepicker-with-duration {
    width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
    width: 11em;
}

.ui-timepicker-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ui-timepicker-duration {
    margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
    color: #888;
}

.ui-timepicker-list li {
    padding: 3px 0 3px 5px;
    cursor: pointer;
    white-space: nowrap;
    color: #000;
    list-style: none;
    margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
    background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
    background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
    color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    color: #888;
    background: #cfcfcf;
    cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    background: #f2f2f2;
}